@charset "utf-8";
/* CSS Document */

.gap { height:120px;}
.sgap { height:70px;}
.ssgap { height:40px;}
.sssgap { height:20px;}
.blue {color:#1e55b0;}
.fl {float:left;}
.fr {float:right;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.right { position:relative; float:right; margin-bottom:14px}
.center {position:relative; left:50%; width:15%;; margin-left:-7.5%}
#wrap { width:100%; min-width:1100px !important; overflow:hidden;}

/*메뉴*/
#header {border-bottom:1px solid #c6cacd; height:98px;}
#header .header_inner {position:relative; left:50%; width:1100px; margin-left:-550px;}
#header .header_inner h1 { position:absolute; margin-top:29px;}
#header .header_inner .menu {  position: relative; margin-top:58px; float:right;}
#header .header_inner .menu ul li { position:relative; display:inline-block; margin-left:36px;}
#header .header_inner .menu ul li:after {position:absolute;top:10%;right:-20px;content:""; display:block; width:1px; height:15px;background:#d9d9d9;}
#header .header_inner .menu ul li:last-child:after { display:none;}
#header .header_inner .menu ul li a {font-family:'notokr-bold';font-size:17px; color:#4e4e4e;}
#header .header_inner .menu ul li a:hover{color:#f7931d;}

/*서브메뉴*/
#submenu {position:relative;border-bottom:1px solid #c6cacd; height:51px; background-color: rgba( 255, 255, 255, 0.5 ); z-index:999;}
#submenu .submenu_inner {position:absolute;position:relative; left:50%; width:260px; margin-left:-30px;}
#submenu .submenu_inner li {position:relative; display:inline-block;margin-left:34px; line-height:51px;}
#submenu .submenu_inner li a {font-family:'notokr-bold';font-size:17px; color:#4e4e4e;}
#submenu .submenu_inner li:after {position:absolute;top:34%;right:-20px;content:""; display:block; width:1px; height:15px;background:#d9d9d9;}
#submenu .submenu_inner li:last-child:after { display:none;}

/*메인비주얼*/
.main_visual .main_visual_inner {position:relative; left:50%; width:2000px; margin-left:-1000px; overflow:hidden}
.main_visual .main_visual_inner .issu_pager{text-align:center;position:absolute;bottom:20px;width:100%;}
.main_visual .main_visual_inner .issu_pager a{display:inline-block;width:14px;height:14px;text-indent:-999px;background:#fff;border-radius:5px;border:1px solid #cbced1;}
.main_visual .main_visual_inner .issu_pager a.active{width:74px; background:#b6b6b6;}

/*콘텐츠*/
#container .container_inner {position:relative; left:50%; width:1100px; margin-left:-550px;}
.right_ban {position:relative; left:50%; top:50px; width:88px; margin-left:570px; z-index:777;}
.right_ban li { margin-bottom:1px;}

/*메인_고객센터*/
#cs  {margin-top:112px;border-top:1px solid #a2a2a2; height:213px; background:#f5f6fa;}
#cs .cs_inner {position:relative; left:50%; width:1100px; margin-left:-550px;}
#cs .cs_inner .inner_l { float:left; width:70%; margin-top:50px;}
#cs .cs_inner .inner_l .go {font-family:'notokr-bold';font-size:22px;}
#cs .cs_inner .inner_l p {font-family:'notokr-regular';font-size:14px; margin-top:10px;}
#cs .cs_inner .inner_l dl { margin-top:25px}
#cs .cs_inner .inner_l dl dt {font-family:'notokr-regular';font-size:20px; color:#000000;}
#cs .cs_inner .inner_l dl dd {font-family:'notokr-regular';font-size:14px; margin-top:5px;}
#cs .cs_inner .inner_r { float:left; margin-top:50px;}
#cs .cs_inner .inner_r .tit{font-family:'notokr-bold';font-size:22px;}
#cs .cs_inner .inner_r ul { margin-top:20px;}
#cs .cs_inner .inner_r ul li { line-height:24px; font-family:'돋움';font-size:12px;}

/*카피라이터*/
#footer {border-top:2px solid #292929; height:200px;}
#footer .footer_top  {border-bottom:1px solid #e2e2e2; height:50px;}
#footer .footer_top .inner{position:relative; left:50%; width:1100px; margin-left:-550px;}
#footer .footer_top .inner .footer_l {float:left;}
#footer .footer_top .inner .footer_l ul li { position:relative;display:inline-block; margin-right:28px;font-family:'notokr-regular';font-size:15px; color:#494949; line-height:50px;}
#footer .footer_top .inner .footer_l ul li:after {position:absolute;top:35%;right:-20px;content:""; display:block; width:1px; height:13px;background:#d4d4d4;}
#footer .footer_top .inner .footer_l ul li:last-child:after { display:none;}

#footer .footer_bottom { margin-top:24px;}
#footer .footer_bottom .inner{position:relative; left:50%; width:1100px; margin-left:-550px;}
#footer .footer_bottom .inner ul li { float:left; display:block;}
#footer .footer_bottom .inner ul li:nth-child(2) { margin-left:20px; margin-top:8px;padding-left:30px;font-family:'notokr-regular';font-size:15px; color:#000; line-height:30px;}
#footer .footer_bottom .inner ul li:nth-child(3) {float:right;}
#footer .footer_bottom .inner ul li .gray { color:#aaaaaa}
#footer .footer_bottom .inner .btn_info {border:1px solid #e2e2e2; padding:0 2px;}

/*회사소개*/
#container .container_inner h3 { position:relative; font-family:'notokr-bold';font-size:35px; line-height:40px; border-bottom:1px solid #999999; text-align:center; margin-top:55px; letter-spacing:-0.1em;}
#container .container_inner h3:after {position:absolute;bottom:0%;left:44.5%;content:""; display:block; width:120px; height:2px;background:#000;}
#container .container_inner .intro { margin-top:66px;overflow:hidden}
#container .container_inner .intro .intro_l { float:left; display:inline-block; font-family:'notokr-regular';font-size:18px; color:#484848; line-height:30px; width:520px;}
#container .container_inner .intro .intro_l p { float:right;  font-family:'notokr-regular';font-size:18px;}
#container .container_inner .intro .intro_r {float:right; display:inline-block; margin-top:218px;}

/*오시는길*/
.location dl dt {display:inline-block;font-family:'notokr-bold';font-size:14px; width:75px;}
.location dl dd {display:inline-block;font-family:'notokr-regular';font-size:14px;}

h4 {font-family:'notokr-bold';font-size:24px; line-height:40px;}
.location02 dl dt {display:inline-block;font-family:'notokr-bold';font-size:14px; width:105px;}
.location02 dl dd {display:inline-block;font-family:'notokr-regular';font-size:14px;}

/*도서소개*/
.book_intro { overflow:hidden; border-bottom:1px solid #e2e2e2; padding-bottom:35px; margin-top:35px;}
.book_intro .book_img { float:left;display:inline-block;  }
.book_intro .book_img .view { text-align:center;font-family:'notokr-regular';font-size:18px; margin-top:20px;}
.book_intro .book_txt { float:right; display:inline-block; width:60%;border-bottom:1px dashed #d0d0d0; padding-bottom:40px;}
.book_intro .book_txt p { float:left; font-family:'notokr-regular';font-size:15px; line-height:24px; margin-top:10px;}
.book_intro .book_subtxt { float:right; margin-top:30px; border-bottom:1px dashed #d0d0d0; width:663px; padding-bottom:20px;}
.book_intro .book_subtxt .subtxt_l { float:left; display:inline-block; width:45%;}
.book_intro .book_subtxt .subtxt_l dl { clear:both}
.book_intro .book_subtxt .subtxt_l dl dt { float:left; display:block; width:53px; color:#454545;font-family:'notokr-bold';font-size:15px; line-height:24px;}
.book_intro .book_subtxt .subtxt_l dl dd { float:left; display:block; font-family:'notokr-regular';font-size:15px; line-height:24px;}
.book_intro .book_subtxt .subtxt_r { float:left; display:inline-block; width:45%;margin-left:10%;}
.book_intro .book_subtxt .subtxt_r dl { clear:both}
.book_intro .book_subtxt .subtxt_r dl dt { float:left; display:block;  width:53px; color:#454545;font-family:'notokr-bold';font-size:15px; line-height:24px;}
.book_intro .book_subtxt .subtxt_r dl dd { float:left; display:block;font-family:'notokr-regular';font-size:15px; line-height:24px;}
.book_intro .btn_link { float:right; margin-top:44px; width:663px; }
.book_intro .btn_link div { float:left;}
.book_intro .btn_link ul { float: right;}
.book_intro .btn_link ul li { display:inline-block}

.page {text-align:center; margin-top:63px;}
.page .num li{display:inline-block;padding:4px 12px;background:#f2f2f2; padding-top:5px; margin-right:2px;vertical-align:middle; }
.page .num li a:hover { color:#7c9dbc;}
.page .num li.prev{padding:0;}
.page .num li.first{padding:0;}
.page .num li.next{padding:0;}
.page .num li.last{margin:0;padding:0;}
.page .num .on {background:#fba819; color:#FFF;}
.page .num .active {background:#6a6357; color:#FFF;}

.book_view { overflow:hidden; padding-bottom:67px; margin-top:35px;}
.book_view .book_img { float:left;display:inline-block; width:40%;}
.book_view .book_txt { float:right; display:inline-block; width:60%;border-bottom:1px dashed #d0d0d0; padding-bottom:40px; margin-top:35px;}
.book_view .book_txt p { font-family:'notokr-regular';font-size:15px; line-height:24px; margin-top:10px;}
.book_view .book_subtxt { margin-top:330px; font-family:'notokr-regular';font-size:15px; line-height:24px;}
.book_view .book_subtxt .subtxt_l {  display:inline-block; width:185px;}
.book_view .book_subtxt .subtxt_l dl dt { float:left; display:block; width:53px;font-family:'notokr-bold';font-size:15px; line-height:24px; }
.book_view .book_subtxt .subtxt_l dl dd { float:left; display:block;font-family:'notokr-regular';font-size:15px; line-height:24px; }
.book_view .book_subtxt .subtxt_r {  display:inline-block; width:220px; margin-left:170px; }
.book_view .book_subtxt .subtxt_r dl dt { float:left; display:block; width:53px; color:#454545;font-family:'notokr-bold';font-size:15px; line-height:24px; }
.book_view .book_subtxt .subtxt_r dl dd { float:left; display:block;font-family:'notokr-regular';font-size:15px; line-height:24px; }

h5 {font-family:'notokr-bold';font-size:20px; line-height:36px;border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
h6 { position:relative; font-family:'notokr-bold';font-size:35px; line-height:40px; text-align:center; margin-top:55px; letter-spacing:-0.1em;}
h6:after {position:absolute;bottom:0%;left:44.5%;content:""; display:block; width:120px; height:2px;background:#000;}
h7 { position:relative; display:block; font-family:'notokr-bold';font-size:35px; line-height:40px; text-align:center; margin-top:55px; letter-spacing:-0.1em;}
h7:after {position:absolute;bottom:0%;left:43%;content:""; display:block; width:160px; height:2px;background:#000;}
h8 { position:relative; display:block; font-family:'notokr-bold';font-size:35px; line-height:40px; text-align:center; margin-top:55px; letter-spacing:-0.1em;}
h8:after {position:absolute;bottom:0%;left:38.7%;content:""; display:block; width:250px; height:2px;background:#000;}

/* 검색 */
.search { overflow:hidden; height:60px;}
.search ul li { display:inline-block}
.search ul input {padding:9px 10px; width:290px;}
.search ul li .btn_search {  display:block;width:75px; height:34px;border:1px solid #767676; border-radius:3px;line-height:35px;text-align:center;font-size:17px;font-family:'notokr-regular';background:#eaeaea;color:#000; margin-left:8px}

/* 테이블 스타일 */
.tbl-type {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;font-size:12px;border-bottom:1px solid #e2e2e2;font-family:'돋움'; text-align:center; }
.tbl-type thead th, .tbl-type td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:2px solid #929292;word-wrap:break-word;line-height:1.3;word-break:break-all; }
.tbl-type th, .tbl-type td {padding:16px 10px;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-top:1px solid #e2e2e2;word-wrap:break-word;line-height:1.3;word-break:break-all;}
.tbl-type th, .tbl-type tfoot th {color:#666;background:#fff;font-weight:normal;}
.tbl-type th:first-child, .tbl-type td:first-child {border-left:0}
.tbl-type th:last-child, .tbl-type td:last-child {border-right:0}
.tbl-type th { font-weight:bold; background:#f8f8f8;}
.tbl-type .left { text-align:left;}
.tbl-type ul li { float:left; display:inline-block; line-height:23px; margin-right:10px}
.tbl-type  .bgnone {text-align:left !important; background:none; font-weight:normal;}
.tbl-type input {padding:9px 10px;}

/* 공지사항 */
.notice {padding:7px 49px;}
.notice .notice_tit {float:left;}
.notice .notice_tit li {display:block;font-size:12px;font-family:'돋움'; font-weight:normal; clear:both}
.notice .notice_tit .tit { display:block; font-size:16px;font-family:'notokr-bold'; line-height:30px; font-weight:bold; }
.btn_list {display:block; padding:10px 20px; text-align:center;font-size:12px;font-family:'돋움';background:#fff;color:#000; font-weight:normal;border:1px solid #b6b6b6;}
.con {padding:27px 49px;}
.con .question { overflow:hidden}
.con .question dt { float:left; display:inline-block; margin-right:10px;}
.con .question dd { float:left; display:inline-block; line-height:21px;}
.con .answer { margin-top:50px;overflow:hidden}
.con .answer dt { float:left; display:inline-block; margin-right:10px;}
.con .answer dd { float:left; display:inline-block; line-height:21px;}
.con .board_img {margin-top:50px}

/* 1:1 문의 */
.btn_brown {display:block; padding:9px 20px;text-align:center;font-size:16px;font-family:'notokr-regular';background:#6a6357;color:#fff; font-weight:normal; border:1px solid #474034;}

/* 개인정보처리방침 */
.private_box { position:relative;}
.private_box h4{font-family:'나눔고딕','돋움';font-weight:600;font-size:24px;letter-spacing:-0.5px;margin-bottom:18px;}
.private_box .img01{position:absolute;top:70px;right:40px;}
.private_box .con01 .con{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:23px 0px;}
.private_box .con01 .con h5{font-family:'나눔고딕','돋움';font-weight:400;font-size:20px;letter-spacing:-0.5px;margin-bottom:15px;}
.private_box .con01 .con p{line-height:20px;color:#595959}
.private_box .con01 .text_box{margin-top:50px;letter-spacing:-0.5px;color:#595959;}
.private_box .con01 .text_box dl.text{padding:15px 0px;}
.private_box .con01 .text_box dt.tit{font-weight:bold;color:#57aedf;margin-bottom:10px;font-size:14px;}
.private_box .con01 .text_box dd{line-height:22px;}
.private_box .con01 .text_box dd.in_text{margin:15px 0 15px 15px}
.private_box .con01 .text_box dd.in_text dl{margin-bottom:10px;}
.private_box .con01 .text_box dd.in_text dt{margin-bottom:4px;font-weight:bold;color:#292929}
.private_box .con01 .text_box dd.in_text dd{color:#888}
.private_box .con01 .text_box dd.center_line{margin-top:5px;}

/* 이용약관 */
.private_box { position:relative;}
.private_box h4{font-family:'나눔고딕','돋움';font-weight:600;font-size:24px;letter-spacing:-1px;margin-bottom:18px;}

.private_box .img01{position:absolute;top:70px;right:40px;}

.private_box .con01 .con{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:23px 0px;}
.private_box .con01 .con h5{font-family:'나눔고딕','돋움';font-weight:400;font-size:20px;letter-spacing:-1px;margin-bottom:15px;}
.private_box .con01 .con p{line-height:20px;color:#595959}

.private_box .con01 .text_box{margin-top:50px;letter-spacing:-1px;color:#595959;}
.private_box .con01 .text_box dl.text{padding:15px 0px;}
.private_box .con01 .text_box dt.tit{font-weight:bold;color:#57aedf;margin-bottom:10px;font-size:14px;}
.private_box .con01 .text_box dd{line-height:18px;}
.private_box .con01 .text_box dd.in_text{margin:15px 0 15px 15px}
.private_box .con01 .text_box dd.in_text dl{margin-bottom:10px;}
.private_box .con01 .text_box dd.in_text dt{margin-bottom:4px;font-weight:bold;color:#292929}
.private_box .con01 .text_box dd.in_text dd{color:#888}
.private_box .con01 .text_box dd.center_line{margin-top:5px;}



/* pop */
.pw_pop{width: 298px; border: 2px solid #30353b; text-align: center; padding: 50px 0 30px 0; position: absolute; top:40%; left: 50%; background: #fff; margin-left: -150px; z-index:55;}
.pw_pop .pop_tit{font-size: 18px; font-weight: bold}
.pw_pop .pop_info{font-size: 14px; margin: 10px 0 15px 0}
.pw_pop .inp{border: 1px solid #d4d4d4; padding-left: 15px; height: 32px; line-height: 32px}
.pw_pop .popbtn_ok{margin: 10px auto 0 auto;width:58px;height:28px;display:block; line-height:28px; border:1px solid #d4d4d4}
.pw_pop .close_btn{position: absolute; top:20px; right: 20px; display: block}


#image_popup_area {position:absolute;min-width:397px;left:50%;top:50%;margin-left:-200px;margin-top:-300px;z-index:1000;}
.image_popup{width:680px;height:auto;}
.image_popup img{width:680px;height:auto;}
.image_popup .close{position:absolute;top:0px;right:-38px;border:2px solid #292929;padding:5px 5px 0px 5px;background:#ffffff}
.black_bg{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:999;display:none;}