@charset "utf-8";

header nav.web{display:block}
header.sticky{position:fixed; z-index:999; width:100%; top:0px; width:1240px; margin:0px auto; padding:0px; left:50%; margin-left:-620px; } 
header nav.mobile{display:none}
header .m-menu{display:none}

header{position:relative;font-family:'NotoSans';background:#fff; /*min-width:124rem; width:1240px;*/ width:100%; margin:0px auto; padding:0px;}
header h1{width:12rem; top:4.5rem; left:6rem; /*position:absolute;*/ left:0px; top:1.3rem;}
header .menu-area{text-align:center;z-index:99;margin:0px auto;  padding:5px 10px 0; display:flex; max-width:1240px; width:100%; justify-content:space-between;}
header .menu-area li{/*font-size:2.1rem;*/font-weight:500;color:#000; display:inline-block; padding:20px 10px !important; flex:1; display:flex; align-items:center; justify-content:center; font-size:19px;}
header .menu-area li a{color:#000}
header .menu-area li a:hover,
header .menu-area li a:focus{color:#f34689;}

header .submenu-area{top:15rem; opacity:0;background:#fff; /*width:calc(100% - 12rem);*/ height:40.5rem;position:absolute;margin:0 6rem;z-index:200;display:none; width:100%; margin:0px; }
header .submenu-area.open{/*top:14rem;*/ top:138px; opacity:1;display:block !important;-webkit-animation:slide-down .3s ease-out;-moz-animation:slide-down .3s ease-out;z-index:300; left:0;
border-top:1px solid #d9d9d9;}
header .submenu-area .list{text-align:center;/*margin-top:2rem;*/display:inline-block;  height:100%; border-right:1px solid #d9d9d9; flex:1; height:100%;}
header .submenu-area .list:first-child{border-left:1px solid #d9d9d9;}
header .submenu-area .list li{font-size:1.8rem;font-family:'NotoSans';font-weight:400;padding:2rem 0; padding-left:10px; box-sizing:border-box; text-align:left;}
header .submenu-area .list li a{font-size:17px; letter-spacing:-2px;}
/*header .submenu-area .list:nth-child(1){left:calc(50% - 60rem)}
header .submenu-area .list:nth-child(2){left:calc(50% - 44.5rem)}
header .submenu-area .list:nth-child(3){left:calc(50% + 5.1rem)}
header .submenu-area .list:nth-child(4){left:calc(50% + 28.5rem)}
header .submenu-area .list:nth-child(5){left:calc(50% + 44rem)}*/
/*header .submenu-area .list:nth-child(1){left:calc(50% - 65rem)}
header .submenu-area .list:nth-child(2){left: calc(50% - 47rem);}
header .submenu-area .list:nth-child(3){left: calc(50% + 6.5rem);}
header .submenu-area .list:nth-child(4){left: calc(50% + 24.5rem);}
header .submenu-area .list:nth-child(5){left: calc(50% + 43.2rem);}*/
header .submenu-area .list li a{color:#000;}
header .submenu-area .list li a:hover,
header .submenu-area .list li a:focus{color:#f34689}

header .submenu-area2{top:15rem;opacity:0;background:#000;width:calc(100% + 6rem);height:35.7rem;position:absolute;margin:0 6rem;z-index:9;display:none;margin-left:0;margin-right:0}
header .submenu-area2.open{top:14rem;height:6rem;opacity:1;display:block !important;-webkit-animation:slide-down .3s ease-out;-moz-animation:slide-down .3s ease-out;}
header .submenu-area2 .list{text-align:center;margin-top:0;display:inline-block;position:absolute;width:100%;}
header .submenu-area2 .list li{font-size:1.6rem;font-family:'NotoSans';font-weight:400;padding:2rem 0;display:inline-block;margin:0 2rem}
header .submenu-area2 .list li a{color:#9a9a9a;}
header .submenu-area2 .list li a:hover,
header .submenu-area2 .list li a:focus{color:#fff;border-bottom:2px solid #f34689}
header .submenu-area .sub_menu_box{max-width:1240px; width:100%; display:flex; justify-content:center; height:auto; margin: 0 auto; height:100%;}

header .lang-sel{/*position:absolute;*/top:5.8rem;right:13rem; z-index:10; top:0; right:0rem; position:relative; z-index:9999;}
header .lang-sel .lang{width:8rem;font-size:1.5rem;border-bottom:2px solid #000;height:2.5rem;display:block;padding-left:1rem;}
header .lang-sel .lang:after{content:'';width:1.1rem;height:.6rem;position:absolute;top:.7rem;right:0;display:block;background:url('../images/btn_icon_42.png') no-repeat;background-size:contain;}
header .lang-sel div.ko{position:absolute; display:flex; flex-direction:column; top:29px;left:10px;}
header .lang-sel .select{width:7.6rem;font-size:1.5rem;height:2.5rem;line-height:2.5rem;border:2px solid #000;padding-left:1rem;margin-top:-.2rem;display:none;}
header .lang-sel .select.open{display:block; background:#fff;}
header .lang-sel .select.current{background:#000;color:#fff;}
header .lang-sel .select:hover{background:#000;color:#fff;}

header .content_h{display:flex; margin:0 auto; max-width:1240px; width:100%; justify-content:space-between; padding-top:10px; flex-direction:column;}
header .h_box{display:flex; align-items:center; width:100%; justify-content:space-between;}
header .h_box div{display:flex;}
header .h_box div a.lang{margin-left:10px;}
header .right-area{right:6rem;top:5.8rem;/*position:absolute;*/font-family:'NotoSans'; top:2rem; right:10rem; display:flex; algin-items:center;}
header .right-area li{display:inline-block;}
header .right-area li.lang .choice-lang{display:none;opacity:0;position:absolute;top:2.35rem;left:-.05rem}
header .right-area li.lang .choice-lang.open{display:block;opacity:1;-webkit-animation:slide-down .3s ease-out;-moz-animation:slide-down .3s ease-out;}
header .right-area li.lang .choice-lang a:nth-child(2){margin-left:-.4rem}
header .right-area li.login{width:2.05rem;height:2.05rem;margin-left:4rem;background:url('../images/btn_icon_01.png');background-size:100% auto;cursor:pointer;}
/* header .right-area li.login.on{width:2.05rem;height:2.05rem;margin-left:4rem;background:url('../images/btn_icon_01_on.png');background-size:100% auto;cursor:pointer;} */
header .right-area li.login.on{width:2.05rem;height:2.05rem;margin-left:4rem;background:url('../images/btn_icon_01_on.png') no-repeat;background-size:contain;cursor:pointer;}
header .right-area li.gnb-search{width:2.05rem;height:2.05rem;margin-left:1rem;background:url('../images/btn_icon_02.png');background-size:100% auto;cursor:pointer;}


header .right-sns {right:6rem;top:5.8rem;position:absolute;font-family:'NotoSans'; top:1.8rem; /*right:55rem;*/ z-index:10; right:50%;}
header .right-sns a { display:inline-block; text-indent:-999999px; margin:0px; width:30px; height:30px; font-size:0px;}
header .right-sns a.kakao:before {content:''; display:block; width:30px; height:30px; background:url(../images/kakao.png)no-repeat; background-size:contain;}
header .right-sns a:before {content:''; display:block; width:30px; height:30px; background:url(../images/icon_linkSns.png)no-repeat;}
header .right-sns a.instagram:before { background-position:0px 0px;}
header .right-sns a.youtube:before  { background-position:0px -30px;}
header .right-sns a.facebook:before  { background-position:0px -60px;}
header .right-sns a.blog:before  { background-position:0px -90px;}



header .gnb-search-area{width:100%;top:-2rem;background:rgba(255,255,255,1);height:97.9rem;position:absolute;z-index:9;text-align:center;display:none;opacity:0;}
header .gnb-search-area.open{display:block;opacity:1;top:0;z-index:999;}
header .gnb-search-area .search-logo{top:4.5rem;left:6rem;position:absolute;}
header .gnb-search-area .gnb-search-close{top:4rem;right:6rem;width:4rem;height:3.9rem;position:absolute;background:url('../images/btn_icon_28.png');background-size:contain;display:block;z-index:999;}
header .gnb-search-area .input-area{position:relative;}
header .gnb-search-area .input-area .global-search{font-size:2.5rem;font-weight:300;width:calc(100% - 12rem);background:#111;color:#555;text-align:center;padding:2.3rem 0;margin-top:42.5rem;}
header .gnb-search-area .input-area .total-search{position:absolute;width:3em;height:3rem;right:7rem;bottom:8rem;color:#fff;;background:url('../images/icon_search.png') no-repeat;background-size:contain;cursor:pointer;}
header .gnb-search-area .input-area .keyword{font-size:1.3rem;margin-top:3.5rem}
header .gnb-search-area .input-area .keyword a{color:#aaa;padding:0 1.3rem}
header .gnb-search-area .input-area .keyword a:first-child{padding-left:4rem}

header.mid-type{border-bottom:1px solid #ececec;width:calc(100% - 12rem);margin:auto;}
header.mid-type.sticky{position:fixed;top:0;z-index:99999;background:#fff;left:6rem; }
header.mid-type .logo-area{top:2.5rem;margin-left:-6rem}
header.mid-type .menu-area li{padding:3rem 5rem}
header.mid-type .right-area{top:4rem;right:0}
footer.sub_footer{background:#fff;}
footer{width:100%;position:relative;font-family:'NotoSans'; text-align:center; background:#e3e3e3; padding:60px 0;}
footer .footer-line{border-top:1px solid #dedede;position:relative;margin-top:5rem;}
footer .left{width:124rem;margin:auto;/*padding-top:3rem;*/position:relative;}
footer .left a{overflow:hidden;display:inline-block;}
footer .left .f_icon ul{display:flex; align-items:center; margin-bottom:30px; justify-content:center;}
footer .left .f_icon ul li{margin-right:10px;}
footer .left .f_icon ul li:last-child{margin-right:0;}
footer .left .txt1{font-family:'NotoSans';/*font-size:1.3rem;*/font-weight:bold; font-size:15px; color:#666;}
footer .left .txt1:last-child{font-weight:500;}
footer .left .txt2{font-family:'NotoSans';/*font-size:1.3rem;*/font-weight:400;  font-size:15px; margin-bottom:15px; color:#666;}
footer .left .lang-sel{position:absolute;top:4rem;right:0}
footer .left .lang-sel .lang{width:8rem;font-size:1.5rem;border-bottom:2px solid #000;height:2.5rem;display:block;padding-left:1rem;}
footer .left .lang-sel .lang:after{content:'';width:1.1rem;height:.6rem;position:absolute;top:.7rem;right:0;display:block;background:url('../images/btn_icon_42.png') no-repeat;background-size:contain;}
footer .left .lang-sel .select{width:7.6rem;font-size:1.5rem;height:2.5rem;line-height:2.5rem;border:2px solid #000;padding-left:1rem;margin-top:-.2rem;display:none;}
footer .left .lang-sel .select.open{display:block;}
footer .left .lang-sel .select.current{background:#000;color:#fff;}
footer .left .lang-sel .select:hover{background:#000;color:#fff;}
footer .right{width:124rem;margin:auto;}
footer .right .list{display:inline-block;vertical-align:top;width:21.97rem;}
footer .right .list:last-child{width: 12rem;}
footer .right .list:first-child{margin-left:0}
footer .right .list li{font-family:'NotoSans';font-size:1.3rem;font-weight:300;padding:1rem 0}
footer .right .list li.tit{font-weight:700}
footer .right .list .btn-face{display:inline-block;margin-right:1rem;width:1.7rem;height:1.7rem;background:url('../images/btn_icon_08.png');background-size:cover}
footer .right .list .btn-twit{display:inline-block;margin-right:1rem;width:1.7rem;height:1.7rem;background:url('../images/btn_icon_09.png');background-size:cover}
footer .right .list .btn-insta{display:inline-block;margin-right:1rem;width:1.7rem;height:1.7rem;background:url('../images/btn_icon_10.png');background-size:cover}
footer .right .list .btn-blog{display:inline-block;margin-right:1rem;width:1.7rem;height:1.7rem;background:url('../images/btn_icon_10_1.png');background-size:cover}
footer .only-m{display:none;}
footer .move-top{width:2.3rem;height:2.8rem;right:0;top:4.5rem;position:absolute;background:url('../images/btn_icon_27.png')}
footer .move-top.sub{left:calc(50% + 650px)}
footer .foot-wa{position:absolute;width:70px;left:calc(50% + 450px);top:30px}
footer .foot-wa a{width:100%;display:block;}
footer .foot-wa img{width:100%;}
footer .logo_area {max-width: 1240px; margin: 0 auto;}
footer .logo_area .wrap {display: flex; justify-content: space-between;}


/* 만족도 조사*/
.survey{background:#656565;padding:1.8rem 5rem;margin:auto;margin-bottom:5rem;color:#fff;position:relative;width:114rem}
.survey .title{font-size:2rem;font-weight:bold;font-family:'HCRDotum';width:33rem;display:inline-block;vertical-align:middle;}
.survey .title .sml{font-size:1.5rem}
.survey .cont{display:inline-block;vertical-align:middle}
.survey .cont .radio-group .radio .label-radio{color:#fff;font-size:1.5rem}
.survey .btn-area{position:absolute;right:5rem;top:1.5rem;}
.survey .btn-area a.btn{padding:1.5rem 5rem;}
@media only screen and (max-width: 720px){
    .survey{background:#656565;width:calc(100% - 3rem);padding:2rem 1.5rem 3rem;margin-bottom:0;color:#fff;position:relative;overflow: hidden;}
    .survey .title{font-size:1.4rem;font-weight:normal;font-family:'HCRDotum';width:100%;display:block;}
    .survey .title .sml{font-size:1.4rem}
    .survey .cont{display:block;margin-top:1.5rem}
    .survey .cont .radio-group .radio .label-radio{color:#fff;font-size:1rem}
    .survey .cont .radio-group .radio:first-child{margin-left:0}
    .survey .cont .radio-group .radio{margin-left:.6rem}
    .survey .btn-area{position:relative;right:0;top:.7rem;}
    .survey .btn-area a.btn{padding:.9rem 5rem;width:100%;font-size:1rem;}
}

@media only screen and (max-width: 1680px){
    header .menu-area li{padding:5.5rem 4rem; padding:2.5rem 4rem;}
    header .submenu-area .list:nth-child(1){left:calc(50% - 54.5rem)}
    header .submenu-area .list:nth-child(2){left:calc(50% - 40.5rem)}    
    header .submenu-area .list:nth-child(3){left:calc(50% + 3.5rem)}  
    header .submenu-area .list:nth-child(4){left:calc(50% + 23.5rem)}    
    header .submenu-area .list:nth-child(5){left:calc(50% + 37.5rem)}
    
}
@media only screen and (max-width: 1550px){
    header .menu-area li{padding:5.5rem 3rem; padding:2.5rem 4rem;}    
    header .submenu-area .list li{font-size:1.7rem}
    header .submenu-area .list:nth-child(1){left:calc(50% - 48rem)}
    header .submenu-area .list:nth-child(2){left:calc(50% - 36rem)}    
    header .submenu-area .list:nth-child(3){left:calc(50% + 1.5rem)}  
    header .submenu-area .list:nth-child(4){left:calc(50% + 19.5rem)}    
    header .submenu-area .list:nth-child(5){left:calc(50% + 32rem)}
}
@media only screen and (max-width: 1440px){
    header .menu-area li{padding:5.5rem 2.5rem; padding:2.5rem 4rem;}   
    header .submenu-area .list li{font-size:1.55rem;text-align:center;}
    header .submenu-area .list:nth-child(1){left:calc(50% - 45rem)}
    header .submenu-area .list:nth-child(2){left:calc(50% - 34rem)}    
    header .submenu-area .list:nth-child(3){left:calc(50% + 1.5rem)}  
    header .submenu-area .list:nth-child(4){left:calc(50% + 18.5rem)}    
    header .submenu-area .list:nth-child(5){left:calc(50% + 30rem)}
}
@media only screen and (max-width: 1350px){
	
	header.sticky{ width:100%; left:0px; margin-left:0px; } 
	header{ width:100%;}
	
    header .menu-area li{padding:5.5rem 1.7rem; padding:2.5rem 4rem;}  
    header .submenu-area .list li{font-size:1.5rem;text-align:center;}
    header .submenu-area .list:nth-child(1){left:calc(50% - 40rem)}
    header .submenu-area .list:nth-child(2){left:calc(50% - 30.8rem)}    
    header .submenu-area .list:nth-child(3){left:calc(50% + 0rem)}  
    header .submenu-area .list:nth-child(4){left:calc(50% + 15.5rem)}    
    header .submenu-area .list:nth-child(5){left:calc(50% + 25rem)}
}
@media only screen and (max-width: 1280px){
    header .menu-area li{padding:5.5rem 1.7rem; padding:2.5rem 4rem;}  
    header .submenu-area .list li{font-size:1.5rem;text-align:center;}
    header .submenu-area .list:nth-child(1){left:calc(50% - 40rem)}
    header .submenu-area .list:nth-child(2){left:calc(50% - 30.5rem)}    
    header .submenu-area .list:nth-child(3){left:calc(50% + 0rem)}  
    header .submenu-area .list:nth-child(4){left:calc(50% + 15.5rem)}    
    header .submenu-area .list:nth-child(5){left:calc(50% + 25rem)}
}


@media (max-width:1350px) {
	

	
}

.sub-line{border-top:1px solid #ddd;position:absolute;top:13.9rem;width:100%;left:0;}
.contents-wrap{width:124rem;margin:0 auto 15rem;overflow:hidden;font-family:'NotoSans'}
h2.sub-title{font-size:3.8rem;color:#000;margin-top:10rem;text-align:center;font-weight:bold;font-family:"HCRDotum"}
h3.sub-cont{font-size:1.8rem;color:#000;margin-top:4rem; margin-bottom:5rem;text-align:center;font-weight:normal;font-family:"HCRDotum"}
h4.date{font-size:1.8rem;color:#999;text-align:center;margin-top:4rem;font-weight:normal;}
p.sub-title{font-size:3.8rem;color:#000;margin-top:10rem;text-align:center;font-weight:bold;font-family:"HCRDotum"}
.sub-left{text-align:left;float:left;width:24rem;margin-right:5rem}
.sub-left h2.sub-title{text-align:left}
.sub-left .sub-menulist{margin-top:3rem}
.sub-left .sub-menulist li{font-size:1.8rem;padding:1.5rem 0;font-weight:500;border-bottom:1px solid #d9d9d9;position:relative;} 
.sub-left .sub-menulist li a{color:#808080;}
.sub-left .sub-menulist li a:hover{color:#000}
.sub-left .sub-menulist li.current{color:#000;border-bottom:2px solid #000;}
.sub-left .sub-menulist li.current a{color:#000}
.sub-left .sub-menulist li:after{content:'';width:.8rem;height:1.4rem;background:url('../images/btn_icon_30.png');display:block;position:absolute;right:0;bottom:2rem;}
.sub-left .sub-menulist li.current:after{background:url('../images/btn_icon_30_open.png');}

.sub-right{width:95rem;float:left;padding-top:10rem}
.sub-right.type{padding-top:3rem;}
.sub-right .sml-tit{font-size:2.5rem;font-weight:bold;color:#000;margin-bottom:2.5rem}
.sub-right h3.sub-title2{text-align:left;font-size:3rem;margin-bottom:4rem;font-family:"HCRDotum";font-weight:bold;}
.sub-right h4{font-size:1.5rem;font-weight:200;margin-top:-2rem;margin-bottom:5rem}
@media only screen and (max-width: 720px){
    .sub-left{text-align:left;float:none;width:100%;margin-right:0;}
    .sub-left h2.sub-title{position:relative;text-align:center;margin-top:0;margin-left:-1.5rem;margin-right:-1.5rem;background:#111;color:#fff;font-size:1.75rem;padding:.8rem;}
    .sub-left h2.sub-title:after{content:'';width:1.5rem;height:.75rem;background:url('../images/btn_icon_31.png') no-repeat;background-size:contain;right:1.5rem;top:1.6rem;display:block;position:absolute;}
    .sub-left .sub-menulist{display:none;margin-top:0;background:#000;margin-left:-1.5rem;padding:2.25rem 0;position:absolute;width:100%;}
    .sub-left .sub-menulist.open{display:block;z-index:99;}
    .sub-left .sub-menulist.open:after{content:'';width:1.5rem;height:.75rem;background:url('../images/btn_icon_31_open.png') no-repeat;background-size:contain;right:1.5rem;top:-2.3rem;display:block;position:absolute;}
    .sub-left .sub-menulist li{font-size:1.8rem;padding:1.25rem 0;font-weight:500;border-bottom:none;position:relative;text-align:center;} 
    .sub-left .sub-menulist li a{color:#808080;}
    .sub-left .sub-menulist li a:hover{color:#808080}
    .sub-left .sub-menulist li.current{color:#f34689;border-bottom:none;}
    .sub-left .sub-menulist li.current a{color:#f34689}
    .sub-left .sub-menulist li:after{content:'';width:.1rem;height:.1rem;background:none;display:block;position:absolute;right:-100rem;bottom:0;}
    .sub-left .sub-menulist li.current:after{background:url('../images/btn_icon_30_open.png');}
   
    .sub-right h3.sub-title2{text-align:center;font-size:1.75rem;margin-bottom:1.5rem;font-family:"HCRDotum";font-weight:bold;}
    .sub-right h4{font-size:1.25rem;font-weight:200;margin-top:0rem;margin-bottom:2.5rem}
    .sub-right{width:100%;float:none;padding-top:3rem;position:relative;}
    .sub-right .sml-tit{font-size:1.75rem;font-weight:bold;color:#000;text-align:center;}
    .sub-right .sml-tit.type{margin-bottom:9rem;}
    .sub-right .select-wrap{position:absolute;width:100%;top:5.7rem}
    .sub-right .select-wrap.type2{position:relative;width:100%;top:auto}
    .sub-right .select-wrap .sub-select{width:100%;font-size:1.9rem}	
	
}
body.overflow_hidden {overflow: hidden;}
.pop-wrap{width:100%;height:100%;display:none;position:fixed;background:rgba(0,0,0,.6);z-index:999;top:0;text-align:center;}
.pop_wrap .viewSwiper .swiper-slide {}
.pop_wrap .viewSwiper .swiper-slide {position: relative;}
.img_cover {display: flex; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0); transition: 0.3s;}
.img_cover:hover {background: rgba(0,0,0,.5);}
.pop_wrap .swiper-slide::after {content: ''; display: inline-block; position: absolute; top: 0; bottom: 0; background: #000;}
.ver.tran.type2.wh {display: flex; justify-content: center; align-items: center; color: rgba(0,0,0,0); z-index: 1; transition: 0.3s;}
.ver.tran.type2.wh td {border-left: 0;}
.img_cover:hover .ver.tran.type2.wh { color: #fff;}
.pop-wrap.black{background:#000;}
.pop-wrap.open{display:block;}
.pop-wrap .pop-cont{padding:3rem;margin:auto;min-width:48rem;width:auto;background:#fff;display:inline-block;margin-top:2rem;margin-bottom:1rem;}
.pop-wrap .pop-cont.wide{min-width:100rem;max-width:120rem;}
.pop-wrap .pop-cont.black{background:#000;color:#fff;width:124rem;margin-top:0;padding:0}
.pop-wrap .pop-cont .btn-pop-close{width:3rem;height:3rem;position:absolute;right:5rem;/* top:5rem; */background:url('../images/btn_icon_28.png');background-size:cover;}
.pop-wrap .pop-cont.black .btn-pop-close{background:url('../images/btn_icon_28_w.png');right:3rem;top:3rem; z-index: 10;}
@media only screen and (max-width: 720px){
    .pop-wrap{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.6);z-index:999;top:0;text-align:center;}
    .pop-wrap .pop-cont.wide{width:calc(100% - 3.8rem);min-width:auto;margin:0;}
    .pop-wrap .pop-cont.black{background:#000;color:#fff;width:100%;margin:0;padding:0}
    .pop-wrap .pop-cont{padding:1.9rem;margin:auto;min-width:auto;width:calc(100% - 7.6rem);background:#fff;display:inline-block;margin-top:5.5rem;margin-bottom:8rem;margin-left:1.9rem;margin-right:1.9rem;position:relative;}
    .pop-wrap .pop-cont .btn-pop-close{width:1.5rem;height:1.5rem;position:absolute;right:2.5rem;top:2.5rem;background:url('../images/btn_icon_28.png');background-size:cover;}
    .pop-wrap .pop-cont.wide .btn-pop-close{top:1.5rem;background:url('../images/btn_icon_28_w.png');background-size:cover;}
    .pop-wrap .pop-cont.black .btn-pop-close{background:url('../images/btn_icon_28_w.png') no-repeat;background-size:contain;right:1.5rem;top:2.5rem}
}

.over-effect:hover:before{content:'';position:absolute;;background:url('../images/icon_mouseover.png') 50% 50% no-repeat, rgba(0,0,0,.5);width:100%;height:100%;}

/** MOBILE **/
@media only screen and (max-width: 720px){
    header .right-area a.m_none{display:none;}
    .contents-wrap{width:calc(100% - 3rem);margin-left:0;margin-top:0;margin-bottom:7rem;padding:0 1.5rem;font-family:'NotoSans'}
    .sub-line{border-top:1px solid #ddd;display:none;}
    
    /* h2.sub-title{font-size:1.75rem;color:#000;margin-top:0;text-align:center;font-weight:bold;margin-top:3rem} */
    h2.sub-title{font-size:1.75rem;color:#fff;margin-top:0;text-align:center;font-weight:bold;margin-top:0;margin-left:-1.5rem;margin-right:-1.5rem;background:#000;padding:.8rem;}
    h3.sub-cont{font-size:1.25rem;color:#fff;margin-top:2rem;text-align:center;font-weight:normal}
    p.sub-title{font-size:2rem;color:#000;margin-top:2rem;text-align:center;font-weight:bold;font-family:"HCRDotum"}
    h4.date{font-size:1.25rem;color:#999;text-align:center;margin-top:2rem;font-weight:normal;}

    header{min-width:100%;height:5.5rem;border-bottom:1px solid #ddd; /*margin-top:20px;*/}
    header.sticky {position:fixed;z-index:999;width:100%;height:5.5rem; top:0px; margin-top:0px;}
    /*header nav.web{display:none}*/
    header nav.mobile{display:block;}
    header nav.mobile .btn_ham{width:1.65rem;height:1rem;background:url('../images/btn_hamberg.png');background-size:contain;position:absolute;top:2.25rem;left:1.5rem}
	header .right-sns { display:none;}
	header .right-area{right:7.3rem !important; margin:0 !important;}
	/*header .lang-sel { display:none !important;}*/
      header .lang-sel{position:absolute; top:50%; right:0; transform:translateY(-50%);}
	  header .lang-sel .lang{width:6rem;}
	   header .lang-sel .select{width:6rem;}
    .m-menu{left:-50rem;display:block;width:100%;height:85%;background:#fff;position:fixed;/*overflow-y:scroll;*/ overflow-x:hidden;z-index:999999;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
    /* .m-menu.open{left:0;display:block;z-index:9999;} */
    .m-menu.open{left:0;display:block;}
    .m-menu .top_area{height:5.5rem;position:relative;}
    .m-menu .top_area .btn_close{width:1.5rem;height:1.5rem;top:2rem;left:1.5rem;position:absolute;background:url('../images/btn_icon_28_w.png');background-size:contain;display:block;}
    .m-menu .top_area .right-area li.login{width:1.8rem;height:1.9rem;margin-left:4rem;/*background:url('../images/btn_icon_01_w.png');*/background-size:100% auto;cursor:pointer;}
    .m-menu .top_area .right-area li.login.on{width:1.8rem;height:1.9rem;margin-left:4rem;background:url('../images/btn_icon_01_on_w.png');background-size:100% auto;cursor:pointer;}
    .m-menu .top_area .right-area li.gnb-search{width:2.05rem;height:2.05rem;margin-left:1rem;background:url('../images/btn_icon_02.png');background-size:100% auto;cursor:pointer;}
    .m-menu .bottom_area{top:3rem;position:relative;margin-bottom:3rem;}
    .m-menu .bottom_area ul{margin-left:1.5rem;}
    .m-menu .bottom_area ul li{display:inline-block;}
    .m-menu .bottom_area ul li .link{width:1.7rem;height:1.7rem;margin-right:1.4rem;display:inline-block;}
    .m-menu .bottom_area ul li .link.face{background:url('../images/m_facebook.png') no-repeat;background-size:contain;}
    .m-menu .bottom_area ul li .link.youtube{background:url('../images/m_youtube.png') no-repeat;background-size:contain;}
    .m-menu .bottom_area ul li .link.insta{background:url('../images/m_insta.png') no-repeat;background-size:contain;}
	.m-menu .bottom_area ul li .link.blog{background:url('../images/m_blog.png') no-repeat;background-size:contain;}
	.m-menu .bottom_area ul li .link.kakao{background:url('../images/m_kakao.png') no-repeat;background-size:contain;}

    .m-menu .acc ul{margin-top:3rem;}
    .m-menu .acc ul li{font-size:1.6rem;position:relative;}
    .m-menu .acc ul li.active > a{color:#fff;}
    .m-menu .acc ul li.active ul{display:block;}
    .m-menu .acc ul li a{color:#111;padding:1.5rem;display:block;
	-webkit-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;-ms-transition:all 200ms ease-in;transition:all 200ms ease-in; border-bottom:1px solid #ebe8e8;}
    .m-menu .acc ul li a span{display:inline-block;}
    /*.m-menu .acc ul li a:hover span{border-bottom:.2rem solid #f34689}*/
	.m-menu .acc ul li a:hover span{color: #f34689;}
    .m-menu .acc ul li a i{width:24px;height:24px;/*background:url('../images/btn_icon_29.png');*/background:url('/resources/fo/kor/images/uil--plus.svg'); 
	background-size:contain;display:block; position:absolute;bottom:15px; right:1.5rem;}
    .m-menu .acc ul ul{display:none;margin-left:-1.5rem;margin-top:0;width:calc(100% + 3rem); padding-left:20px;}
    .m-menu .acc ul ul:before{content:'';background:url('/resources/fo/kor/images/uil--minus.svg'); background-size:contain;width:24px; height:24px; position:absolute;display:block;
	right:1.5rem;top:14.5px; box-sizing:border-box;}
    .m-menu .acc ul ul li{background:#fff;padding-left:1.5rem;padding-right:1.5rem}
    .m-menu .acc ul ul li a{color:#111;padding-top:1.2rem;padding-bottom:1.2rem;font-size:1.4rem;display:block; border-bottom:0;}
    .m-menu .sub-menu.d_none > a:first-of-type{display:none !important;}
    header .menu-area{display:none;}
    header{position:relative;font-family:'NotoSans';background:#fff; top:0}
    header h1{width:8rem;top:0.8rem;/*left:calc(50% - 5.75rem);*/ left:11%; position:absolute;}

    header .right-area{right:1.5rem;top:1.7rem;position:absolute;font-family:'NotoSans'; display:flex; align-items:center; margin:0 10px;}
	header .right-area li.m_txt{display:none;}
    header .right-area li{display:inline-block;}
    header .right-area li.lang .choice-lang{display:none;opacity:0;position:absolute;top:2.35rem;left:-.05rem}
    header .right-area li.lang .choice-lang.open{display:block;opacity:1;-webkit-animation:slide-down .3s ease-out;-moz-animation:slide-down .3s ease-out;}
    header .right-area li.lang .choice-lang a:nth-child(2){margin-left:-.4rem}
    header .right-area li.login{width:1.8rem;height:1.9rem;margin-left:4rem;background:url('../images/btn_icon_01.png');background-size:100% auto;cursor:pointer;}
    header .right-area li.gnb-search{width:2.1rem;height:2.1rem;margin-left:1rem;background:url('../images/btn_icon_02.png');background-size:100% auto;cursor:pointer;}

    header .gnb-search-area{width:100%;top:-2rem;background:#111;height:22.5rem;position:absolute;z-index:9;text-align:center;display:none;opacity:0}
    header .gnb-search-area.open{display:block;opacity:1;top:0;z-index:9999999;}
    header .gnb-search-area .search-logo{display:none;}
    header .gnb-search-area .gnb-search-close{top:2rem;left:1.5rem;right:0;width:1.6rem;height:1.6rem;position:absolute;background:url('../images/btn_icon_28_w.png');background-size:contain;display:block;}
    header .gnb-search-area .input-area .global-search{font-size:2.3rem;font-weight:300;width:calc(100% - 8rem);background:#111;color:#555;text-align:left;padding:.7rem 2.5rem;margin-top:6rem;border:none;border-bottom:1px solid #b6b6b6;}
    header .gnb-search-area .input-area .total-search{width:2em;height:2rem;right:4rem;bottom:6.5rem;}
    header .gnb-search-area .input-area .keyword{font-size:1.1rem;margin-top:3.5rem;color:#fff;padding-left:2rem}
    header .gnb-search-area .input-area .keyword a{color:#aaa;padding:0 2rem}
    header .gnb-search-area .input-area .keyword a:first-child{padding-left:2rem}

    footer{/*margin:1.5rem 0 5rem !important;*/ width:100%; padding:0;}
    footer .left{width:100%;float:none;/*padding-top:2rem;*/ padding:4rem 2rem; box-sizing:border-box; margin-top:0 !important;}
    /*footer .left a{display:none}*/
    footer .right{display:none;}
    footer .left .txt1{font-family:'NotoSans';/*font-size:.9rem;font-weight:300;*/margin-top:0;margin-left:1.5rem;position:relative; margin-left:0; font-size:14px;}
    footer .left .txt2{font-family:'NotoSans';/*font-size:.9rem;font-weight:200;*/margin-top:.5rem;margin-left:1.5rem;position:relative; margin-left:0; font-size:14px;}
    footer .left .lang-sel{display:none;}
    footer .left .f_icon ul{margin-bottom:15px;}
    footer .move-top{top:-3.5rem;display:none;width:2.4rem;height:2.4rem;right:1.5rem;position:absolute;background:url('../images/btn_icon_27.png') no-repeat;background-size:contain;}
    footer .move-top.sub{left:calc(100% - 30px);}
    footer .sub_f{display:block !important;}
    footer .only-m{display:none;margin-top:0;position:relative;padding:0 1.5rem;}
    footer .only-m .agree{font-size:1.1rem;overflow:hidden;border-bottom:1px solid #dedede;margin-top:2rem;margin-bottom:2rem;}
    footer .only-m .agree li{float:left;display:block;font-weight:400;padding-left:1.3rem;margin-bottom:1.5rem}
    footer .only-m .agree li:before{content:'|';color:#c0c0c0;position:absolute;margin-left:-.75rem}
    footer .only-m .agree li:first-child{padding-left:0;}
    footer .only-m .agree li:first-child:before{content:''}
    footer .only-m .agree li:last-child{padding-left:0;}
    footer .only-m .agree li:last-child:before{content:''}
    
    footer .only-m .select-area{margin-bottom:2.25rem;margin-top:1.25rem}
    
    footer .only-m .select-area select{font-family:'NotoSans';width:100%;padding:0.75rem 2.5rem;font-size:1.1rem;color:#000;height:auto;}
    footer .only-m .select-area select{border: 1px solid #000;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('../images/common/selectbox_arrow3.png') no-repeat 95% 50% !important;background-size:9px !important;}
    footer .only-m .select-area select::-ms-expand{display:none;}
    footer .only-m .lang-area{margin-top:-.5rem;position:absolute;right:1.5rem;}
    footer .only-m .lang-area select{font-family:'NotoSans';width:auto;padding:.3rem .3rem;font-size:1.3rem;color:#000;height:3rem}
    footer .only-m .lang-area select{border:none;border-bottom:1px solid #000;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('../images/common/selectbox_arrow_w.png') no-repeat 95% 50% !important;background-size:9px !important;}
    footer .only-m .lang-area select::-ms-expand{display:none;}
    footer .only-m .btn-face{display:inline-block;margin-right:1rem;width:1.7rem;height:1.7rem;background:url('../images/btn_icon_08.png');background-size:cover}
    footer .only-m .btn-twit{display:inline-block;margin-right:1rem;width:1.7rem;height:1.7rem;background:url('../images/btn_icon_09.png');background-size:cover}
    footer .only-m .btn-insta{display:inline-block;margin-right:1rem;width:1.7rem;height:1.7rem;background:url('../images/btn_icon_10.png');background-size:cover}
    footer .only-m .btn-blog{display:inline-block;margin-right:1rem;width:1.7rem;height:1.7rem;background:url('../images/btn_icon_10_1.png');background-size:cover}
    footer .only-m .right-area{float:right;position:relative;}
    footer .only-m .right-area .btn-lang{width:5.4rem;height:1.7rem;position:absolute;top:-2rem;right:0;display:block;background:url('../images/btn_icon_18.png');background-size:cover}
    
    footer .only-m .acc-footmenu{margin-left:-1.5rem;margin-right:-1.5rem}
    footer .only-m .acc-footmenu > li{font-size:1.4rem;color:#999;text-align:center;border-bottom:1px solid #d8d8d8;padding:1rem 0;position:relative;}
    footer .only-m .acc-footmenu > li.sub-menu:after{content:'';width:1.1rem;height:.6rem;display:block;position:absolute;right:1.5rem;top:1.5rem;background:url('../images/footAccArrow.png') no-repeat center center !important;background-size:contain !important;}
    footer .only-m .acc-footmenu > li.open{color:#000;}    
    footer .only-m .acc-footmenu > li.open:after{background:url('../images/footAccArrowOpen.png') no-repeat center center !important;background-size:contain !important;}    
    footer .only-m .acc-footmenu .sub-area{background:#000;margin-top:1rem;margin-bottom:-1rem;padding:2.25rem 0;display:none;}
    footer .only-m .acc-footmenu .sub-area > li{background:#000;padding:.75rem 0;}
    footer .only-m .acc-footmenu .sub-area > li a{color:#9a9a9a;}
    footer .only-m .acc-footmenu .sub-area > li a:hover{background:#000;color:#f34689;}
    footer .only-m .acc-footmenu > li.open .sub-area{display:block;}
	footer .foot-wa{position:absolute;width:50px;left:auto;right:90px;top:-25px}
    footer .foot-wa a{width:100%;display:block;}
    footer .foot-wa img{width:100%;}

}