@charset "utf-8";

/* ==== 공통부분 ==== */
label, input, select{vertical-align:middle;}

#wrap{width:100%; position:relative;}
#header{width:100%}
#container{width:100%;}
#m_container{width:100%;}
#footer{width:100%; background:#252525; padding:30px 0}


/* PC 모바일 공통 */
#wrap{background:#fff}
/*.main_wrap{overflow-x:hidden;}*/

#header{position:fixed; right:0; top:0; width:100%; z-index:1000; height:89px;}

.header_wrap{max-width:1698px; margin:0 auto; position:relative}
.header_wrap h1{float:left; margin:21px 54px 0 0; width:88px; height:48px; text-indent:-9999px; background:url('../images/common/logo.png') no-repeat 0 0; background-size:100%;}
.header_wrap h1 a{display:block; width:100%; height:100%}
.main_wrap #header:hover h1,#header.on h1{background-image:url('../images/common/logo_over.png');}
.main_wrap #header:hover, .sub_wrap #header{background:#f18430}
#header.on{background:#f18430 !important;}

.header_wrap .gnb{float:left; margin-right:50px}
.header_wrap .gnb > ul > li{float:left; position:relative}
.header_wrap .gnb > ul > li > a{display:block; padding:35px 42px 0 35px ; font-size:16px; height:54px; font-weight:700; transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.header_wrap .gnb > ul > li > a{color:#fefeff}
*.header_wrap .gnb > ul > li:hover > a{color:#333; transition:color .2s}
.header_wrap .gnb > ul > li:hover div{display:block}
.header_wrap .gnb > ul > li .hover{position: absolute; width: 100%; height:0; background:#fff; top: 0; left: 0; z-index: -1; -webkit-transition:0.2s height cubic-bezier(0.77, 0, 0.175, 1); transition:0.2s height cubic-bezier(0.77, 0, 0.175, 1);}
.header_wrap .gnb > ul > li:hover .hover{height:100%}
.header_wrap .gnb > ul > li div{position:absolute; left:0; top:100%; width:100%; display:none; transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; z-index:600}
.header_wrap .gnb > ul > li div li{margin-top:-1px; text-align:center;}
.header_wrap .gnb > ul > li div a{color:#646464; padding:15px 0; display:block; background:#fff; font-size:12px; border:1px solid #dbdbdb}
.header_wrap .gnb > ul > li div a:hover{color:#f18430; font-weight:bold; background:#f5f5f5}

.header_wrap .lang{/*float:right; padding-top:35px;*/ position:absolute; top:35px; right:0}
.header_wrap .lang li{float:left; padding-left:20px;}
.header_wrap .lang li a{color:#757575; font-size:11px;}
.main_wrap #header:hover .header_wrap .lang li a,#header.on .header_wrap .lang li a{color:#fff;}

.header_wrap .menu_btn{display:none;}


/* PC 화면 */
@media all and (min-width:961px){
	#m_nav{display:none !important; border:1px solid red; }
	.footer{max-width:1698px; margin:0 auto; text-align:center;}
	.f_txt_01 p{display:inline-block; line-height:30px;}
	.f_txt_01 p:nth-of-type(1){background:url('../images/common/f_icon01.png') no-repeat 0 50%; padding-left:24px; margin-right:26px;}
	.f_txt_01 p:nth-of-type(2){background:url('../images/common/f_icon02.png') no-repeat 0 50%; padding-left:26px; margin-right:26px;}
	.f_txt_01 p:nth-of-type(3){background:url('../images/common/f_icon03.png') no-repeat 0 50%; padding-left:24px; margin-right:40px;}
	.f_txt_02 .f_link{display:none;}
	.f_txt_02 p{line-height:30px;}

	.header_wrap{padding-left:15px; box-sizing:border-box;}
	.header_wrap .lang{right:15px;}
}

@media all and (min-width:1011px) and (max-width:1200px){
	.header_wrap h1{margin-right:20px}
	.header_wrap .gnb > ul > li > a{padding:35px 25px 0 25px; transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
}

@media all and (min-width:501px) and (max-width:1010px){
	.header_wrap .gnb > ul > li > a{padding:35px 15px 0 15px;}
}

/* 모바일 공통 */
@media all and (max-width:960px){
	.header_wrap .gnb{display:none;}
	.header_wrap .lang{display:none;}

	#header{height:50px; padding:0 20px; box-sizing:border-box;}
	.header_wrap{}
	.header_wrap h1{margin:12px 0 0 0; width:44px; height:24px;}
	.header_wrap .menu_btn{display:block; float:right; margin-top:16px; width:22px; height:22px; background:url('../images/common/ico_menu_btn.png') 0 0 no-repeat; background-size:100%; overflow:hidden; text-indent:-9999px}

	#m_nav{position:fixed; right:-60%; top:0; width:60%; display:none; z-index:99998; background:#F05A28;}
	#m_nav.on{box-shadow:1px 1px 2px #333}

	#m_nav a{transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
	#m_nav .m_lang{background:#f18430; overflow:hidden;}
	#m_nav .m_lang a{display:inline-block; float:left; color:#fff; line-height:50px; box-sizing:border-box; padding-left:18px; font-size:14px; transition:all .3s; -webkit-transition:all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
	#m_nav ul a{display:block; color:#fff;}
	#m_nav > ul{}
	#m_nav > ul > li{}
	#m_nav > ul > li > a{padding:12px 0 12px 18px; font-size:18px; font-weight:700; border-top:1px solid #be4917}
	/*#m_nav > ul > li:first-child > a{border-top:none;}*/
	#m_nav > ul > li > ul{background:#f18430; border-top:1px solid #be4917}
	#m_nav > ul > li > ul > li{}
	#m_nav > ul > li > ul > li:first-child > a{padding-top:0.962em}
	#m_nav > ul > li > ul > li > a{font-size:13px; padding:0 0 0.962em 1.385em;}

	#footer{padding:0;}
	.f_txt_01{padding:20px; box-sizing:border-box;}
	.f_txt_01 p{line-height:30px;}
	.f_txt_01 p:nth-of-type(1){background:url('../images/common/f_icon01.png') no-repeat 0 5px; padding-left:24px;}
	.f_txt_01 p:nth-of-type(2){background:url('../images/common/f_icon02.png') no-repeat 0 5px; padding-left:26px; display:inline-block; margin-right:20px}
	.f_txt_01 p:nth-of-type(3){background:url('../images/common/f_icon03.png') no-repeat 0 5px; padding-left:24px; display:inline-block;}
	.f_txt_01 .f_link{display:none;}

	.f_txt_02{padding:20px; box-sizing:border-box; border-top:1px solid #454545; overflow:hidden;}
	.f_txt_02 p{line-height:30px;}
	.f_txt_02 p:nth-of-type(1){float:left;}
	.f_txt_02 p:nth-of-type(2){float:right;}
}

@media all and (max-width:500px){
	#m_nav .m_lang a{font-size:11px !important;}
	#m_nav > ul > li > a{padding:10px 0 10px 18px; font-size:15px; font-weight:700; border-top:1px solid #be4917}
	#m_nav > ul > li > ul > li > a{font-size:11px; padding:0 0 0.962em 1.385em;}
}