@charset "utf-8";

:root {
    --point-color: #467fd7;
}

#header #gnb{ width:90%; max-width:900px; margin-left: -450px;}
#gnb .one_depth {display:none !important;}
#gnb > ul > li {margin: 0 22px !important;}
#gnb > ul {width:100%;display:flex; justify-content:center;}
body #gnb > ul > li.dep_tit > a {white-space:nowrap; font-size: 1.1rem;}


body .compad { padding-top:70px; padding-bottom:70px; }
body .compad_t {padding-top:70px; }
body .compad_b {padding-bottom:70px; }

.stickyMenu {display:none !important;}
.cont_util.util_rel {padding-top:0px !important;}

.con_btn {
    display: inline-block;
    width:200px;
    height: 50px;
    line-height: 50px;
    border-radius: 8px;
    vertical-align: middle;
    box-sizing: border-box;
    letter-spacing: -0.5pt;
    font-weight: 400;
    background-color: #308c9b;
    color: #fff;
    white-space: nowrap;
	margin: 20px auto 40px auto;
}

.new_list {margin-bottom:-30px;}
.market_list {margin-bottom:-30px;}

.planWrap .calendar {padding:30px 20px !important;}
.planWrap .calendar h3 {font-size:1.5rem !important; margin-bottom:20px !important;}
.planWrap .calendar th,
.planWrap .calendar td {font-size:1rem !important;}
.planWrap .calendar td.grayBox { border-radius:50%;color:#000 !important;font-weight:700; background: url('/html/images/common/cal_logo2   .png') 50% 50% no-repeat !important; background-size:contain !important; background-color:transparent !important; }
.planWrap .calendar td a {color:#000 !important;}
.planWrap .calendar td i {width:100% !important; height:100% !important; left:50% !important; top:50% !important;bottom:auto !important;transform:translate(-50%, -50%);background:#fff url('/html/images/common/cal_logo.png') 50% 50% no-repeat !important; background-size:contain !important; opacity:0.25 !important; margin:0px !important;}

.lnb_depth {margin:20px auto 40px auto !important;border:none !important; min-height:30px !important;}
.lnb_depth.no_depth {margin-top:30px !important;}
.lnb_depth .lnb_cont { border:none !important; padding:0px !important;min-height:30px !important;}
.lnb_depth ul {gap:6px !important; padding:0px !important; }
.lnb_depth ul li { margin:0px !important;}
.lnb_depth ul li a {display:block !important; padding:12px 20px 13px 20px !important; font-weight:500 !important; background:#f2f3ed !important; border-radius:30px !important;}
.lnb_depth ul li a.pointColor {text-decoration:none !important;font-weight:500 !important;color:#308c9b !important;}
.lnb_depth ul li.active a {text-decoration:none !important;font-weight:500 !important;color:#fff !important; background:#308c9b !important;}
.lnb_depth ul li a:after{display:none !important;}
.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .prevArrow + .lnb_cont { width: 100% !important; margin-left:0px !important;}

.lnb_depth.board_depth {margin:-20px auto 0px auto !important; }
.lnb_depth.board_depth ul {padding:10px !important; gap:8px 10px !important; height:auto !important; border:1px #ddd solid !important; border-radius:10px !important; }
.lnb_depth.board_depth ul li a {font-size:16px !important;padding:8px 15px !important; background:none !important; border-radius:4px !important;}
.lnb_depth.board_depth ul li.active a {color:#015f77 !important; background:#eaeaea !important;}

body .contents_in.about_cont.w1230 { width:100%; max-width:1270px;}
body .about_cont img {max-width:100%; height:auto;}
body .contents_in.about_cont .lnb_depth.w1230 {padding:0px !important;}


@media (max-width: 680px) {

	body .compad { padding-top:36px; padding-bottom:36px; }
	body .compad_t {padding-top:36px; }
	body .compad_b {padding-bottom:36px; }

	body h3.title {font-size:26px;}

	.lnb_depth {margin:20px auto 20px auto !important;}
	.lnb_depth.no_depth {margin-top:20px !important;}
	.lnb_depth ul {gap:4px !important; height:auto !important; }
	.lnb_depth ul li a {padding:7px 10px 8px 10px !important; font-size:14px !important;}

	.lnb_depth.board_depth {margin:-10px auto 20px auto !important; }
	.lnb_depth.board_depth ul {padding:6px !important; gap:2px 4px !important; }
	.lnb_depth.board_depth ul li a  {font-size:14px !important;padding:6px 10px !important;}

	.new_list {margin-bottom:-10px;}
	.market_list {margin-bottom:-10px;}

}