/*문자열설정*/
@charset "utf-8";
/*폰트설정*/

@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

/*
font-weight
thin : 100 / extralight : 200 / light : 300 / regular : 400 / medium : 500 / semibold : 600 / bold : 700 / extrabold : 800 / black : 900
*/

@font-face { /* 나눔명조 regular */
  font-family: 'NanumMyeongjoRegular';
  src: url("/fonts/Nanum/NanumMyeongjo-Regular.ttf") format("truetype");
  font-weight: normal;
}

@font-face { /* 나눔명조 bold */
  font-family: 'NanumMyeongjoBold';
  src: url("/fonts/Nanum/NanumMyeongjo-Bold.ttf") format("truetype");
  font-weight: normal;
}

@font-face { /* 나눔명조 extrabold */
  font-family: 'NanumMyeongjoExtraBold';
  src: url("/fonts/Nanum/NanumMyeongjo-ExtraBold.ttf") format("truetype");
  font-weight: normal;
}

/*
font-family: 'NanumMyeongjo';
font-weight
regular : 400 / bold : 700 / extrabold : 800
*/


*{margin:0;padding:0;font-family:"Pretendard-Regular";letter-spacing: -1.5px;}
/*html5-doctor-reset-stylesheet.min CSS 초기화*/
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup {padding:0; margin:0; font-size:12px; }div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0;}table{border-spacing:0;}ol, ul, li{ list-style:none;}h1, h2, h3, h4, h5, h6, th, td{font-weight:normal; font-size:100%;}form, fieldset, a img{ border:0;}q:before,q:after { content:''; }abbr,acronym { border:0; }address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal;}blockquote, q{quotes:none;}caption{display:none;}a img, input, textarea, select, img{ vertical-align:middle;}time, progress, mark, output {display:inline;}a {text-decoration:none;}a img{ border:0;}img, input, select{vertical-align:middle;}input{ font-size:13px; color:#000; vertical-align:middle; }select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }article, aside, figure, figure img, figcaption, hgroup, footer, header, main, nav, section, label, video, object {display:block;}/* html5-doctor-reset-stylesheet.min CSS 초기화 */
body{overflow-y: scroll;}
body.nav-active{position:fixed;top:0;left:0;overflow:hidden;width:100%;height:100%}
.my-placeholder{color:#aaa;}
input[type=file].s_upload{filter:alpha(opacity=0);opacity:0;outline:none;background:none;cursor:pointer;}
a {color: #000; text-decoration: none; outline: none}

a:hover, a:active {text-decoration: none; color:#000;}
#doc{width:100%;}
iframe{border: none;}
.blind{position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
/*.blind{position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; text-indent:-9999999999px;}*/
.clear:after{content:"";display:block;clear:both;}
/*html5-doctor-reset-stylesheet.min CSS 초기화*/

/* 카카오맵 여백,테두리 초기화 */
.root_daum_roughmap{padding:0 !important;border:0 !important;}
/* 카카오맵 스크롤시 줌/인 방지 스크립트 */
.root_daum_roughmap:before{content:"";display:block;position:absolute;width:100%;height:100%;background:rgba(255,255,255,0);z-index:2;cursor:pointer;}
.root_daum_roughmap.changed:before{display:none;}
/* 카카오맵 스크롤시 줌/인 방지 스크립트 */

.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.fll{float:left;}
.flr{float:right;}
.por{position:relative;}
.poa{position:absolute;}
.fwb{font-weight:bold;}

.content_wrap{min-width: 1920px;text-align: center;}
footer {min-width: 1920px;}
header {min-width: 1920px;}



/*배너1*/
.main_banner_wrap{width:1920px;min-width:1200px;position:relative;left:50%;margin-left:-960px;height:100%;}
/*배너1*/

/*해더 */

.head_member{float:right;}
.head_member::after{content:'';display:block;clear:both;}
.head_member > li{float:left;color:#999;font-size:14px;line-height: 32px;}
.head_member > li > a{color:#999;font-size:14px; padding-left:5px; padding-right:5px;}
.head_banner_wrap .bx-wrapper .bx-prev{width:9px; height:20px; left:-20px;top:25%;background: url('/img/main/head_banner_prev.png') no-repeat;display:inline-block;text-indent:99999px;}
.head_banner_wrap .bx-wrapper .bx-next{width:9px; height:20px; right:-20px;top:25%;background: url('/img/main/head_banner_next.png') no-repeat;display:inline-block;text-indent:99999px;}
.top_line_lang{cursor:pointer;}
.head_lang{position:relative;}
.lang_hidden{position:absolute;z-index:9999999;display:none;top:34px;border-top:1px solid #999;border-left:1px solid #999;background: #fff;}
.lang_hidden > li{width:72px;height:30px;line-height:30px;border-bottom:1px solid #999; border-right:1px solid #999 ;}
.lang_hidden > li > a{font-size:13px;color:#999;display:block;padding-left:2px;text-align: center;}
.head_tel{font-size:20px !important;font-weight:bold;margin-left:20px;color:#000 !important;}


/* 상단 탑 메뉴 */
.dep1_line{position:absolute;bottom:0;border-color:transparent transparent #ccc transparent;border-width:8px;border-style:solid;opacity:0;}
.leftgnb{text-align:center;float: left;}
.leftgnb > li{display:inline-block;position:relative;}

.leftgnb_on > li > a{font-size:20px;color:#000;padding:0 35px;display:block;text-align:center}
.leftgnb > li > a{font-size:20px;color:#000;padding:0 30px 40px 0;display:block;text-align:center;font-weight: 600 !important;cursor: pointer;}
.leftgnb > li > a:hover {color:#C3AFA0 !important;}


.rightgnb{text-align:center;float: right;}
.rightgnb > li{display:inline-block;position:relative;}
.rightgnb_on > li > a{font-size:20px;color:#000;padding:0 35px;display:block;text-align:center}
.rightgnb > li > a{font-size:20px;color:#000;padding:0 0 40px 30px;display:block;text-align:center;font-weight: 600 !important;}
.rightgnb > li > a:hover {color:#C3AFA0 !important;}


.dep1.on .dep2_wrap{opacity:1;transform: matrix(1, 0, 0, 1, 0, 0);visibility: visible}
.dep2_wrap{position:absolute;transition:all .3s;transform: matrix(1, 0, 0, 1, 0, 20);visibility: hidden;z-index:10;background: rgba(0,0,0,0.8);opacity:0;width:200px;top:44px;left:50%;margin-left:-114px;box-sizing:border-box;text-align:left;padding:30px 0;}
.leftgnb > li:first-child > .dep2_wrap{margin-left:-69px;}
/*.dep2_wrap:before{position:absolute;content:'';display:inline-block;border-color:transparent transparent #ccc transparent;border-width:8px;border-style:solid;top:-16px;left:50%;margin-left:-4px}*/
.dep2_wrap:after{clear:both;display:block;content:''}
.dep2_wrap > h3{position:relative;display:inline-block}
.dep2_wrap > h3 > a{font-size:21px;color:#000}
.dep2_wrap > h3:after{display:inline-block;content:'';width:40%;height:2px;background:#482394;margin:5px 0 15px;transition:all .2s}
.dep2{position:relative}
.dep2 > li{padding:10px 0;}
.dep2 > li.nobd{border: none;}
.dep2 > li.top_nobd{border: none;}
.dep2 > li:last-child{margin-bottom:0}
.dep2 > li > a{color:#888888;font-size:16px;position:relative;transition:all .2s;display:inline-block;width:100%;font-weight: 500;text-align: center;}
.dep2 > li.on > a:after{width:100%}
/*.dep2 > li > a:after{content:'';position:absolute;height:2px;width:0;bottom:0;left:0;background:#482394;transition:all .2s}*/
.dep2 > li > a:hover {color:#fff;text-align: center;}
.dep2 > li > a:hover:after{width:100%;}

.tophead{position:relative;width:1284px;margin:0 auto;}
.tophead > h1 {margin: 50px 0 40px 0;float: left;}
.tophead > .head_member{margin: 70px 0 40px 0;float: right}
.tophead:after {content: '';display: block;clear: both;}

.bottomhead{position:relative;width:1284px;margin:0 auto;}
.bottomhead:after {content: '';display: block;clear: both;}

/* 상단 탑 메뉴 */

/*해더 */


/* 메인 */

.main_banner_wrap03 {text-align: center;}

/* 메인 상단 슬라이드영역 */
.main_visual {
    display: flex;
    height: 800px;

}
.main_visual .main-slide {
    width: 100%;
}
.main_visual .swiper-slide a {
    display: block;
    height: 100%;
    overflow: hidden;
}
.main_visual .main-slide .swiper-slide .main_img {
    height: 100%;
}
.main_visual .main-slide .slide00 .main_img {
  background: center / cover no-repeat url("../renew_images/main/main_sd00.jpg");
}

.main_visual .main-slide .slide01 .main_img {
    background: center / cover no-repeat url("../renew_images/main/main_sd01.jpg");
}

.main_visual .main-slide .slide02 .main_img {
    background: center / cover no-repeat url("../renew_images/main/main_sd02.jpg");
}

.main_visual .main-slide .slide03 .main_img {
    background: center / cover no-repeat url("../renew_images/main/main_sd03.jpg");
}

.main_visual .main-slide .slide04 .main_img {
    background: center / cover no-repeat url("../renew_images/main/main_sd04.jpg");
}
.main_visual .main-slide .slide05 .main_img {
    background: center / cover no-repeat url("../renew_images/main/main_sd05.jpg");
}

.main_visual .main-slide .slide06 .main_img {
    background: center / cover no-repeat url("../renew_images/main/main_sd06.jpg");
}
.main_visual .main-slide .slide07 .main_img {
    background: center / cover no-repeat url("../renew_images/main/main_sd07.jpg");
}
.main_visual .main-slide .slide08 .main_img {
  background: center / cover no-repeat url("../renew_images/main/main_sd08.jpg");
}

.swiper-pagination{position: absolute;bottom:38px;left: 0;width: 100%;}
.swiper-pagination-bullet { width: 20px; height: 20px; background: #A2A2A2;margin:0 5px;  opacity: 1; }
.swiper-pagination-bullet-active { width: 20px;height: 20px; background: #E9C9B1; opacity: 1;  }


.main_banner_wrap02 {background: #F6F6F6;height:460px;}
.banner_wrap02_div div{width:1284px;margin:0 auto;}
.banner_wrap02_div div ul {display: inline-block;;}
.banner_wrap02_div div ul:after {content:"";display: block;clear: both;}
.banner_wrap02_div div ul > li {float: left;margin:74px 23px 76px 0;}
.banner_wrap02_div div ul > li:nth-child(4){margin-right:0px !important;}
.banner_wrap02_div div .banner_doc_wrap > img{vertical-align: top;}

/*main_banner_wrap02*/
.main_banner_wrap02 {width:100%; position:relative; margin:0 auto; }


.banner_wrap04_imgcontents {position: relative;;background: url("../renew_images/main/banner_wrap04_img.jpg") no-repeat;height:1038px;background-position: center;max-width: 1920px;  margin: 0 auto;}
.banner_wrap04_imgcontents > span {left:320px;position: absolute;top:160px;;font-size:34px;font-weight: 300;color:#fff;text-align: left;line-height: 44px;}
.banner_wrap04_imgcontents > span > strong{ font-weight: 700 ;font-size:71px;color:#F0D6BB;}
.banner_wrap04_imgcontents > div {width:1680px;height:613px;background: #fff;position: absolute;bottom:0;left:50%;margin-left:-840px;}


/*main_banner_wrap02*/
.banner_wrap04_list {width:100%; position:relative; display:inline-block; zoom:1; text-align:left; margin:0 auto; border-bottom:0px solid #eaeaea;}
.banner_wrap04_list > h2 {font-size:40px;width:1280px;margin:60px auto 40px auto;font-weight: 550;}
.banner_wrap04_list > h2 > a {font-size:22px;font-weight: 400;float: right;display: inline-block;margin:16px 0;width:120px;height:60px;background: #000000;border-radius:40px;color:#fff;line-height: 60px;text-align: center;}
.banner_wrap04_list > .main_board_divslick {width:1284px; margin:0 auto;box-sizing: border-box;position: relative;}
.banner_wrap04_list > .main_board_divslick span {width: 303px;position: relative;text-align: left;display: inline-block;margin-right:20px;box-sizing: border-box;vertical-align: top;}
.banner_wrap04_list > .main_board_divslick span:nth-child(4) {margin-right:0 !important;}
.banner_wrap04_list > .main_board_divslick span {cursor: pointer}
.banner_wrap04_list > .main_board_divslick span a div.img_box {width: 100%;}
.banner_wrap04_list > .main_board_divslick span a div.img_box img{width:303px;height:303px;}
.banner_wrap04_list > .main_board_divslick span a div.text_box {width: 100%;padding:20px 20px;background: #555555;;box-sizing: border-box;}
.banner_wrap04_list > .main_board_divslick span a div.text_box p.title {    width: 100%;line-height: 22px;font-size: 22px;font-weight: 400;text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#fff;}
.banner_wrap04_list > .main_board_divslick span a div.text_box .etc1{margin-top:10px;font-size: 18px;color: #000;font-weight: 300;text-align: center;line-height: 18px;color:#AAAAAA;height:20px;}
.banner_wrap04_list > .main_board_divslick span a div.text_box p.subject {width:100%; line-height:1.5; font-size:14px; color:#999;overflow: hidden;}
.banner_wrap04_list > .main_board_divslick span a div.text_box p.add_info {width:100%; line-height:1.5; text-align:right; font-size:0px; margin-top:30px;}
.banner_wrap04_list > .main_board_divslick span a div.text_box p.add_info label.day {display:inline-block; zoom:1; padding:4px 10px; color:#999; border:1px solid #ccc; border-right:0px; text-align:center;font-size:12px;}
.banner_wrap04_list > .main_board_divslick span a div.text_box p.add_info label.view {display:inline-block; zoom:1; padding:4px 10px; color:#fff; background:#999; border:1px solid #999; text-align:center;font-size:12px;}

.main_board_divslick > .slick-arrow{position:absolute;width:60px;height:60px;border:0;outline:0;display:inline-block;text-indent:-99999px;cursor:pointer;z-index:1;}
.main_board_divslick > .slick-prev{background: url("/images/main/main_board_divslick_prev.png") no-repeat;left:-60px;top:155px;}
.main_board_divslick > .slick-next{background: url("/images/main/main_board_divslick_next.png") no-repeat;right:-60px;top:155px;}


.banner_wrap04_list h2:after {display: block;clear: both;content:""}


.youtube_bgbox {position: fixed;left: 0;top: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.7);z-index: 100000;display: none;}
.shorts > iframe {width: 405px !important;height: 720px !important;margin-left:-203px !important;margin-top:-380px !important;top:50%;left:50%;}
.youtube_bgbox > iframe {width:854px;height:480px;top:50%;left:50%;margin-left:-427px;margin-top:-240px;position: fixed;}
.youtube_bgbox > .close_no {position: absolute;top:170px;right:550px;font-size:28px; color:#fff;cursor: pointer;}
/*banner_wrap04_list*/
/* 메일 */



/* 푸터 */
.footer_notice {background: #000;text-align: center;font-size: 14px;color:#9D9D9D;height:40px;line-height: 40px;letter-spacing: normal;font-weight: 400;}



.footer_bgwrap {background: #2B2825;}
.footer_bgwrap > .footer_contentwrap {width:1280px;margin:0 auto;padding:60px 0 40px 0;}
.footer_bgwrap > .footer_contentwrap:after {content:"";display: block;clear: both;}
.footer_bgwrap > .footer_contentwrap > strong {font-size:14px; font-weight: 500;color:#fff;display: block;letter-spacing: normal;margin:30px 0 20px 0;}
.footer_bgwrap > .footer_contentwrap > p {font-size:12px;color:#97989A;letter-spacing: normal;font-weight: 300;line-height: 22px;}
.footer_bgwrap > .footer_contentwrap > span {display: block;;font-size:12px;color:#97989A;letter-spacing: normal;font-weight: 300;margin:40px 0 0 0 ;float: left;}
.footer_bgwrap > .footer_contentwrap > ul {display: inline-block;float: right;margin:40px 0 0 0 ;}
.footer_bgwrap > .footer_contentwrap > ul:after {content:"";display: block;clear: both;}
.footer_bgwrap > .footer_contentwrap > ul > li {float: left;margin:0 10px;}


.counsel_bgwrap {background: url("../renew_images/main/counsel_bgwrap_bg.png") no-repeat;height:140px;background-position: center;}
.counsel_bgwrap > .counsel_contentwrap {width:1280px;margin:0 auto;padding:39px 0;position: relative;}
.counsel_bgwrap > .counsel_contentwrap:after {content:"";display: block;clear: both;}
.counsel_bgwrap > .counsel_contentwrap > dl {box-sizing: border-box;position: absolute;}
.counsel_bgwrap > .counsel_contentwrap > dl:after {content:"";display: block;clear: both;}
.counsel_bgwrap > .counsel_contentwrap > dl > dt {float: left;font-size:18px; font-weight: bold;color:#fff;line-height: 18px;letter-spacing: normal;margin:0 60px 0 0;}
.counsel_bgwrap > .counsel_contentwrap > dl > dd {float: left;font-size:12px;color:#fff;line-height: 18px;margin-right:40px;letter-spacing: normal}


.footer_catewrap {background: #F2F2F2;}
.footer_catewrap > div {width:1280px;margin:0 auto;padding:61px 0 61px 461px;}
.footer_catewrap > div > img{vertical-align:top;}
.footer_catewrap > div > span {font-size:26px;font-weight: 300;margin-left:40px;line-height: 32px;display: inline-block;}
/* 푸터 */


/* 빠른상담 */
.quick_cons_warp {width:100%;background: #49423E;position: fixed;bottom: 0;z-index: 9999999;opacity: 0.9;}
.quick_cons_warp > .quick_cons_content {width:1280px;margin:0 auto;padding: 25px 0;}
.quick_cons_warp > .quick_cons_content:after {content:"";display: block;clear: both;}
.quick_cons_warp > .quick_cons_content > p {margin-right:40px;float: left;}
.quick_cons_warp > .quick_cons_content > div {margin-right:40px;float: left;font-size: 20px;color:#fff;font-weight: 600;height: 40px;line-height: 40px;}
.quick_cons_warp > .quick_cons_content > p > input[type=text] {height: 40px;line-height: 40px;width:180px;font-size: 16px;box-sizing: border-box;color:#000;padding-left: 20px;}
.quick_cons_warp > .quick_cons_content > p > input[type=checkbox] {width:20px;height: 20px;margin-right:12px;}
.quick_cons_warp > .quick_cons_content > p > select {height: 40px;line-height: 40px;width:290px;font-size: 16px;box-sizing: border-box;padding-left: 20px;}
.quick_cons_warp > .quick_cons_content > p > label {font-size: 12px;line-height: 40px;height: 40px;color: #fff;display: inline-block;font-weight: 500;letter-spacing: -1px;}
.quick_cons_warp > .quick_cons_content > p > label > a {font-size: 12px;color: #fff;font-weight: 500;}
.quick_cons_warp > .quick_cons_content > input[type=submit] {background: #F1D1AC;color: #49423E;width:180px;text-align: center;line-height: 40px;height: 40px;display: inline-block;font-size:20px;font-weight: 600;border: none;}
/* 빠른상담 */

/* 서브 css */
.full_sub_wrap {position: relative;text-align: center;}
.sub_wrap {width:1284px;margin: 100px auto 0 auto;}
.sub_visual_wrap {position: relative;text-align: center;}
.sub_visual_wrap > h2 {position: absolute;left:50%;margin-left:-350px;font-size: 50px;font-weight: bold;color:#fff;top:125px;width:700px}
.sub_visual_wrap > h2 > div{font-size:20px;color:#fff;margin-top:20px;opacity: 0.7;}
/* 서브 css */

/* 비대면, 비용문의 css*/
.sub_visualtxt {position: absolute;text-align: center;width:1000px;left:50%;margin-left: -500px;;}
.sub_visualtxt > em {font-size:32px;font-weight: 400 ;color:#FFFFFF}
.sub_visualtxt > h2 {font-size:50px;font-weight: 800 ;color:#FFFFFF;margin:20px 0 40px 0;font-family: 'Pretendard';}
.sub_visualtxt > strong {font-size:24px;font-weight: 500  ;color:#DAC7AA;margin-bottom:15px;display: block;}
.sub_visualtxt > span {font-size:20px;font-weight: 100 ;color:#FFFFFF;display: block;line-height: 30px;font-family: 'Pretendard';}
.sub_visualtxt > span > strong {font-size:20px;font-weight: 700 ;color:#EDDCBF;display: inline-block;}

.sub_contenttop {text-align: center;}
.sub_contenttop > strong {font-size:32px;font-weight: 700; color:#000000;display: block;margin-bottom:20px;font-family: "NanumMyeongjoRegular";}
.sub_contenttop > span {font-size:20px;font-weight: 300;color:#777777;text-align: center;}
.sub_contenttop > span > em{color:#CEAE7C;text-decoration: underline;}

.vlf_inputwrap {display: block;margin-top:60px;}
.vlf_inputwrap:after {content:"";display: block;clear: both;}
.vlf_inputwrap > li {
    width:632px; 
	float: left;
	margin-right:20px;
	margin-bottom:20px;
}
.vlf_inputwrap > li:nth-child(2n){margin-right:0 !important;}
.vlf_inputwrap > li textarea, 
.vlf_inputwrap > li select, 
.vlf_inputwrap > li button, 
.vlf_inputwrap > li input[type="text"], 
.vlf_inputwrap > li input[type="password"], 
.vlf_inputwrap > li input[type="number"], 
.vlf_inputwrap > li textarea:focus, 
.vlf_inputwrap > li input[type="text"]:focus, 
.vlf_inputwrap > li input[type="password"]:focus, 
.vlf_inputwrap > li input[type="email"]:focus, 
.vlf_inputwrap > li.uneditable-input:focus, 
.vlf_inputwrap > li .form-control:focus {
    outline:none; 
    -webkit-appearance:none;
    border-radius:0;box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.vlf_inputwrap > li input:hover[type='tel'], 
.vlf_inputwrap > li input:hover[type='url'], 
.vlf_inputwrap > li input:hover[type='number'], 
.vlf_inputwrap > li input:hover[type='email'], 
.vlf_inputwrap > li input:hover[type='text'], 
.vlf_inputwrap > li input:hover[type='password'], 
.vlf_inputwrap > li input:hover.text, 
.vlf_inputwrap > li input:hover.password {
    /*border:2px solid #42c0bf;*/
}

.vlf_inputwrap > li input[type='text'] {background: #f7f4da !important;}
.vlf_inputwrap > li input[type='text'], 
.vlf_inputwrap > li select {
    width:632px; 
    height:60px; 
	text-align: center; 
    line-height:60px; 
    background:#F9F9F9; 
    font-size:18px; 
    color:#888888; 
    border:1px solid #888888; 
	box-sizing: border-box;
}
.vlf_inputwrap > li input[type='text']::placeholder {
  color: #888888;
  box-sizing: border-box;
}
.vlf_inputwrap > li select {
    background:url('/renew_images/sub/vlf_select_scr.png') 97% #F9F9F9 no-repeat;
}

input[type=submit].privacy_sbt {width:400px;height: 80px;line-height: 80px;background: #49423E;color:#fff;font-size: 22px;font-weight: 500;margin: 40px auto 0 auto;display: block;border: none;}

/* 비대면, 비용문의 css*/



/* 로그인 css */
.login_contetn_wrap {width:1280px;margin:100px auto 100px auto;}

.login_contetn_wrap > .sub_login_wrap{text-align: center;margin-bottom:44px;}
.login_contetn_wrap > .sub_login_wrap > h2 {font-size:44px;font-weight: 600;line-height: 56px;}
.login_contetn_wrap > .sub_login_wrap > h2 > div {font-size: 18px;color:#999999;line-height: 24px;margin-top: 40px;}

.login_contetn_wrap > .login_from_wrap{width: 620px;margin: 34px auto 0 auto;}
.login_contetn_wrap > .login_from_wrap > form > ul.login_wrap_ul {display: inline-block;}
.login_contetn_wrap > .login_from_wrap > form > ul.login_wrap_ul > li {border-bottom:1px solid #CCCCCC;margin:10px 0;}
.login_contetn_wrap > .login_from_wrap > form > ul.login_wrap_ul > li > label {display: inline-block;font-size: 18px;width:70px;height:60px;line-height: 60px;}
.login_contetn_wrap > .login_from_wrap > form > ul.login_wrap_ul > li > input {font-size: 16px;color: #AAAAAA;width:510px;height:60px;line-height: 60px;border: none;margin-left: 40px;box-sizing: border-box;}
.login_contetn_wrap > .login_from_wrap > form > div {text-align: right;font-size: 16px;margin: 20px 0 40px 0;}
.login_contetn_wrap > .login_from_wrap > form > input[type=submit] {background: #49423E; color:#fff;font-size:20px;    border-radius: 40px;width:100%;border: none;line-height: 70px;height: 70px;cursor: pointer;}

.login_contetn_wrap > .social_wrap{width: 620px;margin: 40px auto;font-size:22px; text-align: center;border-bottom: 1px solid #EEEEEE;padding-bottom: 40px;box-sizing: border-box;}
.login_contetn_wrap > .social_wrap > a{display: inline-block;margin-top:20px;}
.login_contetn_wrap > .social_wrap > a.social_mr {margin-right:40px;}

.login_contetn_wrap > .join_wrap{width: 620px;margin:0 auto;font-size: 16px;text-align: center;}
.login_contetn_wrap > .join_wrap > a {display: block;;background: #A19281; color:#fff;font-size:20px;    border-radius: 40px;width:100%;border: none;line-height: 70px;height: 70px;text-align: center;margin-top: 20px;}


/* 회원가입 css */
.login_contetn_wrap {width:1280px;margin:100px auto 100px auto;}
.join_form_wrap {width:1280px;margin:0 auto 100px auto;}
.join_form_wrap > .join_table_form{width: 1280px;margin: 34px auto 0 auto;border-top: 1px solid #49423E;border-bottom: 1px solid #49423E;}
.join_form_wrap > .join_table_form tr th {background: #F3F3F3;font-size: 24px;height: 90px;line-height: 90px;border-bottom: 1px solid #DEDEDE;}
.join_form_wrap > .join_table_form tr td {height: 90px;line-height: 90px;box-sizing: border-box;padding-left: 40px;border-bottom: 1px solid #DEDEDE;font-size:18px;height:50px;line-height: 50px;}
.join_form_wrap > .join_table_form tr td > em {height: 50px;line-height: 50px;margin-left: 40px;}
.join_form_wrap > .join_table_form tr td > span {height: 50px;line-height: 50px;margin-left: 40px;background: #49423E;width:180px;display: inline-block;text-align: center;color: #fff;font-weight: 600;font-size: 16px;box-sizing: border-box;cursor: pointer;}
.join_form_wrap > .join_table_form tr td > input {width:400px;height:50px;line-height: 50px;border: 1px solid #CCCCCC;box-sizing: border-box;font-size:16px;padding-left:20px;}

.joinprivacy_wrap {width:1280px;margin:0 auto;}
.joinprivacy_wrap > span {display: block;font-size:30px;font-weight: 400;margin-bottom:21px;}
.joinprivacy_wrap > .joinprivacy_all {border-top: 1px solid #49423E;line-height: 90px;font-size: 20px;height: 90px;border-bottom: 1px solid #DEDEDE;}
.joinprivacy_wrap > .joinprivacy_all > input {width:30px;height:30px;vertical-align: middle;margin-right:20px;}
.joinprivacy_wrap > .joinprivacy_all > label {display: inline-block;color:#666666; }
.joinprivacy_wrap > .joinprivacy_select {border-bottom: 1px solid #49423E;padding:30px 0 14px 0;}
.joinprivacy_wrap > .joinprivacy_select > ul > li {margin-bottom: 16px;}
.joinprivacy_wrap > .joinprivacy_select > ul > li > input {width:30px;height:30px;vertical-align: middle;margin-right:20px;}
.joinprivacy_wrap > .joinprivacy_select > ul > li > label {display: inline-block;font-size:16px;color:#666666;}
.joinprivacy_wrap > .joinprivacy_select > ul > li > a {font-size:16px;color:#666666;}
.joinprivacy_wrap > .joinprivacy_select > ul > li > label > strong {font-weight: 600;color:#000;}
.joinprivacy_wrap > input[type=submit] {background: #49423E; color:#fff;font-size:20px;border-radius: 40px;width:620px;border: none;line-height: 70px;height: 70px;cursor: pointer;margin: 80px auto 0 auto;display: block;}

.idfind_mt {margin:40px 0 24px 0;}
.idpwfind_icon {background: #fff;color: #49423E;font-size: 20px;border-radius: 40px;width: 100%;border: 1px solid #49423E;line-height: 70px;height: 70px;display: block;text-align: center;box-sizing: border-box;}

/* 게시판 페이징 css*/
.paging_wrap {width:100%; position:relative; margin:80px auto; text-align:center;}
.paging_wrap > a > span.on {background:#D2C1A7;border: 1px solid #DDDDDD;color:#fff;}
.page_naviv {width:32px; height:34px; line-height:34px; display:inline-block; zoom:1; border:1px solid #DDDDDD; background:#fff; cursor:pointer; color:#999;font-size:16px;vertical-align: top;padding: 8px 0;box-sizing: border-box;margin:0 5px;}
.page_naviv > img {vertical-align: top !important;}
.page_naviv_num {width:32px; height:34px; line-height:34px; display:inline-block; zoom:1; border:1px solid #DDDDDD; cursor:pointer;vertical-align: top;margin:0 5px;box-sizing: border-box;color:#999999;font-size:14px;}

/* 이용약관 */
.privacy_wrap {width:1280px;margin:100px auto;}
.privacy_wrap > h2 {font-size: 44px;font-weight: 600;text-align: center;margin-bottom:30px;}
.privacy_wrap > strong {font-size: 22px;font-weight: 600;color:#333333;margin-top:50px;display: block;}
.privacy_wrap > div {font-size: 18px;color:#999999;margin-top: 20px;width:1280px;word-break:break-all;line-height: 28px;}
.privacy_wrap > div > em {font-size: 20px;font-weight: 600;color: #AA9277;}
.privacy_wrap > div > strong {font-size: 20px;font-weight: 600;color: #333333;}

/* 방문전무료상담, 수술후상담, 온라인예약 */

.privacy_fold_wrap {margin: 20px 0;}
.privacy_fold_wrap > input[type=checkbox] {width:30px;height:30px;vertical-align: top;margin-right:20px;}
.privacy_fold_wrap > label {font-size: 18px;color:#999999;line-height: 30px;display: inline-block;height: 30px;}
.privacy_fold_wrap > a.privacy_opne_btn {font-size: 18px;color:#999999;line-height: 30px;height: 30px;cursor:pointer;}

.privacy_unfold_wrap {margin-top:70px;display: none;text-align: left;}
.privacy_unfold_wrap > strong {font-size: 24px;color:#000;line-height: 38px;}
.privacy_unfold_wrap > span {font-size: 18px;color:#777777;display: block;line-height: 32px;margin-top:10px;}
.privacy_unfold_wrap > div {text-align: right;}
.privacy_unfold_wrap > div > a {cursor:pointer;}
.privacy_unfold_wrap > ul {display: block;margin-top:40px;}
.privacy_unfold_wrap > ul:after {content: "";display: block;clear: both;}
.privacy_unfold_wrap > ul > li {float: left;margin-left:40px;}
.privacy_unfold_wrap > ul > li:nth-child(1) {margin-left: 0;width:290px;}
.privacy_unfold_wrap > ul > li:nth-child(2) {width:620px;}
.privacy_unfold_wrap > ul > li:nth-child(3) {width:290px;}
.privacy_unfold_wrap > ul > li > div.privacy_unfold_title {background: #A89F91;color:#fff;font-size: 22px;line-height: 70px;height: 70px;text-align: center;}
.privacy_unfold_wrap > ul > li > div.privacy_unfold_content {text-align: center;border: 1px solid #AECDE4;height:70px;line-height: 70px;font-size: 18px;color:#999999;}


/* 오시는길 / 진료안내 */
.wrap_controllers  {display: none;}
.introduce04_daummap {position: relative;}
.introduce04_daummap > .daummap_layer {background: #fff;width: 640px;height: 140px;box-sizing: border-box;position: absolute;bottom:0;left:0;z-index: 99;padding: 43px 0 43px 20px;}
.introduce04_daummap > .daummap_layer > strong {font-size: 18px;font-weight: 400;display: block;margin-bottom:9px;}
.introduce04_daummap > .daummap_layer > span {font-size: 14px;color: #999999;}

.vlif05_info {padding:80px 0 40px 0;}
.vlif05_info:after {content:"";clear: both;display: block;}
.vlif05_info > div {float: left;font-size:34px;font-weight: 700;margin-right:70px;}
.vlif05_info > ul {float: left;}

.introduce04_ul02 {width:800px;}
.introduce04_ul02:after {content:"";clear: both;display: block;}
.introduce04_ul02 > li {float: left;margin:0 80px 20px 0;}
.introduce04_ul02 > li > strong {font-size:24px;font-weight: 600;margin-right:20px;}
.introduce04_ul02 > li > span {font-size:22px;font-weight: 300;}

.vlif05_sosail{margin:50px 0 100px 0;text-align: center;}
.vlif05_sosail > li{margin:0 10px;display: inline-block;}
.vlif05_sosail > li > a{width:220px;height:70px;line-height: 70px;font-size:22px;font-weight: 400;color:#A6907D;border: 1px solid #A6907D;padding:22px 53px;border-radius:70px;}

.introduce04_ul {display: inline-block;width:1100px;}
.introduce04_ul:after {content: "";display: block;clear: both;}
.introduce04_ul > li {float: left;width:548px;margin-bottom:40px;height:130px;box-sizing: border-box;text-align: left;}
.introduce04_ul > li > div {display: inline-block;margin:7px 0 0 40px;}
/*.introduce04_ul > li:nth-child(2) > div {margin:20px 0 0 40px;}*/
.introduce04_ul > li:nth-child(4) {border: 1px solid #AAAAAA;}
.introduce04_ul > li:nth-child(4) > div {margin:12px 0 0 0;width:100%;}
.introduce04_ul > li:nth-child(4) > div > span {font-size: 16px;line-height: 26px;text-align: center;color:#666666;font-weight: 400;}
.introduce04_ul > li:nth-child(4) > div > span > em {color:#000;font-weight: 600;}
.introduce04_ul > li > img {vertical-align: top !important;display: inline-block;}
.introduce04_ul > li:nth-child(2) > div > strong {line-height: 28px;}
.introduce04_ul > li > div > strong {font-size: 18px;font-weight: 600;display: block;margin-bottom:9px;}
.introduce04_ul > li > div > span {font-size: 14px;color: #999999;display: block; line-height:26px;font-weight:200;}
.introduce04_hfo {border: 1px solid #000;box-sizing: border-box;width:30px;height:2px;display: block;margin:0 auto 20px auto;}
.introduce04_gif_title {text-align: center;font-size: 24px;font-weight: 500;margin-bottom:60px;}


.introduce04_cate {text-align: center;margin:60px 0 40px 0}
.introduce04_cate > li {display: inline-block;;margin:0 20px;}
.introduce04_cate > li > a {padding:17px 32px;color:#222;border: 1px solid #DADADA;border-radius: 60px;text-align: center;font-weight: 400;font-size: 18px;display: block;cursor: pointer;}
.introduce04_cate > li > a.on {background: #49423E;color:#fff;}
.introduce04_allwrap {display: none;margin-bottom:80px;}
.introduce04_allwrap > iframe {vertical-align: bottom;}
.intcate0 {display: block;}
/* 오시는길 / 진료안내 */


/* 빌리프 둘러보기 */
.full_sub_wrap > .introduce05_slick_wrap {margin-top:210px;}
.full_sub_wrap > .introduce05_slick_wrap > .introduce05_toptxt {width:1280px;position: relative;margin:0 auto;}
.full_sub_wrap > .introduce05_slick_wrap > .introduce05_toptxt > span {font-size: 50px; font-weight: 600;line-height: 60px;display: block;text-align-last: left;position: absolute;top:-100px;z-index: 9;}
.full_sub_wrap > .introduce05_slick_wrap > .introduce05_toptxt > span > em {padding-top:20px; font-weight: 200; font-size: 18px;line-height: 26px;display: block;text-align-last: left;}
.full_sub_wrap > .introduce05_slick_wrap > .introduce05_slick_div > .slick-prev {background: content-box !important;bottom:0; cursor: url("/images/sub/introduce05_slick_div_prev.png"), auto !important;left:0;}
.full_sub_wrap > .introduce05_slick_wrap > .introduce05_slick_div > .slick-next {background: content-box !important;bottom:0; cursor: url("/images/sub/introduce05_slick_div_next.png"), auto !important;right:0;}
.full_sub_wrap > .introduce05_slick_wrap > .introduce05_slick_div > .slick-arrow{position:absolute;width:50%;height:100%;border:0;outline:0;display:inline-block;text-indent:-99999px;cursor:pointer;z-index:1;}

.full_sub_wrap > .introduce05_slick_wrap > .introduce05_slick_div > .slick-dots{position: absolute;text-align:center;bottom:60px;left:50%;margin-left:-300px;z-index:1;display: inline-block;height:20px;width:600px;}
.full_sub_wrap > .introduce05_slick_wrap > .introduce05_slick_div > .slick-dots > li{position: relative;display: inline-block;z-index:9;width:20px;height:20px;margin:0 5px;}
.full_sub_wrap > .introduce05_slick_wrap > .introduce05_slick_div > .slick-dots > li:nth-child(1){left:0;}
.full_sub_wrap > .introduce05_slick_wrap > .introduce05_slick_div > .slick-dots > li:nth-child(2){left:0;}
.full_sub_wrap > .introduce05_slick_wrap > .introduce05_slick_div > .slick-dots > li > strong{border:0;border-radius:100%;cursor:pointer;outline:none;font-size:16px;}
.full_sub_wrap > .introduce05_slick_wrap > .introduce05_slick_div > .slick-dots > li.slick-active{position:relative;display:inline-block !important;width:60px}
.full_sub_wrap > .introduce05_slick_wrap > .introduce05_slick_div > .slick-dots > li > button{background:#D9D9D9;text-indent:-9999px;display:inline-block;width:20px;height:20px;border:0;border-radius:10px;cursor:pointer;outline:none;}
.full_sub_wrap > .introduce05_slick_wrap > .introduce05_slick_div > .slick-dots > li.slick-active:hover > button , .full_sub_wrap > .introduce05_slick_wrap > .introduce05_slick_div > .slick-dots > li.slick-active > button{background:#fff;width:60px;}
.introduce05_slick_div > .slick-list > .slick-track > .slick-slide > img {width:100%;}
/* 빌리프 둘러보기 */


/* 서브 카테고리 */
.communitytop_cate {text-align: center;margin:0 0 100px 0}
.communitytop_cate > li {display: inline-block;;margin:0 20px;}
.communitytop_cate > li > a {width:180px;height:60px;line-height: 60px;color:#49423E;border: 1px solid #49423E;border-radius: 40px;text-align: center;font-weight: 600;font-size: 20px;display: block;}
.communitytop_cate > li > a.on {background: #49423E;color:#fff;}


.communitytop_cate02 {text-align: center;margin:0 0 100px 0}
.communitytop_cate02 > li {display: inline-block;;margin:12px 12px;}
.communitytop_cate02 > li > a {padding:15px 32px;color:#49423E;border: 1px solid #49423E;border-radius: 40px;text-align: center;font-weight: 600;font-size: 20px;display: block;box-sizing:border-box;}
.communitytop_cate02 > li > a.on {background: #554536;color:#fff;}
/* 서브 카테고리 */





/*영 종이페이퍼 효과*/
*:before,
  *:after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
  }
  .gallery {
    overflow-x: hidden;
    position: relative;
    color: inherit;
    height: 360px;
    width: 1920px;
    margin: 0 auto;
	cursor: pointer;
    /*margin: 5vh 5vw;*/
  }
  .gallery:active .shadow {
    animation: turn-page-shadow 2s ease-out;
  }
  .gallery .photo {
    z-index: 10;
    background-clip: content-box;
    overflow-x: hidden;
    position: absolute;
    color: inherit;
    width: 100%;
    height: 100%;
  }
  .gallery .photo::before {
    z-index: -10;
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    content: " ";
    right: 0%;
    top: 0px;
    filter: grayscale(90%) blur(2px);
  }
  @-moz-keyframes turn-page-backside {
    from {
      opacity: 0.25;
      clip-path: polygon(99% 0%, 100% 0%, 100% 100%, 99% 100%);
      transform: scale(-1, 1) translate(-119%) skew(0deg);
    }
    6% {
      opacity: 0.3;
      clip-path: polygon(99% 0, 100% 0, 100% 100%, 80% 100%);
      transform: scale(-1, 1) translate(-80%) skew(var(--skew-angle));
    }
    to {
      opacity: 1;
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      transform: scale(-1, 1) translate(100%) skew(0deg);
    }
  }
  @-webkit-keyframes turn-page-backside {
    from {
      opacity: 0.25;
      clip-path: polygon(99% 0%, 100% 0%, 100% 100%, 99% 100%);
      transform: scale(-1, 1) translate(-119%) skew(0deg);
    }
    6% {
      opacity: 0.3;
      clip-path: polygon(99% 0, 100% 0, 100% 100%, 80% 100%);
      transform: scale(-1, 1) translate(-80%) skew(var(--skew-angle));
    }
    to {
      opacity: 1;
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      transform: scale(-1, 1) translate(100%) skew(0deg);
    }
  }
  @-o-keyframes turn-page-backside {
    from {
      opacity: 0.25;
      clip-path: polygon(99% 0%, 100% 0%, 100% 100%, 99% 100%);
      transform: scale(-1, 1) translate(-119%) skew(0deg);
    }
    6% {
      opacity: 0.3;
      clip-path: polygon(99% 0, 100% 0, 100% 100%, 80% 100%);
      transform: scale(-1, 1) translate(-80%) skew(var(--skew-angle));
    }
    to {
      opacity: 1;
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      transform: scale(-1, 1) translate(100%) skew(0deg);
    }
  }
  @keyframes turn-page-backside {
    from {
      opacity: 0.25;
      clip-path: polygon(99% 0%, 100% 0%, 100% 100%, 99% 100%);
      transform: scale(-1, 1) translate(-119%) skew(0deg);
    }
    6% {
      opacity: 0.3;
      clip-path: polygon(99% 0, 100% 0, 100% 100%, 80% 100%);
      transform: scale(-1, 1) translate(-80%) skew(var(--skew-angle));
    }
    to {
      opacity: 1;
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      transform: scale(-1, 1) translate(100%) skew(0deg);
    }
  }
  @-moz-keyframes turn-page {
    from {
      opacity: 1;
      clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 0);
    }
    6% {
      opacity: 1;
      clip-path: polygon(100% 0%, 80% 100%, 0% 100%, 0 0);
    }
    to {
      opacity: 0.8;
      clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0 0);
    }
  }
  @-webkit-keyframes turn-page {
    from {
      opacity: 1;
      clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 0);
    }
    6% {
      opacity: 1;
      clip-path: polygon(100% 0%, 80% 100%, 0% 100%, 0 0);
    }
    to {
      opacity: 0.8;
      clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0 0);
    }
  }
  @-o-keyframes turn-page {
    from {
      opacity: 1;
      clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 0);
    }
    6% {
      opacity: 1;
      clip-path: polygon(100% 0%, 80% 100%, 0% 100%, 0 0);
    }
    to {
      opacity: 0.8;
      clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0 0);
    }
  }
  @keyframes turn-page {
    from {
      opacity: 1;
      clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 0);
    }
    6% {
      opacity: 1;
      clip-path: polygon(100% 0%, 80% 100%, 0% 100%, 0 0);
    }
    to {
      opacity: 0.8;
      clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0 0);
    }
  }
  .gallery .shadow {
    overflow-x: hidden;
    position: absolute;
    width: 70px;
    height: calc(90% - 1px);
    bottom: calc(5% + 1px);
    left: 95%;
    background: linear-gradient(to right, rgba(48,48,48,0.6) 10%, rgba(0,0,0,0) 80%);
  }
  @-moz-keyframes turn-page-shadow {
    from {
      left: 95%;
      transform: skew(0deg);
    }
    6% {
      left: 86%;
      transform: skew(calc(-1 * var(--skew-angle) / 1.91));
    }
    to {
      left: 5%;
      transform: skew(0deg);
    }
  }
  @-webkit-keyframes turn-page-shadow {
    from {
      left: 95%;
      transform: skew(0deg);
    }
    6% {
      left: 86%;
      transform: skew(calc(-1 * var(--skew-angle) / 1.91));
    }
    to {
      left: 5%;
      transform: skew(0deg);
    }
  }
  @-o-keyframes turn-page-shadow {
    from {
      left: 95%;
      transform: skew(0deg);
    }
    6% {
      left: 86%;
      transform: skew(calc(-1 * var(--skew-angle) / 1.91));
    }
    to {
      left: 5%;
      transform: skew(0deg);
    }
  }
  @keyframes turn-page-shadow {
    from {
      left: 95%;
      transform: skew(0deg);
    }
    6% {
      left: 86%;
      transform: skew(calc(-1 * var(--skew-angle) / 1.91));
    }
    to {
      left: 5%;
      transform: skew(0deg);
    }
  }
  .gallery .photo-1 {
    background-image: url("../images/sub/mainforce02_paper_event01.jpg");
  }
  .gallery .photo-1.is-active {
    opacity: 1;
    animation: turn-page 2s ease-out forwards;
  }
  .gallery .photo-1.is-active::before {
    z-index: 5;
    animation: turn-page-backside 2s ease-out;
  }
  .gallery .photo-1::before {
    background-image: url("../images/sub/mainforce02_paper_event01.jpg");
  }
  .gallery .photo-2 {
    z-index: -1;
    background-image: url("../images/sub/mainforce02_paper_event01_af.jpg");
  }


  /**/

  .gallery02 {
    overflow-x: hidden;
    position: relative;
    color: inherit;
    height: 360px;
    width: 1920px;
    margin: 0 auto;
	cursor: pointer;
    /*margin: 5vh 5vw;*/
  }
  .gallery02:active .shadow {
    animation: turn-page-shadow 2s ease-out;
  }
  .gallery02 .photo {
    z-index: 10;
    background-clip: content-box;
    overflow-x: hidden;
    position: absolute;
    color: inherit;
    width: 100%;
    height: 100%;
  }
  .gallery02 .photo::before {
    z-index: -10;
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    content: " ";
    right: 0%;
    top: 0px;
    filter: grayscale(90%) blur(2px);
  }

  .gallery02 .g2photo-1 {
    background-image: url("../images/sub/mainforce02_paper_event02.jpg");
  }
  .gallery02 .g2photo-1.is-active {
    opacity: 1;
    animation: turn-page 2s ease-out forwards;
  }
  .gallery02 .g2photo-1.is-active::before {
    z-index: 5;
    animation: turn-page-backside 2s ease-out;
  }
  .gallery02 .g2photo-1::before {
    background-image: url("../images/sub/mainforce02_paper_event02.jpg");
  }
  .gallery02 .g2photo-2 {
    z-index: -1;
    background-image: url("../images/sub/mainforce02_paper_event02_af.jpg");
  }
  /*영 종이페이퍼 효과*/

/* 영 css*/
.mainforce02_position_gif {position: absolute;top:251px;left:320px;}
.mainforce02_position_gif > img {width:620px;height:340px;}

.mainforce02_rolling > .slick-arrow{position:absolute;width:60px;height:60px;border:0;outline:0;display:inline-block;text-indent:-99999px;cursor:pointer;z-index:1;}
.mainforce02_rolling > .slick-prev{background: url("../images/sub/mainforce02_rolling_prev.jpg") no-repeat;left:320px;top:690px;}
.mainforce02_rolling > .slick-next{background: url("../images/sub/mainforce02_rolling_next.jpg") no-repeat;left:380px;top:690px;}

.mainforce02_rolling02  {width:1280px;margin:0 auto 128px auto;}
.mainforce02_rolling02 > .slick-arrow{position:absolute;width:60px;height:60px;border:0;outline:0;display:inline-block;text-indent:-99999px;cursor:pointer;z-index:1;}
.mainforce02_rolling02 > .slick-prev{background: url("../images/sub/mainforce02_rolling02_prev.jpg") no-repeat;left:0;top:150px;}
.mainforce02_rolling02 > .slick-next{background: url("../images/sub/mainforce02_rolling02_next.jpg") no-repeat;right:0;top:150px;}
/* 영 css*/

#mask { position:fixed;top:150px; left:30px;box-shadow : rgba(0,0,0,0.5) 0 0 0 9999px, rgba(0,0,0,0.5) 2px 2px 3px 3px;z-index : 99999;display: none;}
.position_box {display: none;position: fixed; top: 50%;margin-top:-191px; left:50%;margin-left:-248px;width:496px;background: #000;color:#fff;z-index : 999999;} 
.position_box_close {position: fixed;right:90px;top:50%;margin-top:-180px;}

.pb_on {display: block !important;}



  /*시니어 종이페이퍼 효과*/
*:before,
*:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}
.mfgallery {
  overflow-x: hidden;
  position: relative;
  color: inherit;
  height: 360px;
  width: 1920px;
  margin: 0 auto;
cursor: pointer;
  /*margin: 5vh 5vw;*/
}
.mfgallery:active .shadow {
  animation: turn-page-shadow 2s ease-out;
}
.mfgallery .photo {
  z-index: 10;
  background-clip: content-box;
  overflow-x: hidden;
  position: absolute;
  color: inherit;
  width: 100%;
  height: 100%;
}
.mfgallery .photo::before {
  z-index: -10;
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  content: " ";
  right: 0%;
  top: 0px;
  filter: grayscale(90%) blur(2px);
}
@-moz-keyframes turn-page-backside {
  from {
    opacity: 0.25;
    clip-path: polygon(99% 0%, 100% 0%, 100% 100%, 99% 100%);
    transform: scale(-1, 1) translate(-119%) skew(0deg);
  }
  6% {
    opacity: 0.3;
    clip-path: polygon(99% 0, 100% 0, 100% 100%, 80% 100%);
    transform: scale(-1, 1) translate(-80%) skew(var(--skew-angle));
  }
  to {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transform: scale(-1, 1) translate(100%) skew(0deg);
  }
}
@-webkit-keyframes turn-page-backside {
  from {
    opacity: 0.25;
    clip-path: polygon(99% 0%, 100% 0%, 100% 100%, 99% 100%);
    transform: scale(-1, 1) translate(-119%) skew(0deg);
  }
  6% {
    opacity: 0.3;
    clip-path: polygon(99% 0, 100% 0, 100% 100%, 80% 100%);
    transform: scale(-1, 1) translate(-80%) skew(var(--skew-angle));
  }
  to {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transform: scale(-1, 1) translate(100%) skew(0deg);
  }
}
@-o-keyframes turn-page-backside {
  from {
    opacity: 0.25;
    clip-path: polygon(99% 0%, 100% 0%, 100% 100%, 99% 100%);
    transform: scale(-1, 1) translate(-119%) skew(0deg);
  }
  6% {
    opacity: 0.3;
    clip-path: polygon(99% 0, 100% 0, 100% 100%, 80% 100%);
    transform: scale(-1, 1) translate(-80%) skew(var(--skew-angle));
  }
  to {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transform: scale(-1, 1) translate(100%) skew(0deg);
  }
}
@keyframes turn-page-backside {
  from {
    opacity: 0.25;
    clip-path: polygon(99% 0%, 100% 0%, 100% 100%, 99% 100%);
    transform: scale(-1, 1) translate(-119%) skew(0deg);
  }
  6% {
    opacity: 0.3;
    clip-path: polygon(99% 0, 100% 0, 100% 100%, 80% 100%);
    transform: scale(-1, 1) translate(-80%) skew(var(--skew-angle));
  }
  to {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transform: scale(-1, 1) translate(100%) skew(0deg);
  }
}
@-moz-keyframes turn-page {
  from {
    opacity: 1;
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 0);
  }
  6% {
    opacity: 1;
    clip-path: polygon(100% 0%, 80% 100%, 0% 100%, 0 0);
  }
  to {
    opacity: 0.8;
    clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0 0);
  }
}
@-webkit-keyframes turn-page {
  from {
    opacity: 1;
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 0);
  }
  6% {
    opacity: 1;
    clip-path: polygon(100% 0%, 80% 100%, 0% 100%, 0 0);
  }
  to {
    opacity: 0.8;
    clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0 0);
  }
}
@-o-keyframes turn-page {
  from {
    opacity: 1;
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 0);
  }
  6% {
    opacity: 1;
    clip-path: polygon(100% 0%, 80% 100%, 0% 100%, 0 0);
  }
  to {
    opacity: 0.8;
    clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0 0);
  }
}
@keyframes turn-page {
  from {
    opacity: 1;
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0 0);
  }
  6% {
    opacity: 1;
    clip-path: polygon(100% 0%, 80% 100%, 0% 100%, 0 0);
  }
  to {
    opacity: 0.8;
    clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0 0);
  }
}
.mfgallery .shadow {
  overflow-x: hidden;
  position: absolute;
  width: 70px;
  height: calc(90% - 1px);
  bottom: calc(5% + 1px);
  left: 95%;
  background: linear-gradient(to right, rgba(48,48,48,0.6) 10%, rgba(0,0,0,0) 80%);
}
@-moz-keyframes turn-page-shadow {
  from {
    left: 95%;
    transform: skew(0deg);
  }
  6% {
    left: 86%;
    transform: skew(calc(-1 * var(--skew-angle) / 1.91));
  }
  to {
    left: 5%;
    transform: skew(0deg);
  }
}
@-webkit-keyframes turn-page-shadow {
  from {
    left: 95%;
    transform: skew(0deg);
  }
  6% {
    left: 86%;
    transform: skew(calc(-1 * var(--skew-angle) / 1.91));
  }
  to {
    left: 5%;
    transform: skew(0deg);
  }
}
@-o-keyframes turn-page-shadow {
  from {
    left: 95%;
    transform: skew(0deg);
  }
  6% {
    left: 86%;
    transform: skew(calc(-1 * var(--skew-angle) / 1.91));
  }
  to {
    left: 5%;
    transform: skew(0deg);
  }
}
@keyframes turn-page-shadow {
  from {
    left: 95%;
    transform: skew(0deg);
  }
  6% {
    left: 86%;
    transform: skew(calc(-1 * var(--skew-angle) / 1.91));
  }
  to {
    left: 5%;
    transform: skew(0deg);
  }
}
.mfgallery .photo-1 {
  background-image: url("../images/sub/mainforce01_paper_event01.jpg");
}
.mfgallery .photo-1.is-active {
  opacity: 1;
  animation: turn-page 2s ease-out forwards;
}
.mfgallery .photo-1.is-active::before {
  z-index: 5;
  animation: turn-page-backside 2s ease-out;
}
.mfgallery .photo-1::before {
  background-image: url("../images/sub/mainforce01_paper_event01.jpg");
}
.mfgallery .photo-2 {
  z-index: -1;
  background-image: url("../images/sub/mainforce01_paper_event01_af.jpg");
}


/**/

.mfgallery02 {
  overflow-x: hidden;
  position: relative;
  color: inherit;
  height: 360px;
  width: 1920px;
  margin: 0 auto;
cursor: pointer;
  /*margin: 5vh 5vw;*/
}
.mfgallery02:active .shadow {
  animation: turn-page-shadow 2s ease-out;
}
.mfgallery02 .photo {
  z-index: 10;
  background-clip: content-box;
  overflow-x: hidden;
  position: absolute;
  color: inherit;
  width: 100%;
  height: 100%;
}
.mfgallery02 .photo::before {
  z-index: -10;
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  content: " ";
  right: 0%;
  top: 0px;
  filter: grayscale(90%) blur(2px);
}

.mfgallery02 .g2photo-1 {
  background-image: url("../images/sub/mainforce01_paper_event02.jpg");
}
.mfgallery02 .g2photo-1.is-active {
  opacity: 1;
  animation: turn-page 2s ease-out forwards;
}
.mfgallery02 .g2photo-1.is-active::before {
  z-index: 5;
  animation: turn-page-backside 2s ease-out;
}
.mfgallery02 .g2photo-1::before {
  background-image: url("../images/sub/mainforce01_paper_event02.jpg");
}
.mfgallery02 .g2photo-2 {
  z-index: -1;
  background-image: url("../images/sub/mainforce01_paper_event02_af.jpg");
}
/*시니어 종이페이퍼 효과*/

/* 시니어 css */
.mainforce02_position_gif {position: absolute;top:251px;left:320px;}
.mainforce02_position_gif > img {width:620px;height:340px;}

.mainforce02_rolling > .slick-arrow{position:absolute;width:60px;height:60px;border:0;outline:0;display:inline-block;text-indent:-99999px;cursor:pointer;z-index:1;}
.mainforce02_rolling > .slick-prev{background: url("../images/sub/mainforce02_rolling_prev.jpg") no-repeat;left:320px;top:690px;}
.mainforce02_rolling > .slick-next{background: url("../images/sub/mainforce02_rolling_next.jpg") no-repeat;left:380px;top:690px;}

.mainforce02_rolling02  {width:1280px;margin:0 auto 128px auto;}
.mainforce02_rolling02 > .slick-arrow{position:absolute;width:60px;height:60px;border:0;outline:0;display:inline-block;text-indent:-99999px;cursor:pointer;z-index:1;}
.mainforce02_rolling02 > .slick-prev{background: url("../images/sub/mainforce02_rolling02_prev.jpg") no-repeat;left:0;top:150px;}
.mainforce02_rolling02 > .slick-next{background: url("../images/sub/mainforce02_rolling02_next.jpg") no-repeat;right:0;top:150px;}
/* 시니어 css */