/*
================================================================================
상단메뉴
================================================================================
*/
body, html {font-family:'Paperlogy'; font-weight:400;}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}


body, html, div, p , #container {font-family:'Paperlogy'; font-weight:400; font-size:17px; }

#container { background:#fff url(/manhwalib/img/common/con_bg.jpg) no-repeat 50% 0;}
h3 {font-family:'Paperlogy'; font-weight:800;}

#header-wrap{border-bottom:5px solid #241216; padding:0 7.2%;}
#header a.ssear_btn{z-index:5001; width:50px; height:50px; text-indent: -9999px; background: url(/manhwalib/img/common/btn_sch.png) no-repeat 50% 50%; position: absolute;  right:50px; top: 50px;}
#header .bt-allMenu{z-index:5001; text-indent: -9999px; background: url(/manhwalib/img/common/sub_all.png) no-repeat 50% 50%; position: absolute; right: 0; top: 50px; width:50px; height:50px;}
#header .bt-popup{z-index:5001; text-indent: -9999px; background: url(/manhwalib/img/common/btn_pop.png) no-repeat 50% 50%; position: absolute; right: 100px; top: 30px; width:80px; height:80px;}
#header .bt-login{position: absolute;
    right: 194px;
    top: 59px;
    border-radius: 30px;
    background-color: #a95d17;
    color: #fff;
    padding: 2px 25px;
    font-size: 13px;
    display: block;
    z-index: 5001;}
.head_box{height:138px;}


@media (max-width:1640px){
	
	#header-wrap{padding:0 10px;}
}

#menu{ z-index:20;}
.logo {position:absolute;top:55px; left:0; z-index:5001; width:204px; line-height:42px; }

.gnb_bg{top: 143px; background:#fff;}
.gnb_bg.over { height:400px; border-top:1px solid #3c84b9;}
.con_wrap{width: 1400px;}

#gnb .topmenu > li.hv > div.depth2-wrap {background:#333;}

#subNavi-wrap{width: 286px; padding-left: 10px; box-sizing: border-box; margin-top: 27px;}
#subNavi .lm-tit{display:none;}
#subNavi .leftmenu:before{display:none;}
#subNavi .leftmenu:after{display:none;}
#subNavi .leftmenu ul .lm_l2{margin-bottom:10px;}

#subNavi .leftmenu ul .lm_a2{position:relative; border:2px solid #ddd; border-right:0; font-size:18px; padding:20px 25px; color:#4b3c3f; font-weight: 700;}
#subNavi .leftmenu ul .lm_a2:after{content:''; display:block; right:20px; top:50%; width:22px; height:6px; position:absolute; background: url(/manhwalib/img/common/lm_a2_bg.png) no-repeat 50% 50%;}
#subNavi .leftmenu ul .is-open .lm_a2:after, 
#subNavi .leftmenu ul .over .lm_a2:after,
#subNavi .leftmenu ul .lm_a2:hover:after{background: url(/manhwalib/img/common/lm_a2_bg_over.png) no-repeat 50% 50%; width:26px; height:21px; margin-top:-15px;}

#subNavi .leftmenu ul.depth3{border:4px solid #241216; border-right:0; border-top:0; background:#fff; padding:20px; }
#subNavi .leftmenu ul.depth3 .lm_a3{font-size:17px; color:#777777; font-weight: 400; padding:10px 0 10px 15px;}
#subNavi .leftmenu ul .lm_l3 .lm_a3:before{background:#e4e4e4; width:7px; height:7px; border-radius:50%; left:0;}

#subNavi .leftmenu ul.depth3 .lm_l3.over .lm_a3{color:#886544; font-weight: 600; }
#subNavi .leftmenu ul.depth3 .lm_l3.over .lm_a3:before{background:#886544;}
#subNavi .leftmenu ul.depth3 .lm_a3.over span{text-decoration: underline;}

#subNavi .leftmenu ul .is-open .lm_a2, #subNavi .leftmenu ul .over .lm_a2,
#subNavi .leftmenu ul .lm_a2:hover{background:#886544; border:4px solid #241216; border-right:0; color:#fff; }
#subNavi .leftmenu ul .is-open .lm_a2, #subNavi .leftmenu ul .over .lm_a2:before,
#subNavi .leftmenu ul .lm_a2:hover:before{content: ''; display: block; background: url(/manhwalib/img/common/left_bg.png) no-repeat right 0; position: absolute;  right: -25px;  top: -4px;  height: 70px;  width: 30px;  background-size: cover;}

.subcontent{margin:0 auto;}
.subcontent #content {float:right; width:calc(100% - 366px); padding-left:76px; border-left:4px solid #000; padding-bottom: 80px;}

.dv_Location{background:#fff; border-bottom:none; height:auto; margin-top:50px;}
.dv_Location div.loca li{line-height:22px; border-right: none; padding:0 20px;  position: relative;}
.dv_Location div.loca li:after{width: 4px; height: 4px; background: #e0e0e0; border-radius: 50%;  margin-left: 0px;  position: absolute;  margin-top: -2px; right: 0;  top: 50%;}
.dv_Location div.loca li:first-child{padding-left:0; background:url(/manhwalib/img/common/icon_home.png) no-repeat 0 50%; text-indent: -999999px; width: 20px; border-left: none; height: 20px;}
.dv_Location div.loca li:first-child:after {display:block;}
.dv_Location div.loca li:last-child a{color:#000; font-weight: 700}
.dv_Location div.pr_sns div.sns > a,
.dv_Location div.pr_sns a.print{border:0; }
.dv_Location div.pr_sns div.sns > a{background:url(/manhwalib/img/common/sns_01.png) no-repeat 0 50%;}
.dv_Location div.pr_sns a.print{background:url(/manhwalib/img/common/sns_02.png) no-repeat 0 50%;}
.cont-top{margin:33px 0; height:75px;}
.cont-top:after{background:none; border-bottom:1px solid #ddd;}
.cont-tit h2{font-size:36px; font-weight: 700;}

.subcon_link{display:none;}

@media (max-width:1450px){
	
	#container{padding:0 1em;}
	.con_wrap{width:100%; }
}


@media (max-width:1024px){
	
	.head_box .logo{top:0;}
	#header{height:100px;}
	.head_box{height:100px;}
	.bt-mnclose{display:none;}
	
	#header .bt-popup{top:0;}
	.btnSearch,
	.btnMenu{top:30px;}
	
	.head_box .logo a{margin-left: 0;}
	
	.dv_Location div.pr_sns a.print{display:inline-block;}
	.con_wrap,
	#container{padding:0;}
	
	.conts{padding:0 15px;}
	.spot_wrap{background:#fbf9f8; display: flex;  flex-direction: column-reverse; flex-wrap: wrap;     margin-bottom: 30px;}
	.dv_Location{margin-top: 0;  padding:15px 15px; border-bottom:1px solid #ddd;}
	.cont-top {
	    margin: 0;
	    height: auto;
	    padding: 20px 15px;}
	.cont-tit h2{font-size:26px;}
	.pr_sns{position: absolute;
	    right: 15px;
	    top: -62px;}
	
	}

@media (max-width:400px){
	.pr_sns{display:none;}
	}

#gnb{position:relative; padding:0; z-index:20;  width:64%; padding-left:20%; padding-right:11%;  min-height:138px;line-height:1.2em; background:#fff;}
#gnb .topmenu { }
#gnb .topmenu > li{ float:left; padding-right:55px; box-sizing:border-box;}
#gnb .topmenu > li:last-child {padding-right:0;}
#gnb .topmenu > li > a{position:relative;display:inline-block; color:#333;text-decoration:none; box-sizing:border-box; min-height:138px; line-height:138px; font-size:22px; font-weight: 700; display:block; letter-spacing:-0.05em;}
#gnb .topmenu > li > a::after{display:none;}
#gnb .topmenu > li > div.depth2-wrap{visibility: hidden; position:absolute;  opacity:0;overflow:hidden;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; box-sizing:border-box; height:0; box-sizing:border-box; border-left:2px dotted #dedede; padding:30px 15px;}
#gnb .topmenu > li:last-child > div.depth2-wrap {border-right:1px solid #dedede;}
#gnb .topmenu.on > li > div.depth2-wrap {visibility: visible;top:143px;opacity:1; height:400px; }
#gnb .topmenu.on div.depth3-wrap {display:none;}
#gnb .topmenu > li > div.depth2-wrap h2 {color:#35393b; margin-bottom:20px; font-size:18px; letter-spacing:-0.05em; line-height:22px; font-weight:500;}
#gnb .topmenu > li.hv > div.depth2-wrap h2 {color:#fff;}
#gnb .topmenu > li > div.depth2-wrap ul li {margin-bottom:10px;}
#gnb .topmenu > li > div.depth2-wrap ul li  a {font-size:17px; font-weight:500; line-height:30px;}
#gnb .topmenu > li > div.depth2-wrap ul li  a:hover {color:#74bfff;}
#gnb .topmenu > li > div.depth2-wrap ul li  a[target="_blank"] {padding-right:20px; background:url(/common/img/icon_newwin04.png) no-repeat right 3px;}
#gnb .topmenu > li:last-child{display:none;}
#gnb .topmenu div.tmenucopy {visibility: hidden; position:absolute; top:0; left:0; color:#333; background:url(/common/img/sub_commonbg.png) no-repeat right 180px; top:143px; height:0px;  width:20%; transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; overflow:hidden; visibility: hidden; box-sizing:border-box; padding:10px;}
#gnb .topmenu div.tmenucopy h2 {font-size:36px; font-weight:400; margin-bottom:20px; margin-top:40px; letter-spacing:-0.05em;}
#gnb .topmenu.on div.tmenucopy {visibility: visible; opacity:1; height:350px;}


@media all and ( max-width:1500px ) {
   #gnb{padding-left:20%; width: auto;}
   #gnb .topmenu > li{padding-right: 35px;}
}
@media all and ( max-width:1300px ) {
  #gnb .topmenu > li > a{font-size:20px;}
  #gnb .topmenu > li{padding-right:15px;}
}





.mhmap_wrap .cont, .root_daum_roughmap .wrap_controllers, .section section_address lst {display: none;} 

.pointbox {display:block;  padding:15px 20px 15px 45px; position:relative; margin-top:10px; border:2px solid #efefef;}
.pointbox:before {content:'!'; display:flex; width:20px; height:20px; align-items:center; background:url(/manhwalib/img/common/point.png) no-repeat 0 50%; justify-content: center;  position:absolute; top:20px; left:20px;}
.pointbox .cred,
.pointbox.cred {color:#d10027;}
.pointbox.cblack {color:#010101; background:#dedede;}
.pointbox.cblack:before {background:#404040; }
li .pointbox:before {top:1.9rem;}

@media all and ( max-width:768px ) {
    .pointbox:before {top:1.8rem; }
    li .pointbox:before {top:2rem;}
}

.tip {font-size:15px; color:#c35256; line-height:24px; padding-left:1.5rem; background:url(/manhwalib/img/common/tip_type1.png) no-repeat top 4px left 0; }
.tip.error {color:#f2144d; background-image:url(/manhwalib/img/common/tip_type2.png);}
.tip.error2 {color:#2f3dc6; background-image:url(/manhwalib/img/common/tip_type3.png);}



/*.pointbox {display:block;  border-radius:10px; padding:15px 20px 10px 45px; position:relative; margin-top:5px; border:1px solid #ddd;}
.pointbox:before {content:'!'; display:flex; width:1.8rem; height:1.8rem; align-items:center; justify-content: center; color:#fff; background:#000; border-radius:5px; position:absolute; top:1.7rem; left:20px; font-size:1.2rem;}
.pointbox.cred {color:#d10027;}
.pointbox.cred:before {background:#d10027; }
.pointbox.cblack {color:#010101; background:#dedede;}
.pointbox.cblack:before {background:#404040; }
li .pointbox:before {top:1.9rem;}
@media all and ( max-width:768px ) {
    .pointbox:before {top:1.8rem; }
    li .pointbox:before {top:2rem;}
}*/

/*서치 부분 수정*/
#header #ssear_div  { position:absolute; left: 0; top:143px; height:230px; z-index:10010; width:100%; margin-top:0px; background:#fff; box-sizing:border-box; padding:70px 0; }
#header #ssear_div::before{border-bottom: 5px solid #333; background:url(/manhwalib/img/common/top_sch_bg.jpg) no-repeat 50% 0; }
#header #ssear_div .ssear_wrap{display: flex;  justify-content: center;  align-items: center;}
#header #ssear_div p.tit {font-size:30px; color:#c5d9f6; width:25%; display:inline-block; float:left; margin-top:15px;}
#header #ssear_div .ssear_box {position: relative; padding-left:82px !important; background:url(/manhwalib/img/common/btn_sch1.png) no-repeat 0 10px;width:765px; border-radius:0; border:0;  border-bottom:1px solid #ddd; padding:0 0px 0 42px; box-sizing:border-box; float:none; display: block;}
#header #ssear_div .ssear_box label {left: 0; top: 15px; font-size: 36px;  position: absolute;  text-indent: 0;  width: auto;  padding-left: 82px; color:#bdbdbd;}
#header #ssear_div .ssear_box label em{font-weight: 700; color:#4c1d2b;}
#header #ssear_div .ssear_box input[type="text"] {width:calc(100% - 223px); font-size: 22px;    font-weight: 700; height: 70px; font-family: 'Pretendard'; border:none; float:left; font-weight: bold;}
#header #ssear_div .ssear_box input[type="submit"] {background:url(/manhwalib/img/common/sear_icon.png) no-repeat 0 50%; background-size:100%; width:141px; margin-right:0;  height:82px; text-indent: -99999px; float:right;}
#header #ssear_div a.close {margin-left:50px; background:url(/manhwalib/img/common/top_sch_close.png) no-repeat 50% 50%; width:75px; height:78px; text-indent:-99999px; right: 50%; bottom: -76px;}

.new_mark{display:none; background: rgba(0,0,0, 70%); position: fixed; width: 100%; height: 100%; left: 0;  top: 139px; z-index: 9999; }
@media all and ( max-width:1024px ) {
    #header #ssear_div{top:106px;}
	#header a.ssear_btn{display:none;}
}

@media all and ( max-width:800px ) {
	
    #header #ssear_div .ssear_box{width: 100%; background:none; padding-left: 0 !important;}
    #header #ssear_div .ssear_box input[type="text"]{width: calc(100% - 150px);}
}
	

/* 페이지 상단 슬라이딩 팝업 */
.sliding_popup {background: rgba(0,0,0,0.9); position:relative; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999;   display:flex; align-items:center; justify-content:center; flex-direction:column;}
.sliding_popup .poptit {text-align:center; text-transform: uppercase; color:#fff; font-size:80px; font-weight:900; margin-bottom:30px; line-height: 1em;}
.sliding_popup .inner {position: relative; width:100%; max-width:1380px;}
.sliding_popup .inner .swiper-slide {position:relative; height:600px;}
.sliding_popup .inner .swiper-slide img { width:100%; height:100%; object-fit:contain; }

.sliding_popup .controll {position:relative; display:flex;     max-width:1380px; color:#fff; justify-content:flex-end; align-items:center; margin-top:20px; width:100%;}
.sliding_popup .controll:before {content:''; display:block; width:calc(100% - 313px);  position:absolute; top:17px; left:0px; height:1px; background:#fff; opacity:0.5;}

.sliding_popup .swiper-pagination {font-size: 18px; color: #6d6d6d; position:relative; bottom:auto; line-height:2em; margin-right:0;}
.sliding_popup .swiper-pagination.swiper-pagination-fraction {width:auto;}
.sliding_popup .swiper-pagination .swiper-pagination-current {color: #fff; font-size:18px; margin:0 10px;}
.sliding_popup .swiper-pagination .swiper-pagination-total {color: rgba(255,255,255,50%;);  font-size:18px; margin:0 10px;}

.sliding_popup div[class^="swiper-button"] {position:relative; top:auto; left:auto; right:auto; width:24px; height:24px; background:#ff0000; margin:0; padding:0;}
.sliding_popup .swiper-button-prev {background:url(/manhwalib/img/common/btn_prev.png) no-repeat 50% 50%!important; margin:0 10px !important;}
.sliding_popup .swiper-button-next {background:url(/manhwalib/img/common/btn_next.png) no-repeat 50% 50%!important; margin:0 10px !important;}
.sliding_popup .btn_play {margin:0 10px !important; width:24px; height:24px; background:url(/manhwalib/img/common/btn_play.png) no-repeat 50% 50%!important; overflow:hidden; text-indent:-9999px;}
.sliding_popup .btn_stop {margin:0 10px !important; width:24px; height:24px; background:url(/manhwalib/img/common/btn_stop.png) no-repeat 50% 50%!important; overflow:hidden; text-indent:-9999px;}
.sliding_popup .swiper-button-prev.swiper-button-disabled, .sliding_popup .swiper-button-next.swiper-button-disabled {pointer-events: auto !important; opacity:1!important;}

.sliding_popup .control { z-index: 99; position:relative; top:auto; right:45px; color:#fff;  display:flex;  justify-content: flex-end; width:100%; position: relative; margin-bottom:20px; align-items:center;}
.sliding_popup .control label {display:flex; align-items:center;  margin-right:30px;}
.sliding_popup .control label input {border:0; margin:0; width:15px; height:15px; margin-right:1px; margin-right:10px;}
.sliding_popup .control label span {padding-top:0.4rem; }

.sliding_popup .control .btn_close {text-indent:-9999px; width:61px; height:61px; border-radius:50%; background:#b8804c url(/manhwalib/img/common/close.png) no-repeat 50% 50%; display:flex; align-items:center; justify-content:center; outline:0 solid rgba(68,51,16,0); animation:move 1.2s ease-out infinite; overflow:hidden; }
@keyframes move {
0%{outline:0 solid rgba(68,51,16,0);}
50% {outline:1rem solid rgba(68,51,16,0.9);}
100%{outline:0 solid rgba(68,51,16,0);}
}


@media (max-width:1400px) {
	.sliding_popup .inner,
	.sliding_popup .control {width:100%; padding:0 20px;}
	.sliding_popup .controll{justify-content: center;}
	.sliding_popup .controll:before{display:none;}
}

@media (max-width:1200px) {
	.sliding_popup .poptit {font-size:50px;}
	#header .bt-login{top:37px;}
	
}


@media (max-width:768px) {
	
	.sliding_popup .poptit {font-size:30px;}
	.sliding_popup .inner .swiper-slide {height:300px;}
	.sliding_popup .inner .swiper-slide img {object-fit:contain; }
	#header .bt-login{display:none;}

}

/*달력*/
.calendar_wrap{ position: relative; border-top:2px solid #57391d; display:flex;   justify-content: space-between;}
.calendar_wrap:before{content:''; display:block; width:100%; height:100px; background:#fbf9f8; position:absolute; left:0; top:0; z-index:0;}
.calendar_wrap .calendara,
.calendar_wrap .calendar_list{width:50%; z-index:1;}
.calendar_wrap .calendara{padding-right:10px;}
.calendar_wrap .cal-month{margin-top:0px !important; padding:20px 0; background:#fbf9f8; } 
.sola_date{margin-top:0px !important; padding:33px 0; background:#fbf9f8;   text-align: center; }
.calendar_wrap .cal-month strong,
.calendar_wrap .sola_date strong{font-size:26px;}
.calendar_wrap .sola_date strong em{color: #734d29; font-weight: 700;}
.calendar_wrap .cal-month .cal-month a{width:50px; height:50px;}

.calendar_wrap .cal-table{ margin-top:0px !important;}
.calendar_wrap .cal-table thead th{border-top:0; font-size:17px;  }
.calendar_wrap .cal-table tbody td {height:50px; border-bottom:none;}
.calendar_wrap .cal-table tbody td span{border-radius:50%; position: relative; font-size:14px;  display: block; top: auto;  left: auto;     margin: 0 auto;	}
.calendar_wrap .cal-table tbody td.holiday span{background:#f5e9e9; color:#fe2f2f;}
.calendar_wrap .cal-table tbody td.ing span{background:#f3f3f3; color:#333;}
.calendar_wrap .cal-table tbody td.end span{background-color:#a95d17; color:#fff;}
.calendar_wrap .cal-table tbody td.holiday a,
.calendar_wrap .cal-table tbody td.end a{pointer-events: none; cursor: default;}
.calendar_wrap .cal-table tbody td.select span{background:#222222;  color:#fff;}
.calendar_list .cal-table tbody td div{height: auto;}
.calendar_list table td span{width: auto;}

.calendar_list .cal-table tbody td span{width:auto;}
.calendar_list .cal-table tbody td span.num{background:#f3f3f4; border-radius:30px;}

.date_check {padding:25px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:flex; font-size:16px;  }
.date_check p{color:#333;  padding-right:10px;}
.date_check span{display: block; width:24px; height: 24px; float:left; margin: 0px 5px 0px 0px; border-radius:100%;}
.date_check .able_day01 span{background-color: #a95d17; }
.date_check .able_day02 span{background-color: #222222;}
.date_check .able_day03 span{background-color: #f5e9e9;}
.date_check .able_day04 span{background-color: #f0f0f0;}

.info_ch{display:inline-block; text-align: center;}
.info_ch label{text-indent: -999999px;     padding-left: 0px;}
.info_ch span.checkIcon{margin: 5px 0px 5px 0px;}
   
span.checkIcon input[type="radio"] {border: 0; clip: rect(0, 0, 0, 0);  height: 26px;  margin: -1px !important;  overflow: hidden; padding: 0;  left:0; top:0; position: absolute;    width: 26px;}
span.checkIcon input[type="radio"] + label{position:relative; display:flex; align-items: center; padding-left:30px; }
span.checkIcon input[type="radio"] + label:before {content:''; width:26px; height:26px; background:url(/manhwalib/img/common/check_off.png) no-repeat 50% 50%; position:absolute; top:0; left:0;}
span.checkIcon input[type="radio"]:checked + label:before {background:url(/manhwalib/img/common/check_on.png) no-repeat 50% 50%;}

span.checkIcon input[type="checkbox"] {border: 0; clip: rect(0, 0, 0, 0);  height: 26px;  margin: -1px !important;  overflow: hidden; padding: 0;  left:0; top:0; position: absolute;    width: 26px;}
span.checkIcon input[type="checkbox"] + label{position:relative; display:flex; align-items: center; padding-left:30px; }
span.checkIcon input[type="checkbox"] + label:before {content:''; width:26px; height:26px; background:url(/manhwalib/img/common/check_off.png) no-repeat 50% 50%; position:absolute; top:0; left:0;}
span.checkIcon input[type="checkbox"]:checked + label:before {background:url(/manhwalib/img/common/check_on.png) no-repeat 50% 50%;}

span.checkIcon{display:inline-block;}
span.checkIcon + .checkIcon {margin-left:20px;}

/*footer*/
#footer-wrap{background:#0d1527; border-top:5px solid #241216; }

.fbanner { z-index:0; position:relative;  background:#fff; }
.fbanner .inner{max-width:1400px; margin:0 auto;}
.fbanner > div {display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; padding:30px 0;}
.fbanner .fbtit {width:300px;; display:flex;  align-items:center;}
.fbanner .fbtit p {padding:10px 0;background:url(/manhwalib/img/common/banner_tit.png) no-repeat 0 50%; line-height: 30px; margin-right: 20px;  padding-left: 50px;  font-weight: 700; font-size: 20px; }
.fbanner .fbtit p span{color:#203978;}
.fbanner .fbtit button{width:40px; height:40px;  text-indent:-9999px; position:relative;}
.fbanner .fbtit button.button-prev{background:url(/manhwalib/img/common/footer_btn_prev.png) no-repeat 0 50%; background-size: contain;}
.fbanner .fbtit button.button-next{background:url(/manhwalib/img/common/footer_btn_next.png) no-repeat 0 50%; background-size: contain;}
.fbanner .fbtit button.stop{background:url(/manhwalib/img/common/footer_btn_stop.png) no-repeat 0 50%; background-size: contain;}
.fbanner .fbtit button.play{background:url(/manhwalib/img/common/footer_btn_play.png) no-repeat 0 50%; background-size: contain;}
.fbannerSwiper {position:relative; width:calc(100% - 310px) !important; overflow:hidden;  }
.fbannerSwiper li.swiper-slide {padding:0; width:auto; position:relative; font-size:16px;}
.fbannerSwiper li.swiper-slide:after {content:''; display:block; width:1px; height:12px; background:#dedede; position:absolute; top:5px; right:-35px;}


.fw_info{display: flex; max-width: 1400px; margin: 0 auto; padding: 40px 0; border-bottom: 1px solid rgba(255,255,255,0.3);  justify-content: space-between; }
.f-link { overflow: hidden;  }
.f-link li {display:block; position:relative; padding:0 15px; float:left; box-sizing:border-box; }
.f-link li:first-child a{color:#ddb74f}
.f-link li + li:before {content:""; display:block; position:absolute; border-radius:50%; width:5px; height:5px; background:#ddd; left:-2px; top:50%; margin-top:-2px;}
.f-link a {display:block; position:relative;   color:#d6dbe6; font-weight:500;}

.add_info{max-width: 1400px;  margin: 0 auto; padding:40px 0 60px 0; color:#d6dbe6;}
.add_info span{margin:0 15px;}
.add_info span em{font-weight: 700; margin-right:10px;}
.add_info .copyright{color:#959ba9;}

.f-logo{display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;    }
.f-logo .foot_site{position: relative; width: 240px; margin-left:35px;}
.foot_site a.site_btn{padding:10px 15px; color:#fff; border:1px solid #333a4b; position: relative; display: block; box-sizing:border-box; width:100%; border-radius:5px;}
.foot_site a.site_btn:after{width: 10px; height: 10px; position: absolute; right: 14px; top: calc(50% - 5px); display: block; content: ""; border-right: 2px solid #fff; border-bottom: 2px solid #fff;   transform: rotate(45deg);}
.foot_site a.on:after {transform: rotate(225deg);}
.foot_site > a.on ul{display:block;}
.foot_site ul {bottom:52px; left:0; position:absolute; background:#333;width:100%; padding:10px 0px; display:none;}
.foot_site ul li a {display:block; padding:3px 15px; color:#fff; font-weight:400;}
.foot_site ul li a:hover {color:#ff6600;}

@media all and (max-width:1500px) {
	.fbanner .inner{padding:20px 15px;}
	
}	

@media all and (max-width:1024px) {
	.fbanner > div{padding: 1.5rem 0;}
	.fbannerSwiper,
	.fbanner .fbtit{    width: 100% !important;}
	
	.fbanner .fbtit{margin-bottom:1.5rem; justify-content: space-between;    }
	.fbanner .fbtit p{font-size:20px; line-height: 20px;}
	
}	

@media all and (max-width:1190px) {
	
	.fw_info{    flex-direction: column;    align-items: center; padding:30px 15px;}
	.f-link{margin-top:15px;}
	
}


@media all and (max-width:640px) {
	.f-logo{width:100%;}
	.f-logo{    flex-direction: column-reverse;}
	.f-logo .foot_site{width:100%;margin-left: 0px; margin-bottom:20px;}
	.add_info{text-align: center;}
	.add_info span{display: block;   margin: 0; }
	
}
.conts h3 {font-size:26px; padding-left:38px; margin:55px 0 20px 0px; color: #333; font-weight:800;     letter-spacing: -0.1px;}
.conts h3 span.date{font-size: 16px;}
.conts h3:before {content: ''; position: absolute; left: 0; top:4px; width:24px; height:19px; background:url('/manhwalib/img/common/bul.png') no-repeat 0 0;}

.tbl thead tr:first-child th{border-top:none;}

.tbl {width:100%; table-layout: fixed; border-collapse:collapse; font-size:17px;}
.tbl thead,
.tbl tbody {border-top:2px solid #a95d17;}
.tbl thead + tbody  {border-top-width:0;}

.tbl th {text-align:center; font-weight: 600;}
.tbl th {padding:18px; border:1px solid #ddd; vertical-align: middle; box-sizing: border-box; word-break: break-all; border-top:none;}
.tbl td {padding:18px; border:1px solid #ddd; vertical-align: middle; box-sizing: border-box; word-break: break-all; border-top:none;}
.tbl td:first-child, .tbl th:first-child {border-left: none;}
.tbl td:last-child, .tbl th:last-child {border-right: none;}
.tbl thead tr:first-child th {background:#fcfaf8;}
.tbl thead th {background:#fafbff; color:#333; font-size:17px; position: relative;}
.tbl thead th:last-child:before {display:none;}

.tbl td, .tbl th{font-size:17px;}

.tbl tbody td {line-height:30px;}
.tbl tfoot th {background:#f7faef; color:#333;}
.tbl td {background: #fff;}
.tbl td.b_bg {background: #fcfaf8;}
.tbl tbody th{background: #fcfaf8;}
.tbl td  li{line-height: 1.5em;}
.tbl td  li:before{top:5px;}
.tbl td  .list_ul li{margin-bottom: 5px;}
ul[class^="list_ul"] >li, ol[class^="list_num"] li ul li{padding-left:20px; font-size:17px;     margin-top: 15px; line-height:27px}
ul[class^="list_ul"] >li:before, ol[class^="list_num"] li ul li:before{
	border: 4px solid #f99136;
    background: none;
    border-radius: 50%;
    top: 6px;
    width: 6px;
    height: 6px;}


@media (max-width: 768px){
	.tbl_wrap .tbl_guide {
	    display: block;
	    padding: 15px 0 15px 40px;
	    color: #937c68;
	    font-size: 15px;
	    background: url(/manhwalib/img/common/ico_tbl_guide.png) 10px 15px no-repeat;
	    line-height: 130%;
	    border:1px solid #ddd; 
	}

}



/* 디자인박스 */
.design_box{ background: #fff; border:2px solid #d6bfaa; border-radius:0 50px 0 0; padding:40px 30px 40px 180px; margin-bottom: 30px !important;  box-sizing: border-box; word-break: break-all; position: relative; }
.design_box h3:before, .design_box h4:before{display: none;}
.design_box h3, .design_box h4 {padding-left: 0; color: #9e6530; font-size:26px; line-height:1em; font-weight: 800;}
.design_box h3, .design_box h4 {margin: 0;}
.design_box p, .design_box div {margin-left: 0 !important;}
.design_box .txt{font-size: 17px; margin-top: 20px;line-height: 180%;}
.design_box + h3, .design_box + h4{margin-top: 30px !important;}
p[class*=design] .em, div[class*=design] .em, span[class*=em] {color: #d70046;font-weight:500;}
.design_box.small:before{content: ''; display: block; position: absolute; left: 34px;  right: auto; top: 80px; background: #fff url('/manhwalib/img/common/spr_ico_designbox1.png') no-repeat; width: 111px; height: 111px;}
.design_box.small{min-height:200px;}


@media all and (max-width:768px){
	.design_box:before {position: relative;  margin: 0 auto; top: 0; right: 0; margin-bottom: 20px;}
	.design_box {padding: 35px !important;}
	.design_box.small:before {display:none;}
}

/*�Ⱥ�� ����*/
.obsm_main_tit {color: #333;}
.obsm_ico {text-align: center;}
.obsm_step {display: flex; justify-content: space-between;}
.obsm_step_item {    box-sizing: border-box; display: inline-block;position: relative;margin-top: 20px; padding: 70px 7px 25px 7px; width: 20%; text-align: center;vertical-align: top;border: 2px solid #000;border-radius: 0 0 25px 25px;/* background: url('/portal/images/sub/step-box.png')no-repeat center top / contain; */}
.obsm_step_item p {word-break: normal;}
.step_num {position: absolute;top: -1px;right: 50%;transform: translate(50%, 0); margin: -1px auto 20px;width: 123px;height: 33px;border-radius: 0 0 20px 20px;font-weight:700;text-align: center;color: #fff;background: #333333;}
.obsm_step_item:last-child .step_num {background: #b71f25;}
.obsm_step_item:before {content: "";display: block;position: absolute; top: 50%; left: -18%; width: 23px;height: 23px;background: url('/manhwalib/img/common/ico_arrow.png') no-repeat center top / contain;}
.obsm_step_item:first-child:before {display: none;background: none;}
.obsm_tit_ico {display:inline-block;}
.obsm_tit_ico:before {content:""; display: inline-block;margin-right: 7px;width: 22px;height: 22px;vertical-align: sub;background: url('/manhwalib/img/common/ico_check.png')no-repeat center top / contain;}
.obsm_step_tit {margin-bottom: 20px;  font-weight: 700;}


@media screen and (max-width: 1024px){
	.obsm_step {display: block; text-align:center;}
	.obsm_step_item {margin-left:3%; padding: 36px 7px 25px 7px; width: 30.9%;height: 340px;}
	.obsm_step_item.step-hw{height: auto;}
	.obsm_step_item:first-child {margin-left: 0;}
	.obsm_step_item:before {left: -10%; width: 21px; height: 21px;}
	.obsm_step_tit {margin: 10px 0 5px;}
}
@media screen and (max-width: 768px){
	.obsm_step_item {margin-left:0%; margin-bottom: 10px; width:100%; height:auto; text-align: left;}
	.obsm_step_item:before {transform:rotate(90deg); top:-28px; left:calc(50% - 12px);}
	.obsm_step_item br {display: none;}
	.obsm_step_tit {margin-top: 0; display: inline-block;}
	.obsm_step_item img {padding-right: 10px; min-width: 100px;}
	.obsm_step_item {padding: 50px 20px 30px;}
	.obsm_step_item:last-child {padding-top: 40px;}
	.step_contents {display: flex;}
}
@media screen and (max-width: 420px){
	.obsm_step_item {padding: 40px 10px 20px 10px;}
	.obsm_step_item img{padding: 2% 10px 0 0; min-width: 80px;}
	.step_num {min-width: 80px; margin-bottom: 8px;}
}

.bod_search input[type="text"]{height:auto;}
/* button */
*[class^="btnbox"] .btn {margin-bottom: 5px;}
.btn {background-color:#a95d17;color: #fff !important;display: inline-block; font-size: 15px; letter-spacing: 0;
box-sizing: border-box; transition:0.2s; vertical-align: middle; line-height: 1.2em; border:1px solid #a95d17; margin-bottom:3px; display:inline-block;}
.btn:hover {background-color:#a95d17!important;}
.btn.cancel {background-color:#666;}
.btn.cancel:hover {background-color:#333!important;}

.btn.down {background: #a95d17 url('/common/img/common_btn.png') 15px 12px no-repeat; padding-left: 50px;}
.btn.down[target="_blank"]:after {display: none;}
.btn.image {background: #a95d17 url('/common/img/common_btn.png') 15px -39px no-repeat; padding-left: 55px;}
.btn.excel {background: #a95d17 url('/common/img/common_btn.png') 15px -92px no-repeat; padding-left: 46px;}
.btn.hwp {background: #a95d17 url('/common/img/common_btn.png') 15px -149px no-repeat; padding-left: 47px;}
.btn.skip {background: #a95d17 url('/common/img/common_btn.png') 15px -204px no-repeat; padding-left: 42px;}
.btn.go {background: #a95d17 url('/common/img/common_btn.png') 15px -259px no-repeat; padding-left: 50px;}
.btn[target="_blank"]:after {display: none;}

.btn.view{background: #a95d17 url(/common/img/common_btn.png) 13px -381px no-repeat;}


/*로그인박스*/
.login_box{background:#f7f7f7; padding:60px 0; }
.lobin {width:300px; margin:0 auto; min-width:360px;}
.lobin .keeping {text-align:center; margin-bottom:10px;}
.lobin input[type="text"], 
.lobin input[type="password"]  {margin-bottom:10px; display:block; padding:10px 10px; width:100%; box-sizing:border-box;}
.lobin .cid {font-size:14px; margin-bottom:20px;}
.lobin a.logbtn {display:block; color:#fff; background:#cc0000; text-align:center; padding:10px; font-size:20px; margin-bottom:20px;}
.lobin input[type="submit"] {display:block; color:#fff; background:#4c68bb; text-align:center; padding:10px; font-size:20px; margin-bottom:20px; width:100%; margin-top:20px;}
.lobin .logbottombtn {font-size:15px;}
.lobin .logbottombtn {text-align:center;}
.lobin .logbottombtn a {color:#333; }
/*.lobin .logbottombtn a:last-child::before {content:''; margin:0px 10px ; display:inline-block; width:1px; height:12px; background:#ccc; }*/

@media (max-width:400px) {
.lobin { width:40%; min-width:290px;}
.lobin input[type="text"], .logbox input[type="password"]  {width:100%; text-align:center; padding:10px 0;}
}

@media (max-width:1700px) {

	#header-wrap{padding:0 2%;}
	
}


input[type="text"], 
input[type="password"]{height:40px; border:1px solid #ddd; border-radius:5px;}
select{height:48px; padding:3px;}
.post{background:#000 !important; line-height::43px  !important;}


.conts h4{color:#231014; font-size:22px; padding:0; font-weight: 800;}
.conts h4:before{display:none;}

.conts h4~.list_ul, .conts h4~.list_num, .conts h4~.list_onum, .conts h4~.list_basenum, .conts h4~.list_knum{margin-left:0;}


div.booksch {padding:30px 0; text-align:center; margin:0 auto; margin-bottom:30px; border:2px solid #d5bfaa; background:#fbf9f8; padding:30px; }
div.booksch .top_sch,
div.booksch .select_sch{background:#fff; padding:20px; }
div.booksch  p{font-size:17px; font-weight:700; color:#333; margin-bottom:20px;     display: flex;  align-items: center;  justify-content: flex-start;}
div.booksch  p .tit{width:150px;}
div.booksch  p span{font-weight:400; }
div.booksch div#select_box { border-right:none;}
div.booksch select,
div.booksch input[type="text"] {height: 50px; min-height: 40px; line-height: 60px; box-sizing:border-box; border:1px solid #d1d3dc; border-radius:5px; padding:0px 10px; font-size:18px; font-weight:300;}

div.booksch input[type="submit"] {height: 40px; min-height: 40px; line-height: 60px; width:60px; box-sizing:border-box; background:#4c68bb url(/jglib/images/common/board_topbutton.png) no-repeat 50% 50%; text-indent:-9999px;}
div.booksch.totalsear { padding:50px 0px;}
div.booksch.totalsear input[type="text"] {width:500px;}

.input_wrap{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.input_wrap .input_div{height: 60px;  min-height: 60px;  line-height: 60px;  box-sizing: border-box;  border: 1px solid #bbb;  position: relative;  background: #fff;  margin-right: 2px;}
.input_wrap .input_div input[type="text"]{border: 0px solid #bbb; display: flex;  align-items: center;  justify-content: center; margin: 0; height: 58px;  min-height: 58px; line-height: 58px; padding: 0px 50px 0px 10px; width: 416px;}
.input_wrap .input_div .btn_c{position: absolute; right: 0;  top: 0px; width: 40px;  height: 60px; display: flex; align-items: center;  justify-content: center;}

@media (max-width: 600px){

		.input_wrap .input_div{width:100%; margin-right: 0px; margin-bottom:3px;}
		.input_wrap .input_div input[type="text"]{width:100%;}

}

@media (max-width:600px) {
	div.booksch{background-size:cover; padding:20px;}
	div.booksch p{font-size:25px;}
	div#select_box {min-width:100%; }
	div.booksch input[type="text"], select {width:100%; margin:3px;}
	div.booksch input[type="submit"] {width:100%;}
	div.booksch.totalsear input[type="text"] {width:100%;}
}



ul.ebook_list li {float:left; width:20%; box-sizing:border-box; position:relative; padding:0px 15px; margin-bottom:50px;}
ul.ebook_list li p {background:url(/edu/img/02/book_bg.gif) no-repeat right 0; padding-right:10px; display:block;}
ul.ebook_list li p img {border:1px solid #dedede; width:100%; height:200px;}
ul.ebook_list li span { text-align:center; display:inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:14px; padding:5px 0px;  }
@media only screen and (max-width:768px) {
ul.ebook_list li {float:left; width:33.33%;}
}
@media only screen and (max-width:450px) {
ul.ebook_list li {float:left; width:50%;}
}


div.ebook_view { margin-bottom:30px;}
div.ebook_view p.book_img {float:left; width:25%; background:url(/edu/img/02/book_bg.gif) no-repeat right 0; padding-right:10px; box-sizing:border-box; border-bottom:2px solid #333; box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
div.ebook_view p.book_img img{ display:block; border:1px solid #dedede; width:100%;}
div.ebook_view dl {float:right; width:70%;}
div.ebook_view dl dt {font-size:20px; font-weight:400; color:#000; border-top:2px solid #333; border-bottom:1px solid #666; padding:20px 10px;}
div.ebook_view dl dd {padding:10px;border-bottom:1px solid #dedede; font-size:15px;}

div.book_box {position:relative; border:1px solid #ebebeb;  background:#f9f9f9;  box-sizing:border-box; margin-bottom:30px;  }
div.book_box dl {width:70%; box-sizing:border-box;position:relative; padding:40px; float:left;}
div.book_box dl:before {content:''; display:block; background:url(/edu/img/02/bbg.png) no-repeat 0 0; width:36px; height:36px; position:absolute; top:0; left:0; }
div.book_box dl dt {font-size:20px; color:#000; margin-bottom:10px;}
div.book_box dl dd.tcopy {padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #ccc;}

div.book_box div.bookcover {width:30%; box-sizing:border-box; background:#fff; position:relative; padding:40px; float:right; }
div.book_box div.bookcover span{background:url(/edu/img/02/book_bg.gif) no-repeat right 0; padding-right:10px; display:block;}
div.book_box div.bookcover img {border:1px solid #dedede; width:100%;}


div.book_search {border:5px solid #82ae2c; padding:30px; margin-bottom:50px; position:relative; background:url(/library/img/common/sear_icon3.png) no-repeat 102% 50%;}
div.book_search legend {position:absolute; top:0; left:0px; background:#82ae2c; color:#fff; display:block; width:100px; text-align:center; padding-bottom:5px; }
div.book_search p.stit {margin-top:20px; color:#5a8012;  margin-bottom:20px; background:url(/library/img/common/sear_icon.png) no-repeat 0 0; padding:20px 0px 0px 0px;}
div.book_search .SearchSelect ul li {float:left; margin-right:10px;}
div.book_search .SearchSelect ul li input[type="radio"] {margin-top:8px;}
div.book_search .SearchSelect select {float:left;}

div.book_search input[type="submit"] {background:#ff6600 url(/library/img/common/sear_icon2.png) no-repeat 10px 50%; border-radius:5px; padding:6px 10px 6px 35px; color:#fff; margin-left:10px; }

p.ttt {display:inline-block; text-align:center; background:#fafafa; border:1px solid #dedede; border-radius:30px; width:80%; padding:10px 0px; margin-bottom:5px;}


.bookll {border-top:2px solid #333;}
.bookll .boolist {border-bottom:1px dashed #ccc; padding:15px; }
.bookll .boolist p.bookcover {float:left;  width:20%;}
.bookll .boolist p.bookcover img {border:1px solid #ccc; width:100%;}
.bookll .boolist div.bookdetail {float:right; width:75%;}
.bookll .boolist div.bookdetail a {display:block;}
.bookll .boolist div.bookdetail a p {font-size:20px; color:#3d79c4; margin-bottom:5px;}
.bookll .boolist div.bookdetail ul li span {display:inline-block; margin-right:10px; font-weight:600; color:#000;}
.bookll .boolist div.bookdetail ul {margin-bottom:10px;}
.bookll .boolist div.bookdetail a {display:block; padding:5px 0px;}

@media only screen and (max-width:768px) {
.bookll .boolist p.bookcover {float:none; margin-right:0; width:100%; margin-bottom:20px;}	
.bookll .boolist div.bookdetail {float:none; width:100%;}
	}


.bod_head input[type="text"], .bod_head input[type="password"]{height:auto;}
.w100{width:100%;}


.conts h3~.list_ul, .conts h3~.list_num, .conts h3~.list_onum, .conts h3~.list_basenum, .conts h3~.list_knum{margin-left:0;}