@charset "utf-8";
* {font-family:'Malgun Gothic','맑은고딕'; letter-spacing:-0.01em; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.ir {overflow:hidden; display:block; margin:auto; text-indent:-5000px; font-size:0; line-height:0; width:0; height:0;}
.ir_ib {overflow:hidden; display:inline-block; margin:auto; text-indent:-5000px; font-size:0; line-height:0; width:0; height:0;}

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

header h1 {padding:30px 0;}
header nav .submenu {display:none;}

footer {padding:60px 0; border-top:1px solid #eee;}
footer .wrap {padding-left:270px;}
footer .copylogo {position:absolute; left:0; top:0;}
footer #familySite {position:absolute; right:0; top:0;}
footer #familySite select {width:208px;}
footer #familySite input[type=submit] {font-size:13px; border:1px solid #c9c9c9; background:#fff;}
/* footer #hit {position:absolute; right:0; top:30px; text-align:center; width:240px; border:1px solid #c9c9c9;}
footer #hit dt, footer #hit dd {vertical-align:top; display:inline-block; font-size:13px;}
footer #hit dt:first-child {color:#d8513b;}
footer #hit dt:last-child {color:#35728b;}
 */
footer .visitor{position:absolute; right:0; top:30px; text-align:center; width:240px; margin-top:3px; padding:1px 0px 3px; border:1px solid #c9c9c9; background:#fff}
footer .visitor li{position:relative; display:inline-block; padding:0px 8px; font-size:13px}
footer .visitor li:first-child:after{display:block; content:''; position:absolute; right:-3px; top:5px; width:1px; height:10px; background:#ccc}
footer .visitor li span{font-size:12px}
footer .visitor li.today span{color:#d8513b}
footer .visitor li.total span{color:#35728b}


/*pc*/
@media all and (min-width:801px){	
	body {min-width:1263px;}
	header {position:relative; height:100px; background:#fff; z-index:100;}

	header nav#lnb {position:absolute; right:50px; top:35px;}
	header nav#lnb h2 {display:none;}
	header nav#lnb>div>ul {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;}
	header nav#lnb>div>ul>li>a {display:block; padding:0 20px 41px; font-size:20px; line-height:24px; letter-spacing:-0.055em; color:#333;}
	header nav#lnb>div>ul>li>a:hover {text-decoration:none;}
	header nav#lnb .submenu {position:absolute; width:100%; height:350px; padding:40px 0 0 30px; border-left:1px solid #173f7c;}
	header nav#lnb .submenu>ul>li {margin-bottom:15px;}
	/* header nav#lnb.on .submenu {height:225px;} */
	header nav#lnb .submenu>div {display:none;}
	header nav#lnb .submenu>ul>li>ul {display:none;}
	header nav#lnb .submenu a {color:#fff;}
	header nav#lnb .submenu a:hover {color:#fdfe00;}
	header .navBg {display:none; position:fixed; left:0; top:143px; 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:350px; background:#1e4f9b;}

	header .gosm {position:absolute; right:0; top:39px; display:block; width:28px; height:18px;}
	header .gosm:before, header .gosm:after {display:block; content:""; position:absolute; left:0; width:100%; height:4px; border-radius:4px; background:#333;}
	header .gosm:before {top:0;}
	header .gosm:after {bottom:0;}
	header .gosm span {position:absolute; left:0; top:50%; margin-top:-2px; width:100%; height:4px; border-radius:4px; background:#333;}
}


/*bic_pc_nav*/
@media all and (min-width:1300px){	
	header nav#lnb {right:70px;}
	header nav#lnb>div>ul>li>a {padding:0 28px 41px;}
}


/*tablet~mobile*/
@media screen and (max-width:800px){	
	body.noScroll {position:fixed; top:0; width:100%; height:100%; overflow:hidden;}
	header h1 {margin-left:5%;}
	header .gosm {display:none;}

	header nav h2 {position:absolute; right:5%; top:38px;}
	header nav h2 a {display:block; position:relative; width:28px; height:18px;}
	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:25px; height:4px; border-radius:4px; background:#333;}
	header nav#lnb h2 a:before {top:0; transition:.5s;}
	header nav#lnb h2 a span {top:7px;}
	header nav#lnb h2 a:after {bottom:0; transition:.5s;}
	header nav#lnb h2 a.close {display:none;}
	header nav#lnb h2 a.close span {background:none;}
	header nav#lnb h2 a.close:before {top:7px; transform:rotate(45deg);}
	header nav#lnb h2 a.close:after {bottom:7px; transform:rotate(-45deg);}

	header nav#lnb .mn {position:absolute; left:-100%; top:100px; width:100%; height:550px; overflow-y:auto; /* overflow-y:scroll;*/  z-index:400;}
	header nav#lnb .mn>ul {display:block !important; position:relative; width:100%; margin-top:0; padding-bottom:500px; border-top:1px solid #1d4f9a; background:#fff;}
	header nav#lnb .mn>ul:before {display:block; content:""; position:absolute; left:0; top:0; bottom:0; width:50%; height:100%; min-height:500px; background:#1d4f9a;}
	header nav#lnb .mn>ul>li {height:60px;}
	header nav#lnb .mn>ul>li>a {position:absolute; display:block; width:50%; height:60px; padding:17px 5%; font-size:17px !Important; line-height:1.4em; color:#fff; border-bottom:1px solid rgba(0,0,0,.2); }
	header nav#lnb .mn>ul>li>a span {display:block;}
	header nav#lnb .mn>ul>li>a.on {color:#fff; font-weight:bold; background:#123c7a;}
	/* header nav#lnb .mn>ul>li>a.on:after {display:block; content:""; position:absolute; right:-1px; top:50%; margin-top:-6px; border-right:6px solid #fff; border-top:6px solid transparent; border-bottom:6px solid transparent;} */
	header nav#lnb .mn>ul>li:nth-child(1)>a {top:0;}
	header nav#lnb .mn>ul>li:nth-child(2)>a {top:60px;}
	header nav#lnb .mn>ul>li:nth-child(3)>a {top:120px;}
	header nav#lnb .mn>ul>li:nth-child(4)>a {top:180px;}
	header nav#lnb .mn>ul>li:nth-child(5)>a {top:240px;}
	header nav#lnb .mn>ul>li:nth-child(6)>a {top:300px;}
	header nav#lnb div.submenu {display:none; position:absolute; right:0; top:0; width:50%; height:auto; padding:10px; visibility:visible;}
	header nav#lnb .mn>ul>li:first-child div.submenu {display:block;}
	header nav#lnb div.submenu>ul {padding:5%;}
	header nav#lnb div.submenu>ul>li {margin-bottom:10px;}
	header nav#lnb div.submenu>ul>li.on>a {font-weight:bold;}
	header nav#lnb div.submenu>ul>li>ul {/* display:none;  */padding:10px 10px 10px 13px; background:#f4f4f4;}
	header nav#lnb div.submenu>ul>li>ul>li>a {font-size:14px;}
	.navBg {display:none; position:fixed; left:0; top:50%; width:100%; height:100%; background:#000; z-index:80;}

	footer {padding:5%;}
	footer .wrap {padding-left:0;}
	footer .copylogo {display:none;}
	footer address {margin-bottom:10px;}
	footer #familySite, footer .visitor {display:none;}
}


/*mobile*/
@media screen and (max-width:640px){	
	header h1 {padding:15px 0;}
	header h1 img {width:165px;}
	header nav h2 {top:23px;}
	header nav#lnb .mn {top:67px;}
}