/*문자열설정*/
@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-weight:400;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;-webkit-text-size-adjust:none;}
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}

iframe{border: none;}
a:hover, a:active {text-decoration: none; color:#000;}
#doc{width:100%;}
.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;}

	
/* 해더 */

.m_warp {width:824px;margin:0 auto;}
.m_warp > header {position: fixed;z-index: 9999;width: 824px;background: #fff;height:140px;}
.m_warp > .content_wrap {min-width:824px;padding-top:140px;}
.head_wrap_top:after{clear:both;display:block;content:''}
.head_wrap_top > h1 {float: left;width:470px;text-align: center;padding:42px 0;}
.head_wrap_top > a.menu_click {margin:30px 46px 30px 46px;float:right ;}
.head_wrap_top > a.m_hd_cabt {margin:30px 52px 30px 52px;float: left;}
.click_wrap {overflow: scroll;}
ul.head_top_menu:after{clear:both;display:block;content:''}
ul.head_top_menu {float: right;}
ul.head_top_menu > li {float: left;margin:30px 32px 30px 0;}
div.menu_loginout {float: left;height: 46px;line-height: 46px;margin:57px 0 57px 32px; font-weight:500;}
div.menu_loginout > a {font-size:32px;color:#999;font-weight:500;}
.backbg{background: #000;opacity: 0.5;width: 100%;height: 100%;position: absolute;top: 0;z-index: 9999;display: none;}




/* 올메뉴 */
.menu_special {}
.menu_special > p {font-size: 28px;color:#AA9277;font-weight: 600;margin-bottom:10px;}
.menu_special > ul {display: block;}
.menu_special > ul > li > a{display: block;border-bottom: 1px solid #E6E6E6;box-sizing: border-box;line-height: 136px;height: 136px;font-size: 40px;font-weight: 500;padding:0 32px;}
.menu_special > ul > li {position: relative;}
.menu_special > ul > li > a > img {position: absolute;right:32px;top:50%;margin-top:-7px;}

.menu_wrap {height: 140px;box-sizing: border-box;}
.menu_wrap:after{clear:both;display:block;content:''}
.menu_wrap > h1 {float: left;width:470px;text-align: center;padding:42px 0;font-size:38px;font-weight: 600;}
.menu_wrap > a.menu_click_close {margin:30px 46px 30px 46px;float:right ;}
.menu_wrap > a.m_hd_cabt {margin:30px 52px 30px 52px;float: left;}

.click_wrap > .menu_line {height: 240px;background: #F2F2F2;box-sizing: border-box;padding:62px 0;}
.m_langage_cl {display: block;width:824px;text-align: center;}
.m_langage_cl > li {display: inline-block;;margin:10px 20px;}
.m_langage_cl > li > a {display: inline-block;font-size: 34px;font-weight: 400;width:100px;color:#CCCCCC;text-align: center;box-sizing:border-box;}
.m_langage_cl > li > a.clon {display: inline-block;font-size: 34px;font-weight: 400;width:92px;color:#000;text-align: center;}


.m_bottom_login {text-align: center;}
						.m_bottom_login li {border: 2px solid #666666;display: inline-block;width:300px;height:90px;text-align: center;font-size:28px;line-height:90px;border-radius: 50px;margin:0 20px;}

.gnb_push_menu {}
.gnb_push_menu > li {line-height: 136px;box-sizing: border-box;border-bottom: 1px solid #E6E6E6;}
.gnb_push_menu > .dep1 > h3{font-size:40px;cursor: pointer;position: relative;font-weight: 500;padding:0 32px;background:#EDDDC8 !important;}
.gnb_push_menu > .dep1 > h3.mdep1on {background:#EDDDC8 !important;}
.gnb_push_menu > .dep1 > h3 > span{position: absolute;top:50%;margin-top:-9px;right:32px;display: inline-block;background: url("/m/images/main/pushn_btn.png") no-repeat;width:18px;height:18px;}
.gnb_push_menu > .dep1 > h3 > span.m-on{position: absolute;top:50%;margin-top:-9px;right:32px;display: inline-block;background: url("/m/images/main/pushn_btn_on.png") no-repeat;width:18px;height:18px;background-position-y: 9px;}
.scroll_box{overflow-y:auto;width:100%;-webkit-overflow-scrolling: touch;height: 76%;}
.dep2{position:relative;display:none;z-index:1; background-color: #FCF2E6;}
.dep2 > li{box-sizing:border-box;list-style:square !important;display:block; color:#666;}
.dep2 > li > a{font-size:32px;color:#666;text-decoration:none;vertical-align:middle; display: block; padding: 24px 0 24px 60px;line-height: 32px;box-sizing: border-box;background: url("/m/images/main/push_btn_dot.png") no-repeat;background-position-x: 32px;background-position-y: 34px;}
.dep2 li:last-child{padding-bottom: 20px !important;}
.dep2 li:first-child{padding-top: 20px !important;}

.drop_menu {}
.drop_menu > p {font-size: 28px;color:#AA9277;font-weight: 600;margin-bottom:10px;}


body.nav-active{position:fixed;bottom:0;left:0;overflow:hidden;width:100%;height:100%}
.click_wrap{position:fixed;z-index:9999999;width:824px;height: 100%;/*헤드라인 높이값에 따른 px값 조절*/right:-100%;overflow:hidden;display:none;background-color:#fff;top:0;}

/* 올메뉴 */

/* 서브탑 카테고리 메뉴 */
.sub-top-menu-wrap{position: absolute;;bottom:-110px;z-index:99;width:760px;height:110px;background-color:#fff;margin-left:-380px;left:50%;}
.sub-top-menu-wrap > .sub-top-menu{width:760px;background-color:#fff;}
.sub-dep2 > ul:after{content:"";display:block;clear:both;}

.sub-dep2 > ul.cnt3 > li:nth-child(1) > .dep-tt {padding:0 20px;}
.sub-dep2 > ul.cnt3 > li:nth-child(2) > .dep-tt {padding:0 20px;color:#AA9277 !important} 


.sub-dep2 > ul > li:nth-child(1) {margin-right:32px;}
.sub-dep2 > ul > li{float: left;box-sizing:border-box;}
.sub-dep2 > ul > li:hover{background-color:#fff;}
.sub-dep2 > ul > li.acv{background-color:#000;}

.dep-menu > li > a.fontacv {color:#000;}
.dep2_onclr > li > a.fontacv {color:#AA9277;}

.dep-tt{width:364px;;color:#000;display:block;font-size:32px;height:110px;line-height:110px;letter-spacing:-1px;cursor:pointer;box-sizing:border-box;font-weight: 500;text-align: left;}
.dep-tt:after{content:"";display:block;clear:both;}
.dep-menu{width:364px;;position:absolute;z-index:99;display:none;background-color:#fff;}
.dep-menu li a{font-size:32px;line-height: 14px;padding:40px 0 40px 32px;color:#787878;text-decoration:none;display:block;box-sizing:border-box;color:#999999;text-align:left;font-weight: 500;}
.dep-menu li a:hover{color:#000 !important;}
.dep2_onclr li a:hover{color:#AA9277 !important;}
.dep2_arr{display:inline-block;color:#000;float:right;font-weight: 900;}
.dep3_arr{display:inline-block;vertical-align:middle;background-color:#fff;width:15px;height:1px;margin-right:10px;}
/* 서브탑 카테고리 메뉴 */

/* 해더 */

/* 푸터*/

.footer_notice {background: #000;text-align: center;font-size: 12px;color:#9D9D9D;height:60px;line-height: 60px;letter-spacing: normal;font-weight: 400;}

.footer_bgwrap {background: #2B2825;}
.footer_bgwrap > .footer_contentwrap {width:824px;margin:0 auto;padding:80px 0 80px 32px;box-sizing: border-box;}
.footer_bgwrap > .footer_contentwrap > strong {font-size:26px; font-weight: 500;color:#fff;display: block;letter-spacing: normal;margin:50px 0 23px 0;}
.footer_bgwrap > .footer_contentwrap > p {font-size:22px;color:#97989A;letter-spacing: normal;font-weight: 300;line-height: 32px;}
.footer_bgwrap > .footer_contentwrap > span {display: block;;font-size:18px;color:#97989A;letter-spacing: normal;font-weight: 300;margin:20px 0 0 0 ;}
.footer_bgwrap > .footer_contentwrap > ul {display: block;margin:102px 0 0 0 ;}
.footer_bgwrap > .footer_contentwrap > ul:after {content:"";display: block;clear: both;}
.footer_bgwrap > .footer_contentwrap > ul > li {float: left;margin:0 15px;}
.footer_bgwrap > .footer_contentwrap > ul > li:nth-child(1) {margin-left:0 !important}

.counsel_bgwrap {background: url("/m/images/main/counsel_bgwrap_bg.jpg") no-repeat;height:410px;background-position: center;padding:40px 32px;box-sizing: border-box;}
.counsel_bgwrap > .counsel_contentwrap {width:824px;;position: relative;}
.counsel_bgwrap > .counsel_contentwrap:after {content:"";display: block;clear: both;}
.counsel_bgwrap > .counsel_contentwrap > dl {box-sizing: border-box;margin-top:40px;}
.counsel_bgwrap > .counsel_contentwrap > dl:after {content:"";display: block;clear: both;}
.counsel_bgwrap > .counsel_contentwrap > dl > dt {float: left;font-size:24px; font-weight: 700;color:#fff;line-height: 24px;letter-spacing: normal;margin:0 109px 0 0;}
.counsel_bgwrap > .counsel_contentwrap > dl > dd {float: left;font-size:20px;color:#fff;font-weight: 300;line-height: 20px;margin-right:40px;letter-spacing: normal;margin-bottom:15px;}
.counsel_bgwrap > .counsel_contentwrap > dl > dd > span {font-size:14px;font-weight: 300;color:#BBBFC0;display: block;margin:15px 0 0 0 ;}
.counsel_bgwrap > .counsel_contentwrap > dl > dd:nth-child(4) {margin-left:196px;}


.footer_catewrap {background: #F2F2F2;}
.footer_catewrap > div {width:824px;margin:0 auto;text-align: center;padding:80px 0;}
.footer_catewrap > div > img{vertical-align:top;}
.footer_catewrap > div > span {font-size:26px;font-weight: 300;margin-top:40px;line-height: 32px;display: inline-block;}

/* 푸터*/



/* 메인 */

.main_banner_wrap03 {text-align: center;}

/* 메인 상단 슬라이드영역 */
.main_visual {
    display: flex;
    height: 1400px;
}
.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 no-repeat url("/m/images/main/main_sd00.jpg");
}

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

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

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

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

.main_visual .main-slide .slide06 .main_img {
    background: center no-repeat url("/m/images/main/main_sd06.jpg");
}
.main_visual .main-slide .slide07 .main_img {
    background: center no-repeat url("/m/images/main/main_sd07.jpg");
}
.main_visual .main-slide .slide08 .main_img {
  background: center no-repeat url("/m/images/main/main_sd08.jpg");
}
.main_visual .main-slide .slide09 .main_img {
  background: center no-repeat url("/m/images/main/main_sd09.jpg");
}
.swiper-pagination{position: absolute;bottom:38px;left: 0;width: 100%;}
.swiper-pagination-bullet { width: 30px; height: 30px; background: #A2A2A2;margin:0 5px;  opacity: 1; }
.swiper-pagination-bullet-active { width: 30px;height: 30px; background: #A1F9FF; opacity: 1;  }

.main_banner_wrap{width:824px;position:relative;height:1400px;}


.main_banner_wrap02 {background: #F6F6F6;/*height:1760px;*/}
.banner_wrap02_div div{width:824px;margin:0 auto;height:1760px;box-sizing: border-box;}
.banner_wrap02_div div ul {display: inline-block;padding:48px 16px;}
.banner_wrap02_div div ul:after {content:"";display: block;clear: both;}
.banner_wrap02_div div ul > li {float: left;margin:32px 16px;}
.banner_wrap02_div div ul > li:nth-child(4){margin-right:0px !important;}
.banner_wrap02_div div .banner_doc_wrap {padding-top:60px;}
.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("/m/images/main/banner_wrap04_img.jpg") no-repeat;height:1861px;background-position: center;}
.banner_wrap04_imgcontents > span {width:400px;left:50%;margin-left:-200px;;position: absolute;top:120px;;font-size:32px;font-weight: 300;color:#fff;text-align: center;}
.banner_wrap04_imgcontents > span > strong{ font-weight: 700 ;font-size:90px;color:#F0D6BB;font-family: 'Pretendard';}
.banner_wrap04_imgcontents > div {width:762px;height:1167px;background: #fff;position: absolute;bottom:0;left:50%;margin-left:-381px;}


/*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;padding:0 40px;box-sizing: border-box;}
.banner_wrap04_list > h2 {font-size:40px;margin:80px auto 65px auto;font-weight: 550;}
.banner_wrap04_list > h2 > a {font-size:28px;font-weight: 400;float: right;display: inline-block;margin:16px 0;width:160px;height:70px;background: #000000;border-radius:40px;color:#fff;line-height: 70px;text-align: center;}
.banner_wrap04_list > .main_board_divslick {width:762px; margin:0 auto;box-sizing: border-box;position: relative;}
.banner_wrap04_list > .main_board_divslick span {width: 330px;position: relative;text-align: left;display: inline-block;margin-right:20px;margin-bottom: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:330px;height:330px;}
.banner_wrap04_list > .main_board_divslick span a div.text_box {width: 100%;background: #555555;;box-sizing: border-box;height:80px; line-height: 80px;}
.banner_wrap04_list > .main_board_divslick span a div.text_box p.title {    width: 100%;line-height: 24px;font-size: 24px;font-weight: 400;text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#fff;height:80px;line-height: 80px;padding:0 25px;box-sizing: border-box;}
.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("/m/images/main/main_board_divslick_prev.png") no-repeat;left:-60px;top:155px;}
.main_board_divslick > .slick-next{background: url("/m/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;}
/* 메인 */


/* 비대면상담 */
.sub_visualtxt {position: absolute;text-align: center;width:824px;left:50%;margin-left: -412px;;}
.sub_visualtxt > em {font-size:40px;font-weight: 400 ;color:#FFFFFF}
.sub_visualtxt > h2 {font-size:70px;font-weight: 700 ;color:#FFFFFF;margin:20px 0 40px 0;font-family: 'Pretendard';}
.sub_visualtxt > strong {font-size:36px;font-weight: 500  ;color:#DAC7AA;margin-bottom:15px;display: block;}
.sub_visualtxt > span {font-size:28px;font-weight: 100 ;color:#FFFFFF;display: block;line-height: 38px;font-family: 'Pretendard';}
.sub_visualtxt > span > strong {font-size:28px;font-weight: 700 ;color:#EDDCBF;display: inline-block;}

.sub_contenttop {text-align: center;}
.sub_contenttop > strong {font-size:40px;font-weight: 700; color:#000000;display: block;margin-bottom:30px;}
.sub_contenttop > span {font-size:32px;font-weight: 300;color:#777777;text-align: center;}

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

.vlf_inputwrap {display: block;margin-top:60px;}
.vlf_inputwrap > li {
    width:760px; 
	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: #F9F9F9 !important}
.vlf_inputwrap > li input[type='text'], 
.vlf_inputwrap > li select {
    width:760px; 
    height:80px; 
	text-align: center; 
    line-height:80px; 
    background:#F9F9F9; 
    font-size:26px; 
    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('/m/images/sub/vlf_select_scr.png') 97% #F9F9F9 no-repeat;
}

input[type=submit].privacy_sbt {width:469px;height: 160px;line-height: 160px;background: #45403A;color:#fff;font-size: 32px;font-weight: 500;margin: 40px auto 0 auto;display: block;border: none;}


/* 비대면상담 */











/*위치 오시는길*/
.daummap_layer {padding:77px 0 ; text-align: center;}
.daummap_layer > strong{font-size:32px;font-weight: 600;display: block;margin-bottom:20px;}
.daummap_layer > span{font-size:28px;font-weight: 300;display: block;color:#999999;}



.vlif05_info > div {font-size:44px;font-weight: 700;}



.vlif05_info ul > li > div > strong{font-size:28px;font-weight: 700;display: block;margin-bottom:20px;;}
.vlif05_info ul > li > div > span{font-size:24px;font-weight: 300;color:#999999;display: block; line-height:32px;width:600px;}
.introduce04_ul{margin-top:50px;}
.introduce04_ul > li {margin-bottom:60px;}
.introduce04_ul > li > div {display: inline-block;margin:-7px 0 0 30px;}
.introduce04_ul > li:nth-child(3) > div {margin-top:25px}
.introduce04_ul > li > img {vertical-align: top !important;display: inline-block;}
.introduce04_ul > li:nth-child(4) {border: 1px solid #AAAAAA;padding:54px 0;}
.introduce04_ul > li:nth-child(4) > div {margin:12px 0 0 0;width:100%;text-align: center;}
.introduce04_ul > li:nth-child(4) > div > span {font-size: 26px;line-height: 32px;text-align: center;color:#666666;font-weight: 400;display: inline-block;}
.introduce04_ul > li:nth-child(4) > div > span > em {color:#000;font-weight: 600;}

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

.vlif05_sosail{ display: table;margin-left: auto;margin-right: auto;margin-top:60px;}
.vlif05_sosail:after {content:"";clear: both;display: block;}
.vlif05_sosail > li{float: left;margin:0 10px;}
.vlif05_sosail > li > a{width:232px;height:80px;line-height: 80px;font-size:26px;font-weight: 400;color:#A6907D;border: 1px solid #A6907D;border-radius:70px;display: block;text-align: center;}
.vlif05_sosail > li:nth-child(2) > a{width:220px;height:80px;line-height: 80px;font-size:26px;font-weight: 400;border-radius:70px;display: block;text-align: center;}
/*위치 오시는길*/














/*빠른상담*/
.quick_cons_warp {width:824px;position: fixed;bottom: 0;z-index: 9999;left:50%;margin-left:-412px}
.quick_cons_warp > .quick_cons_content {width:100%;margin:0 auto;padding:20px 32px;background: #49423E;box-sizing: border-box;opacity: 0.9;}}
.quick_cons_warp > .quick_cons_content:after {content:"";display: block;clear: both;}
.quick_cons_warp > .quick_cons_content > p {margin-right:32px;float: left;}
.quick_cons_warp > .quick_cons_content > p > input[type=text] {height: 64px;line-height: 64px;width:232px;font-size: 24px;box-sizing: border-box;color:#000;padding-left: 16px;}
.quick_cons_warp > .quick_cons_content > input[type=submit] {background: #F1D1AC;color: #49423E;width:232px;text-align: center;line-height: 64px;height: 64px;display: inline-block;font-size:24px;font-weight: 600;border: none;}

.quick_cons_warp > .quick_privacy_content {background: #0E1624;padding:12px 0 ;text-align: center;}
.quick_cons_warp > .quick_privacy_content > p {}
.quick_cons_warp > .quick_privacy_content > p > label {font-size: 20px;line-height: 32px;height: 32px;color: #fff;display: inline-block;}
.quick_cons_warp > .quick_privacy_content > p > label > a {font-size: 20px;color: #fff;}
.quick_cons_warp > .quick_privacy_content > p > input[type=checkbox] {width:32px;height: 32px;margin-right:12px;}
/*빠른상담*/

/* 서브 css */
.sub_wrap {width:760px;margin: 100px auto 100px auto;}
.full_sub_wrap {width:824px;margin-top:190px;}
.sub_visual_wrap {position: relative;text-align: center;}
.sub_visual_wrap > h2 {position: absolute;left:50%;margin-left:-380px;width:760px;font-size: 80px;font-weight: 600;color:#fff;top:558px;}
.sub_visual_wrap > h2 > div{font-size:32px;color:#fff;margin-top:14px;font-weight: 200;}
/* 서브 css */

/* 페이징 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:66px; height:70px; line-height:70px; display:inline-block; zoom:1; border:1px solid #DDDDDD; background:#fff; cursor:pointer; color:#999;font-size:28px;vertical-align: top;padding: 19px 0;box-sizing: border-box;margin:0 5px;}
.page_naviv_num {width:66px; height:70px; line-height:70px; 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:28px;}
/* 페이징 css*/



/* 로그인 */
.login_contetn_wrap {width:760px;margin:80px auto;}
.login_contetn_wrap > .sub_login_wrap {}
.login_contetn_wrap > .sub_login_wrap > h2 {font-size: 88px;font-weight: 600;text-align: center;}
.login_contetn_wrap > .sub_login_wrap > h2 > div {font-size: 32px;color:#999999;text-align: center;margin-top:43px;}

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

.login_contetn_wrap > .social_wrap{width: 760px;margin: 104px auto;font-size:40px; 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:20px 0;}

.login_contetn_wrap > .join_wrap{width: 760px;margin:0 auto;font-size: 32px;text-align: center;}
.login_contetn_wrap > .join_wrap > a {display: block;;background: #A19281; color:#fff;font-size:34px;    border-radius: 60px;width:100%;border: none;line-height: 104px;height: 104px;text-align: center;margin-top: 50px }

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


/* 회원가입 */
.login_contetn_wrap {width:760px;margin:80px auto;}
.login_contetn_wrap > .sub_login_wrap {}
.login_contetn_wrap > .sub_login_wrap > h2 {font-size: 88px;font-weight: 600;text-align: center;}
.login_contetn_wrap > .sub_login_wrap > h2 > div {font-size: 32px;color:#999999;text-align: center;margin-top:43px;}

.login_contetn_wrap {width:760px;margin:100px auto 100px auto;}
.join_form_wrap {width:760px;margin:0 auto 100px auto;}
.join_form_wrap > .join_table_form{width: 760px;margin: 84px 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: 32px;height: 90px;line-height: 90px;border-bottom: 1px solid #DEDEDE;}
.join_form_wrap > .join_table_form tr td {box-sizing: border-box;padding-left: 40px;border-bottom: 1px solid #DEDEDE;font-size:32px;padding: 32px 0 32px 32px;}
.join_form_wrap > .join_table_form tr td > em {height: 70px;line-height: 36px;font-size:24px;margin-top:32px;display: block;}
.join_form_wrap > .join_table_form tr td > span {width:496px;height: 70px;line-height: 70px;background: #49423E;display:block;text-align: center;color: #fff;font-weight: 500;font-size: 28px;box-sizing: border-box;cursor: pointer;margin-top:32px;}
.join_form_wrap > .join_table_form tr td > input {width:496px;height:70px;line-height: 70px;border: 1px solid #CCCCCC;box-sizing: border-box;font-size:30px;padding-left:20px;}

.joinprivacy_wrap {width:760px;margin:0 auto;}
.joinprivacy_wrap > span {display: block;font-size:40px;font-weight: 400;margin-bottom:50px;}
.joinprivacy_wrap > .joinprivacy_all {border-top: 1px solid #49423E;line-height: 40px;font-size: 28px;height: 176px;border-bottom: 1px solid #DEDEDE;padding:48px 0;box-sizing: border-box;}
.joinprivacy_wrap > .joinprivacy_all > input {width:56px;height:56px;vertical-align: top;margin:12px 32px 0 0;}
.joinprivacy_wrap > .joinprivacy_all > label {display: inline-block;font-size: 28px;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:56px;height:56px;vertical-align: top;margin-right:20px;}
.joinprivacy_wrap > .joinprivacy_select > ul > li > label {display: inline-block;font-size:28px;color:#666666;}
.joinprivacy_wrap > .joinprivacy_select > ul > li > label > strong {font-weight: 600;font-size:28px;color:#000;}
.joinprivacy_wrap > .joinprivacy_select > ul > li > a {font-size:28px;color:#666666;}
.joinprivacy_wrap > input[type=submit] {background: #49423E; color:#fff;font-size: 34px;border-radius: 60px;width:760px;border: none;line-height: 104px;height: 104px;cursor: pointer;margin: 64px auto 0 auto;display: block;}



/* 정보수정 */
.join_form_wrap > .join_table_form tr td > label > input {position:absolute; left:-10000px;}
.join_form_wrap > .join_table_form tr td > label.on {width:232px; height:70px; line-height:70px; display:inline-block; zoom:1; padding:4px 8px; background:#666666; border:1px solid #666666; color:#fff; text-align:center; cursor:pointer;font-size:24px;}
.join_form_wrap > .join_table_form tr td > label.off {width:232px; height:70px; line-height:70px; display:inline-block; zoom:1; padding:4px 8px; background:#fff; border:1px solid #eee; color:#333; text-align:center; cursor:pointer;font-size:24px;}

.edit_btn_wrap {width: 760px;margin: 40px auto 0 auto;text-align: center;}
.edit_btn_wrap > input[type=submit] {background: #49423E;color: #fff;font-size: 34px;border-radius: 60px;width: 760px;border: none;line-height: 104px;height: 104px;cursor: pointer;margin: 40px auto 0 auto;display: block;}
.edit_btn_wrap > a {background: #fff;color: #49423E;font-size: 34px;border-radius: 60px;width: 100%;border: 1px solid #49423E;line-height: 104px;height: 104px;display: block;text-align: center;box-sizing: border-box;margin-top: 40px;font-weight: 500;}

.edit_secession_wrap {text-align: center;}
.edit_secession_wrap > span {font-size: 40px;font-weight: 500;line-height: 38px;}
.edit_secession_wrap > div {border-top: 4px solid #49423E;border-bottom: 1px solid #49423E;padding:48px 0;margin-top:49px;}
.edit_secession_wrap > div > a {background: #fff;color: #49423E;font-size: 34px;border-radius: 60px;width: 100%;border: 1px solid #49423E;line-height: 104px;height: 104px;display: block;text-align: center;box-sizing: border-box;margin-top: 57px;font-weight: 500;}
.edit_secession_wrap > div > em {display: block;font-size: 28px;color:#666666;}

/*이용약관 개인정보취급방침*/
.privacy_wrap {width:760px;margin:150px auto;}
.privacy_wrap > h2 {font-size: 88px;font-weight: 600;text-align: center;margin-bottom:60px;}
.privacy_wrap > strong {font-size: 36px;font-weight: 600;color:#333333;margin-top:65px;display: block;}
.privacy_wrap > div {font-size: 32px;color:#999999;margin-top: 42px;width:760px;word-break:break-all;line-height: 50px;}
.privacy_wrap > div > em {font-size: 32px;font-weight: 500;color: #AA9277;}
.privacy_wrap > div > strong {font-size: 32px;font-weight: 500;color: #333333;}


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

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

.privacy_unfold_wrap {margin-top:80px;display: none;}
.privacy_unfold_wrap > strong {font-size: 32px;color:#666666;line-height: 38px;}
.privacy_unfold_wrap > span {font-size: 32px;color:#AAAAAA;display: block;line-height: 48px;margin-top:32px;}
.privacy_unfold_wrap > div {text-align: right;margin-bottom:48px;}
.privacy_unfold_wrap > div > a {cursor:pointer;}
.privacy_unfold_wrap > ul {display: block;margin:64px 0 80px 0;}
.privacy_unfold_wrap > ul:after {content: "";display: block;clear: both;}
.privacy_unfold_wrap > ul > li {margin-bottom:32px;width:760px;}
.privacy_unfold_wrap > ul > li > div.privacy_unfold_title {background: #A89F91;color:#fff;font-size: 34px;line-height: 100px;height: 100px;text-align: center;}
.privacy_unfold_wrap > ul > li > div.privacy_unfold_content {text-align: center;border: 1px solid #AECDE4;height:80px;line-height: 80px;font-size: 32px;color:#999999;}

.etcqrcd {text-align: center;}
.etcqrcd > span {display: inline-block;text-align: center;margin:0 16px;font-size:32px;}


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

.communitytop_cate02 {text-align: left;margin:100px 0 80px 0;}
.communitytop_cate02:after {content: "";display: block;clear: both;}
.communitytop_cate02 > li {display: inline-block;;margin:12px 12px;}
.communitytop_cate02 > li > a {padding:22px 32px;color:#49423E;border: 1px solid #49423E;border-radius: 40px;text-align: center;font-weight: 600;font-size: 26px;display: block;}
.communitytop_cate02 > li > a.on {background: #554536;color:#fff;}
/**/

/* 푸터 위젯 */
.foot_sdclick {position: absolute;top:-173px;right:19px;cursor: pointer;text-align: center;box-sizing: border-box;z-index:99999}
.foot_sdclick02 {position: absolute;top:-325px;right:19px;cursor: pointer;text-align: center;box-sizing: border-box;z-index:99999}
.click_wrap2 {position: absolute;z-index: 9999;width: 760px;height: 132px;right: -100%;overflow: hidden;display: none;background: #9B9083;top: -168px;border-radius: 70px;box-sizing: border-box;padding-top:19px;}
.click_wrap2 > ul:after {content: "";display: block;clear: both;}
.click_wrap2 > ul > li {float: left;margin-right:96px;}
.click_wrap2 > ul > li:nth-child(1) {margin-left:98px;}
/* 푸터 위젯 */

#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: border-box;
  margin: 0;
  padding: 0;
}
.gallery {
  overflow-x: hidden;
  position: relative;
  color: inherit;
  height: 550px;
  width: 824px;
  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: 550px;
  width: 824px;
  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:278px;left:32px}
.mainforce02_position_gif > img {width:760px;height:416px;}

.mainforce02_rolling > .slick-arrow{position:absolute;width:100px;height:100px;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:0;top:524px;}
.mainforce02_rolling > .slick-next{background: url("../images/sub/mainforce02_rolling_next.jpg") no-repeat;right:0;top:524px;}

.mainforce02_rolling02 {margin:0 0 136px 0;}
.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:76px;}
.mainforce02_rolling02 > .slick-next{background: url("../images/sub/mainforce02_rolling02_next.jpg") no-repeat;right:0;top:76px;}
/* 영페이지 css */


	/*시니어 종이페이퍼 효과*/
  *:before,
  *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  .mfgallery {
    overflow-x: hidden;
    position: relative;
    color: inherit;
    height: 550px;
    width: 824px;
    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: 550px;
    width: 824px;
    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:278px;left:32px}
.mainforce02_position_gif > img {width:760px;height:416px;}

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

.mainforce02_rolling02 {margin:0 0 136px 0;}
.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/mainforce01_rolling02_prev.jpg") no-repeat;left:0;top:76px;}
.mainforce02_rolling02 > .slick-next{background: url("../images/sub/mainforce01_rolling02_next.jpg") no-repeat;right:0;top:76px;}
/*시니어 css*/