@charset "utf-8";

/* set */
input[type="submit"]{-webkit-appearance:none;-webkit-border-radius:0;}
body{font-size:16px;margin:0;padding:0;font-family:SCDream, "에스코어드림", NotoSans, 'Noto Sans KR', Dotum, "돋움", sans-serif;color:#464646;font-weight:300;}
input, select, button{font-family:SCDream, "에스코어드림", NotoSans, 'Noto Sans KR', Dotum, "돋움", sans-serif;}
body *{ box-sizing:border-box;}

/* Mobile */
body{font-family: 'NEXON Lv1 Gothic Low';font-weight: 400;}
#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}
.wrap{padding:0 20px;}
.gnb{background:#ededed;}
.gnb::after{content:"";display: block;clear: both;}
.gnb li{float: left;}
.gnb li a{display: block;padding: 8px 12px;font-size: 14px;color: #7d7d7d;}
.gnb .login a{padding-left:0;}
.gnb .jb a{color:#0089d0;position: relative;}
.gnb .jb a::before{content:"";display: none;width: 1px;height: 8px;border-left: 1px solid #bebebe;float:left;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.head h1{font-family: 'GWstrong';font-size:25px;margin:15px 20px;}
.head h1 a{display:block;width: fit-content;}
.head h1 img{/* width:35px; */height: 27px;display:inline-block;margin: 3px 0 0 0;}
.head h1 strong{display:inline-block;padding:10px 0 0 8px;color:#252525;letter-spacing:-1px;}
.head button{width:46px;height:46px;font-size:0;background:url("/images/05_book/common/icon.png")no-repeat 13px 9px#0089d0;position:absolute;top: 45px;right: 20px;}
.head .search{background: #0089d0;padding:20px 0;overflow:hidden;}
.head .search div input[type="text"]{width:calc(100% - 55px);float:left;padding: 18px 20px;font-size:14px;color:#959595;}
.head .search div input[type="submit"]{width:55px;height:55px;font-size: 0;background: url("/images/05_book/common/icon.png")no-repeat -26px 12px #464646;cursor: pointer;}
.head .search form{margin-bottom: 20px;}
.head .search p a{display: block;color:#fff568;width: fit-content;margin: 0 auto;}
.head .search p a:before{content:"";display: block;width:23px;height:23px;background: url("/images/05_book/common/icon.png")no-repeat -89px -2px;float: left;margin-top: -4px;margin-right: 6px;}

/*menu*/
.menu_back{position:fixed;top:0;bottom:0;right:0;left:0;background:#00000070;z-index: 2;}
.menu{display: none;position: fixed;top:0;bottom:0;right:0;width:70%;min-width:320px;background:#effaff;z-index:2;}
.menu.on{display:block;}
.menu h2{font-size:15px;font-weight:400;background:#fff;padding:12px 20px;border-bottom: 1px solid #ddd;}
.menu ul{padding:12px 20px;}
.menu button{top:0;right: 0;background: url("/images/05_book/common/close.png")no-repeat center #0089d0;height: 43px;}
.menu>ul>li>a{display: block;width: 130px;padding: 20px 18px 20px 15px;font-size: 17px;border-bottom:1px solid #c9e8f6;}
.menu>ul>li.on>a{background: #0089d0;color: #fff;border-radius: 10px 0 0 10px;border:none;font-weight: 600;}
.menu li li{border-bottom:1px solid #0089d0;}
.menu li li li{border: none;}
.menu li li ul{display:none;padding:7px 0 10px 0;background: #f7f7f7;border-radius: 10px 10px 0 0;}
.menu li li.on ul{display:block;}
.depth_box{position: absolute;right:0;bottom:0;top: 43px;left: 150px;background:#fff;overflow-y: auto;z-index: 2;}
.depth_boxcon>ul>li>a{display: block;padding:12px 5px 12px 8px;color: #333;font-size: 16px;word-break: keep-all;}
.depth_boxcon>ul>li.on>a{color:#0089d0;font-weight:600;}
.depth_boxcon ul ul li a{font-size: 15px;display: block;padding:8px 8px 8px 12px;}
.menu .new_win{display:inline-block;width: 13px;height: 15px;font-size: 0;background:url("/images/05_book/common/new_win.png")no-repeat;margin-left:4px;}
.site_map{display:none;}

footer{background:#3b434e;color:#fff;font-weight: 300;font-size: 15px;}
footer .foot{padding:50px 20px;}
footer address{font-style:normal;}
footer span{display:block;margin-top:5px;}
footer .copy{font-size: 11px;margin-top: 10px;}

/* Tablet */
@media all and (min-width:768px) {
.gnb .wrap{padding:0;position: relative;}
.gnb ul{overflow:hidden;position:absolute;background: #ededed;left: 175px;top: 3px;}
.gnb .login a{padding-left:12px;}
.head button{top: 12px;}
.head .search .wrap{margin:0 auto;width:fit-content;}
.head .search form{width:446px;float:left;margin-bottom:0;}
.head .search p{float:left;margin:18px 0 0 20px;}
.menu button{top:0;}
    
footer address{float:left;margin-right:10px;}
footer span{margin:0;}
footer .copy{font-size: 14px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.wrap{padding:0;width:1400px;margin:0 auto;}
.gnb ul{z-index: 2;top: 33px;left: 180px;}
header{position:relative;}
header:after{content:"";display:block;position:absolute;height: 95px;width: 100%;background: #034694;bottom: 0;left:0;z-index: -1;}
.head{position: relative;width: 1400px;margin: 0 auto;}
.head .logo{width: fit-content;float: left;}
.head h1{margin: 30px 0;}
.head h1 img{width:auto;height:auto;margin: 0;}
.head h1 strong{font-size:28px;}
.head .search{background:none;width: 100%;}
.head .search:after{content:"";display:block;clear:both;}
.head .search p a{font-size:18px;font-weight:600;}
.head .search p a:before{margin: -2px 7px 0 0;}

/*menu*/
.menu_back{display: none;}
.menu{display: block;position: static;background: none;float: right;width: 60%;}
.menu h2{display:none;}
.menu ul{padding:0;}
.menu>ul>li{float:left;width: auto;margin: 0 45px 0 0;position: relative;}
.menu>ul>li>a{border: none;padding: 40px 0;font-size: 20px;font-weight: 600;text-align: center;color:#252525;width: fit-content;position: relative;}
.menu>ul>li.on>a{color:#252525;background:none;border-radius: 0;}
.menu>ul>li:hover>a, .menu>ul>li:focus>a{color: #0089d0;}
.menu>ul>li:hover>a::before, 
.menu>ul>li:focus>a::before{content:"";display: block;width:23px;height:19px;background:url("/images/05_book/common/menu_on.png")no-repeat center;position: absolute;top: 16px;left: 50%;transform: translateX(-50%);}
.menu li li{width: 100%;float:left;border: none;}
.menu li li:last-child{margin-right:0;}
.menu li li ul, .menu li li.on ul{display:none;}
.head button{display: none;}
.depth_box{top: 90px;left: 50%;bottom: auto;right: auto;background: #3b434eba;border-radius: 15px;/* width: 114px; */padding-bottom: 30px;backdrop-filter: blur(6px);box-shadow: 0 15px 20px #00000042;transform: translateX(-50%);}
.depth_boxcon{width: 100%;}
.depth_boxcon>ul>li>a{padding: 18px 9px 0 9px;color: #fff;font-weight: 300;text-align: center;}
.depth_boxcon>ul>li.on>a{color:#fff;font-weight:200;}
.depth_boxcon>ul>li:hover>a, .depth_boxcon>ul>li:focus>a{text-decoration:underline;font-weight:400;}
.menu .new_win{background-position:center bottom;}
    
.site_map{display:block;}
.site_map a{display:block;width:46px;height:46px;font-size:0;background: url("/images/05_book/common/icon.png")no-repeat 13px 9px#034694;position: absolute;right: 0;top: 28px;}

footer{min-width:1400px;}
footer .foot{width: fit-content;margin:0 auto;padding:50px 0;text-align: center;overflow: hidden;}
footer span{width:fit-content;float:left;margin-left: 30px;}
footer .copy{width:fit-content;float:left;margin-top: -2px;margin-left: 30px;}
}
                       
.guide{margin:20px 0}
.guide li{position:relative;padding:5px 0 0 40px;margin:0 0 10px 0}
.guide em{display:block;width:30px;height:30px;text-align:center;background:#034694;color:#fff;font-weight:700;border-radius:100%;box-sizing:border-box;padding:3px 0 0 0;position:absolute;top:0;left:0}
.guide strong{color:#034694}