@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:15px;}
header .gnb>ul.etc>li.lang  {display:none;}
header h1 {display:block; padding-top:60px; padding-bottom:20px;}
header h1 a {display:inline-block; padding:0 0 6px 0px; color:#2d2d2d !important; font-size:22px; }
header h1 img { margin-right:5px; max-width:116%}
header h1 span.txt {font-weight:normal;}
header h1 span.eng {display:block; margin-top:4px; font-weight:normal; font-size:15px;}

header nav#lnb div.submenu>ul>li>ul {display:none;}
header nav#lnb .close {display:none;}

header .inc_search {position:absolute; right:0; top:60px;}
header .inc_search h2>a {width:53px; height:53px; border-radius:50%; background:#2d73cb url('/lll/img/inc/ic_search.png') no-repeat center center;}
header .inc_search h2>a.close {position:relative; background:#2d73cb;}
header .inc_search h2>a.close:before, header .inc_search h2>a.close:after {display:block; content:""; position:absolute; left:25px; top:14px; width:3px; height:25px; border-radius:5px; background:#fff;}
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:142px; 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;}

#container {border-top:1px solid #ddd;}

footer {position:relative; background:#252525;}
.footerOpen {position:absolute; top:-36px;; left:50%; width:59px; height:36px; margin-left:-18px; border-radius:5px 5px 0 0; background:#727272;}
.footerOpen:after {display:block; content:""; position:absolute; left:24px; top:15px; width:10px; height:10px; border-left:2px solid #fff; border-top:2px solid #fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
footer #ban {text-align:center; padding:20px 0; border-top:1px solid #dbdbdb; white-space:nowrap; background:#fff; }
footer #ban h2, footer #ban div, footer #ban li, footer #ban>a {display:inline-block; line-height:20px; vertical-align:top;}
footer #ban h2 {position:relative; padding-right:1.5%; margin-right:1.5%; font-size:18px; font-weight:normal;}
footer #ban h2:after {display:block; content:""; position:absolute; right:0; top:10px; width:5px; height:5px; border-radius:50%; background:#2c2c2c;}
footer #ban div {max-width:1200px; width:85%; overflow:hidden;}
footer #ban div li {margin-right:25px;}
footer #ban>a {margin-left:.5%;}
footer #ban .prev {width:14px; height:13px; background:url('/main/img/inc/ban_prev.gif') no-repeat;}
footer #ban .next {width:14px; height:13px; background:url('/main/img/inc/ban_next.gif') no-repeat;}

footer #relationSelect {border-bottom:1px solid #3a3a3a; background:#2c2c2c;}
footer #relationSelect>div {max-width:1650px; margin:0 auto; border-right:1px solid #3a3a3a;}
footer #relationSelect>div:after {display:block; content:""; clear:both;}
footer #relationSelect>div>div {position:relative; float:left; width:25%; border-left:1px solid #3a3a3a;}
footer #relationSelect>div>div>a {position:relative; display:block; padding:25px; color:#cdcdcd; font-size:16px;}
footer #relationSelect>div>div>a:after {display:block; content:""; position:absolute; right:25px; top:32px; width:12px; height:12px; border-top:1px solid #989898; border-right:1px solid #989898; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
footer #relationSelect>div>div>ul {display:none; position:absolute; padding:15px; bottom:71px; left:-1px; right:-1px; background:#666; z-index:200; overflow:hidden;}
footer #relationSelect>div>div>ul>li {float:left; width:50%; padding:5px; border-top:1px dotted #888;}
footer #relationSelect>div>div>ul>li:first-child, footer #relationSelect>div>div>ul>li:nth-child(2) {border-top:0;}
footer #relationSelect>div>div>ul>li>a {color:#fff;}

footer #footer {position:relative; max-width:1400px; margin:0 auto; padding:50px 0; overflow:hidden;}
footer #footer>p {position:absolute; top:40px; font-size:22px;}
footer #footer * {color:#fff;}
footer #footer>p img {vertical-align:middle;}
footer #footer>ul {padding-left:26%; float:left;}
footer #footer>ul>li {margin-bottom:5px;}
footer #footer>ul>li>a {font-size:14px; color:#afafaf;}
footer #footer>ul>li:first-child>a {color:#398edd;}
footer #footer>div.rCon {float:left; margin-left:7%; color:#fff; font-size:14px; letter-spacing:0;}
footer #footer>div.rCon p.txt {margin:10px 0 50px;}

/*pc*/
@media all and (min-width:801px){
	header h1 a {position:relative; z-index:500;}
	header .gnb {z-index:600;}
	header nav#lnb {position:absolute; right:50px; top:75px; width:71%;}
	header nav#lnb>div>ul {text-align:center; font-size:0; line-height:0;}
	header nav#lnb>div>ul:after {display:block; content:""; clear:both;}
	header nav#lnb>div>ul>li {position:relative; display:inline-block; width:23%;}
	header nav#lnb>div>ul>li:nth-child(4){width:18%}
	header nav#lnb>div>ul>li:nth-child(5){width:12%}
	header nav#lnb>div>ul>li>a {display:block; padding-bottom:45px; font-size:18px; line-height:24px; color:#333;}
	header nav#lnb>div>ul>li>a:hover {text-decoration:none;}
	header nav#lnb>div>ul>li:hover>a {font-weight:bold;}
	header nav#lnb .submenu {position:absolute; width:100%; display:none; text-align:center; padding:20px 0; background:#fff;}
	header nav#lnb.on .submenu {height:290px; border-right:1px solid #e8e8e8;}
	header nav#lnb.on>div>ul>li:first-child .submenu {border-left:1px solid #e8e8e8;}
	header nav#lnb .submenu>div {display:none; padding:0px 20px}
	header nav#lnb .submenu>ul>li {font-size:14px; line-height:150%; margin-bottom:10px; word-break:keep-all}
	header nav#lnb>div>ul>li:hover>.submenu {background:#2d73cb;}
	header nav#lnb>div>ul>li:hover>.submenu a {color:#fff;}
	header .navBg {display:none; position:fixed; left:0; top:144px; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-1;}
	header .navBg:before {display:block; content:""; position:absolute; left:0; right:0; height:290px; border-bottom:3px solid #2d73cb; background:#fff url('/lll/img/inc/submenu_bg.gif') no-repeat 16% top;}
}


/*pc_min*/
@media all and (max-width:1280px){

	header .navBg:before 	{background-position:-35px top;}

	footer #footer .logo {margin-top:10px;}
	footer #footer>ul {padding-left:26%; float:none; overflow:hidden;}
	footer #footer>ul>li {float:left; margin-right:20px;}
	footer #footer>div.rCon {float:none; margin-left:26%;}
	footer #footer>div.rCon p.txt {margin:5px 0;}
}


/*pc_min2*/
@media all and (max-width:1024px){
	.screenTop {right:0;}
	footer #footer>p {display:none;}
	footer #footer>div.rCon {text-align:center; margin-left:0;}
}

/*tablet*/
@media all and (min-width:801px){
	body {min-width:1263px;}
}

/*tablet*/
@media all and (max-width:800px){
	header h1 {margin:0 auto; padding:20px 0;}
	header h1 a {display:block; font-size:19px;}
	header nav#lnb h2 a {position:absolute; left:20px; top:24px; width:45px; height:45px; border-radius:50%; background:#2d73cb;}
	header nav#lnb h2 a span, header nav#lnb h2 a:before, header nav#lnb h2 a:after {display:block; content:""; position:absolute; left:11px; width:23px; height:3px; border-radius:5px; background:#fff;}
	header nav#lnb h2 a:before {top:14px;}
	header nav#lnb h2 a span {top:21px;}
	header nav#lnb h2 a:after {bottom:14px;}
	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:18px}
	header nav#lnb>div>ul>li:nth-child(2)>a{width:120px; padding-top:6px}
	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:block;}

	header .inc_search {left:auto; right:20px; top:24px; margin-left:0;}
	header .inc_search h2>a {width:45px; height:45px; background-size:50%; background-color:#7a7a7a;}
	header .inc_search h2>a.close {background-color:#7a7a7a;}
	header .inc_search h2>a.close:before, header .inc_search h2>a.close:after {left:23px; top:13px;}
	header .inc_search>div {top:90px; 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;}

	.footerOpen {display:none;}
	footer #footer {text-align:center; padding:20px 10px 30px;}
	footer #ban {display:none;}
	footer #footer>p {position:static;}
	footer #footer>ul {display:none;}
	footer #footer>div.rCon {margin-left:0;}
	footer #footer>div.rCon span {display:block; line-height:25px;}
	footer #footer>div.rCon p.copy {display:none;}
	footer #relationSelect>div>div>a {height:47px; padding:15px 25px;}
	footer #relationSelect>div>div>ul {bottom:47px;}

	header h1 {text-align:center;}


}


/*mobile*/
@media all and (max-width:640px){
	header h1 {padding:10px 0;}
	header h1 a { line-height:40px; background-size:40px;}
	header h1 span.eng {display:none;}
	header h1 img { margin-right:5px; max-width:60%}

	header nav#lnb h2 a {top:11px;}
	header .inc_search {top:11px;}
	header .inc_search>div {top:70px; padding:20px;}
		
	footer #relationSelect>div>div {width:50%;}
	footer #relationSelect>div>div>a:after {top:23px;}
	footer #relationSelect>div>div:nth-child(3), footer #relationSelect>div>div:nth-child(4) {border-top:1px solid #3a3a3a;}

}