@charset "utf-8";

.wrap {position:relative; max-width:1400px; margin:auto;}

header {z-index:100;}
header:after {display:block; content:""; clear:both;}
header .gnb {position:absolute; top:30px;}
header .gnb>ul.etc>li.lang  {display:none;}
header h1 {text-align:center; padding-top:20px;}
header h1 a:hover {text-decoration:none;}

header .gnb .etc {margin-right:0px;}
header .tSns {position:absolute; right:0; top:31px;}
header .tSns>a {display:block; padding:0 10px; color:#fff; border-radius:30px; background:#333;}
header .tSns>ul {display:none; position:absolute; margin-top:5px; right:0; width:170px;}
header .tSns>ul>li {float:left; margin-left:5px;}

header nav#lnb div.submenu>ul>li>ul {display:none;}
header nav#lnb .close {display:none;}
header .inc_search {position:absolute; left:50%; top:105px; margin-left:715px;}
header .inc_search h2>a {width:24px; height:24px; background:url('/se/img/inc/ic_search.png') no-repeat;}
header .inc_search h2>a.close {position:relative; background:none;}
header .inc_search h2>a.close:before, header .inc_search h2>a.close:after {display:block; content:""; position:absolute; left:11px; top:-2px; width:3px; height:29px; background:#245b8f;}
header .inc_search h2>a.close:before {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
header .inc_search h2>a.close:after {transform:rotate(45deg); -webkit-transform:rotate(45deg);}
header .inc_search>div {display:none; position:fixed; left:0; right:0; top:147px; padding:60px 0 50px; background:#f1f1f1; z-index:500;}
header .inc_search>div>form {position:relative; max-width:550px; margin:0 auto; padding:10px; border:3px solid #4a4a4a; background:#fff;}
header .inc_search input[type=text] {width:80%; border:0;}
header .inc_search dl {text-align:center; margin-top:15px;}
header .inc_search dt, header .inc_search dd {display:inline-block;}
header .inc_search dt {font-weight:bold;}
header .inc_search dd {position:relative; margin-left:30px;}
header .inc_search dd:before {display:block; content:""; position:absolute; left:-17px; top:8px; width:1px; height:6px; background:#bebebe; transform:rotate(45deg); -webkit-transform:rotate(-45deg);}
header .inc_search dd:first-of-type {margin-left:10px;}
header .inc_search dd:first-of-type:before {display:none;}
header .inc_search input {margin-right:5px;}
header .inc_search input[type=submit] {width:29px; height:29px; border:0; text-indent:500%; background:url('/main/img/sub/search_submit.gif') no-repeat center center;}

footer {background:#ededed;}
footer #footer {position:relative; max-width:1400px; margin:0 auto; padding:50px 0 50px 360px; letter-spacing:0; color:#818381; overflow:hidden;}
footer #footer>p {position:absolute; top:45px; left:0;}
footer #footer a {color:#818381;}
footer address br {display:none;}
footer address span {padding:0 5px; color:#d3d7d3;}





/*pc_big*/
@media all and (min-width:1400px){
	header .gnb {left:13.5%; width:73%;}
}

/*pc_min*/
@media all and (max-width:1280px){
	header .inc_search {left:auto; right:15px; margin-left:0;}
	header nav#lnb {padding-right:50px;}
	footer #footer {padding:50px 10px;}
	footer #footer>p {position:static; margin-bottom:10px;}
}

/*pc*/
@media all and (min-width:801px){
	header h1 a {position:relative; z-index:500;}
	header h1 a span {display:inline-block; width:247px; height:38px; margin-left:5px; text-indent:-100%; overflow:hidden; font-size:0; line-height:0; background:url('/se/img/inc/logo_txt.gif') no-repeat center center;}
	header .gnb>ul.site>li {margin-right:20px !important;}
	header .gnb>ul.site>li:after {right:-10px !important;}
	header nav#lnb {margin-top:20px; border-top:1px solid #ebebeb;}
	header nav#lnb.on {background:#3189dc;}
	header nav#lnb>div>ul:after {display:block; content:""; clear:both;}
	header nav#lnb>div>ul>li {position:relative; float:left; text-align:center; width:12.5%; z-index:50;}
	header nav#lnb>div>ul>li:first-child {margin-left:0;}	
	header nav#lnb>div>ul>li>a {display:block; padding:20px 0; font-size:17px;}
	header nav#lnb.on>div>ul>li>a {color:#fff; border-right:1px solid #2b79c2;}
	header nav#lnb.on>div>ul>li:first-child>a {border-left:1px solid #2b79c2;}
	header nav#lnb .submenu {position:absolute; width:100%; display:none; text-align:center; padding:35px 0; background:#fff;}
	header nav#lnb.on .submenu {height:250px; border-right:1px solid #e4e4e4;}
	header nav#lnb.on>div>ul>li:first-child .submenu {border-left:1px solid #e4e4e4;}
	header nav#lnb .submenu>div {display:none;}
	header nav#lnb .submenu>ul>li {margin-bottom:15px;}
	header .navBg {display:none; position:absolute; left:0; top:149px; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:49;}
	header .navBg:before {display:block; content:""; position:absolute; left:0; right:0; height:250px; background:#fff;}
	.pc_hidden{display:none}
	
}

@media all and (max-width:1024px){
	header nav#lnb>div>ul>li>a {font-size:15px; letter-spacing:-2px;}
	footer #footer {padding:50px 0 50px 6%;}
}

/*tablet*/
@media all and (max-width:800px){
	header h1 {margin-top:0; padding-top:8px; padding-bottom:15px; border-top:0;}
	header h1 a {font-weight:normal; font-size:20px;}
	header h1 a span {display:inline-block; vertical-align:top; padding-top:10px;}
	header h1 a img {vertical-align:top; margin-top:8px;}
	header .gnb, header .tSns {display:none;}
	header nav#lnb h2 a {position:absolute; left:20px; top:23px; width:28px; height:17px;}
	header nav#lnb h2 a span, header nav#lnb h2 a:before, header nav#lnb h2 a:after {display:block; content:""; position:absolute; left:0; width:28px; height:3px; border-radius:3px; background:#175289;}
	header nav#lnb h2 a:before {top:0;}
	header nav#lnb h2 a span {top:7px;}
	header nav#lnb h2 a:after {bottom:0;}
	header nav#lnb>div>ul{width:340px}
	header nav#lnb>div>ul:before{width:120px}
	header nav#lnb>div>ul>li>a{width:120px; padding-top:26px}
	header nav#lnb>div>ul>li:first-child>a, header nav#lnb>div>ul>li:nth-child(7)>a, header nav#lnb>div>ul>li:last-child>a {padding-top:17px;}
	header nav#lnb div.submenu{width:220px}
	header nav#lnb .submenu>div>p>span {display:none;}

	header .inc_search {left:auto; right:20px; top:24px; margin-left:0;}
	header .inc_search>div {top:135px; padding:30px 20px;}
	header .inc_search>div .key {display:none;}
	header .inc_search input[type=submit] {position:absolute; right:10px; top:6px;}
	header .inc_search dl {display:none;}
	.m_visual_sns li:last-child{margin-right:0px;}
}


/*mobile*/
@media all and (max-width:640px){
	header h1 a {font-size:16px;}
	header h1 a span {padding-top:15px;}
	header nav#lnb h2 a span, header nav#lnb h2 a:before, header nav#lnb h2 a:after {width:17px; height:2px; border-radius:0;}
	header nav#lnb h2 a:before {top:2px;}
	header nav#lnb h2 a:after {bottom:3px;}
	header .inc_search h2>a {width:19px; height:19px; background-size:100%;}
	header .inc_search h2>a.close:before, header .inc_search h2>a.close:after {left:8px; width:2px; height:23px;}
	header .inc_search>div {top:66px;}

	footer #footer {padding:20px;}
	footer #footer>p {display:none;}
	footer address br {display:block;}
	footer address span {display:none;}
}