@charset "utf-8";
html{font-size:10px}@media all and (max-width:1340px){html{font-size:9px}}@media all and (max-width:1024px){html{font-size:8px}}@media all and (max-width:768px){html{font-size:7px}}@media all and (max-width:480px){html{font-size:6px}}
html,body{height:100%}
body{background-color:#3f3f3f;-ms-word-break:break-word;word-wrap:break-word;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{border:0 none;outline:1px dashed;}
#wrap{width:100%;background:#fff;overflow:hidden}
/*.fixed #wrap{position:fixed;width:100%;overflow:hidden;transition:all .2s ease;}*/
.frame{position:relative;width:1200px;margin:0 auto;}
.frame::after{display:block;clear:both;content:''}
.dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(45,45,45,0.3);z-index:1000}

/* Common Layout */
#wrap,#header,#container,#footer{position:relative}
#wrap::after,#header::after,#container::after,#footer::after{display:block;clear:both;content:''}

/* Header Layout */
#header{z-index:99}
#headTop{background:#6d6d6d;}
#headTop::after{display:block;clear:both;content:'';}

.header_menu{float:right;padding:5px 0;}
.header_menu li{float:left;}
.header_menu li + li{margin-left:38px;}
.header_menu li a{display:block;font-weight:500;color:#fff;line-height:25px;}

#headGlobal{}
.header_logo{position:absolute;top:20px;left:0;z-index:1}
.header_logo img{height:38px;}
.header_logo a{display:block;}
/*.side_menu_btn a,.allnav_open{display:block;width:44px;height:44px;background:url(../images/main/header_btn_sitemap.png) 50% 50% no-repeat;text-indent:-9999px}*/

.header_button{position:absolute;top:24px;right:100px;z-index:1}
.header_button a{display:block;float:left;width:32px;height:32px;margin:0 10px;background-position:50% 50%;background-repeat:no-repeat;text-indent:-9999px}
.header_button .header_button_login{background-image:url(../images/main/header_login.png)}

#gnb{padding-right:60px;float:right;}
#gnb::after{display:block;clear:both;content:'';}
#gnb > li{position:relative;float:left;padding:20px 18px;overflow:visible;text-align:center;}
#gnb > li > a{display:block;height:35px;line-height:35px;padding:0 8px;font-size:19px;font-weight:700;color:#404040;letter-spacing:-0.6px;transition:all .2s ease;}
#gnb > li.active > a{color:#eb5140;}
#gnb li ul{display:none;position:absolute;left:50%;top:75px;width:220px;margin-left:-110px;padding:12px 0 14px;background-color:#fff;border:1px solid #0f0f0f;}
#gnb li ul::before{position:absolute;left:50%;top:-8px;width:15px;height:8px;margin-left:-7px;background:url(../images/main/gnb_arrow.png) center center no-repeat;content:''}
#gnb > li.active ul{display:block;}
#gnb li ul li{width:100%;padding:6px 0;text-align:center;-ms-word-break:keep-all;word-break:keep-all;}
#gnb li ul a{font-size:16px;font-weight:500;color:#101010;}
#gnb li ul a:focus,#gnb li ul a:active,#gnb li ul a:hover{text-decoration:underline;color:#eb5140}

.side_menu_btn{display:block;position:absolute;top:20px;right:-5px;width:35px;height:35px;padding:7px 0;cursor:pointer}
.side_menu_btn span, .side_menu_btn span::after, .side_menu_btn span::before{display:block;position:relative;height:3px;width:24px;background-color:#404040;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.side_menu_btn span{margin:9px auto;-webkit-transition:background-color .2s;transition:background-color .2s;}
.side_menu_btn span::before, .side_menu_btn span::after{ position:absolute;content:'';left:0;-webkit-t	ransition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;}
.side_menu_btn span::before{-webkit-transform:translateY(-9px);-ms-transform:translateY(-9px);transform:translateY(-9px);}
.side_menu_btn span::after{-webkit-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px);}

#footer{background-color:#565656;z-index:101}
#footTop{border-bottom:1px solid #797979;}
#footBottom{}
#footBottom .frame{padding:22px 0 40px}

.footer_menu{float:left;height:54px;}
.footer_menu > li{float:left;line-height:54px;color:#b8b8b8}
.footer_menu > li + li{margin-left:42px;}
.footer_menu a{display:block}
.footer_menu a strong{font-weight:700;}

.footer_link{position:absolute;top:0;right:0;width:420px;border-right:1px solid #676767;}
.footer_link:after{display:block;clear:both;content:'';}
.footer_link .item{position:relative;float:left;width:50%;border-left:1px solid #676767;}
.footer_link button{display:block;width:100%;height:54px;background-repeat:no-repeat;background-position:100% 10px center;font-size:14px;text-align:left;font-weight:500;color:#c0c0c0;text-indent:16px;}
.footer_link button.open::after{display:block;clear:both;content:'';position:absolute;top:50%;right:19px;width:9px;height:9px;margin-top:-4px;background:url(../images/main/footer_link_arrow.png) 50% 50% no-repeat;transition:all .2s ease;}
.footer_link .item.selected button.open::after{transform:rotate(180deg);}
.footer_link button.close{position:absolute;top:0;right:0;width:34px;height:34px;background:#565656 url(../images/common/modal_close_white.png) 50% 50% no-repeat;background-size:15px auto;text-indent:-9999px}
.footer_link .hidden_box{display:none;width:100%;position:absolute;bottom:54px;left:0;padding:16px;background-color:#28323b;z-index:50;}
.footer_link .hidden_box li a{display:block;height:24px;margin-top:1px;padding:2px 0;color:#fafafa;font-size:14px;line-height:20px;text-decoration:none;}

.footer_addr{}
.footer_addr address{margin-bottom:8px;color:#b8b8b8}
.footer_addr address em{display:inline-block;padding-right:24px;}
.footer_addr address span{display:inline-block;padding-right:24px;}
.footer_addr p{font-size:11px;font-weight:500;color:#b8b8b8;}
.footer_wa{position:absolute;top:14px;right:0;}

.footer_btn{display:block;position:fixed;bottom:-100px;right:50%;margin-right:-678px;opacity:0;transition:1s;z-index:10000;}
.footer_btn:after{display:block;clear:both;content:'';}
.footer_btn.active{opacity:1;bottom:30px;}
.footer_btn button{display:block;width:56px;height:56px;border-radius:28px;font-weight:500;text-align:center;}
#historyBack{padding-top:12px;border:1px solid #5a5a5a;background:#f1f1f1 url(../images/main/footer_btn_back.png) 50% 14px no-repeat;color:#565656;}
#scrollTop{padding-top:10px;border:1px solid #323232;background:#323232 url(../images/main/footer_btn_top.png) 50% 14px no-repeat;color:#ffffff;}










#allNav{display:none;position:fixed;top:0px;left:-100%;width:300px;height:100%;background-color:#fff;z-index:1001}
#allNav > .frame{position:relative;overflow-x:hidden;overflow-y:auto;width:300px;height:100%;color:#fff;-webkit-overflow-scrolling:touch}


.allnav_open{display:block;position:absolute;top:20px;right:-5px;width:35px;height:35px;padding:7px 0;cursor:pointer}
.allnav_open span, .allnav_open span::after, .allnav_open span::before{display:block;position:relative;height:3px;width:24px;background-color:#404040;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.allnav_open span{margin:9px auto;-webkit-transition:background-color .2s;transition:background-color .2s;}
.allnav_open span::before, .allnav_open span::after{ position:absolute;content:'';left:0;-webkit-t	ransition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;}
.allnav_open span::before{-webkit-transform:translateY(-9px);-ms-transform:translateY(-9px);transform:translateY(-9px);}
.allnav_open span::after{-webkit-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px);}

.allnav_ctrl{display:none;position:absolute;width:44px;height:44px;z-index:101;overflow:hidden;text-indent:-9999px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.allnav_open{top:18px;left:10px;background:url(../images/main/header_btn_sitemap.png) 50% 50% no-repeat;}
.allnav_close{top:50%;right:5px;margin-top:-22px;background:url(../images/common/allnav_btn_close.png) 50% 50% no-repeat;background-size:20px 20px;/*transform:rotate(0);transition:.5s;*/}


.allnav_util{border-bottom:1px solid rgba(255,255,255,0.1);background-color:rgba(45,45,45,0.1);}
.allnav_util:after{display:block;clear:both;content:'';}
.allnav_util li{position:relative;float:left;width:33.33%;border-left:1px solid rgba(255,255,255,0.1);}
.allnav_util li:first-child{border-left:0 none}
.allnav_util a{display:block;height:28px;line-height:28px;padding:0 10px;font-size:12px;color:#dad7d4;text-align:center}

.allnav_sns{padding:10px;border-bottom:1px solid #eeeeee;}
.allnav_sns .title{display:block;padding:10px;font-size:14px;color:#181818;}
.allnav_sns ul{padding-bottom:10px;}
.allnav_sns ul:after{display:block;clear:both;content:'';}
.allnav_sns li{position:relative;float:left;padding:0 0 0 10px;}
.allnav_sns a{display:block;width:30px;height:30px;background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto;transition:all 0.3s;text-indent:-9999px}
.allnav_sns a.sns_01{background-image:url(../images/common/anb_sns_facebook.png)}
.allnav_sns a.sns_02{background-image:url(../images/common/anb_sns_instagram.png)}
.allnav_sns a.sns_03{background-image:url(../images/common/anb_sns_youtube.png)}
.allnav_sns a.sns_04{background-image:url(../images/common/anb_sns_blog.png)}
.allnav_sns a.sns_05{background-image:url(../images/common/anb_sns_kakaostory.png)}

.allnav_head{position:relative;padding:0;background:#015bac}
.allnav_title{position:relative;}
.allnav_title .title{padding:12px 20px;line-height:25px;font-size:17px;}
.allnav_title .title img{height:25px;}
.allnav_title .home_btn{}

#anb .menu_btn{padding:15px 20px;border-bottom:1px solid #eeeeee;background:#fff;font-size:16px;color:#181818}
#anb a{position:relative;display:block;}
#anb a > .arrow{position:absolute;width:25px;height:25px;top:50%;right:10px;margin-top:-12px;overflow:hidden;text-indent:-9999px;background:#f9f9f9;border:1px solid #ddd;}
#anb a > .arrow:before,#anb a > .arrow:after{content:"";display:block;position:absolute;background:#939393;transition:all .3s;opacity:1}
#anb a > .arrow:before{top:6px;left:12px;width:1px;height:11px;margin-left:-1px;}
#anb a > .arrow:after{top:12px;left:6px;width:11px;height:1px;margin-top:-1px;}
#anb a.active > .arrow:before,#anb a.active > .arrow:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
#anb a.active > .arrow:before{opacity:0}

#anb .depth2{display:none;}
#anb .depth2 > li{border-bottom:1px solid #eeeeee;background-color:#f8f8f8;}
#anb .depth2 > li > a{padding:10px 0 10px 32px;background:url(../images/common/anb_bullet.png) no-repeat 22px 50% / 4px 4px;font-size:15px;color:#181818}
#anb .depth2 a > .arrow{border:1px solid #f8f8f8;background:#f8f8f8}
#anb .depth2 a > .arrow:before,#anb a > .arrow:after{background:#939393;}

#anb .depth3{display:none;padding:10px 0;border-top:1px solid #eeeeee;background-color:#eee}
#anb .depth3 > li{}
#anb .depth3 > li > a{padding:5px 0 5px 32px;font-size:14px;color:#383838}


/* animate */
.animate{opacity:0;}
.on.animate_area .animate{animation:animate_opacity 1.2s forwards;}
.animate_top{opacity:0;transform:translateY(100px);}
.animate_bottom{opacity:0;transform:translateY(-100px);}
.animate_left{opacity:0;transform:translateX(100px);}
.animate_right{opacity:0;transform:translateX(-100px);}
.on.animate_area .animate_top,.on.animate_area .animate_bottom,.on.animate_area .animate_left,.on.animate_area .animate_right{animation:animate_move 1.2s forwards;}
@keyframes animate_opacity{
    0%{}
    100%{opacity:1;}
}
@keyframes animate_move{
    0%{}
    100%{opacity:1;transform:translate(0,0);}
}
@keyframes animate_scale{
	0%{transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1)}
	100%{transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2)}
}
@keyframes animate_roll{
	0%{transform:translateX(500px) rotate(360deg);opacity:0;}
	100%{transform:translateX(0px) rotate(0deg);opacity:1;}
}
.animate_count{position:absolute;bottom:0;transform:translateY(100%);}
.on.animate_area .animate_count{animation:animate_count .5s forwards ease-out;}
@keyframes animate_count{
    0%{}
    100%{transform:translateY(0);}
}

.on.animate_area .delay1{animation-delay:.1s;}
.on.animate_area .delay2{animation-delay:.2s;}
.on.animate_area .delay3{animation-delay:.3s;}
.on.animate_area .delay4{animation-delay:.4s;}
.on.animate_area .delay5{animation-delay:.5s;}
.on.animate_area .delay6{animation-delay:.6s;}
.on.animate_area .delay7{animation-delay:.7s;}
.on.animate_area .delay8{animation-delay:.8s;}
.on.animate_area .delay9{animation-delay:.9s;}
.on.animate_area .delay10{animation-delay:1s;}
.on.animate_area .delay11{animation-delay:1.1s;}
.on.animate_area .delay12{animation-delay:1.2s;}
.on.animate_area .delay13{animation-delay:1.3s;}
.on.animate_area .delay14{animation-delay:1.4s;}
.on.animate_area .delay15{animation-delay:1.5s;}
.on.animate_area .delay16{animation-delay:1.6s;}
.on.animate_area .delay17{animation-delay:1.7s;}
.on.animate_area .delay18{animation-delay:1.8s;}
.on.animate_area .delay19{animation-delay:1.9s;}
.on.animate_area .delay20{animation-delay:2s;}
.on.animate_area .delay21{animation-delay:2.1s;}
.on.animate_area .delay22{animation-delay:2.2s;}

/* Modal Style */
body.onmodal #wrap{position:fixed;width:100%;overflow:hidden;}
.b-modal{height:100%;}
.modal_window{display:none;left:0 !important;width:100%;}
.modal_window > .frame{position:relative;width:1086px;margin:0 auto;}
.modal_open{font-weight:700;color:#ff4800;}
.modal_close{position:absolute;top:0;right:0;width:46px;height:52px;overflow:hidden;background:url(../images/common/allnav_close.png) 50% 50% no-repeat;text-indent:-9999px}
.modal_window .cont_title,.modal_window p,.modal_window ul{margin-bottom:30px;}
.modal_window,.modal_window .cont_title,.modal_window .cont_title2,.modal_window .cont_text,.modal_window .cont_text2,.modal_window .cont_text li{color:#fff;}


@media screen and (max-width:1279px){
	.frame{width:100%;}
	.modal_window > .frame{width:100%;}

	.header_logo{left:20px;}
	.side_menu_btn{right:20px;}
	.header_sns{padding-right:22px;}
	#headTop{padding-right:20px;}
	#headGlobal{text-align:center;}
	#gnb{display:inline-block;width:auto;float:none;margin:0 auto;padding:0 35px 0 210px;vertical-align:top;}
	#gnb > li{padding:20px 5px;}
	#gnb > li > a{font-size:18px;}

	#footTop{padding-left:20px;}
	.footer_menu{float:left;}
	.footer_menu > li{margin-left:36px;}
	.footer_menu > li:first-child{margin:0;}

	#footBottom{}
	#footBottom .frame{padding:20px 240px 40px 20px}
	.footer_logo{left:20px;}
	.footer_logo img{width:160px;}
	.footer_tel{left:auto;right:140px;}
	.footer_tel li{padding-right:20px;}
	.footer_wa{right:152px;}


	.footer_btn{right:20px;margin-right:0;}
	.footer_btn.active{bottom:20px;}
	.footer_btn button{float:left;}


}

@media all and (min-width:1024px){
	#allNav,.allnav_ctrl,.dim{display:none!important}
}
@media screen and (max-width:1023px){
	#headTop,#gnb,.side_menu_btn{display:none}
	#headGlobal{height:auto}
	.header_logo{position:relative;top:auto;left:auto;width:210px;height:78px;margin:0 auto;padding:22px 0 0;text-align:center}
	.header_logo img{}
	.header_logo a{}
	.footer_link{display:none}
	#footBottom{}
	#footBottom .frame{padding:20px 20px 40px}
	.footer_logo{position:relative;top:auto;left:auto;margin-bottom:10px;}
	.footer_logo img{width:160px;}
	.footer_addr{float:left;padding-right:40px;}
	.footer_tel{position:relative;top:auto;right:auto;}
	.footer_tel li{padding-right:15px;}
	.footer_tel strong,.footer_tel span{display:inline-block;padding-right:5px;font-size:12px;}
	.footer_wa{display:none}

	.allnav_ctrl{display:block}
}

@media screen and (max-width:767px){
	#footTop{padding:0;}




	.footer_menu{float:none;height:auto;padding:0 10px;}
	.footer_menu > li{float:none;display:inline-block;margin:0;padding:10px;line-height:1.5;}
	.footer_menu > li + li{margin-left:15px;}
	.footer_menu a{font-size:12px;}
	#footBottom .frame{padding:20px}
	.footer_addr{float:none;margin-bottom:14px;padding-right:0;}
	.footer_tel{}


	.footer_btn{right:12px;}
	.footer_btn.active{bottom:12px;}
}


@media screen and (max-width:479px){
	.footer_menu{padding:0 5px;}
	.footer_menu:after{display:block;clear:both;content:'';}
	.footer_menu > li{float:left;display:block;width:25%;margin:0;padding:10px 0;text-align:center}
	.footer_menu > li:nth-child(1){width:30%;}
	.footer_menu > li:nth-child(2){width:31%;}
	.footer_menu > li:nth-child(3){width:22%;}
	.footer_menu > li:nth-child(4){width:17%;}
	.footer_menu > li + li{margin-left:0;}

	.footer_addr address em{padding-right:12px;}
	.footer_addr address span{padding-right:12px;}



	.footer_btn button{width:44px;height:44px;border-radius:22px;}
#historyBack{padding-top:12px;background:#f1f1f1 url(../images/main/footer_btn_back.png) 50% 8px no-repeat;}
#scrollTop{padding-top:12px;background:#323232 url(../images/main/footer_btn_top.png) 50% 8px no-repeat;}


}




















@media screen and (max-width:1279px){

}

@media screen and (max-width:1023px){
	.footer_tel span{font-size:20px;}
	#gnb > li > a{font-size:17px;}
	#gnb li ul a{font-size:15px;}
	.footer_menu a,.footer_link button,.footer_link .hidden_box li a,.footer_addr address{font-size:13px;}
	.header_menu a,.header_menu a,.footer_tel strong{font-size:12px;}
	.footer_addr p{font-size:10px;}
}

@media screen and (max-width:767px){
	.footer_tel span{font-size:18px;}
	#gnb > li > a{font-size:15px;}
	#gnb li ul a{font-size:14px;}
	.footer_menu a,.footer_link button,.footer_link .hidden_box li a,.footer_addr address{font-size:12px;}
	.header_menu a,.header_menu a,.footer_tel strong{font-size:11px;}
	.footer_addr p{font-size:10px;}
}


@media screen and (max-width:479px){
	.footer_tel span{font-size:16px;}
	#gnb > li > a{font-size:14px;}
	#gnb li ul a{font-size:13px;}
	.footer_menu a,.footer_link button,.footer_link .hidden_box li a,.footer_addr address{font-size:12px;}
}