@charset "utf-8";
@import url(//cdn.jsdelivr.net/npm/noto-sans-kr@0.1.1/styles.min.css);
* {font-family:'Noto Sans Korean' !important; font-weight:600; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.wrap {position:relative; max-width:1300px; margin:0 auto;}
.ir_ib {display:inline-block; text-indent:-100%; font-size:0; line-height:0; overflow:hidden;}

header {/* height:157px;  */z-index:200;}
header h1 {text-align:center; padding-top:30px;}
header h1 a {font-size:30px; font-weight:bold; letter-spacing:-0.05em;}
header h1 a:hover {text-decoration:none;}
header h1 a img {vertical-align:middle;}

#gnb .allmenu {position:absolute; left:0; top:33px;}
#gnb .allmenu span {position:relative; display:inline-block; vertical-align:middle; width:28px; height:28px; border-radius:50%; background:#333;}
#gnb .allmenu span:before, #gnb .allmenu span:after {display:block; content:""; position:absolute;}
#gnb .allmenu span:before {left:7px; top:9px; width:14px; height:6px; border-top:2px solid #fff; border-bottom:2px solid #fff;}
#gnb .allmenu span:after {left:7px; top:50%; margin-top:-1px; width:14px; height:2px; background:#fff;}
#gnb .login {position:absolute; right:0; top:33px;}
#gnb .mypage {position:absolute; right:90px; top:33px;}
#gnb .login a, #gnb .mypage a {display:inline-block; padding:0 15px 2px; font-size:14px; font-weight:bold; color:#fff; border-radius:30px; background:#333;}
#gnb .mypage a {background:#166cc2;}

footer {background:#252525; border-top:1px solid #3a3a3a;}
footer div.bottom {position:relative; max-width:1200px; margin:0 auto; padding:30px 0; overflow:hidden;}
footer div.bottom p.btm_logo {position:absolute; left:0; top:55px; color:#fff;}
footer div.bottom div.btm_info {margin-left:270px;}
footer div.bottom div.btm_info ul.btm_menu {float:left;}
footer div.bottom div.btm_info ul.btm_menu li a {font-size:14px; color:#afafaf;}
footer div.bottom div.btm_info div.copy {float:left; margin-left:73px;}
footer div.bottom div.btm_info div.copy * {font-size:14px; color:#fff;}
footer div.bottom div.btm_info div.copy address span {font-weight:bold;}
footer div.bottom div.btm_info div.copy p.copyright {margin-top:40px;}
footer div.bottom p.wa_mark img {margin-left:70px;}
footer div.bottom p.btn_top {position:absolute; right:0; top:55px;}
footer div.bottom p.btn_top a {display:block; width:58px; height:58px; padding-top:21px; background:#fff url(/main/images/main2018/top_arrow.gif) no-repeat center 18px; text-align:center; border-radius:29px;}
footer .btn_privacy a { color:#ffac1b !important; font-weight:bold; }
img {max-width:100%;}

/*pc*/
@media all and (min-width:801px) {
	.dp_mb {display:none;}
	header {border-bottom:1px solid #efefef;}
	header nav#lnb {margin-top:25px; border-top:1px solid #efefef;}
	header nav#lnb h2 {display:none;}
	header nav#lnb .title, header nav#lnb>div>p {display:none;}
	header nav#lnb>div>ul {z-index:10;}
	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:20%;}
	header nav#lnb>div>ul>li>a {display:block; padding:23px 0; font-weight:bold; font-size:19px; border-left:1px solid #efefef;}
	header nav#lnb>div>ul>li:last-child>a {border-right:1px solid #efefef;}
	header nav#lnb>div>ul>li>a br {display:none;}
	header nav#lnb div.submenu {display:none; position:absolute; width:100%; height:250px; padding:38px 20px; border-left:1px solid #efefef; border-top:1px solid #efefef; background:#fff; z-index:100;}
	header nav#lnb div.submenu>p {display:none;}
	header nav#lnb>div>ul>li:last-child>div {border-right:1px solid #efefef;}
	header nav#lnb div.submenu>ul>li {text-align:center; margin-bottom:10px;}
	header nav#lnb div.submenu>ul>li>a {display:inline-block; padding:0 7px; font-size:16px;}
	header nav#lnb>div>ul>li:hover a, header nav#lnb>div>ul>li:hover .submenu {color:#fff; border-top:0; background:#166cc2;}
	header nav#lnb>div>ul>li:hover .submenu:after {display:block; content:""; position:absolute; left:50%; top:0; width:7px; height:7px; margin-left:-4px; border-radius:50%; background:#fff;}
	header nav#lnb div.submenu>ul>li>a:hover {color:#fffc00; text-decoration:none; border-bottom:3px solid #fffc00;}
	header nav#lnb .close {display:none;}
	header .navBg {display:none; position:absolute; left:0; top:161px; bottom:0; width:100%; height:100%; border-top:1px solid #efefef; background:rgba(0,0,0,.5); z-index:5;}
	header .navBg:before {display:block; content:""; width:100%; height:249px; background:#fff;}
}
/*tablet*/
@media screen and (max-width:1289px) {
	#gnb .allmenu {left:40px;}
	#gnb .mypage {right:130px;}
	#gnb .login {right:40px;}
}

/*tablet*/
@media screen and (max-width:800px) {
	.dp_pc {display:none;}
	header h1 {text-align:center; padding-bottom:30px;}
	header h1 a {font-size:20px;}
	#gnb .allmenu {display:none;}
	#gnb .login {right:5%;}

	header nav#lnb h2 {position:absolute; left:5%; top:30px;}
	header nav#lnb h2 a {position:relative; width:28px; height:28px; border-radius:50%; background:#333;}
	header nav#lnb h2 a:before, header nav#lnb h2 a:after {display:block; content:""; position:absolute;}
	header nav#lnb h2 a:before {left:7px; top:9px; width:14px; height:6px; border-top:2px solid #fff; border-bottom:2px solid #fff;}
	header nav#lnb h2 a:after {left:7px; top:50%; margin-top:-1px; width:14px; height:2px; background:#fff;}
	header nav#lnb>div>ul {display:none;}

	header nav#lnb .title {padding:20px; color:#fff;}
	header nav#lnb>div {position:fixed; left:-100%; top:0; height:100%; overflow-y:scroll; z-index:400;}
	header nav#lnb>div>ul {display:block !important; position:relative; width:320px; padding-bottom:500px; background:#fff;}
	header nav#lnb>div>ul:before {display:block; content:""; position:absolute; left:0; top:0; bottom:0; width:120px; height:100%; min-height:500px; background:#30578f;}
	header nav#lnb>div>ul>li {height:75px;}	
	header nav#lnb>div>ul>li>a {position:absolute; vertical-align:top; display:block; text-align:center; width:120px; height:75px;  padding:17px 10px; font-size:15px !Important; line-height:1.4em; color:#fff !important; border-bottom:1px solid #2b4d7f; overflow:hidden;}
	header nav#lnb>div>ul>li:nth-child(5)>a {height:55px;}
	header nav#lnb>div>ul>li>a span {display:block;}
	header nav#lnb>div>ul>li>a.on {color:#fff; font-weight:bold; background:#366cdd;}
	header nav#lnb>div>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>div>ul>li:nth-child(1)>a {top:0;}
	header nav#lnb>div>ul>li:nth-child(2)>a {top:75px;}
	header nav#lnb>div>ul>li:nth-child(3)>a {top:150px;}
	header nav#lnb>div>ul>li:nth-child(4)>a {top:225px;}
	header nav#lnb div.submenu {display:none; position:absolute; right:0; top:0; width:200px; height:auto; padding:10px; visibility:visible;}
	header nav#lnb>div>ul>li:first-child div.submenu {display:block;}
	header nav#lnb div.submenu>p {padding:10px 20px 20px; font-size:22px; font-weight:bold;}
	header nav#lnb div.submenu>dl {display:none;}
	header nav#lnb div.submenu>ul>li.on {border:2px solid #5e31b3;}
	header nav#lnb div.submenu>ul>li>a {display:block; padding:10px 20px; border-top:1px solid #dfdfdf;}
	header nav#lnb div.submenu>ul>li.on>a {color:#fff; border-top:0; background:#5e31b3;}
	header nav#lnb .close {position:absolute; left:290px; top:18px; width:30px; height:30px; z-index:1000;}
	header nav#lnb .close:before, header nav#lnb .close:after {display:block; content:""; position:absolute; left:5px; top:48%; width:18px; height:2px; background:#fff;}
	header nav#lnb .close:before {transform:rotate(45deg);}
	header nav#lnb .close:after {transform:rotate(-45deg);}
	.navBg {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.9); z-index:80;}

	footer div.bottom {padding:30px 20px;}
	footer div.bottom p.btm_logo {display:none;}
	footer div.bottom div.btm_info {margin-left:0;}
	footer div.bottom div.btm_info ul.btm_menu {float:none;}
	footer div.bottom div.btm_info div.copy {float:none; margin-left:0; margin-top:30px;}
	footer div.bottom div.btm_info div.copy p.copyright {margin-top:10px;}
	footer div.bottom p.wa_mark img {margin-left:0; margin-top:10px;}
	footer div.bottom p.btn_top {top:30px; right:20px;}
}

/*mobile_min(i)*/
@media screen and (max-width:440px) {
	header h1 img {display:none;}
	#gnb .mypage {display:none;}
	#gnb .login {top:29px;}
}