@charset "utf-8";
@media screen and (min-width:1024px) and (max-width: 2056px) {
#menu > ul > li > a > span.pop{background: url(/site/nambu/nambukr/img/link_icon1.png) no-repeat 20% 50%;width: 18px;height: 18px;float: left;position: absolute;top: 16px;padding-left: 26px;background-size: 13px;padding-bottom: 51px;}
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicExtraBold';
  font-style: normal;
  font-weight: 800;
  src: url(../font/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap);
}

body {margin:0;padding:0;font-size:18px;line-height:1.4;font-family: 'Pretendard','Montserrat','Noto Sans KR','Nanum Gothic', 'malgun gothic', 'dotum';color:#444;word-spacing:-1px;width: 100%;height: 100%;overflow: auto;}

html, body {width: 100%;height:100%;margin:0;padding:0;}

/* inline */
img {display:inline-block;border:none;max-width:100%;}
cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block;/* vertical-align: middle; */}
cite, em, dfn {font-style:normal;}
sub {vertical-align:bottom;font-family:'dotum';}
sup {vertical-align:top;font-family:'dotum';}
hr {display:none;}

/* block */
h1, h2, h3, h4, h5, h6 {margin:0;font-size: 0.7em;}
address {font-style:normal;}
div {box-sizing:border-box;}
p  {margin:0;box-sizing:border-box;}
pre {margin:0;font-size:1em;font-family:verdana;}

/* table */
table {border-spacing:0;border-collapse:collapse;width: 100%;}
caption {display:none;}
th,td {padding:0;vertical-align:top;text-align:left;font-weight:normal;}

/* list */
dd, dl, ol, ul {margin:0;padding:0;}
li {list-style-type:none;}

/* form */
form {margin:0;}
fieldset {margin:0;padding:0;border:none;}
legend {display:none;}
textarea {border:1px solid #d8d8d8;}
input [type="text"], input.text {height:35px;border:1px solid #d8d8d8;padding:0 0 0 5px;vertical-align:middle;font-size:14px;background:#fff;line-height:140%;color:#444;font-family: 'Nanum Gothic', 'malgun gothic', 'dotum';box-sizing: border-box;}
input.check, input.radio {width:13px;height:13px;margin:0px 3px 1px 0;padding:0;vertical-align:middle;}
select {height:35px;border:1px solid #d8d8d8;font-size:14px;line-height:140%;vertical-align:middle;margin:0;color:#444;font-family: 'Nanum Gothic', 'malgun gothic', 'dotum';box-sizing: border-box;background: #fff;}
button {display:inline-block;vertical-align: middle;cursor:pointer; margin:0;padding:0;font-family: 'Nanum Gothic', 'malgun gothic', 'dotum';white-space:nowrap;text-align: center;}
a.btn:focus, input.btn:focus,button.btn:focus {outline: none;}
.none_bg{background:none}
.scorll_y{overflow-y: scroll;}
.scorll_none{    overflow-y: hidden !important;}
/* basic */
.hidden {position:absolute;visibility:hidden;top:-9000px;left:-9000px;}
.display_none {display:none;}
a {color:#444; text-decoration:none;}

/* align */
.l {text-align:left !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}
.t {vertical-align:top !important;}
.m {vertical-align:middle !important;}
.b {vertical-align:bottom !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.dib{display: inline-block !important;}
/* clear */
.clear:after{content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}

/*bg*/
.bg_w{background: #fff !important;background-image: none !important;}

/*margin*/
.mar_0 {margin:0px !important;}
.mar_t3 {margin-top:3px !important;}
.mar_t5 {margin-top:5px !important;}
.mar_t10 {margin-top:10px !important;}
.mar_t15 {margin-top:15px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t25 {margin-top:25px !important;}
.mar_t30 {margin-top:30px !important;}
.mar_t40 {margin-top:40px !important;}
.mar_t_m35 {margin-top:-35px !important;}
.mar_t60 {margin-top:60px !important;}
.mar_t80 {margin-top:80px !important;}
.mar_t100 {margin-top:100px !important;}
.mar_t68 {margin-top: 68px !important;}

.mar_b10 {margin-bottom:10px !important;}
.mar_b15 {margin-bottom:15px !important;}
.mar_b25 {margin-bottom:25px !important;}
.mar_b20 {margin-bottom:20px !important;}
.mar_b30 {margin-bottom:30px !important;}

.mar_l3 {margin-left:3px !important;}
.mar_l5 {margin-left:5px !important;}
.mar_l10 {margin-left:10px !important;}
.mar_l20 {margin-left:20px !important;}
.mar_l26 {margin-left:26px !important;}

.mar_r3 {margin-right:3px !important;}
.mar_r5 {margin-right:5px !important;}
.mar_r10 {margin-right:10px !important;}
.mar_r15 {margin-right:15px !important;}
.mar_r50 {margin-right:50px !important;}

.mar_rl15 {margin:15px !important;}

/*padding*/
.pd_t3 {padding-top:3px !important;}
.pd_t10 {padding-top:10px !important;}
.pd_t15 {padding-top:15px !important;}
.pd_t20 {padding-top:20px !important;}

.pd_b3 {padding-bottom:3px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b15 {padding-bottom:15px !important;}
.pd_b20 {padding-bottom:20px !important;}

.pd_l3 {padding-left:3px !important;}
.pd_l10 {padding-left:10px !important;}
.pd_l15 {padding-left:15px !important;}
.pd_l20 {padding-left:20px !important;}

.pd_r3 {padding-right:3px !important;}
.pd_r10 {padding-right:10px !important;}
.pd_r15 {padding-right:15px !important;}
.pd_r20 {padding-right:20px !important;}
.pd_r25 {padding-right:25px !important;}
.pd_all0{padding:0px !important;}
/*width*/

.w19p {width:19% !important;}
.w20p {width:20% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w48p {width:48% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w80p {width:79.7% !important;}
.w83p {width:83% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w100p {width:100% !important;}

.w100 {width:100px !important;}
.w200 {width:200px !important;}
.w150 {width:150px !important;}


/***** font-size*****/
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fs22{font-size:22px !important;}
.fs23{font-size:23px !important;}
.fs24{font-size:24px !important;}
.fs25{font-size:25px !important;}
.fs26{font-size:26px !important;}
.fs27{font-size:27px !important;}
.fs28{font-size:28px !important;}
.fs29{font-size:29px !important;}
.fs30{font-size:30px !important;}
.fs31{font-size:31px !important;}
.fs32{font-size:32px !important;}
.fs33{font-size:33px !important;}
.fs34{font-size:34px !important;}
.fs35{font-size:35px !important;}
.fs36{font-size:36px !important;}
.fs37{font-size:37px !important;}
.fs38{font-size:38px !important;}
.fs39{font-size:39px !important;}
.fs40{font-size:40px !important;}
.fs41{font-size:41px !important;}
.fs42{font-size:42px !important;}
.fs43{font-size:43px !important;}
.fs44{font-size:44px !important;}
.fs45{font-size:45px !important;}
.fs46{font-size:46px !important;}
.fs47{font-size:47px !important;}
.fs48{font-size:48px !important;}
.fs49{font-size:49px !important;}
.fs50{font-size:50px !important;}
.fs51{font-size:51px !important;}
.fs52{font-size:52px !important;}
.fs53{font-size:53px !important;}
.fs54{font-size:54px !important;}
.fs55{font-size:55px !important;}
.fs56{font-size:56px !important;}
.fs57{font-size:57px !important;}
.fs58{font-size:58px !important;}
.fs59{font-size:59px !important;}
.fs60{font-size:60px !important;}


/** font-weight**/
.f_big{font-family: 'NanumGothicExtraBold' !important;font-style: normal !important;font-weight: 800 !important;}
.f_mid{font-family: 'NanumGothicBold' !important;font-style: normal !important;font-weight: 700 !important;}
.f_small{font-family: 'Nanum Gothic' !important;font-style: normal !important;font-weight: 400 !important;}

/**** button color 449d44****/
.btn_y{background-color: #FF5722 !important;}
.btn_g{background-color: #449d44 !important; color:#fff;}
.btn_w{background-color: #fff !important;    border: 1px solid #ddd !important;color:#000;}
.btn_d{background-color: #5d5d5d !important; color:#fff !important;}
.btn_b{background-color: #296eeb !important; color:#fff !important;}
.btn_r{background-color: #ff0000 !important; color:#fff !important;}

/**** background color ****/
.bg_cb{background: #c2d4ea !important; color: #18457b !important;}
.bg_wr{background: #bd3746 !important;color: #fbfbfb !important;}
.bg_wg{background: #f1f1f1 !important;}
.btn_or {background-color: #ff0000 !important;color: #fff !important;}

/**** font color ****/
.f_cr{color:#ff0000 !important;}
.f_cb{color:#296eeb !important;}


/**border**/

.border_l_ce{border-left:1px solid #ececec;}
.btn_half{border:none;padding: 3% 10%;margin-top: 1%;border-radius: 5px;font-size: 1em;}





.c1{background: #eef0ff !important;}
.c1 h2{color: #5707f2 !important;}
.c1 span{color: #000 !important;}

.c2{background: #f2f0ff !important;}
.c2 h2{color: #1e3055 !important;}
.c2 span{color: #0a1036 !important;}

.c3{background: #edfffc !important;}
.c3 h2{color: #38635c !important;}
.c3 span{color: #17564c !important;}

.c4{background: #e0ffe2 !important;}
.c4 h2{color: #236025 !important;}
.c4 span{color: #1d391e !important;}

.c5{background: #ffeffe !important;}
.c5 h2{color: #3e093b !important;}
.c5 span{color: #390a34 !important;}

.c6{background: #ffe7ee !important;}
.c6 h2{color: #582d2d !important;}
.c6 span{color: #130b0b !important;}