@charset "utf-8";

/** font **/
@font-face{font-family:'Nanum Squre'; src:url('../font/NanumSquare.woff')}
@font-face{font-family:'Nanum Squre'; src:url('../font/NanumSquare.eot')}
@font-face{font-family:'Nanum SqureEB'; src:url('../font/NanumSquareEB.woff')}
@font-face{font-family:'Nanum SqureEB'; src:url('../font/NanumSquareEB.eot')}


/* 초기화 */
*, html, body, a, h1, h2, h3, h4, h5, h6, h7, p, ol, li, ul, dl, dt, dd, input, button, select, option, form, div, article, section, footer, header, table, td, th, img, aside, nav { font-family:'Nanum Squre'; line-height:1.5em; outline:0; margin:0; padding:0; list-style-type:none; text-decoration:none; border:none; }
body {font-size:14px;}
html { overflow-y:scroll; min-width:1200px;}
label, img { vertical-align:middle; }
a, a:focus, a:hover, a:active, a:visited, a:link {outline:0 !important}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
button {cursor:pointer}
hr {display:none}

.left { float:left!important;}
.right { float:right!important;}

.mt-100 { margin-top:100px!important;}
.mt-90 { margin-top:90px!important;}
.mt-80 { margin-top:80px!important;}
.mt-70 { margin-top:70px!important;}
.mt-60 { margin-top:60px!important;}
.mt-50 { margin-top:50px!important;}
.mt-40 { margin-top:40px!important;}
.mt-30 { margin-top:30px!important;}
.mt-20 { margin-top:20px!important;}
.mt-15 { margin-top:15px!important;}
.mt-10 { margin-top:10px!important;}
.mt-0 { margin-top:0px!important;}

.mb-200 { margin-bottom:200px!important;}
.mb-50 { margin-bottom:50px!important;}
.mb-40 { margin-bottom:40px!important;}
.mb-30 { margin-bottom:30px!important;}
.mb-20 { margin-bottom:20px!important;}
.mb-10 { margin-bottom:10px!important;}
.mb-5 { margin-bottom:5px!important;}
.mb-0 { margin-bottom:0px!important;}

.ml-50 { margin-left:50px!important;}
.ml-40 { margin-left:40px!important;}
.ml-30 { margin-left:30px!important;}
.ml-20 { margin-left:20px!important;}
.ml-10 { margin-left:10px!important;}
.ml-5 { margin-left:5px!important;}
.ml-0 { margin-left:0px!important;}

.mr-50 { margin-right:50px!important;}
.mr-40 { margin-right:40px!important;}
.mr-30 { margin-right:30px!important;}
.mr-20 { margin-right:20px!important;}
.mr-10 { margin-right:10px!important;}
.mr-5 { margin-right:5px!important;}
.mr-0 { margin-right:0px!important;}

.pt-50 { padding-top:50px!important;}
.pt-40 { padding-top:40px!important;}
.pt-30 { padding-top:30px!important;}
.pt-20 { padding-top:20px!important;}
.pt-15 { padding-top:15px!important;}
.pt-10 { padding-top:10px!important;}

.pb-50 { padding-bottom:50px!important;}
.pb-40 { padding-bottom:40px!important;}
.pb-30 { padding-bottom:30px!important;}
.pb-20 { padding-bottom:20px!important;}
.pb-15 { padding-bottom:15px!important;}
.pb-10 { padding-bottom:10px!important;}

.pl-50 { padding-left:50px!important;}
.pl-40 { padding-left:40px!important;}
.pl-30 { padding-left:30px!important;}
.pl-20 { padding-left:20px!important;}
.pl-10 { padding-left:10px!important;}

.pr-50 { padding-right:50px!important;}
.pr-40 { padding-right:40px!important;}
.pr-30 { padding-right:30px!important;}
.pr-20 { padding-right:20px!important;}
.pr-10 { padding-right:10px!important;}

.pd-50 { padding:50px!important;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} 

/* 전체 검색 */
#hd_sch {float:left;margin:0 0 0 20px;padding:0;border:1px solid #c3c6ca;display: none;}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}

/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px;position: absolute;right: 0;top: 0;display: none;}
#text_size button {margin:0;padding: 0;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 메인메뉴(2) */
#gnb {position:relative;margin:0 auto; width:1200px; padding:0; }
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {display:flex;margin:0;padding:0;zoom:1; position:relative;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;width:14.28%;float:left;}
.gnb_1da {display:block;padding:0;height:60px;font-weight:500;line-height:60px;text-decoration:none; color:#121212; font-size:15px; font-weight:600; letter-spacing:-0.05em; text-align:center; }   
.gnb_1dli.current .gnb_1da,
.gnb_1dli:hover .gnb_1da,
.gnb_1da:focus,
.gnb_1da:hover,
.gnb_1da:active{ text-decoration:none; color:#024fef; font-weight:600;} 
.gnb_1dli .bar { display:inline-block; width:1px; height:20px; background:#999; position:absolute; top:50px }
#m0 .bar { display:none;}

.gnb_1da:focus, .gnb_1da:hover {text-decoration:none}
.gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_1da {color:#fff}
.gnb_2dul {display:none;position:absolute;top:60px; margin-left:-27px; width:200px; border:1px solid #ddd; border-top:1px solid #fff; transition:0.5s; opacity:0;}
.gnb_2da {display:block;padding:10px 5px;text-align:left;text-decoration:none; font-size:15px; font-weight:600; text-align:center; word-break:break-all;}
.gnb_1dli_air .gnb_2da {background-color:#fff;color:#121212} 
.gnb_1dli_on .gnb_2da {background-color:#fff;color:#121212}
.gnb_2da:focus, .gnb_2da:hover { text-decoration:none; color:#023880; background:#ebf0f6;}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff; transition:0.5s; opacity:1;}
.gnb_1dli_on .gnb_2dul {display:block;left:0;background:#fff; transition:0.5s; opacity:1;}


#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

/* 사이드메뉴 */
#aside {float: left;width: 210px;margin-top: 20px;border: 1px solid #e3e3e3;border-bottom: 0;background:#fff}
#aside .ol{background:#f3f3f3;}
#aside input[type=text],
#aside input[type=password]{background-color:#fff !important;}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha legend  label {font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #e3e3e3;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;max-width: 1200px;margin: 0 auto;padding:0.5em 0;  color:#000;font-size:2em;text-decoration:none;text-align:center}
#device_change:before{content: '▼▼'; display:block;color: #ddd;font-size: 14px;width: 20px;margin: 0 auto;word-break: break-word;word-wrap: break-word;line-height: 1;}

#popular{display:none !important;}
#visit{display:none !important;}

.han { font-family:'Malgun Gothic', dotum, sans-serif; color:#000 !important; font-weight:normal !important; }


/*-------------------------------------------------------------------------------------------------------*/
/*20230214 메인 리뉴얼*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@700;900&display=swap');
.root_daum_roughmap .wrap_controllers , .root_daum_roughmap .wrap_btn_zoom { display: none!important; }
.w1200 { width: 1200px; margin: 0 auto; }
.w1500 { width: 1400px; margin: 0 auto; }
.w-color { color: white; }
.m-color { color:#4e92ff; }
.sub-color01 { color: #f88125; }
.sub-color02 { color: #d82931; }
.sub-color03 { color: #ffd602; }
.sub-color04 { color: #9d21ca; }
.w100 { width: 100%; }
.f40 { font-size: 40px; }
.fw600 { font-weight: 600; }
.mt10px { margin-top: 10px;}
.mt150px { margin-top: 150px; }
.t-center { text-align: center; }
.t-left { text-align: left; }
.cursor { cursor: pointer;}
.tit-top {display: flex; justify-content: center;align-items: center;}
.txt-icon {font-family: 'Noto Serif KR', serif; text-transform: uppercase;  color: #4e92ff; font-size: 55px; margin-right: 10px; }


.intro { background: url(../img/bg_all.png) no-repeat; width: 100%; height: 761px; padding-top: 250px; 
background-position: -100px;  background-color: #090909; background-size: cover;}
.intro h2 { color: white;  margin-bottom: 50px; font-size: 38px; }
.intro p { color: #888888; text-align: left; font-size: 18px; line-height: 36px; font-weight:600;}
.btn01 { margin-top: 100px;}

.sub-logo-img { margin-bottom: 20px; }
.intro-add { padding: 250px; background-color: #000; }
.intro-add h2 { color: white; }
.intro-add ul { margin: 150px 0; }
.intro-add ul li { color: white; float: left; width: 32.33%; font-size: 60px; font-weight: 900; }
.intro-add ul li:first-child { border-right: 1px solid #5c5c5c; padding-top: 25px; }
.intro-add ul li:last-child { border-left: 1px solid #5c5c5c; padding-top: 25px; }
.intro-add ul li p.sub-p { font-size: 18px; color: #5c5c5c; }
.intro-add ul li .c3_num span.n-txt { font-size: 35px; margin-left: 10px; font-weight: 300; }
.intro-add ul::after { content:''; display: block; overflow: hidden; clear: both; }
.count_num { font-size: 100px; color: #4e92ff; }
.intro-add ul li > .c3_num .count_num span.n-txt { font-size: 20px; }
.intro-add .count p.last-p { font-size: 22px; color: white;  }

.intro02 { background: url(../img/content_bg.png) no-repeat; width: 100%; padding: 200px 0;  background-size: cover;}
.intro02 .tit-top { margin-bottom: 150px; }

.intro02 .tit-top h2 { margin-top: 7px; }
.intro02-txt { display: flex; color: white; justify-content: flex-start; font-size: 20px; flex-wrap: wrap; row-gap: 60px;}
.intro02-txt ul{width: 25%}
.intro02-txt ul li:first-child { margin-bottom: 30px; }
.intro02-txt ul li.btm-st { border-bottom: 1px solid #ddd; width: 30px; margin-bottom: 30px; }
.intro02-txt ul li:nth-child(2) { height: 100px;}
.intro02-txt ul li:last-child { color: #5c5c5c; font-size: 0.8em;}

.intro03 { background: url(../img/content_bg.png) no-repeat; background-size: cover; width: 100%; height: 912px; padding-top: 100px; }
.intro03 .tit-top { margin-bottom: 30px; }

.content-img { background: url(../img/content_bg.png) no-repeat; width: 100%; height: 862px; padding-top: 150px;background-size: cover; }

.intro04 { background: url(../img/content_bg.png) no-repeat;  background-size: cover;width: 100%; height: 912px; padding-top: 100px; }
.intro04 .tit-top { margin-bottom: 30px; }
.intro04 .tit-top .txt-icon { color: #f88125; margin-right: 20px; }

.intro05 { background: url(../img/content_bg.png) no-repeat; background-size: cover; width: 100%; height: 912px; padding-top: 100px; }
.intro05 .tit-top { margin-bottom: 30px; }
.intro05 .tit-top .txt-icon { color: #d82931; margin-right: 10px; }

.intro06 { background: url(../img/content_bg.png) no-repeat; background-size: cover; width: 100%; height: 912px; padding-top: 100px; }
.intro06 .tit-top { margin-bottom: 30px; }
.intro06 .tit-top .txt-icon { color: #ffd602; margin-right: 10px; }

.intro07 { background: url(../img/content_bg.png) no-repeat; background-size: cover; width: 100%; height: 912px; padding-top: 100px; }
.intro07 .tit-top { margin-bottom: 30px; }
.intro07 .tit-top .txt-icon { color: #9d21ca; margin-right: 10px; }

.last-cont { background: url(../img/bg_all_02.png) no-repeat; width: 100%; height: 757px; padding-top: 200px; 
background-size: cover;}
.last-cont h2 { color: white;  margin-bottom: 50px; font-size: 50px; font-weight: normal;}
.last-cont h2 span { font-weight: 900; }
.last-cont .sub-logo-img { margin-bottom: 70px; }

.main-way { background: url(../img/way_bg.png) no-repeat; width: 100%; height: 807px; padding-top: 150px; 
background-size: cover;}
.main-way .main-tit { margin-bottom: 30px; }

.main-way .main-tit h2 { float: left; color: white; font-size: 40px; }
.main-way .main-tit > .naver-ntm { float: right; padding-top: 30px; }
.main-way .main-tit::after { content: ''; display: block; overflow: hidden; clear: both; }