/****************************************
상단시작
*************************************/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'), url(/fonts/NotoSansKr/NotoSansKR-Thin.woff) format('woff'), url(/fonts/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'), url(/fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'), url(/fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'), url(/fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'), url(/fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'), url(/fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'), url(/fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'), url(/fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'), url(/fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/fonts/NotoSansKr/NotoSansKR-Black.woff2) format('woff2'), url(/fonts/NotoSansKr/NotoSansKR-Black.woff) format('woff'), url(/fonts/NotoSansKr/NotoSansKR-Black.otf) format('opentype');
 } 


#hfrADCheck{display: block;}

body{-webkit-overflow-scrolling : touch !important;}
body.open{overflow-y:hidden; width:100%; height:100%;}

.m_wrap{max-width:680px;  /*min-width:320px; */ margin:0 auto; overflow:hidden; position:relative; letter-spacing:-1px;}

.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;width: 90%;left: 5% !important; top: 20px!important}
.hd_pops_con {width: auto!important;height: auto!important}
.hd_pops_con img {width: 100%;height: auto}

/****************************************************
상단 시작
****************************************************/

.header {position:relative; width:100%; max-width:680px; z-index:100;/* border-bottom:1px solid #000; */}
.header h1{text-align:center; padding:2.5% 0;}
.header h1 img{width:35%;}
.header .menu_btn{width:6.25%; position:absolute; top:34.8847%; left:4.6875%;}
.header .menu_btn a{display:block; width:100%; height:100%;}
.header .menu_btn img{width:100%;}

.header .consult_btn{width:5.7058%; position:absolute; top:34.8837%; right:4.3875%;}
.header .consult_btn a{display:block; width:100%; height:100%;}
.header .consult_btn img{width:100%;}

.header .phone_btn{width:5%; position:absolute; top:33.7209%; right:13.593%;}
.header .phone_btn a{display:block; width:100%; height:100%;}
.header .phone_btn img{width:100%;}



#quick_kakao {z-index:1000000;cursor:pointer;width: 40px;position: fixed;bottom: 90px;right: 20px;border-radius: 40px;height: 40px;background-color: rgb(255, 230, 23);/* color: white; */border: 1px solid rgb(246,222,23);animation: hp59566 0.2s cubic-bezier(0.1, 0, 0.6, 1);}
#quick_en {z-index:1000000;cursor:pointer;width: 40px;position: fixed;bottom: 40px;right: 20px;border-radius: 40px;height: 40px;background-color: #3F51B5;/* color: white; */border: 1px solid #3F51B5;animation: hp59566 0.2s cubic-bezier(0.1, 0, 0.6, 1);}

.menu_wrap{width:100%; height:100%; position:fixed; top:0; bottom:0; left:-100%; z-index:999; background: #fff;} 
.gnb_wrap{max-width:680px;margin:0 auto; z-index:1; background:#fff; overflow-y: scroll; height: 100%;  -webkit-overflow-scrolling: touch;}
.gnb{position:relative;}
.gnb .gnb_xbtn{position:absolute; margin-top:6.3%; right:5%; width:4.84375%;}
.gnb .gnb_top{font-size:0; border-bottom:1px solid #437794; }
.gnb .gnb_top .gnb_logo {padding:5% 0; text-align:center; background:#3d3d3d}
.gnb .gnb_top .gnb_logo img{width:35%;}
.gnb .gnb_top .mem_wrap{display:block; vertical-align:middle; width:100%; overflow:hidden; border-top:1px solid #5c5c5c; background:#3d3d3d;}
.gnb .gnb_top .mem_wrap a{float:left; width:50%; text-align:center; font-family:"Noto Sans KR"; font-size:16px; line-height:270%; color:#e5e5e5}
.gnb .gnb_top .mem_wrap a:first-of-type{box-sizing:border-box; border-right:1px solid #5c5c5c;}
.gnb .gnb_top .mem_wrap a img{width:100%;}
.gnb ul.quickMenu{overflow:hidden;}
.gnb ul.quickMenu li{width:20%;text-align:center;float:left;position:relative;}
.gnb ul.quickMenu li:after {content:"";width:1px;height:50%;background:#e1e1e1;position:absolute;right:0;top:0;margin-top:25%;}
.gnb ul.quickMenu li:last-child:after {width:0;height:0;}
.gnb ul.quickMenu li div img {width:32%;}
.gnb ul.quickMenu li a {display:block; padding: 15% 0;}
.gnb ul.quickMenu li p {font-family:"Noto Sans KR"; line-height: 140%; font-size:3vw; color:#3d3d3d; padding-top:5px;}
.gnb ul.quickMenu li a.double {line-height:12px;}

.category_title {overflow:hidden;}
.category_title h2 {float:left; width:50%; line-height:60px; color:#000; font-size:18px; text-indent: 10px;}

.gnb div.categoryWrap {background:#f4f4f4; border-bottom: 1px solid #d5d5d4;}
.gnb dl.category {overflow:hidden;}
.gnb dl.category dt {float:left; width:50%;}
.gnb dl.category dt ol li {background:#f4f4f4; border-top:1px solid #d5d5d4; display:block; position:relative;}
.gnb dl.category dt ol li.dummy {height:60px;} 
.gnb dl.category dt ol li a {color:#2c2c2c; font-family:"Noto Sans KR"; font-size:14px; font-weight:400; display: block; letter-spacing:-1px;padding:8% 0 8% 10%;}
.gnb dl.category dt ol li div {display:none;}
.gnb dl.category dt ol li div a {background:#fff; padding:8% 0 8% 10%; border-top:1px solid #d5d5d4;}
.gnb dl.category dt ol li > a {position:relative;}
.gnb dl.category dt ol li > a:before {content: ""; background: url('/theme/case2/mobile/img/right-arrow.svg') 50% 50% no-repeat; width: 20px; height: 20px; position: absolute; right:10%; top:50%; background-size:cover;margin-top:-10px; z-index: 10;}
.gnb dl.category dt ol li > a.active:before {content: ""; background: url('/theme/case2/mobile/img/down-arrow.svg') 50% 50% no-repeat; width: 20px; height: 20px; position: absolute; right:10%; top:50%; background-size:cover;margin-top:-10px; z-index: 10;}
.gnb dl.category dt ol li div a .depth3{display:none;}
.gnb dl.category dt ol li.dummy:after, .gnb dl.category dt ol li.dummy:before{content:none;}
.gnb_sns{font-size:0; text-align:center;}
.gnb_sns a{display:inline-block; width:40px; margin:5% 5px 5%;}
.gnb_sns a img{width:100%;}
.gnb_ad{margin:5% 0 0;}
.gnb_ad img{width:100%;}

.quick_wrap{width:100%; position:fixed; top:0; left:0; z-index:100;}
.quick{width:100%; position:absolute; top:0; left:0; z-index:1; background:#111; display:none;}
.quick ul{font-size:0; text-align:center;}
.quick ul li{display:inline-block; width:25%; padding:1.7% 0 3%;background:#3d3d3d;border-right:1px solid #5c5c5c;box-sizing:border-box;}
.quick ul li:last-of-type{border-right:1px solid #3d3d3d;}
.quick ul li a{display:block; width:100%; height:100%;}
.quick ul li img{width:25%;}
.quick ul li p {color:#fff; font-size:10px; letter-spacing:-1px; padding-top: 8px;}

.quick ol li { line-height: 60px; background: #f4f4f4; border-top: 1px solid #d5d5d4; display: block; position: relative;}
.quick ol li a { color: #2c2c2c; font-family: "Noto Sans KR"; font-size: 4vw; font-weight: 400; padding-left: 5%; display: block; line-height:300%; letter-spacing: -1px;}
.quick ol li > a {position:relative;}
.quick ol li > a:before { content: ""; background: url('/theme/case2/mobile/img/down-arrow.svg') 50% 50% no-repeat; width: 20px; height: 20px; position: absolute; right: 5%; top: 50%; background-size:cover; z-index: 10; margin-top:-9px;}
.quick ol li div a { background: #fff; line-height: 300%; border-top: 1px solid #e1e1e1; padding-left: 5%;}
.quickKakao { z-index: 1000000000; position: fixed; background: #feea29; top: -100%; left: 0; right: 0; bottom: 0; width: 100%; height:100%;}
.quickKakao .quick_formCon { background:#fff; border-radius:5px;overflow: hidden;border:1px solid #dbdbdb;}
.quickKakao input[type="text"],.quickKakao input[type="number"] { height: 43px; border: none;font-size: 14px;text-indent:10px; width: 100%;}
.quickKakao select {border: none; width: 100%;height: 43px; padding: 0 10px; font-size: 14px; color: #666; text-align: left;
	text-align-last: left;
	-webkit-appearance: none;
	background-color: white;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==);
	background-position : right center;
	background-repeat: no-repeat;
}
.quickKakao .phone {overflow:hidden;}
.quickKakao .phone select {width:30%; float:left; margin:0;}
.quickKakao .phone input {width:30%;float:left;}
.quick_form_btn {background: #381e1f; line-height: 46px; border-radius: 5px; text-align: center; font-size: 16px; color: #fff; margin: 15px 0;}



.main_header {transition-duration:0.4s;background-color:none; position:absolute;}
.main_header.a1 {position:fixed; top:0; background-color:#3d3d3d !important;border-bottom:1px solid #000 !important;}


/****************************************************
상단 끝
****************************************************/

/****************************************************
메인 컨텐츠 시작
****************************************************/

.main_visual{position:relative;}
.main_visual .bx-wrapper img{width:100%;}

#main_pager {position:absolute;bottom:5%;text-align:center;width:100%;}
#main_pager a {display:inline-block; width:13px; height:13px; /* background:url("/m/img/control_off.png") no-repeat; */ border-radius:20px; background:rgba(0,0,0,.3); text-indent:9999px;margin-right:7px;}
#main_pager a.active{background:#fff;}
#main_pager .main-s-btn {text-indent:-9999px;width:6px;height:13px;z-index:9;display:inline-block;cursor:pointer;margin:0 14px;vertical-align:0;}
#main_pager #mainprev {background:url("/theme/case2/mobile/img/left_icon.svg") no-repeat;background-size:cover;}
#main_pager #mainnext {background:url("/theme/case2/mobile/img/right_icon.svg") no-repeat;background-size:cover;}
#main_pager .bx-newcontrol {display:inline-block;width:13px;height:13px;vertical-align:0px;cursor:pointer;}
#main_pager #bx-stop {background:url("/theme/case2/mobile/img/m_new_btn_stop.png"); background-size: 13px;background-repeat:no-repeat;background-position:center;}
#main_pager #bx-start {background:url("/theme/case2/mobile/img/m_new_btn_play.png");background-size: 13px;background-repeat:no-repeat;background-position:center;display:none;}


.main_title_txt{width: 100%;margin:0 auto; padding: 25px 0;}
.main_title_txt p{color: #212121;font-family: 'Noto Sans KR', sans-serif;font-size: 16px;text-align: center;}
.main_title_txt span{ color: #828282; font-family: 'Noto Sans KR', sans-serif; font-size: 12px; text-align: center; font-weight: 100; display: block; letter-spacing: 2px;}

.main01{padding:4.375%; background:#fff;}
.main01 img{width:100%;}
.main01_silde{position:relative;border:1px solid #d7d7d7;box-sizing:border-box;}
.main01_silde .bx-viewport{box-sizing:border-box;}
.main01_silde .bx-controls-direction {width:100%;position:absolute;top:50%;}
.main01_silde .bx-controls-direction .bx-prev {position:absolute;left:0;background:url('/theme/case2/img/main/rolling_story_prev.png') center center rgba(0, 0, 0, .7) no-repeat;text-indent:-9999px;width:30px;height:30px;z-index: 99;}
.main01_silde .bx-controls-direction .bx-next {position:absolute;right:0;background:url('/theme/case2/img/main/rolling_story_next.png') center center rgba(0, 0, 0, .7) no-repeat;text-indent:-9999px;width:30px;height:30px;z-index: 99;}

.main03 .bx-controls-direction {width:100%;position:absolute;top:50%;}
.main03 .bx-controls-direction .bx-prev {position:absolute;left:2.3437%;background:url("/theme/case2/img/main/rolling_story_prev.png") no-repeat; margin: 0; text-indent:-9999px; width:15px; height:29px;z-index: 99;}
.main03 .bx-controls-direction .bx-next {position:absolute;right:2.3437%;background:url("/theme/case2/img/main/rolling_story_next.png") no-repeat; margin: 0; text-indent:-9999px; width:15px; height:29px;z-index: 99;}



.main02 {position:relative;background:#f9feff;padding:4.375%;box-sizing:border-box;}
.main02_view {overflow:hidden;}
.main02_view ul li {float:left;width:33.0479%;margin-right:0.3424%;margin-bottom:0.3424%;position:relative;overflow:hidden;}
.main02_view ul li:last-child {margin-right:0;}
.main02_view ul li img {width:100%;}
.main02_view .view_btm li {margin-top:-33%;}




.main03 {padding: 4.375% 0;background: #f7f7f7;box-sizing:border-box;}


.main05 {padding:0; box-sizing:border-box;}
.main05 img{width:100%;}
.main05 h4{overflow: hidden; padding: 20px 10px; font-size: 18px; color: #fff;     background: rgb(47, 183, 215); background: -moz-linear-gradient(-45deg, #00aeef 0%, #805ed1 100%); background: -webkit-linear-gradient(-45deg, #00aeef 0%,#805ed1 100%); background: linear-gradient(135deg, #00aeef 0%, #805ed1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ab4d9', endColorstr='#805ed1',GradientType=1 );}
.main05 h4 p{ float: left;}
.main05 h4 p span{ font-size: 14px;vertical-align: middle;}
.main05 h4 b{font-size: 27px;vertical-align: middle;}
.main05 h4 > a{float: right; border: 2px solid #fff; color: #fff; padding: 5px 11px; border-radius: 23px; font-size: 14px; text-align: center;}
.main05 .bt_bn{background: #3f5f9a;}
.main05 .bt_bn b{font-size: 18px;}


.main06{position:relative;padding:0 4.375% 4.375% 4.375%;}
.main06 > img{width:100%;}
.main06 .main06_con{width:100%; position:relative;}
.main06_con img{width:100%;}
.main06_con .main06_01{margin-bottom:3.572%;}



.main06_02 {position:relative;background:#f2f0f2;padding:4.1095%;}
.main06_02 ul li {}
.main06_02 img {width:100%;}
.main06_02 .bx-wrapper .bx-controls-direction{width:100%; position:absolute; bottom:40px; right:10px; z-index:60;}
.main06_02 .bx-wrapper .bx-controls-direction a {position: absolute; width: 30px; height: 30px; background-size:cover; text-indent:-9999px;}
.main06_02 .bx-pager {text-align:center;margin-top:5%;}
.main06_02 .bx-pager .bx-pager-item {display:inline-block;margin:0 5px;}
.main06_02 .bx-pager .bx-pager-item a {width:10px;height:10px;text-indent:-9999px;display:inline-block;background:#cbcbcb;border-radius:5px;}
.main06_02 .bx-pager .bx-pager-item a.active {background:#6f6f6f;}



/* 인스타그램 시작 */
.instargram{width:100%;padding: 4.375% 0;}
.instargram_title{width: 100%;margin:0 auto;}
.instargram_title p{width: 50%;text-transform:uppercase;border-top: 1px solid #a9a9a9;border-bottom: 1px solid #a9a9a9;margin: 0 auto;clear: both;color: #212121;font-family: 'Noto Sans KR', sans-serif;font-size: 12px;line-height: 18px;margin-bottom: 20px;margin-top: 20px;text-align: center;padding: 8px 0;}
.instargram_wrap {display: none;overflow: hidden;width:100%;margin: 0 auto;font-size: 14px;color: #4D4D4D;font-weight: bold;}
#instafeed {padding-top: 10px;}
#instafeed div {display: inline-block;width: 25%;height: auto;vertical-align: top;padding: 0;}
#instafeed div a {display: block;width: 100%;height: 100%;}
#instafeed div a img {width: 100%;}
/* 인스타그램 끝 */


.info {position:relative; overflow: hidden; width: 100%; padding: 15px; box-sizing: border-box; background: #f2f3f8; color: #666666; letter-spacing: -1px;}
.info h2 {width: 100%; padding: 10px 0; margin: 0 0 15px 0; background: #354194; border-radius: 30px; color: #fff; font-size: 16px; text-align: center; letter-spacing: 0;}
.time_info {width: 100%;}
.time_info h3 {width: 100%; font-size: 16px; line-height: 22px; margin: 5px 0; color: #000; text-align: center; font-weight: 400;}
.time_info dl {font-size: 13px;}
.time_info dt {float: left;width: 50%;color: #38a2ff;font-weight: 600;font-size: 16px;line-height: 33px;text-align: center;border-bottom: 1px dashed #dcdcdc;}
.time_info dd {float: left;width: 50%;font-weight: 500;font-size: 16px;line-height: 33px;text-align: center;border-bottom: 1px dashed #dcdcdc;color: #333;}
.time_info dd span {font-size: 10px;}
.time_info p{color: #03a9f4;font-weight: bold; font-size: 11px}

.loc {position:absolute; width: 45%; top: 15px; right: 10px;}
.root_daum_roughmap .wrap_controllers{display:none;}

/****************************************************
메인 컨텐츠 끝
****************************************************/





/****************************************************
하단 시작
****************************************************/

.foot_sns_wrap{text-align:center; padding:4.5% 0 ;background: #f3f3f3;}
.foot_sns{font-size:0;}
.foot_sns a{display:inline-block; width:11.094%; margin-right:2.5%;}
.foot_sns a img{width:100%;}


.footer{background:#f3f3f3; text-align:center; letter-spacing:-1px; padding:3.125% 0 17%; padding-bottom: 12vh}
.foot_top a{display:inline-block; font-size:2.6vw; color:#fff; font-weight:300; vertical-align:middle;}
.foot_top span{display:inline-block; padding:0 2.34%; font-size:10px; color:#444; font-weight:300; vertical-align:middle;}

.footer .address{font-size:12px; color:#777; font-family:'Nanum Gothic', sans-serif; line-height:1.5;}
.footer .address span{color: #cecece;}
.footer .top_btn{ position: fixed; width: 40px; height: 40px; bottom: 140px; right: 20px; cursor: pointer; z-index: 999; background: rgb(47, 183, 215);background: -moz-linear-gradient(-45deg, #00aeef 0%, #805ed1 100%);background: -webkit-linear-gradient(-45deg,  #00aeef 0%,#805ed1 100%);background: linear-gradient(135deg, #00aeef 0%, #805ed1 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ab4d9', endColorstr='#805ed1',GradientType=1 );    border-radius: 25px;
    -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);}
.footer .top_btn img{padding-top: 10px;}
.footer .kb815{ width:107px; position:fixed; bottom:80px; right:20px; z-index:101;}

.foot_btn {/* padding-top:10px; */ border-top: 1px solid #eee; overflow:hidden;}
.foot_btn li {display:inline-block;/* margin:0 5px; */width: 33%;padding: 10px 0;}
.foot_btn li a {/* line-height:36px; */color: #333;display:block;/* border:1px solid #777; */font-size: 14px;text-align: center;}

.m_flag li{display: inline-block; padding: 10px 5px;}
/****************************************************
하단 끝
****************************************************/






/****************************************************
서브페이지 시작
****************************************************/
.subwrap{ padding-top: 15%;}

.sub_nav{position:relative;}
.sub_nav:after{content:""; clear:both; display:block;}
.sub_nav .snav_wrap{float:left; width:50%; box-sizing:border-box;}
.sub_nav .snav_wrap.subn_01{border-right:1px solid #ddd;}
.sub_nav .snav_wrap.subn_02{border-right:1px solid #fff;}
.sub_nav .snav_wrap a.snav_b{display:block; box-sizing:border-box; width:100%; padding:8% 5%; font-size:12px; color:#040a1b; background:url('/theme/case2/mobile/img/sub_nav_bg.png') no-repeat 92% 50%; background-size:8%; border-bottom:1px solid #ddd;}
.sub_nav .snav_wrap .sub_slide{display:none; position:absolute; width:50%; z-index:50; background:#fff; border-bottom:1px solid #ddd;}
.sub_nav .snav_wrap .sub_slide a{display:block; box-sizing:border-box; width:100%; font-size: 13px; padding:6.27%; color:#040a1b;}
.sub_nav .snav_wrap .sub_slide .depth3{display:none;}
.sub_nav .snav_wrap .sub_slide.slid01{width:calc(50% - 1px); border-right:1px solid #ddd; left:0;}
.sub_nav .snav_wrap .sub_slide.slid02{width:calc(50% - 1px); border-left:1px solid #ddd; left:calc(50% - 1px);}
@media all and (min-width:641px){
	.sub_nav .snav_wrap a.snav_b{font-size:30px;}
	.sub_nav .snav_wrap .sub_slide a{font-size:24px;}
}

/****************************************************
서브페이지 끝
****************************************************/

.bottom_quick{position: fixed; bottom: 0; background: #29384b; font-size: 0; z-index: 999; height: 10vh; width: 100%}
.bottom_quick a{display: inline-block; width: 25%; vertical-align: top; text-align: center;}
.bottom_quick a img{height: 10vh}