@charset "utf-8"; 

/******************************header****************************
#m_header{display:none;}
#pc_header{width:100%; height:80px; border-bottom:1px solid #ebebeb;background:#fff;z-index:9999; position:fixed; top:0; left:0; overflow:hidden; 
-webkit-transition:0.2s ease-in;-moz-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;}
#pc_header:after{content:""; display:block; clear:both;}

#pc_header .headWrap{height:80px;width:100%;border-bottom:1px solid #ebebeb; background:#fff;}
#pc_header .headIn{position:relative; max-width:1240px; height:80px; margin:0 auto;}
#pc_header .headIn:after{content:""; display:block; clear:both;}
#pc_header .headIn h1{position:absolute; top:0; left:0;}
#pc_header .gnb{position:absolute; top:0; right:0;width:73%;  box-sizing:border-box; padding-left:80px;}
#pc_header .gnb:after{content:""; display:block; clear:both;}
#pc_header .gnb .depth1{float:left; width:16.66%;text-align:left;}
#pc_header .gnb .depth1 > a{line-height:80px;font-size:20px; font-weight:400;}
#pc_header .gnb .depth2{padding-top:25px;visibility:hidden;}
#pc_header .gnb .depth2 li{margin-bottom:4px;}
#pc_header .gnb .depth2 a{font-size:16px; line-height:32px; }
#pc_header .gnb.open .depth2{visibility:visible; height:auto;}
#pc_header.open{background:#fff; height:600px;}
*/

#m_header{display:none;}
#pc_header{position:fixed; top:0; left:0; width:100%; z-index:999;}
#pc_header:after{content:""; display:block; clear:both;}
#pc_header .headWrap{width:100%;border-bottom:1px solid #ebebeb; background:#fff;}
#pc_header .headIn{position:relative; width:100%; max-width:1240px; margin:0 auto; font-size:0; line-height:0; letter-spacing:0; display:table;}
#pc_header .headIn h1, .gnb{display:table-cell; vertical-align:middle;}
#pc_header .gnb ul{float:right;}
#pc_header .gnb .depth1{float:left; padding:0 20px; position:relative;}
#pc_header .gnb:after{content:""; display:block; clear:both;}
#pc_header .gnb .depth1 > a{font-size:20px; font-weight:400; line-height:80px;}
#pc_header .gnb .depth2{ position: absolute; left:-20px; top: 80px; display: block; box-sizing: border-box ; min-width:225px; text-align: left; box-shadow: 0px 13px 9px -11px rgba(230,230,230,0.54); background-color: #fff; visibility: hidden; opacity: 0; z-index: 1; padding: 20px 30px; border:1px solid #ebebeb; border-top:0; -webkit-transition: opacity .3s linear,visibility .3s linear;transition: opacity .3s linear, visibility .3s linear;}
#pc_header .gnb .depth2 li{padding-bottom:10px;}
#pc_header .gnb .depth2 a{display:block; font-size:16px; font-weight:400; line-height:32px;}
#pc_header .gnb .depth2 a:hover{color:#f17821;}
#pc_header .gnb .depth1:hover .depth2{visibility:visible;opacity:1;}

/*서브페이지 네비게이션*/
.sub_nav{width: 100%;height: 60px; position: absolute; top: 81px; left: 0; background: #fff; border-bottom:1px solid #ebebeb;}
.navIn{max-width:1240px; margin:0 auto; text-align:left;}
.navIn:after{content:""; display:block; clear:both;}
.navIn ul li{float:left;}
.navIn ul li a{font-size:18px; line-height:60px;}
.navIn ul li:after{content:""; width:7px; height:13px; display:inline-block; margin:18px; vertical-align:middle; background:url('../images/nav_arrow.png') no-repeat;}
.navIn ul li:last-child:after{display:none;}


/******************************contents******************************/
#wrap{position:relative;}
#container{width:100%; height:100%; min-height:500px; }


/******************************footer******************************/
footer{border-top:1px solid #ebebeb;}
.footer_con{width:100%; max-width:1240px; margin:0 auto; padding:73px 0; box-sizing:border-box;}
.footer_con:after{content:""; display:block; clear:both;}
.footer_con .logo2{width:164px; height:49px; margin-right:60px; background:url('../images/logo2.png') no-repeat center; background-size:cover;}
.footer_con .logo2, .footer_con .right{float:left;}
.footer_con .right{width:80%;}
.footer_con ul:after{content:""; display:block; clear:both;}
.footer_con ul li{float:left;}
.footer_con .btn{margin-bottom:32px;}
.footer_con .btn li{border:1px solid #595959; width:166px; height:47px; text-align:center;}
.footer_con .btn li a{font-size:18px; font-weight:300; line-height:47px; color:#454545; display:block;}
.footer_con .btn li:last-child{margin-left:5px;}
.footer_con .text li{margin-right:25px;}
.footer_con .text li:last-child{margin:0;}
.footer_con .text, .footer_con p{font-size:18px; font-weight:300; line-height:30px; color:#666;}


@media screen and (max-width: 1240px){
	#pc_header .headIn, .footer_con, .navIn{max-width:90%;}
	#pc_header .headIn h1{left:0;}
	#pc_header .gnb .depth1 > a{font-size:18px;}
	.footer_con .btn li{width:147px; height:43px;}
	.footer_con .btn li a{font-size:16px; line-height:43px;}
	.footer_con .btn{margin-bottom:22px;}
	.footer_con .right{width:70%;}
}


@media screen and (max-width: 1120px) {
	
	/*모바일 헤드, 사이드*/
	#pc_header{display:none;}
	#m_header{display:block;}
	#m_header:after{content:""; display:block; clear:both;}
	#m_header.hide {display:none;}
	#m_header h1{position:absolute; top:20px; left:20px; height:40px;}
	#m_header h1 a{height:100%;}
	#m_header h1 img{height:100%;}
	#m_header .headWrap{position: fixed;top: 0;left: 0; display: block; z-index: 9999; width: 100%; height: 80px; background: #fff; border-bottom:1px solid #ededed;}
	#m_header .open_btn{position:absolute; top:0; right:0;background:url('../images/m_open_btn.png') no-repeat center; background-size:contain; width:16px; height:61px;}
	.menu_box{position:absolute;; top:22px; right:20px; width:30px; height:30px;}
	.menu{position: relative;	}
	.btn_menu{display:block; height:100%;}
	.btn_menu span{position: absolute; width: 100%; height: 1px; background: #111; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
	.btn_menu span:nth-child(1){top:10px;}
	.btn_menu span:nth-child(2){top:19px;}
	.btn_menu span:nth-child(3){top:28px;}
	.btn_menu.show span:nth-child(1){top:18px; transform: rotate(45deg);  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}
	.btn_menu.show span:nth-child(2){display:none;}
	.btn_menu.show span:nth-child(3){top:18px; transform: rotate(-45deg);  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
		
	/* aside 열렸을 때 바디에 스크롤 막기 */
	.not_scroll{position: fixed;overflow: hidden;width: 100%;height: 100%}

	.aside{background: #fff; width: 100%; height:100%; overflow: hidden; overflow-y: scroll; position: fixed; top: -1000px; right:0px; padding:30px 30px 100px; z-index: 999; box-sizing:border-box;webkit-transition: top 0.4s ease-in-out;
    -moz-transition: top 0.4s ease-in-out;
    -o-transition: top 0.4s ease-in-out;
    transition: top 0.4s ease-in-out;}

	.aside.show{top:80px;}
	.aside .depth1 > a{font-size: 21px; font-weight: 500; display: block; width: 100%;  padding: 20px 0; border-bottom:1px solid #ededed; position:relative;}
	.aside .depth1 > a:after{content:""; display:block; clear:both;}
	.aside .depth1{background:#ffffff; }
	.aside .depth2{visibility:hidden; opacity:0; height:0; max-height:0; padding:0; box-sizing:border-box; overflow:hidden; webkit-transition: max-height 0.4s ease-in-out; -moz-transition: max-height  0.4s ease-in-out; -o-transition: max-height  0.4s ease-in-out; transition: max-height 0.4s ease-in-out;}
	.aside.show{right:0;}
	.aside .depth2 a{width:100%; display:block; font-size:18px; padding:8px 0; }
	.aside .depth2.open{visibility:visible; opacity:1; padding:15px; height:auto; max-height:800px;}

	.footer_con .logo2{width:164px; height:49px; margin-bottom:30px; background:url('../images/m_logo2.png') no-repeat center; background-size:cover;}

}

@media screen and (max-width: 1000px){
	.footer_con .right{margin-top:25px;}
	.footer_con .text li{font-size:16px; margin-right:20px;}
	.footer_con p{font-size:16px;}
}


@media screen and (max-width: 800px){
	.footer_con .logo2, .footer_con .right{float:none;}
	.footer_con .right{width:100%;}
	#m_header .open_btn{ width:12px;}
}