@charset "utf-8";
@import url("reset.css");
@import url("font.css");


/*style*/
.bg-dim {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);z-index: 100;display: none;}
.mt20{margin-top: 20px;}
.bar{padding: 0 10px;}

/**/

/*header*/
body{font-size:16px; line-height:1.7; font-family:"Nanum Gothic","맑은고딕",sans-serif; letter-spacing: -0.025em;color: #434343;background-color: #fff;/* max-width:1400px; */overflow: hidden;-webkit-text-size-adjust: 100%;}
input, select, button, label{font-family:"Nanum Gothic","맑은고딕",sans-serif; font-size:1em; }
input::placeholder{color:#626262;letter-spacing:-0.025em;/*font-size:14px*/}
#headerWrap{position: relative;z-index:100;/* overflow: hidden; clear: both;height: 110px;*/}

.inner_header{max-width:1200px;margin: 0 auto;position: relative;background-color: #fff;}
.inner_header h1.logo{position: absolute;top: 25px;left: 0;z-index:10;}
.inner_header a.lang_btn {position: absolute;top: 40px;right: 0;z-index:10; border:1px solid #fff; padding:0 40px 0 20px; height:46px; line-height:40px; color:#fff; font-weight:bold; border-radius:23px; background: url('../images/common/ico_go.png') right 20px center no-repeat;}
.inner_header a.lang_btn img {vertical-align:middle;}

.searchWrap{position: absolute;top: 0;right: 0;z-index: 3;}
.searchWrap input[type="search"]{width: 300px;height: 45px;border: none;background: url(../images/common/searchBg.png) 0 0 no-repeat;padding-left: 20px;padding-right: 60px;}
.searchBtn{position: absolute;top: 0;right: 0;display: block;width: 50px;height: 45px;text-indent: -9999px;background: url(../images/common/search.png) center center no-repeat;}
.searchBtn:after{content: "";position: absolute;top: 15px;right: 52px;width: 1px;height: 18px;background-color: #3b51ac;}

/* footer */
.footer {width: 100%;background-color: #575757;border-top: 1px solid #ccc;}
.footer .container {width: 100%; max-width: 1200px; margin: 0 auto;}

.foot_btm .txt_box {padding:20px 0; }
.foot_btm .txt_box p { font-size: 15px; color: #dddddd !important; text-align:center;}
.foot_btm .txt_box p.txt span {display: inline-block; margin: 0 10px;}
.foot_btm .txt_box p.txt span:after {content: 'ㅣ';display: inline-block;width: 1px;text-align: center;height: 15px;padding-left: 6px;}
.foot_btm .txt_box p.txt span:last-child:after {display:none}


/* media query */
/* 중단점 mobile:~700,tablet:~1200,pc:~1201 */

@media (min-width:1201px) {
	.mobileGnbBtn,.searchOpenBtn{display: none!important;}
	.pcHide{display: none !important;}
	#gnbWrap{top: 0 !important;}
}


/* tablet */
@media (max-width:1200px) {
	/*#headerWrap:after,#headerWrap:before{display: none;}
	.inner_header{height: 95px;border-bottom: 1px solid #ccc;} */
	.inner_header h1.logo{top: 10px;left: 30px;}
	.inner_header a.lang_btn{right: 30px;}
	/*.tabletHide{display: none;}
	.tabletShow{display: block;}
	.mobileGnbBtn{top: 35px;right: 30px;} */

	
	.searchOpenBtn{display: block;background: url(../images/common/search.png) 0 0 no-repeat;text-indent: -9999px;position: absolute;right: 68px;top: 35px;width: 35px;height: 30px;}
	.sitemapOpenBtn{display: none;}
	.sitemapWrap{display: none!important;}
	.searchBtn, .searchCloseBtn{position: absolute;top: 10px;right: 30px;background: url(../images/common/mSearchBtn.png) 0 center no-repeat;width: 21px;height: 40px;border: none;}
	.searchCloseBtn{background-position: -54px center;text-indent: -9999px;}
	.searchBtn{width: 27px;right: 80px;}
	.searchBtn:after{background-color: #868993;top: 12px;left: 38px;}
	.searchWrap{display: none;top: 95px;width: 100%;background-color: #3a3e4f;padding-left: 30px;padding-right: 130px;}
	.searchWrap input[type="search"]{background: none;color: #fff;height: 65px;width: 100%;padding: 0;}
	.searchWrap input[type="search"]::placeholder{color: #bebebe;}


	.footerMenu{width: 440px;text-align: center;}
	.footerMenu ul{width: 350px;margin: 0 auto;}
	/*.totheTop{bottom: 217px;right: 30px;}
	.snsIcons{right:30px;}*/
	.m_link_list {display: block;}
	.pc_link_list {display: none;}
	.foot_top .site_box .baro_box {float: none;border-left: 0;}
	.foot_top .site_box .baro_box .site_btn {width: 100%;}
	.foot_top .site_box .foot_top_btn {position: absolute; right: 0;}
	.foot_top .site_box .baro_box .site_link {border: none;}
	.foot_btm .txt_box p {text-align: center;}
	.foot_btm .txt_box p span:nth-child(1) {display: block;margin-right: 0;}
	.foot_btm .txt_box p span:nth-child(1):after {display: none;}
	.m_link_list {overflow: hidden;width: 293px;text-align: center;margin: 0 auto 15px;}
	.m_link_list li {position: relative; float: left;font-size: 14px;color: #dddddd;margin: 0 10px;}
	.m_link_list li:after {content: 'ㅣ';position: absolute;display: inline-block;width: 1px;text-align: center;height: 15px;padding-left: 6px;}
	.m_link_list li:last-child:after {display: none;}
	.m_link_list li:last-child {color: #fff;}
	.foot_top {border-bottom: 1px solid #adadad;}
	.foot_btm .txt_box p.txt span:last-child {margin-right: 0;}
}

/* mobile */
@media (max-width:699px) {
	.relsite div{width: 100%;}
	.relsiteWrap{height: auto;}
	.relsite div{float: none;}
	.relsite div button{border: none;padding-left: 30px;border-bottom: 1px solid #989898;background: url(../images/common/arrow.png) right 30px center no-repeat;}
	.relsite div ul{position: static;}
	
	
}

@media (max-width:480px) {

	
	
}