@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'S-CoreDream-4Regular', dotum, sans-serif !important;background:#e7e7e7}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}
#login_fs legend {padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=text],input[type=password], textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
}

input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {
	-webkit-box-shadow:  0 0 5px #9ed4ff;
	-moz-box-shadow:  0 0 5px #9ed4ff;
	box-shadow: 0 0 5px #9ed4ff;
	border: 1px solid #558ab7 !important;
}

.placeholdersjs { color: #aaa !important; }

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft{min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#ft_wr{width:1200px}

.mo_view {display: none!important}

@media (max-width: 769px) {
    .pc_view {display: none!important; }
    .mo_view {display: block!important}
	

}

/* 팝업레이어 */
#hd_pop {    align-items: center;
    background-color: rgba(0, 0, 0, 0.8);
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100vw;
    z-index: 9999;}
#hd_pop h2 { align-items: center; display: flex; font-weight: 400; justify-content: center; gap: 5px; white-space: nowrap; padding-top: 20px;}

	#hd_pop h2 span{color: rgb(0, 125, 220);}

.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {border-top:2px solid #4c4f6f}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:115px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:30px 0 0}

.hd_sch_wr{position:absolute;top:25px;left:50%;width:430px;margin-left:-215px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{border:2px solid #556ada;background:#fff;border-radius:5px;overflow:hidden}
#hd_sch #sch_stx {padding-left:10px;height:40px;width:376px;border:0;border-right:0;float:left;font-size:1.25em}
#hd_sch #sch_submit {height:40px;border:0;background:#fff;color:#4c4f6f;width:50px;float:left;cursor:pointer;font-size:18px}

#sbn_side{position:absolute;top:20px;right:0}

#tnb {/*border-bottom:1px solid #ddd; */background:#fff}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:right;border-left:1px solid #ddd;margin-bottom:-1px;font-size:0.92em}
#tnb a {display:inline-block;padding:0 10px;color:#646464;line-height:35px}
#tnb a:focus, #tnb a:hover {color:#4c4f6f;background:#fafafa}
#tnb .tnb_admin a{color:#ff0000;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:bold;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#4c4f6f;border-bottom:1px solid #e7e7e7}

#hd_qnb{float:right;margin-top:20px}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 10px}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a{display:block}
#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}
#hd_qnb li .fa-question{background:#e83a5f;font-size:20px}
#hd_qnb li .fa-question:hover{background:#e41b45}
#hd_qnb li .fa-comments{background:#82c13f;font-size:16px}
#hd_qnb li .fa-comments:hover{background:#5aa708}
#hd_qnb li .fa-users{background:#f0ba00;font-size:15px}
#hd_qnb li .fa-users:hover{background:#f06f00}
#hd_qnb li .fa-history{background:#8522c4;font-size:15px}
#hd_qnb li .fa-history:hover{background:#6700a9}

/* 메인메뉴 */
#gnb{position:relative}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;position:relative}
#gnb #gnb_1dul {font-size:1.083em;padding: 0;background:#4c4f6f;zoom:1;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow:  0 1px 3px rgba(0,0,0,0.3);
box-shadow: 0 1px 3px rgba(0,0,0,0.3)}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;line-height:50px;padding:0 15px;position:relative;}
#gnb .gnb_1dli:hover{background:#1a30a7;
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.gnb_1dli .bg{display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:inline-block;font-weight:bold;color:#fff;text-decoration:none;}
.gnb_2dli{border-top:1px solid #4c4f6f}
.gnb_2dli:first-child{border:0}
.gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#1a30a7;padding: 0;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
-moz-box-shadow:  0 1px 5px rgba(0,0,0,0.1);
box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.gnb_2da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none}
a.gnb_2da:hover{background:#0e2080;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff}
.gnb_wrap .gnb_empty a{color:#fff;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}

#gnb .gnb_menu_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;left:0}
#gnb .gnb_mnal{padding:0}

#gnb_all{display:none;position:absolute;width:100%;z-index:99;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul{background:#fff;border:1px solid #4158d1;padding:20px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:  0 2px 5px rgba(0,0,0,0.2);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
#gnb_all .gnb_al_li{background:#fff;float:left;min-width:20%;padding:5px }
#gnb_all .gnb_al_li .gnb_al_a{font-size:1.083em;padding:10px;display:block;position:relative;margin-bottom:10px;background: #eff1f9;border-bottom: 1px solid #dee2f1;font-weight: bold;color:#243071}
#gnb_all .gnb_al_li li {padding-left:10px;line-height:2em}
#gnb_all .gnb_al_li li i{color:#9ca6cc}
#gnb_all .gnb_al_li li a{color:#555}

/* 중간 레이아웃 */

#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:305px;padding:0;background: #e7bf3;height: 100%;border: 1px solid #adbfd2;margin:20px 0 20px 20px}

#container {z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px  0;height:500px;font-size:1em;width:875px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold;}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}
/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
/* 하단 레이아웃 */
#ft {border-top:1px solid #d5d5d5;background:#fff;padding-bottom:30px;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {margin:0 auto;position:relative;}
#ft_link{padding:15px 0;border-bottom:1px solid #eee}
#ft_link a{display:inline-block;padding:0 8px;line-height:1.083em;font-weight:bold}
#ft_catch{margin:20px 0 10px}
#ft_copy{color:#555;font-size:0.92em}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.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}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#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 #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* 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%}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/* 버튼 */
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:14px;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#4c4f6f;color:#fff;cursor:pointer;border:0;font-family: 'S-CoreDream-4Regular';}
.btn_submit:hover {background:#54598c;color:#fff;font-family: 'S-CoreDream-4Regular';}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;font-family: 'S-CoreDream-4Regular';}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;font-family: 'S-CoreDream-4Regular';}
.btn_cancel:hover {background:#aaa;color:#fff;font-family: 'S-CoreDream-4Regular';}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top;font-family: 'S-CoreDream-4Regular';} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle;font-family: 'S-CoreDream-4Regular';}
.btn_b01:hover, .btn_b01:hover {background:#54598c;color:#fff;font-family: 'S-CoreDream-4Regular';}
a.btn_b02,.btn_b02 {display:inline-block;background:#4c4f6f;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;font-family: 'S-CoreDream-4Regular';}
a.btn_b02:hover, .btn_b02:hover {background:#54598c; color:#fff;font-family: 'S-CoreDream-4Regular';}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle;font-family: 'S-CoreDream-4Regular';}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6;color:#fff;font-family: 'S-CoreDream-4Regular';}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle;font-family: 'S-CoreDream-4Regular';}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9;font-family: 'S-CoreDream-4Regular';}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle;font-family: 'S-CoreDream-4Regular';} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746;color:#fff;font-family: 'S-CoreDream-4Regular';}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 14px !important;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border-top:1px solid #ccc;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#4c4f6f;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#4c4f6f;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}

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

/* 자바스크립트 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 {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
-webkit-box-shadow: inset 1px 1px 2px #222542;
-moz-box-shadow:  inset 1px 1px 2px #222542;
box-shadow: inset 1px 1px 2px #222542;
}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* 폰트 */
table th{background:#f9f9f9;color:#666;font-size:13px;font-family: 'Noto Sans KR', sans-serif;}
.profile_img img{width:20px;height:20px;}
table td {color:#666;font-size:13px;font-family: 'Noto Sans KR', sans-serif;}
#bo_cate ul li{color:#666;font-size:13px;font-family: 'Noto Sans KR', sans-serif;}
.list-group a{font-size:14.5px;font-family: 'Noto Sans KR', sans-serif;}

/*신규*/
.m_t40 {margin-top:45px !important}
.m_b20 {margin-bottom:20px !important}
.fl_r {float:right; margin:15px 0 0 0}
.fl_l {float:left; margin:15px 0 0 0}
.fl_lm {float:left; margin:5px 10px 30px 0 !important}
.fl_ce {margin:15px auto 0 auto; text-align:center}
.cond_w {position:relative; display: inline-block; width:100%; height:100%; margin:0 auto 45px 0; border-bottom:1px solid #dbdbdb; padding: 0 0 15px 0; }
.cond_img {position:relative; float:left; width:35%; height:240px;}
.cond_img img{width:100%; height:100%; }
.cond_info {position:relative; float:right; width:61%; height:100%;}
.cond_info h3{font-size: 1.4rem;  color:#080808; margin:10px 0 15px 0; font-weight:600; line-height:160%; text-align:left; }
.cond_text {padding: 4px; box-sizing: border-box;}
.cond_text dl { position: relative; display:block;  margin-bottom: 5px; min-height: 25px;}
.cond_text dt {position: absolute; left: 0;top: 0; font-size: 16px;color: #333; line-height: 150%; font-weight: 600;}
.cond_text dd {margin-left: 90px; font-size: 16px;color: #3e3e3e;line-height: 150%; overflow: hidden; word-break: keep-all; word-wrap: break-word;}
.cor_01 {color: #d31151 !important;}
.cor_02 { color: #0051a3 !important;}
.imgHW {height:330px !important; width:30% !important; }
.imgW {width:65% !important; }
.w30 {width:30% !important; margin:0 auto; text-align:center; display:table}



.cond_d {position:relative; float:left; padding:25px 0; width:100%; margin:10px 0 0 0;  }
.cond_d h4 {font-size: 1.2rem; color:#0051a3; margin:0 0 10px 0; font-weight:600; line-height:200%; text-align:left;}
.conT {font-size:15px; color:#000; line-height:160%; text-align:left}
.conT img{width:100%}


.inner { border-bottom: 0.4rem solid #e3e5e4; width: 100%; margin: auto; }
.inner h4 {  display: inline-block; position: relative; padding: 3rem 0 2rem;}
.inner h4 > strong {  font-size: 1.9rem; font-weight: 600; padding: 0.3rem 0 0.5rem;}
.inner h4 > span { font-size: 1.4rem; display: block;}
.inner h4:after { content: '';  position: absolute;  left: 0; right: 0;  bottom: -0.9rem; height: 0.4rem; background-color: #2c66b8;}

/*버튼*/
a.con_btnw {display:inline-block; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:10px 30px; text-align:center; color:#fff; border-radius:5px; background:#089652}
a.con_list {display:inline-block; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:9px 30px; text-align:center; color:#000; border-radius:5px; background:#fff; border:1px solid #333}
a.con_btnc {display:inline-block; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:9px 30px; text-align:center; color:#8e8e8e; border-radius:5px; background:#f2f2f2; border:1px solid #d7d7d7}
.con_btnw {display:inline-block; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:10px 30px; text-align:center; color:#fff; border-radius:5px; background:#089652}
.con_list {display:inline-block; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:9px 30px; text-align:center; color:#000; border-radius:5px; background:#fff; border:1px solid #333}
.con_btnc {display:inline-block; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:9px 30px; text-align:center; color:#8e8e8e; border-radius:5px; background:#f2f2f2; border:1px solid #d7d7d7}
.cor_bg1 {background:#d6610c  !important}
.cor_bg2 {background:#194e99  !important}
.cor_bg3 {background:#333  !important}
.cor_bg4 {background:#cf2020  !important}
.pa_w {padding:5px 10px !important; margin:4px 0 0 0 !important; }
a.con_btnw:hover {color:#fff}
.input_bw {display:inline-block; border:none; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:10px 30px; text-align:center; color:#fff; border-radius:5px; background:#089652}
a.input_bw:hover {color:#fff;}

h3.bar_tit {position: relative; display:block;  margin: 40px 0 20px 0; padding-left: 20px;  font-size: 24px;  line-height: 34px; color: #333; font-weight: 600; letter-spacing: -0.05em;}
h3.bar_tit:after { content: ''; position: absolute; left: 0; top: 7px;  width: 4px; height: 26px;  background: #333;}

.reg_point {position: relative;  margin:0; display:block; width:100%; line-height:160%; text-align:right; font-size:15px; color:#000}
.reg_point b{color:red; font-size:18px;}

.input_read {background:#ededed; }
.mb_joinw {position:relative; display:block; width:100%; background:#f7f7f7; /*border-top:2px solid #dbdbdb; border-bottom:2px solid #dbdbdb;*/ margin:30px 0; }
.mb_join {position:relative; display:inline-block; width:100%; border-bottom:1px dashed #dbdbdb; padding:1.5% 2%; }
.mb_join p {display: inline-block; width:100%; margin:5px 0 5px 0; line-height:160%; text-align:center; font-size:15px; color:#414141}
.mb_join label{float:left; padding:8px 0 0 0; font-size:17px; color:#000; width:22%; text-align:left; font-weight:600 }
.mb_join label span{display: inline; color:red; font-weight:600; font-size:20px; padding:0 }
.hidden {display:none}
.mb_join input{width:50%; height:45px; border:1px solid #dcdcdc; color:#333; font-size:15px; padding:5px 5px; border-radius:5px; margin:0 10px 0 0}
.mb_join select {box-sizing:border-box; vertical-align:middle; line-height:160%; height:40px; padding:10px 5px; border:1px solid #d1cfcf; 
					width:30%; border-radius:5px; color:#000; font-size:15px;}
.mb_join textarea {box-sizing:border-box; vertical-align:middle; line-height:150%; width:100%; border-radius:5px;
						color:#333; font-size:15px; padding:10px 10px; border:1px solid #dcdcdc; }
.mb_join input[type=radio] {width:20px; box-sizing:border-box; vertical-align:middle; border:none;  line-height:28px; height:32px; padding-right:3px;}
.mb_join input[type=checkbox] {vertical-align:middle; height:26px;  width:20px; border:none; font-size:15px; }
.mb_join b {float:left; margin:0 0 0 15px; line-height:160%; text-align:left; font-size:15px; color:#333}
.mb_w {float:left; width:77%}
.mb_w span{float:left; width:100%}
.mb_text {position:relative; background:#f7f7f7; display:inline-block; width:100%; text-align:left; font-size:15px; line-height:160%; color:#333; padding:1.5% 2%;}




/*.input_read {background:#ededed; }
.mb_joinw {position:relative; display:block; width:100%; background:#f7f7f7; margin:30px 0; }
.mb_join {position:relative; display:inline-block; width:100%; border-bottom:1px dashed #dbdbdb; padding:1.5% 2%; }
.mb_join p {display: inline-block; width:100%; margin:5px 0 5px 0; line-height:160%; text-align:center; font-size:15px; color:#414141}
.mb_join label{float:left; padding:8px 0 0 0; font-size:17px; color:#000; width:100%; text-align:left; font-weight:600 }
.mb_join label span{display: inline; color:red; font-weight:600; font-size:20px; padding:0 }
.hidden {display:none}
.mb_join input{width:90%; height:45px; border:1px solid #dcdcdc; color:#333; font-size:15px; padding:5px 5px; border-radius:5px; margin:0 10px 0 0}
.mb_join select {box-sizing:border-box; vertical-align:middle; line-height:160%; height:40px; padding:10px 5px; border:1px solid #d1cfcf; 
					width:50%; border-radius:5px; color:#000; font-size:15px;}
.mb_join textarea {box-sizing:border-box; vertical-align:middle; line-height:150%; width:100%; border-radius:5px;
						color:#333; font-size:15px; padding:10px 10px; border:1px solid #dcdcdc; }
.mb_join input[type=radio] {display: inline-block;  box-sizing:border-box; vertical-align:middle; border:none;  line-height:28px; height:32px; padding-right:3px;}
.mb_join input[type=checkbox] {vertical-align:middle; height:26px;  width:20px; border:none; font-size:15px; }
.mb_join b {float:left; margin:0 0 0 15px; line-height:160%; text-align:left; font-size:15px; color:#333}

.mb_text {position:relative; background:#f7f7f7; display:inline-block; width:100%; text-align:left; font-size:15px; line-height:160%; color:#333; padding:1.5% 2%;}
*/



table caption {display:none}
.tableS01 { width: 100%; border-collapse: collapse; text-indent: initial; border-spacing: 2px;}
.tableS01 thead {display: table-header-group; vertical-align: middle; }
.tableS01 thead th:first-of-type {  border-left: 0;}
.tableS01 thead th:last-of-type { border-right: 0;}
.tableS01 thead th { padding: 10px 10px;  height: 60px; font-size: 18px;  line-height: 28px; color: #000  !important; font-weight: 400;  letter-spacing: -0.05em; 
							background: #f2f2f2; border: 1px solid #ddd; border-top-color: #333;  box-sizing: border-box; text-align: center;}
.tableS01 tbody th { padding: 10px 10px;  height: 60px; font-size: 18px;  line-height: 28px; color: #000  !important; font-weight: 400;  letter-spacing: -0.05em; 
							background: #f2f2f2; border: 1px solid #ddd; border-top-color: #333;  box-sizing: border-box; text-align: center;}
.tableS01 tbody td { padding: 10px 10px; height: 60px; font-size: 14px; line-height: 24px;color: #333; letter-spacing: -0.05em; text-align: center; border: 1px solid #ddd;
							box-sizing: border-box;}
.tableS01 tbody td { padding: 10px 10px; height: 60px; font-size: 14px; line-height: 24px;color: #333; letter-spacing: -0.05em; text-align: center; border: 1px solid #ddd;
							box-sizing: border-box;}
.tableS01 tbody td:first-of-type { border-left: 0;}
.tableS01 tbody td:last-of-type {border-right: 0;}
.t_l { text-align: left !important;}
.t_lh { text-align: left !important; height: 110px !important;}
a.R_btnw {display:inline-block; width:100%; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:5px 0; text-align:center; color:#fff; border-radius:5px; background:#089652}
a.R_btnw:hover {color:#fff}
.R_btne {display:inline-block; width:100%; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:5px 0; text-align:center; color:#fff; border-radius:5px; background:#333}
.R_btnd {display:inline-block; width:100%; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:5px 0; text-align:center; color:#fff; border-radius:5px; background:#cf2020}



/* 설명글 */
.c_box2 {display:inline-block; width:100%; height: 100%; margin: 40px auto;  border-top: 2px dashed #ddd; border-bottom: 2px dashed #ddd; background: #fff; 
			padding: 30px 20px; word-break: keep-all; word-wrap: break-word;}
.c_box2 img { float: left; width: 85px; margin: 0 50px 0 0;}
.c_box2 p { float: left; width: 85%; margin: 5px 0 0 0; font-size: 16px; line-height: 180%; text-align: left; color: #000; word-break: keep-all; word-wrap: break-word;}


.con_search {position: relative; display:inline-block; padding:10px 0; width:100%; /*border:1px solid #dbdbdb;*/  }
.con_search label{display:none; font-size:18px; font-weight:500; color:#424242; margin:0 25px 0 0;}
.con_search input{box-sizing:border-box; vertical-align:middle; border-radius:5px; height:45px;  margin:0 0 0 5px;
						color:#333; font-size:15px; padding:11px 0 11px 5px; border:1px solid #d1cfcf; width:35%}
.con_search input[type=button] {box-sizing:border-box; vertical-align:middle; border-radius:5px; height:45px;  margin:0 0 0 5px; background:#333;
						color:#fff; font-size:15px; padding:11px 0 11px 0; border:0; width:7%;}
.con_search select {box-sizing:border-box; vertical-align:middle; line-height:26px; height:45px; padding-left:5px; border:1px solid #d1cfcf;
						border-radius:5px; width:20%; font-size:15px; margin:0 5px;
						-webkit-appearance:none; 
						-moz-appearance:none;
						appearance:none;
						background:url("/img/se_arrow.png") no-repeat 95% 4px;
						}
.con_search input[type=image] {width:36px; height:37px; border:none; padding:0; margin:0 0 0 10px;}
.con_search select::-ms-expand {display:none; }/*익스플로러 10, 11에 적용하기 위함*/

.use_month {position: relative; display:inline-block; width: 100%; padding: 0 0; margin: 20px auto 30px auto; text-align: center;}
.use_month a {font-size: 17px; font-weight: 500;color: #333; background: #f2f2f2; border: 1px solid #ddd; height: 22px; line-height: 160%; 
					padding: 5px 10px;border-radius: 5px;}
.use_month span { color: #000; font-weight: 700; font-size:20px; padding: 0 30px;}




/* 메인 기본 사이즈 */

.quickNav { position: fixed;width: 75px; background-color: #3d4a6a; z-index: 2;transition: top 0.4s;right: 0px; top: 220px;}
.quickNav ul {margin-bottom:0}
.quickNav ul li a { padding-top: 50px; background-repeat: no-repeat;}
.quickNav ul li a, .quickNav ul li button {  display: block; color: #fff; font-size: 12px; font-weight: 300; text-align:center;}
.quickNav ul li.q1 a { background-image: url("/img/icon_quick_search.png"); background-position: 50% 22px;}
.quickNav ul li.q2 a { background-image: url("/img/icon_quick_search2.png"); background-position: 50% 22px;}
.quickNav ul li.q3 a { background-image: url("/img/icon_quick_search3.png"); background-position: 50% 22px;}
.quickNav ul li.q4 a { background-image: url("/img/icon_quick_search4.png"); background-position: 50% 22px;}
.quickNav ul li.q5 a { background-image: url("/img/icon_quick_search5.png"); background-position: 50% 22px;}
.quickNav ul li.q6 { display: block; margin-top: 20px; border-top: 1px solid #222b41;}
.quickNav ul li .btnTop { width: 100%; background: #28324c; line-height: 45px; font-size: 14px; border:0}
.quickNav ul li .btnTop span { display: inline-block; padding-left: 11px; background: url("/img/btn_top.png") no-repeat 0 50%;}


/* 메인-비쥬얼 */
.m_visual {position:relative; width:100%; height:640px; }

#visual {position: relative; width: 100%; height:640px; margin:0 auto; }
#visual .roll_img {position: absolute; width:100%; height:640px; margin:0 auto; }
#visual .roll_img p{position: relative; height:635px; margin:0 auto; text-align:center}
/*#img_num1 {background:url('/img/main_img01.jpg');  background-repeat: no-repeat; background-size: auto 100%;  background-position: center; transition: all 0.25s;}
#img_num2 {background:url('/img/main_img02.jpg'); background-repeat: no-repeat; background-size: auto 100%;  background-position: center; transition: all 0.25s;}*/
.roll_img {background-repeat: no-repeat; background-size: auto 100%;  background-position: center; transition: all 0.25s;}
#visual .roll_img a {display:block;}
#visual .roll_img a.on {display:block;}
#visual .roll_img a.off {display:none;}

#visual .npbtn {position:absolute;  left:50%;  bottom:30px; transform: translate(-50%, 0%); height:50px; z-index:9999; }
#visual .npbtn a {display:block; top:0px; width:45px; height:50px; text-indent:-9999px; position:absolute;}
#visual .npbtn a.next {background:url('/img/btn_p.png') no-repeat; left:0; top:0; background-size:30px}
#visual .npbtn a.prev {background:url('/img/btn_n.png') no-repeat; right:0px; background-size:30px}

#visual .remote {display:none; position:absolute;top:205px; right:10px; width:43px; height:44px; overflow:hidden;z-index:3;}
#visual .remote a {line-height:44px;display:block; text-indent:-99999px;}
#visual .remote a.arstop {background:url('/img/re_off.png') no-repeat;}
#visual .remote a.arplay {background:url('/img/re_on.png') no-repeat;}


#visual_text_area {position: relative; margin:0 auto; width: 1200px; z-index:2; }
.visual_text {position: absolute; top:150px; left:2%; width: 80%; height:200px; z-index:99999; font-size:40px; 
				color:#fff; letter-spacing:-0.5px; text-align:left; font-weight:200;  /*text-shadow:2px 2px 5px #000*/}
.visual_text span { display: inline-block; word-break: keep-all; word-wrap: break-word; font-family:"noto";} 
.vi_text01 {color:#fff; font-size:20px; width:100%; line-height:130%; font-weight:500 }
.vi_text02 {/*margin:30px 0 50px 0;*/ color:#fff; font-size:53px; width:65%; line-height:120%; }
.vi_text02 b{font-weight:600}
.vi_text03 {color:#fff; font-size:21px; width:70%;  line-height:130%; }
.vi_text04 {color:#95ecff; font-size:45px}
.vi_text05 {color:#ffac35; font-size:45px}
.vi_sha {text-shadow:2px 2px 5px #fff !important}
.vi_sha2 {background:#11a3cd; color:#fff !important; padding:5px 5px; text-shadow:none !important}
.w90 {width:90% !important}


.fs_1 {font-size:40px !important}
.mw_1 {position: relative;  display: inline-block; width:30%; }
.mar_w {margin:0 4% 0 4%}
.mw_2 {position: relative;  display: inline-block; width:23%; margin:0 1%; }
.m_pro_list { position: relative; width: 100%; float: left;  height: 417px; }
.plist_img { position: relative; float: left; width: 100%; height: 330px; margin: 0 0 15px 0; }
.plist_img img {width: 100%; height: 100%;}
.m_pro_list p { margin: 0 0 0 0;float: left;  display: inline-block; width: 100%; text-align: left; font-size: 14px; color: #5b5b5b; line-height: 200%;
					font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing:-0.2px;}
.m_pro_list p a { font-weight: 600; color: #000; font-size: 17px;}


.m_pro2_list { position: relative; width: 100%; float: left;  height: 417px; border: 1px solid #dbdbdb;}
.m_pro2_list h2 {color: #000;  text-align:center; font-size: 25px;  font-weight: 600; line-height: 160%; margin:20px 0 20px 0; letter-spacing: -0.5px;}
.mb_more {position: relative; float: left; width: 100%; text-align:center; margin:5px 0 0 0;
				/*position: absolute; top: 12px; right:20px; font-size: 35px; */ color: #5c5c5c;  font-size: 16px;  font-weight: 400; }
.m_pro2_list p {margin: 0 0 11px 20px; float: left;  display: inline-block; width: 83%; text-align: left; font-size: 16px; color: #000; line-height: 150%;
					padding:0 0 11px 0; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing:-0.2px; border-bottom:1px dashed #b7b7b7}
.m_pro2_list p a {color: #000; }
.m_pro2_list p span {background:#fff; font-size:14px; padding:1px 2px; font-weight: 600; }
.m_prc1 {color:#2c53b4;}
.m_prc2 {color:#0e8909;}
.m_prc3 {color:#df5400;}
.mt_1 {margin-top:12%}


.m_pop {position: relative; float:left; display: inline-block; width: 100%; height:290px; }
.bannerto{ float:left; height:290px; width:100%; position:relative; overflow:hidden;}
.btn_pagination{position:absolute; }
.pagination{position:absolute; top:-99px; right:0; z-index:9999}
.pagination a{cursor:pointer; margin:0; float: left;}
.banner_area{ overflow:hidden; height:290px;}
.images {height:290px; width:100%; position:relative}
.images img{height:290px; width:100%; border: 1px solid #dbdbdb;} 


/*.m_ban_list { position: relative; width: 100%; float: left;  height: 290px; border: 1px solid #dbdbdb;}*/
.m_ban_list { position: relative; width: 100%; float: left;  height: 130px; border: 1px solid #dbdbdb;}
.m_ban_list h2 {color: #000;  text-align:left; font-size: 25px;  font-weight: 600; line-height: 160%; margin:20px 0 20px 30px; letter-spacing: -0.5px;}
.mba_more {position: absolute; top: -10px; right:30px; font-size: 35px;  color: #5c5c5c;  font-weight: 400; }
.m_ban_list p img{ height:45px;}
.mb_no{border-bottom:none !important}

/* 인사말 */
.greet_box1{display: inline-block; width: 100%; margin:70px 0 0 0; height: 400px; background: url("/img/greet_bg.jpg") center no-repeat;background-size: cover; position: relative;}
.greet_box1 .pf_box{font-weight: 300;     position: absolute; top: 50%; left: 60px; transform: translateY(-50%);}
.greet_box1 .pf_box p {color: #fff;  font-size: 35px;  font-weight: 500; line-height: 130%; margin-bottom: 30px; letter-spacing: -1px;}
.greet_box1 .pf_box span{color: #fff; font-size: 20px; line-height: 29px;word-break: keep-all; letter-spacing: -0.5px;}
.br {display: block;}

.intro_cal {position: relative; width:95%; display: inline-block; margin-top: -6%;  padding: 0 0 80px 50px; }
.intro_mc {float:left; width:38%; height:270px;}
.intro_mc img {width:100%; height:100%;}
.intro_lc {float:right; width:58%;  margin:8% 0 0 0; background:#fff; padding:20px 0; }
.intro_lc p{float:left;  width:100%; font-size:18px; color:#000; line-height:160%; font-weight:200 word-break: keep-all; word-wrap: break-word;}
.intro_lc h3 {font-size:24px; font-weight:600}
.intro_lc b {color:#0066b3; font-weight:600}

.m_t0 {margin-top:0px !important;}
.w100 {width:100% !important}
.con_w1 {width:21%; float:left; display: inline-block;}
.con_w2 {width:79%; float:left; display: inline-block;}
.con_w3 {width:50%; float:left; display: inline-block;}
.con_w4 {width:100%; display: inline-block;}
.con_w5 {width:30%; float:left; display: inline-block;}
.m_t100 {margin-top:100px !important}

.con_t1{ font-size: 22px; font-weight: 600; color:#000; text-align:left; letter-spacing:-0.5px; }
.con_t2{ font-size: 15px; font-weight: 600; color:#028f58; text-align:left; }
.skinListTxt {float: left; display: inline-block; width: 50%; margin:40px 0;}
.skinListTxt .tit { width: 100%;  line-height: 160%;  font-size: 21px; font-weight: 600; color: #028f58; letter-spacing: -0.6px;}
.skinListTxt .tit span{ font-size: 15px; font-weight: 500; }
.skinListTxt .subtit3 {width: 100%;  line-height: 160%;  margin-left: 0px; font-size: 18px; letter-spacing: -0.5px;font-weight: 600; }
.subtxt { color: #555;  line-height: 200%; font-size: 17px; letter-spacing: -0.5px; word-break: keep-all; word-wrap: break-word;}
.subtxt span{background:#38a233; color: #fff;  font-size: 20px; font-weight:600; padding:0 10px}
.subtxt img {border:1px solid #dbdbdb; margin:10px 0 30px 0;}
.con_bar {width:100%; float:left; display: inline-block; margin:10px 0; padding-bottom:50px;  border-top:1px solid #dbdbdb}
.subtxt a {margin:0 0 0 15px; display: inline-block;  color: #333; border: 1px solid #c7c7c7;  font-size: 15px; font-weight: 500; padding: 0 35px 0 10px;
				background: url("/img/icon_newwindow3.png") 90% 9px no-repeat;}
.map_w {display: inline-block; width:100%; margin:80px 0 20px 0;}
#daumRoughmapContainer1640152356595  {width:100% !important;}

.scon_text {display: inline-block; margin:50px 0 80px 0; width:100%; font-size: 18px; text-align:left; letter-spacing:-0.5px;word-break: keep-all; word-wrap: break-word;}
.font_c1 {color:#0052a4; font-size:24px !important; font-weight:600}


.c_div2 {float:left; /*padding:2% 2%; margin:30px 0; border:2px dashed #dbdbdb*/}
.c_div2 dl {float:left; width:100%; line-height:170%; margin:10px 0; padding:0 0 15px 0; border-bottom: 1px dashed #dbdbdb}
.c_div2 dl dt { float:left; width:28%; text-align:left;  padding:15px 0 15px 100px;  margin: 0 20px 0 0;; color:#000; font-weight:600;  font-size:16px; }
.c_div2 dl dd {float:left; padding:15px 0;  font-weight:500;  font-size:15px; color:#333}
.c_divbg1 {background:#f2f2f2 url("/img/su_icon01.png") 5% center no-repeat;}
.c_divbg2 {background:#f2f2f2 url("/img/su_icon02.png") 5% center no-repeat;}
.c_divbg3 {background:#f2f2f2 url("/img/su_icon03.png") 5% center no-repeat;}
.c_divbg4 {background:#f2f2f2 url("/img/su_icon04.png") 5% center no-repeat;}
.c_divbg5 {background:#f2f2f2 url("/img/su_icon05.png") 5% center no-repeat;}
.c_divbg6 {background:#f2f2f2 url("/img/su_icon06.png") 5% center no-repeat;}


.top_btn { width: 50px; height: 50px; border: 1px solid rgba(49, 68, 139, 0.4); position: fixed; bottom: 60px; right: 40px; z-index: 1; text-align: center; color: #fff;
     background: rgba(49, 68, 139, 0.6) url("/img/top_btn.png") no-repeat center top 15px;
    font-size: 0; text-indent: -9999px;}

.di_w {display:inline-block}
.input_w5 {width:5% !important}
.input_w10 {width:10% !important}
.input_w20 {width:20% !important}
.input_w30 {width:30% !important}
.input_w40 {width:40% !important}
.input_w50 {width:50% !important}
.input_w60 {width:60% !important}
.input_w70 {width:70% !important}
.input_w80 {width:80% !important}
.input_w90 {width:90% !important}
.input_w100 {width:100% !important}
.basic_input { width: 50%; height: 45px; border: 1px solid #dcdcdc; color: #333; font-size: 15px; padding: 5px 5px; border-radius: 5px; margin: 0 10px 0 0;}



/*사이트맵*/
.sitemap { clear:both; width:100%; margin: 0 auto;}
.sitemap .site_box{float:left; width:100%; margin:15px 0; border:1px solid #dbdbdb; padding:25px 0; }
.sitemap .site_box p{float:left; margin:0 0 10px 15px;  width:100%; line-height:160%; font-size:18px; text-align:left;}
.sitemap .site_box p a{color:#000; font-weight:500;}
.sitemap .site_box ul{float:left; width:100%}
.sitemap .site_box ul li{float:left; font-weight:300; font-size:15px; padding:4px 15px; line-height:160%; color:#000; }
.sitemap .site_box ul li a:hover{color:#004ea2; text-decoration:underline;}
.sitemap .site_box ul li ul {float:left; width:100%; padding:5px 0}
.sitemap .site_box ul li ul li{float:left; font-weight:500; font-size:13px; color:#333; padding:0 15px; border: 0; 
										background:url("/img/sub/li02_bg.gif") no-repeat 3px 10px; }
.sitemap .site_box ul li a:hover{color:#004ea2; text-decoration:underline;}



.tabMenu1 {float:left; margin:0;  font-size:20px; padding: 0; width: 100%; border:1px solid #ddd; background: #fff;}
.tabMenu1 li {background:#fff; width:50%; display:block; float:left; list-style-type:none; text-align:center; background: ;}
.tabMenu1 li a {float:left; line-height:110%; width:100%;  padding:18px 0;text-decoration:none; font-weight:500; color:#000;background: #fff;}
.tabMenu1 li a.active {color:#fff; background: #0052a4;font-weight:600; float:left; padding:18px 0;}

.sban_list {float:left; width:23%;  padding: 10px 10px; margin:15px 15px; border:1px solid #dbdbdb;}
.sban_list img {width:100%; height:50px;}

.reg_btn {display:inline-block;  background:#314b9f; color:#fff; padding:10px 5px; border-radius: 5px; font-size:15px; }
.reg_btn:hover {color:#fff}

.mb_wf {display:inline-block; width: 70%; word-break: keep-all; word-wrap: break-word;}
.mb_wf div {display:inline-block; width:47%}


.hrm_con {position:relative; display:inline-block; width:100%;}
.hrm_po {position: relative; float:left; margin:0 16px 0 0; padding:5px 5px; background:#fff; border:2px dashed #ddd; width:23%; height:135px; }
.hrm_po span{display:block; padding:8px 0; font-size:17px; color:#fff; text-align:center;}
.hrm_po p {display: block; text-align:center; font-size:15px; line-height:140%; color:#333; font-weight:500; padding:10px 0; word-break: keep-all; word-wrap: break-word; }
.hbg01 {background:#5d9cec;}
.hbg02 {background:#0056b8;}
.hbg03 {background:#3bb7c9;}
.hbg04 {background:#19b398;}
.s_arrow {width:100%; display:inline-block; height:50px; margin:0 auto 30px auto;  background: url("/img/big_down_arrow.png") center no-repeat }
.hrm_con2 {position: relative; display:block; text-align:center; margin:0 0 0 0; padding:10px 10px; background:#fff; border:2px dashed #0056b8; word-break: keep-all; word-wrap: break-word; }


/* 반응형 */
@media (min-width: 1px) and (max-width: 1089px) {
/*.tableS01 { width: 100%; border-collapse: collapse; text-indent: initial; border-spacing: 2px;}
.tableS01 thead {display: table-header-group; vertical-align: middle; }
.tableS01 thead th:first-of-type {  border-left: 0;}
.tableS01 thead th:last-of-type { border-right: 0;}
.tableS01 thead th { padding: 10px 10px;  height: 60px; font-size: 18px;  line-height: 28px; color: #000; font-weight: 400;  letter-spacing: -0.05em; background: #fbfbfb;
							border: 1px solid #ddd; border-top-color: #333;  box-sizing: border-box; text-align: center;}
.tableS01 tbody th { padding: 10px 10px;  height: 60px; font-size: 18px;  line-height: 28px; color: #000; font-weight: 400;  letter-spacing: -0.05em; background: #fbfbfb;
							border: 1px solid #ddd; border-top-color: #333;  box-sizing: border-box; text-align: center;}
.tableS01 tbody td { padding: 15px 20px; height: 60px; font-size: 16px; line-height: 24px;color: #333; letter-spacing: -0.05em; text-align: center; border: 1px solid #ddd;
							box-sizing: border-box;}
.tableS01 tbody td:first-of-type { border-left: 0;}
.tableS01 tbody td:last-of-type {border-right: 0;}
.t_l { text-align: left !important;};}*/

}



/*반응형 테이블*/
@media (min-width: 641px) and (max-width: 1089px) {


.quickNav {display:none}
.input_w5 {width:50% !important}
.input_w10 {width:50% !important}
.input_w20 {width:50% !important}
.input_w30 {width:50% !important}
.input_w40 {width:50% !important}
.input_w50 {width:50% !important}

.mb_wf {display:inline-block; width: 70%; word-break: keep-all; word-wrap: break-word;}
.mb_wf div {display:inline-block; width:48%}

/* 메인-비쥬얼 */
.m_visual {position:relative; display:block; width:100%; height:420px; background:#ddd}
/*635*/
#visual {position: relative; width: 100%; height:420px; margin:0 auto; }
#visual .roll_img {position: absolute; width:100%; height:420px; margin:0 auto; }
#visual .roll_img p{position: relative; height:420px; margin:0 auto; text-align:center}
/*#img_num1 {background:url('/img/main_img01.jpg'); background-repeat: no-repeat; background-size: auto 100%;  background-position: center; transition: all 0.25s;}
#img_num2 {background:url('/img/main_img02.jpg'); background-repeat: no-repeat; background-size: auto 100%;  background-position: center; transition: all 0.25s;}*/
.roll_img {background-repeat: no-repeat; background-size: auto 100%;  background-position: center; transition: all 0.25s;}
#visual .roll_img a {display:block;}
#visual .roll_img a.on {display:block;}
#visual .roll_img a.off {display:none;}

#visual .npbtn {position:absolute;  left:50%;  bottom:30px; transform: translate(-50%, 0%); height:50px; z-index:-99999; }
#visual .npbtn a {display:block; top:0px; width:45px; height:50px; text-indent:-9999px; position:absolute;}
#visual .npbtn a.next {background:url('/img/btn_p.png') no-repeat; left:0; top:0; background-size:30px}
#visual .npbtn a.prev {background:url('/img/btn_n.png') no-repeat; right:0px; background-size:30px}

#visual .remote {display:none; position:absolute;top:205px; right:10px; width:43px; height:44px; overflow:hidden;z-index:3;}
#visual .remote a {line-height:44px;display:block; text-indent:-99999px;}
#visual .remote a.arstop {background:url('/img/re_off.png') no-repeat;}
#visual .remote a.arplay {background:url('/img/re_on.png') no-repeat;}


#visual_text_area {position: relative; margin:0 auto; width: 90%; z-index:2; }
.visual_text {position: absolute; top:50px; left:5%; width: 80%; height:200px; z-index:99999; font-size:30px; 
				color:#fff; letter-spacing:-0.5px; text-align:left; font-weight:200;  /*text-shadow:2px 2px 5px #000*/}
.visual_text span { display: inline-block; word-break: keep-all; word-wrap: break-word; font-family:"noto";} 
.vi_text01 {color:#fff; font-size:20px; width:100%; line-height:130%; font-weight:500 }
.vi_text02 {margin:30px 0 50px 0; color:#fff; font-size:45px; width:90%; line-height:120%; }
.vi_text02 b{font-weight:600}
.vi_text03 {color:#fff; font-size:19px; width:90%;  line-height:130%; }
.w90 {width:90% !important}


/*메인*/
.fs_1 {font-size:40px !important}
.mw_1 {position: relative;  display: inline-block; width:95%; }
.mar_w {margin:0}
.mw_2 {position: relative;  display: inline-block; width:95%; margin:0 ; }

.m_pro_list { position: relative; width: 100%; float: left;  height: 417px; margin:0 0 25px 0;  }
.plist_img { position: relative; float: left; width: 100%; height: 330px; margin: 0 0 15px 0; }
.plist_img img {width: 100%; height: 100%;}
.m_pro_list p { margin: 0 0 0 0;float: left;  display: inline-block; width: 100%; text-align: left; font-size: 14px; color: #5b5b5b; line-height: 200%;
					font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing:-0.2px;}
.m_pro_list p a { font-weight: 600; color: #000; font-size: 17px;}


.m_pro2_list { position: relative; width: 100%; float: left;  height: 417px; border: 1px solid #dbdbdb;}
.m_pro2_list h2 {color: #000;  text-align:center; font-size: 25px;  font-weight: 600; line-height: 160%; margin:20px 0 20px 0; letter-spacing: -0.5px;}
.mb_more {position: relative; float: left; width: 100%; text-align:center; margin:5px 0 0 0;
				/*position: absolute; top: 12px; right:20px; font-size: 35px; */ color: #5c5c5c;  font-size: 16px;  font-weight: 400; }
.m_pro2_list p {margin: 0 0 11px 20px; float: left;  display: inline-block; width: 93%; text-align: left; font-size: 16px; color: #000; line-height: 150%;
					padding:0 0 11px 0; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing:-0.2px; border-bottom:1px dashed #b7b7b7}
.m_pro2_list p a {color: #000; }
.m_pro2_list p span {background:#fff; font-size:14px; padding:1px 2px; font-weight: 600; }
.m_prc1 {color:#2c53b4;}
.m_prc2 {color:#0e8909;}
.m_prc3 {color:#df5400;}
.mt_1 {margin-top:0}


.m_pop {position: relative; float:left; display: inline-block; width: 100%; height:290px; }
.bannerto{ float:left; height:290px; width:100%; position:relative; overflow:hidden;}
.btn_pagination{position:absolute; }
.pagination{position:absolute; top:-1px; right:0; z-index:9999}
.pagination a{cursor:pointer; margin:0; float: left;}
.banner_area{ overflow:hidden; height:290px;}
.images {height:290px; width:100%; position:relative}
.images img{height:290px; width:100%; border: 1px solid #dbdbdb;} 

.m_icon p {float:left; display: inline-block; margin:0 0 0 165px; width:200px;  text-align: left; font-size: 15px; color: #fff; line-height: 140%; font-weight: 500;
				word-break: keep-all; word-wrap: break-word;}
.m_icon p span {float:left; margin:0 0 10px 0; font-size:20px; font-weight: 600; width:100%;  }


.m_ban_list { position: relative; width: 100%; margin-top:3%; float: left;  height: 100%; padding:10px 0;  border: 1px solid #dbdbdb;}
.m_ban_list h2 {color: #000;  text-align:left; font-size: 25px;  font-weight: 600; line-height: 160%; margin:20px 0 20px 30px; letter-spacing: -0.5px;}
.mba_more {position: absolute; top: 12px; right:30px; font-size: 35px;  color: #5c5c5c;  font-weight: 400; }
.m_ban_list p {margin: 0 0 11px 35px; float: left;  display: inline-block; width: 40%; text-align: left; line-height: 150%;
					padding:0 0 11px 0; border-bottom:1px dashed #b7b7b7}
.m_ban_list p img{width:100%; height:45px;}
.mb_no{border-bottom:none !important}


.hrm_con {position:relative; display:inline-block; width:100%;}
.hrm_po {position: relative; float:left; margin:0 16px 16px 0; padding:5px 5px; background:#fff; border:2px dashed #ddd; width:47%; height:135px; }
.hrm_po span{display:block; padding:8px 0; font-size:17px; color:#fff; text-align:center;}
.hrm_po p {display: block; text-align:center; font-size:15px; line-height:140%; color:#333; font-weight:500; padding:10px 0; word-break: keep-all; word-wrap: break-word; }
.hbg01 {background:#5d9cec;}
.hbg02 {background:#0056b8;}
.hbg03 {background:#3bb7c9;}
.hbg04 {background:#19b398;}
.s_arrow {width:100%; display:inline-block; height:50px; margin:0 auto 30px auto;  background: url("/img/big_down_arrow.png") center no-repeat }
.hrm_con2 {position: relative; display:block; text-align:center; margin:0 0 0 0; padding:10px 10px; background:#fff; border:2px dashed #0056b8; word-break: keep-all; word-wrap: break-word; }



}




@media only screen  and (max-width: 640px)/*, (min-device-width: 648px)   and (max-device-width: 640px)*/  {

	.quickNav {display:none}
	.input_w5 {width:40% !important}
	.input_w10 {width:40% !important}
	.input_w20 {width:40% !important}
	.input_w30 {width:40% !important}
	.input_w40 {width:40% !important}
	.input_w50 {width:40% !important}

	.mb_wf {display:inline-block; width: 73%; word-break: keep-all; word-wrap: break-word;}
	.mb_wf div {display:inline-block; width:100%}

	.hrm_con {position:relative; display:inline-block; width:100%;}
	.hrm_po {position: relative; float:left; margin:0 0 16px 0; padding:5px 5px; background:#fff; border:2px dashed #ddd; width:100%; height:125px; }
	.hrm_po span{display:block; padding:8px 0; font-size:17px; color:#fff; text-align:center;}
	.hrm_po p {display: block; text-align:center; font-size:15px; line-height:140%; color:#333; font-weight:500; padding:10px 0; word-break: keep-all; word-wrap: break-word; }
	.hbg01 {background:#5d9cec;}
	.hbg02 {background:#0056b8;}
	.hbg03 {background:#3bb7c9;}
	.hbg04 {background:#19b398;}
	.s_arrow {width:100%; display:inline-block; height:50px; margin:0 auto 30px auto;  background: url("/img/big_down_arrow.png") center no-repeat }
	.hrm_con2 {position: relative; display:block; text-align:center; margin:0 0 0 0; padding:10px 10px; background:#fff; border:2px dashed #0056b8; word-break: keep-all; word-wrap: break-word; }



	/* 메인-비쥬얼 */
	.m_visual {position:relative; display:block; width:100%; height:350px; background:#ddd}
	/*635*/
	#visual {position: relative; width: 100%; height:350px; margin:0 auto; }
	#visual .roll_img {position: absolute; width:100%; height:350px; margin:0 auto; }
	#visual .roll_img p{position: relative; height:350px; margin:0 auto; text-align:center}
	/*#img_num1 {background:url('/img/main_img01.jpg'); background-repeat: no-repeat; background-size: auto 100%;  background-position: center; transition: all 0.25s;}
	#img_num2 {background:url('/img/main_img02.jpg'); background-repeat: no-repeat; background-size: auto 100%;  background-position: center; transition: all 0.25s;}*/
	/*#img_num2 {background:url('/img/main/main_img02.jpg') no-repeat 50% 50%; background-size: cover;}*/
	.roll_img {background-repeat: no-repeat; background-size: auto 100%;  background-position: center; transition: all 0.25s;}
	#visual .roll_img a {display:block;}
	#visual .roll_img a.on {display:block;}
	#visual .roll_img a.off {display:none;}

	#visual .npbtn {position:absolute;  left:50%;  bottom:0px; transform: translate(-50%, 0%); height:50px; z-index:9999; }
	#visual .npbtn a {display:block; top:0px; width:45px; height:79px; text-indent:-9999px; position:absolute;}
	#visual .npbtn a.next {background:url('/img/btn_p.png') no-repeat; left:0; top:0; background-size:20px}
	#visual .npbtn a.prev {background:url('/img/btn_n.png') no-repeat; right:0px; background-size:20px}

	#visual .remote {display:none; position:absolute;top:205px; right:10px; width:43px; height:44px; overflow:hidden;z-index:3;}
	#visual .remote a {line-height:44px;display:block; text-indent:-99999px;}
	#visual .remote a.arstop {background:url('/img/re_off.png') no-repeat;}
	#visual .remote a.arplay {background:url('/img/re_on.png') no-repeat;}


	#visual_text_area {position: relative; margin:0 auto; width: 90%; z-index:2; }
	.visual_text {position: absolute; top:50px; left:5%; width: 85%; height:200px; z-index:99999; font-size:30px; 
					color:#fff; letter-spacing:-0.5px; text-align:left; font-weight:200;  /*text-shadow:2px 2px 5px #000*/}
	.visual_text span { display: inline-block; word-break: keep-all; word-wrap: break-word; font-family:"noto";} 
	.vi_text01 {color:#fff; font-size:15px; width:100%; line-height:130%; font-weight:500 }
	.vi_text02 {margin:20px 0 30px 0; color:#fff; font-size:32px; width:95%; line-height:120%; }
	.vi_text02 b{font-weight:600}
	.vi_text03 {color:#fff; font-size:17px; width:95%;  line-height:130%; }
	.w90 {width:90% !important}



	/*메인*/
	.fs_1 {font-size:33px !important}
	.mw_1 {position: relative;  display: inline-block; width:90%; margin:0 0 0 5%}
	.mar_w {}
	.mw_2 {position: relative;  display: inline-block; width:90%; margin:0 0 0 5% }

	.m_pro_list { position: relative; width: 100%; float: left;  height: 417px; margin:0 0 25px 0;  }
	.plist_img { position: relative; float: left; width: 100%; height: 330px; margin: 0 0 15px 0; }
	.plist_img img {width: 100%; height: 100%;}
	.m_pro_list p { margin: 0 0 0 0;float: left;  display: inline-block; width: 100%; text-align: left; font-size: 14px; color: #5b5b5b; line-height: 200%;
						font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing:-0.2px;}
	.m_pro_list p a { font-weight: 600; color: #000; font-size: 17px;}


	.m_pro2_list { position: relative; width: 100%; float: left;  height: 417px; border: 1px solid #dbdbdb;}
	.m_pro2_list h2 {color: #000;  text-align:center; font-size: 25px;  font-weight: 600; line-height: 160%; margin:20px 0 20px 0; letter-spacing: -0.5px;}
	.mb_more {position: relative; float: left; width: 100%; text-align:center; margin:5px 0 0 0;
					/*position: absolute; top: 12px; right:20px; font-size: 35px; */ color: #5c5c5c;  font-size: 16px;  font-weight: 400; }
	.m_pro2_list p {margin: 0 0 11px 20px; float: left;  display: inline-block; width: 93%; text-align: left; font-size: 16px; color: #000; line-height: 150%;
						padding:0 0 11px 0; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing:-0.2px; border-bottom:1px dashed #b7b7b7}
	.m_pro2_list p a {color: #000; }
	.m_pro2_list p span {background:#fff; font-size:14px; padding:1px 2px; font-weight: 600; }
	.m_prc1 {color:#2c53b4;}
	.m_prc2 {color:#0e8909;}
	.m_prc3 {color:#df5400;}
	.mt_1 {margin-top:0}


	.m_pop {position: relative; float:left; display: inline-block; width: 100%; height:290px; }
	.bannerto{ float:left; height:290px; width:100%; position:relative; overflow:hidden;}
	.btn_pagination{position:absolute; }
	.pagination{position:absolute; top:-1px; right:0; z-index:9999}
	.pagination a{cursor:pointer; margin:0; float: left;}
	.banner_area{ overflow:hidden; height:290px;}
	.images {height:290px; width:100%; position:relative}
	.images img{height:290px; width:100%; border: 1px solid #dbdbdb;} 


	.m_ban_list { position: relative; width: 100%; margin-top:7%; float: left;  height: 100%; padding:10px 0;  border: 1px solid #dbdbdb;}
	.m_ban_list h2 {color: #000;  text-align:left; font-size: 25px;  font-weight: 600; line-height: 160%; margin:20px 0 20px 30px; letter-spacing: -0.5px;}
	.mba_more {position: absolute; top: -7px; right:30px; font-size: 35px;  color: #5c5c5c;  font-weight: 400; }
	.m_ban_list p {margin: 0 0 11px 35px; float: left;  display: inline-block; width: 38%; text-align: left; line-height: 150%;
						padding:0 0 11px 0; border-bottom:1px dashed #b7b7b7}
	.m_ban_list p img{width:100%; height:55px;}
	.mb_no{border-bottom:none !important}



	.top_btn {display:none;}

	/* 인사말 */
	.greet_box1{display: inline-block; width: 100%; margin:70px 0 0 0; height: 280px; background: url("/img/greet_bg.jpg") center no-repeat;background-size: cover; position: relative;}
	.greet_box1 .pf_box{font-weight: 300; width:90%;  position: absolute; top: 40%; left: 30px; transform: translateY(-40%);}
	.greet_box1 .pf_box p {color: #fff;  font-size: 27px;  font-weight: 500; line-height: 130%; margin-bottom: 30px; letter-spacing: -1px;}
	.greet_box1 .pf_box span{color: #fff; font-size: 16px; line-height: 29px;word-break: keep-all; letter-spacing: -0.5px;}
	.br {}

	.intro_cal {position: relative; width:100%; display: inline-block; margin-top: 0;  padding: 0 0 80px 0; }
	.intro_mc {float:left; width:100%; height:220px;}
	.intro_mc img {width:100%; height:100%;}
	.intro_lc {float:left; width:100%;  margin:8% 0 0 0; background:#fff; padding:20px 0; }
	.intro_lc p{float:left;  width:100%; font-size:15px; color:#333; line-height:160%; font-weight:400; word-break: keep-all; word-wrap: break-word;}
	.intro_lc h3 {font-size:21px; font-weight:600}
	.intro_lc b {color:#0066b3; font-weight:600}

	.m_t0 {margin-top:0px !important;}
	.w100 {width:100% !important}
	.con_w1 {width:100%; float:left; display: inline-block;}
	.con_w2 {width:100%; float:left; display: inline-block;}
	.con_w3 {width:100%; float:left; display: inline-block;}
	.con_w4 {width:100%; display: inline-block;}
	.con_w5 {width:100%; float:left; display: inline-block;}
	.m_t100 {margin-top:100px !important}
	.m_t10 {margin-top:10px !important}

	.con_t1{ font-size: 22px; font-weight: 600; color:#000; text-align:left; letter-spacing:-0.5px; }
	.con_t2{ font-size: 15px; font-weight: 600; color:#028f58; text-align:left; }
	.skinListTxt {float: left; display: inline-block; width: 100%; margin:40px 0;}
	.skinListTxt .tit { width: 100%;  line-height: 160%;  font-size: 21px; font-weight: 600; color: #028f58; letter-spacing: -0.6px;}
	.skinListTxt .tit span{ font-size: 15px; font-weight: 500; }
	.skinListTxt .subtit3 {width: 100%;  line-height: 160%;  margin-left: 0px; font-size: 18px; letter-spacing: -0.5px;font-weight: 600; }
	.subtxt { color: #555;  line-height: 200%; font-size: 17px; letter-spacing: -0.5px; word-break: keep-all; word-wrap: break-word;}
	.subtxt span{background:#38a233; color: #fff;  font-size: 20px; font-weight:600; padding:0 10px}
	.subtxt img {border:1px solid #dbdbdb; }

	.img_w img{width:100%;}


	.c_div2 {float:left; /*padding:2% 2%; margin:30px 0; border:2px dashed #dbdbdb*/}
	.c_div2 dl {float:left; width:100%; line-height:170%; margin:10px 0; padding:0 0 15px 0; border-bottom: 1px dashed #dbdbdb}
	.c_div2 dl dt { float:left; width:100%; text-align:left;  padding:15px 0 15px 85px;  margin: 0 20px 0 0;; color:#000; font-weight:600;  font-size:16px; }
	.c_div2 dl dd {float:left; padding:15px 0;  font-weight:500;  font-size:15px; color:#333}
	.c_divbg1 {background:#f2f2f2 url("/img/su_icon01.png") left center no-repeat;}
	.c_divbg2 {background:#f2f2f2 url("/img/su_icon02.png") left center no-repeat;}
	.c_divbg3 {background:#f2f2f2 url("/img/su_icon03.png") left center no-repeat;}
	.c_divbg4 {background:#f2f2f2 url("/img/su_icon04.png") left center no-repeat;}
	.c_divbg5 {background:#f2f2f2 url("/img/su_icon05.png") left center no-repeat;}
	.c_divbg6 {background:#f2f2f2 url("/img/su_icon06.png") left center no-repeat;}



	.sban_list {float:left; width:45%;  padding: 10px 10px; margin:10px 10px; border:1px solid #dbdbdb;}
	.sban_list img {width:100%; height:45px;}



	.vno {display:none !important}
			/*신규*/
	.m_t40 {margin-top:45px !important}
	.m_b20 {margin-bottom:20px !important}
	.fl_r {float:right; margin:15px 0 0 0}
	.fl_l {float:left; margin:15px 0 0 0}
	.fl_lm {float:left; margin:5px 10px 30px 0 !important}
	.fl_ce {margin:15px auto 0 auto; text-align:center}
	.cond_w {position:relative; display: inline-block; width:100%; height:100%; margin:0 auto 45px 0; border-bottom:1px solid #dbdbdb; }
	.cond_img {position:relative; float:left; width:35%; height:240px;}
	.cond_img img{width:100%; height:100%; }
	.cond_info {position:relative; float:right; width:61%; height:100%;}
	.cond_info h3{font-size: 1.4rem;  color:#080808; margin:10px 0 15px 0; font-weight:600; line-height:160%; text-align:left; }
	.cond_text {padding: 4px; box-sizing: border-box;}
	.cond_text dl { position: relative; margin-bottom: 5px; display: block;  min-height: 25px;}
	.cond_text dt {position: absolute; left: 0;top: 0; font-size: 16px;color: #333; line-height: 150%; font-weight: 600;}
	.cond_text dd {margin-left: 90px; font-size: 16px;color: #3e3e3e;line-height: 150%; overflow: hidden; word-break: keep-all; word-wrap: break-word;}
	.cor_01 {color: #d31151 !important;}
	.cor_02 { color: #0051a3 !important;}
	.imgHW {height:330px !important; width:30% !important; }
	.imgW {width:65% !important; }
	.w30 {width:50% !important; margin:0 auto; text-align:center; display:table}


	.cond_d {position:relative; float:left; padding:25px 0; width:100%; margin:10px 0 0 0;  }
	.cond_d h4 {font-size: 1.2rem; color:#0051a3; margin:0 0 10px 0; font-weight:600; line-height:200%; text-align:left;}
	.conT {font-size:15px; color:#000; line-height:160%; text-align:left}
	.conT img{width:100%}


	.inner { border-bottom: 0.4rem solid #e3e5e4; width: 100%; margin: auto; }
	.inner h4 {  display: inline-block; position: relative; padding: 3rem 0 2rem;}
	.inner h4 > strong {  font-size: 1.9rem; font-weight: 600; padding: 0.3rem 0 0.5rem;}
	.inner h4 > span { font-size: 1.4rem; display: block;}
	.inner h4:after { content: '';  position: absolute;  left: 0; right: 0;  bottom: -0.9rem; height: 0.4rem; background-color: #2c66b8;}

	/*버튼*/
	a.con_btnw {display:inline-block; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:10px 30px; text-align:center; color:#fff; border-radius:5px; background:#089652}
	a.con_list {display:inline-block; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:9px 30px; text-align:center; color:#000; border-radius:5px; background:#fff; border:1px solid #333}
	a.con_btnc {display:inline-block; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:9px 30px; text-align:center; color:#8e8e8e; border-radius:5px; background:#f2f2f2; border:1px solid #d7d7d7}
	.con_btnw {display:inline-block; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:10px 30px; text-align:center; color:#fff; border-radius:5px; background:#089652}
	.con_list {display:inline-block; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:9px 30px; text-align:center; color:#000; border-radius:5px; background:#fff; border:1px solid #333}
	.con_btnc {display:inline-block; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:9px 30px; text-align:center; color:#8e8e8e; border-radius:5px; background:#f2f2f2; border:1px solid #d7d7d7}
	.cor_bg1 {background:#d6610c  !important}
	.cor_bg2 {background:#194e99  !important}
	.cor_bg3 {background:#333  !important}
	.cor_bg4 {background:#cf2020  !important}
	.pa_w {padding:5px 10px !important; margin:4px 0 0 0 !important; }
	a.con_btnw:hover {color:#fff}
	.input_bw {display:inline-block; border:none; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:10px 30px; text-align:center; color:#fff; border-radius:5px; background:#089652}
	a.input_bw:hover {color:#fff;}

	h3.bar_tit {position: relative; display:block;  margin: 40px 0 20px 0; padding-left: 20px;  font-size: 22px;  line-height: 34px; color: #333; font-weight: 600; letter-spacing: -0.05em;}
	h3.bar_tit:after { content: ''; position: absolute; left: 0; top: 7px;  width: 4px; height: 24px;  background: #333;}

	.reg_point {position: relative;  margin:0; display:block; width:100%; line-height:160%; text-align:right; font-size:15px; color:#000}
	.reg_point b{color:red; font-size:18px;}



	a.R_btnw {display:inline-block; width:100%; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:5px 0; text-align:center; color:#fff; border-radius:5px; background:#089652}
	a.R_btnw:hover {color:#fff}
	.R_btne {display:inline-block; width:100%; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:5px 0; text-align:center; color:#fff; border-radius:5px; background:#333}
	.R_btnd {display:inline-block; width:100%; margin:10px 0 0 0; font-size:15px; font-weight:500; padding:5px 0; text-align:center; color:#fff; border-radius:5px; background:#cf2020}



	/* 설명글 */
	.c_box2 {display:inline-block; width:100%; height: 100%; margin: 40px auto;  border-top: 2px dashed #ddd; border-bottom: 2px dashed #ddd; background: #fff; 
				padding: 20px 20px; word-break: keep-all; word-wrap: break-word;}
	.c_box2 img {display:none; float: left; width: 85px; margin: 0 50px 0 0;}
	.c_box2 p { float: left; width: 100%; margin: 5px 0 0 0; font-size: 16px; line-height: 160%; text-align: left; color: #000; word-break: keep-all; word-wrap: break-word;}


	.con_search {position: relative; display:inline-block; padding:10px 0; width:100%; /*border:1px solid #dbdbdb;*/  }
	.con_search label{display:none; font-size:18px; font-weight:500; color:#424242; margin:0 25px 0 0;}
	.con_search input{box-sizing:border-box; vertical-align:middle; border-radius:5px; height:45px;  margin:0 0 0 5px;
							color:#333; font-size:15px; padding:11px 0 11px 5px; border:1px solid #d1cfcf; width:35%}
	.con_search input[type=button] {box-sizing:border-box; vertical-align:middle; border-radius:5px; height:45px;  margin:0 0 0 5px; background:#333;
							color:#fff; font-size:15px; padding:11px 0 11px 0; border:0; width:15%;}
	.con_search select {box-sizing:border-box; vertical-align:middle; line-height:26px; height:45px; padding-left:5px; border:1px solid #d1cfcf;
							border-radius:5px; width:40%; font-size:15px; margin:0 5px;
							-webkit-appearance:none; 
							-moz-appearance:none;
							appearance:none;
							background:url("/img/se_arrow.png") no-repeat 95% 4px;
							}
	.con_search input[type=image] {width:36px; height:37px; border:none; padding:0; margin:0 0 0 10px;}
	.con_search select::-ms-expand {display:none; }/*익스플로러 10, 11에 적용하기 위함*/

	.use_month {position: relative; display:inline-block; width: 100%; padding: 0 0; margin: 20px auto 30px auto; text-align: center;}
	.use_month a {font-size: 17px; font-weight: 500;color: #333; background: #f2f2f2; border: 1px solid #ddd; height: 22px; line-height: 160%; 
						padding: 5px 10px;border-radius: 5px;}
	.use_month span { color: #000; font-weight: 700; font-size:20px; padding: 0 30px;}



		table.calen, table.calen thead, table.calen tbody, table.calen th, table.calen td, table.calen tr {display: block;}
		table.calen thead tr {position: absolute;top: -9999px;left: -9999px;}
		table.calen tr { margin: 0 0 1rem 0; }
		tr:nth-child(odd) { background: #fff;}
		table.calen td {border: none;border-bottom: 1px solid #dbdbdb;position: relative;	padding-left: 20%;padding-top:10px;
							color:#000 !important; font-weight:600; font-size:14px;}
		table.calen td:before {	position: absolute;top: 0;left: 6px;width: 45%;padding-top:10px;padding-right: 10px;white-space: nowrap;
										color:#000 !important;}
		table.calen td:nth-of-type(1):before { content: "일"; }
		table.calen td:nth-of-type(2):before { content: "월"; }
		table.calen td:nth-of-type(3):before { content: "화"; }
		table.calen td:nth-of-type(4):before { content: "수"; }
		table.calen td:nth-of-type(5):before { content: "목"; }
		table.calen td:nth-of-type(6):before { content: "금"; }
		table.calen td:nth-of-type(7):before { content: "토"; }


		.nw-box { position: relative;}

		.bg-banner .m_icon p { width: calc(100% - 60px) !important; display: inline-block; padding-top: 0px !important;}
		.m_icon div.round { margin: 5px 0px 0px 5px; }
		.bg-banner .m_icon strong { font-size: 16px !important;}
		.navbar-brand img { width: 90%;}

		.navbar-toggler { position: absolute; right: 10px;}
	}



	.skill .sub_con {margin-bottom:30px; margin-top: 30px;}
	.skill .sub_con:last-child {margin-bottom:none;}
	.skill .sub_con h5 {font-weight:600; color:#444; font-size:22px; margin-left:25px; margin-bottom:10px;}
	.skill .sub_con h5::before {content:""; display:block; position:absolute; background:#0068ce; width:12px; height:12px; z-index:0; margin:10px 0 0 -25px;}
	.skill .sub_con .sub_onep { clear: both; margin-top: 20px;}
	.skill .sub_con .sub_onep p {font-size:18px; color:#444; margin-left:40px;}
	.skill .sub_con .sub_onep p::before {content:""; display:block; position:absolute; border:3px solid #0068ce; width:7px; height:7px; border-radius:20px; z-index:1; margin:8px 0 0 -25px;}
	.skill .sub_con .sub_onep p.point {text-decoration:underline; font-weight:600;}
	.skill .sub_con .sub_onep p.bf_none::before {display:none;}
	.skill .sub_con .sub_onep p.bf_none span {color:#308de9; font-weight:600;}
	
	.skill .sub_con table {width:100%;}
	.skill .sub_con table tr {border-top:1px solid #ddd; text-align:center;}
	.skill .sub_con table tr:first-child {border-top:2px solid #0068ce; background:#fafafa;}
	.skill .sub_con table tr:last-child {border-bottom:1px solid #ddd;}
	.skill .sub_con table tr td {border-left:1px solid #ddd; padding:10px; font-size:17px;}
	.skill .sub_con table tr td:first-child {border-left:none;}
	.skill .sub_con table tr.dg01 td:first-child {border-left:1px solid #ddd}
	
	
	@media screen and (max-width:1400px) {
		.skill .sub_con h5 {font-size:20px; margin-left:20px; margin-bottom:5px; margin-top: 20px;}
		.skill .sub_con h5::before {width:10px; height:10px; margin:6px 0 0 -20px;}
		.skill .sub_con .sub_onep p {font-size:16px; margin-left:32px;}
		.skill .sub_con .sub_onep p::before {width:5px; height:5px; margin:6px 0 0 -20px;}
	
		.skill .sub_con table tr td {font-size:15px;}
	}
	
	@media screen and (max-width:870px) {
		.skill .sub_con h5 {font-size:17px; margin-left:15px; margin-bottom:0px;}
		.skill .sub_con h5::before {width:8px; height:8px; margin:7px 0 0 -15px;}
		.skill .sub_con .sub_onep p {font-size:14px; margin-left:32px;}
		.skill .sub_con .sub_onep p::before {width:4px; height:4px; border:2px solid #0068ce; margin:6px 0 0 -15px;}
	
		.skill .sub_con table tr td {font-size:13px;}
	}
	
	@media screen and (max-width:380px) {
		.skill .sub_con .tab_div {overflow-x:auto;}
	}
	
	
	@media screen and (max-width:380px) {
		.skill .sub_con .tab_div {overflow-x:auto;}
	}	


	.system {width:100%;}
	.system .st_ul {}
	.system .st_ul .st_li {}
	.system .st_ul .st_li div {font-size:17px; text-align:center; font-weight:600;}
	.system .st_ul .st_li div:last-child {}
	
	.system .st_ul .st_li ul {display:flex; align-items:center;}
	.system .st_ul .st_li ul li {width:350px; border:2px solid #888; margin-bottom:50px;}
	.system .st_ul .st_li ul li:last-child {margin-bottom:none;}
	.system .st_ul .st_li ul li div {padding:10px 0; background:#fafafa;}
	.system .st_ul .st_li ul li div:last-child {border-top:1px solid #ddd; font-size:19px; background:#fff;}
	
	.system .st_ul .st_li ul li.stli_sub {border:none; margin-left:180px;}
	.system .st_ul .st_li ul li.stli_sub div {border:1px solid #ddd; margin-top:10px; padding:10px; width:200px; font-size:16px; text-align:center; font-weight:400; background:#fff;}
	.system .st_ul .st_li ul li.stli_sub div:first-child {margin-top:0;}
	
	.system .st_ul .st_li.dg01 {border:2px solid #888; width:350px; margin-bottom:50px; z-index: 2;}
	.system .st_ul .st_li.dg01 div {padding:10px 0; background:#fafafa;}
	.system .st_ul .st_li.dg01 div:last-child {border-top:1px solid #ddd; font-size:19px; background:#fff;}
	
	.system .st_ul .st_li.dg02 {margin-left:300px;}
	.system .st_ul .st_li.dg02 ul li {width:320px;}
	
	.system .st_ul .st_li.dg03 {margin-top:100px;}
	.system .st_ul .st_li.dg03 ul li {width:160px;}
	.system .st_ul .st_li.dg03 ul li:first-child {margin-right:30px;}
	
	/* 라인 */
	.system .st_ul .st_li.dg01::before {content:""; display:block; position:absolute; background:#ddd; width:1px; height:520px; z-index:1; margin:0 0 0 175px;}
	.system .st_ul .st_li.dg03 ul::before {content:""; display:block; position:absolute; background:#ddd; width:190px; height:1px; z-index:1; margin:-252px 0 0 83px;}
	.system .st_ul .st_li.dg03 ul li::before {content:""; display:block; position:absolute; background:#ddd; width:1px; height:60px; z-index:1; margin:-54px 0 0 80px;} 
	.system .st_ul .st_li.dg02::before {content:""; display:block; position:absolute; background:#ddd; width:500px; height:1px; z-index:1; margin:68px 0 0 -123px;}
	.system .st_ul .st_li.dg02 ul li.stli_sub::before {content:""; display:block; position:absolute; background:#ddd; width:1px; height:65px; z-index:1; margin:36px 0 0 -82px;}
	.system .st_ul .st_li.dg02 ul li.stli_sub div::before {content:""; display:block; position:absolute; background:#ddd; width:100px; height:1px; z-index:1; margin:10px 0 0 -92px;}
	.system .st_ul .st_li.dg02 ul li.stli_sub div:first-child::before {margin-top:25px;}
	.system .st_ul .st_li ul li.stli_sub div::before {content:""; display:block; position:absolute; background:#ddd; width:200px; height:1px; z-index:1; margin:40px 0 0 -200px;}
	
	
	@media screen and (max-width:1400px) {
		.system .st_ul .st_li div {font-size:15px;}
	
		.system .st_ul .st_li ul li {width:280px;}
		.system .st_ul .st_li ul li div {padding:8px 0;}
		.system .st_ul .st_li ul li div:last-child {font-size:17px;}
	
		.system .st_ul .st_li ul li.stli_sub {margin-left:70px;}
		.system .st_ul .st_li ul li.stli_sub div {padding:8px; width:200px; font-size:14px;}
	
		.system .st_ul .st_li.dg01 {width:280px;}
		.system .st_ul .st_li.dg01 div {padding:8px 0;}
		.system .st_ul .st_li.dg01 div:last-child {font-size:17px;}
	
		.system .st_ul .st_li.dg02 {margin-left:180px;}
		.system .st_ul .st_li.dg02 ul li {width:240px;}
	
		.system .st_ul .st_li.dg03 ul li {width:140px;}
		.system .st_ul .st_li.dg03 ul li:first-child {margin-right:10px;}
	
		/* 라인 */
		.system .st_ul .st_li.dg01::before {height:470px; margin:0 0 0 140px;}
		.system .st_ul .st_li.dg03 ul::before {width:150px; margin:-252px 0 0 72px;}
		.system .st_ul .st_li.dg03 ul li::before {height:60px; margin:-60px 0 0 70px;} 
		.system .st_ul .st_li.dg02::before {width:310px; margin:58px 0 0 -38px;}
		.system .st_ul .st_li.dg02 ul li.stli_sub::before {height:60px; margin:29px 0 0 -38px;}
		.system .st_ul .st_li.dg02 ul li.stli_sub div::before {width:50px; margin:10px 0 0 -46px;}
		.system .st_ul .st_li.dg02 ul li.stli_sub div:first-child::before {margin-top:20px;}
		.system .st_ul .st_li ul li.stli_sub div::before {width:160px; margin:22px 0 0 -160px;}
	}
	
	
	@media screen and (max-width:870px) {
		.system .st_ul .st_li div {font-size:13px;}
	
		.system .st_ul .st_li ul {display:block;}
		.system .st_ul .st_li ul li {width:100%; margin-bottom:10px; margin-top:30px;}
		.system .st_ul .st_li ul li div:last-child {font-size:15px;}
	
		.system .st_ul .st_li ul li.stli_sub {margin-left:0; margin-top:0;}
		.system .st_ul .st_li ul li.stli_sub div {width:100%; font-size:12px;}
	
		.system .st_ul .st_li.dg01 {width:100%; margin-bottom:0;}
		.system .st_ul .st_li.dg01 div:last-child {font-size:15px;}
	
		.system .st_ul .st_li.dg02 {margin-left:0;}
		.system .st_ul .st_li.dg02 ul li {width:100%;}
	
		.system .st_ul .st_li.dg03 {margin-top:30px;}
		.system .st_ul .st_li.dg03 ul li {width:100%;}
		.system .st_ul .st_li.dg03 ul li:first-child {margin-right:0;}
	
		/* 라인 */
		.system .st_ul .st_li.dg01::before, .system .st_ul .st_li.dg03 ul::before,.system .st_ul .st_li.dg03 ul li::before, .system .st_ul .st_li.dg02::before,    
		.system .st_ul .st_li.dg02 ul li.stli_sub::before, .system .st_ul .st_li.dg02 ul li.stli_sub div::before, .system .st_ul .st_li.dg02 ul li.stli_sub div:first-child::before,
		.system .st_ul .st_li ul li.stli_sub div::before {display:none;}

		.title-wrap { position: relative !important; bottom: 0px !important; text-align: center; }
		.bg-banner { padding: 50px 0px 300px 0px !important; }

		.bg-banner .m_icon img[alt="아이콘"] { width: 25px !important; height: 25px !important; }

		.nw-box  { width: 100% !important; padding: 10px 0px !important; height: unset !important; bottom: 0px !important; top: unset !important; }
		.m_icon div.round { padding: 10px !important; width: 50px !important; height: 50px !important; }
	}	


	.propulsion {}
	.propulsion .pr_ul {}
	.propulsion .pr_ul .pr_li {}
	.propulsion .pr_ul .pr_li.dg01 {margin-top:100px;}
	
	.propulsion .pr_ul .pr_li ul {display:flex; align-content:flex-start;}
	.propulsion .pr_ul .pr_li ul.dg01 {align-items:center; justify-content:space-between;}
	
	.propulsion .pr_ul .pr_li ul li {border:2px solid #888; width:50%;}
	.propulsion .pr_ul .pr_li ul li.prli_li {width:240px;}
	
	.propulsion .pr_ul .pr_li ul li div {font-size:18px; padding:10px 20px; background:#fff;}
	.propulsion .pr_ul .pr_li ul li div:first-child {border-bottom:1px solid #888; text-align:center; background:#fafafa;}
	
	.propulsion .pr_ul .pr_li ul li div p {margin-top:3px; margin-left:20px;}
	.propulsion .pr_ul .pr_li ul li div .prli_p {margin-left:15px; margin-top:15px;}
	.propulsion .pr_ul .pr_li ul li div .prli_p.dg01 {font-weight:600;}
	.propulsion .pr_ul .pr_li ul li div .prli_p.dg02 {margin-top:0;}
	
	.propulsion .pr_ul .pr_li.dg01 ul li {margin-right:20px;}
	.propulsion .pr_ul .pr_li.dg01 ul li:last-child {margin-right:0;}
	
	/* div 안쪽 left 표시 디자인 */
	.propulsion .pr_ul .pr_li ul li div p::before {content:""; display:block; position:absolute; background:#0068ce; width:6px; height:2px; border-radius:50px; z-index:1; margin:12px 0 0 -15px;}
	.propulsion .pr_ul .pr_li ul li div .prli_p::before {content:""; display:block; position:absolute; background:#0068ce; width:10px; height:10px; border-radius:50px; z-index:1; margin:8px 0 0 -20px;}
	
	/* 라인 */
	.propulsion .pr_ul .pr_li::before {content:""; display:block; position:absolute; background:#ddd; width:1px; height:50px; z-index:1; left:50%; margin:113px 0 0 0px;}
	.propulsion .pr_ul .last.pr_li:before {margin:50px 0 0 0px;}
	.propulsion .pr_ul .pr_li.dg01::before {display:none;}
	
	.propulsion .pr_ul .pr_li.dg01 ul::before {content:""; display:block; position:absolute; background:#ddd; width:50%; height:1px; z-index:1; margin-top:-49px; right: 25%; left: 25%;}
	.propulsion .pr_ul .pr_li.dg01.last ul::before { right: 17%; left: 17%; width: 67%;}
	.propulsion .pr_ul .pr_li.dg01 ul li::before {content:""; display:block; position:absolute; background:#ddd; width:1px; height:50px; z-index:1; margin:-50px 0 0 0px;}
	.propulsion .pr_ul .pr_li.dg01 ul li.center::before { left: 50%;}
	.propulsion .pr_ul .pr_li.dg01 ul li:last-child::before { right: 25%; }
	.propulsion .pr_ul .pr_li.dg01 ul li.dg03::before {content:""; display:block; position:absolute; background:#ddd; width:1px; height:50px; z-index:1; margin:-50px 0 0 0px; left: 25%}
	
	
	@media screen and (max-width:1100px) {
		.propulsion .pr_ul .pr_li ul li.prli_li {width:220px;}
	
		.propulsion .pr_ul .pr_li ul li div {font-size:16px; padding:8px 20px;}
	
		.propulsion .pr_ul .pr_li ul li div p {margin-top:2px; margin-left:15px;}
		.propulsion .pr_ul .pr_li ul li div .prli_p {margin-left:10px; margin-top:12px;}
	
		/* div 안쪽 left 표시 디자인 */
		.propulsion .pr_ul .pr_li ul li div p::before {margin:10px 0 0 -12px;}
		.propulsion .pr_ul .pr_li ul li div .prli_p::before {width:7px; height:7px; margin:6px 0 0 -14px;}
	
		/* 라인 */
		.propulsion .pr_ul .pr_li.dg01 ul li::before {margin-top:-50px;}
		.propulsion .pr_ul .pr_li.dg01 ul li:last-child:before { right: 25%;}
		.propulsion .pr_ul .pr_li.dg01 ul li.last::before { right: 16%;}
		.propulsion .pr_ul .pr_li.dg01 ul li.dg03::before {height:50px; margin-top: -52px}
		.propulsion .pr_ul .pr_li.dg01 ul li.dg06::before {height:50px; margin-top: -52px; left: 17%}
	}
	
	@media screen and (max-width:1100px) {
		/* 라인 */
		.propulsion .pr_ul .pr_li::before {width:1px; margin-top: 105px;}
	}
	
	@media screen and (max-width:870px) {
		.propulsion .pr_ul .pr_li.dg01 {margin-top:10px;}
		.propulsion .pr_ul .pr_li ul {display:block;}
	
		.propulsion .pr_ul .pr_li ul li, .propulsion .pr_ul .pr_li ul li.prli_li {width:100%;}
		.propulsion .pr_ul .pr_li ul li {margin-bottom:15px;}
		.propulsion .pr_ul .pr_li ul li:last-child {margin-bottom:none;}
	
		.propulsion .pr_ul .pr_li ul li div {font-size:14px; padding:8px 30px;}
	
		.propulsion .pr_ul .pr_li.dg01 ul li {margin-right:0;}
	
		/* div 안쪽 left 표시 디자인 */
		.propulsion .pr_ul .pr_li ul li div p::before {margin:10px 0 0 -12px;}
		.propulsion .pr_ul .pr_li ul li div .prli_p::before {width:5px; height:5px; margin:7px 0 0 -14px;}
	
		/* 라인 */
		.propulsion .pr_ul .pr_li::before, .propulsion .pr_ul .pr_li.dg01 ul::before, .propulsion .pr_ul .pr_li.dg01 ul li::before, 
		.propulsion .pr_ul .pr_li.dg01 ul li.dg03::before {display:none;}
	}
	
	

	notice-section {
		max-width: 1100px;
		margin: 0 auto;
	  }
	  
	  .notice-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
	  }
	  
	  .notice-header h2 {
		font-size: 24px;
		font-weight: bold;
	  }
	  
	  .tabs {
		display: flex;
		gap: 10px;
	  }
	  
	  .tab {
		padding: 5px 12px;
		border: none;
		background-color: #fff;
		color: #000;
		border-radius: 5px;
		cursor: pointer;
		font-size: 14px;
		border-width: 1px;
		border-style: solid;
		border-color: rgb(38, 38, 38);
		border-image: initial;
	  }
	  
	  .tab.active {
		background-color: black;
		color: white;
	  }

	  .tab.more {
		display: inline-flex;
		justify-content: center;
		width: auto;
		height: 100%;
		padding: 8px 16px;
		border-radius: 3px;
		border: 1px solid #D8E1EF;
		background: #F1F5FB;
		transition: all 0.3s;
    	}		
	  
	  .notice-list {
		display: flex;
		gap: 20px;
		margin-top: 30px;
		flex-wrap: wrap;
	  }
	  
	  .notice-card {
		background-color: white;
		border-radius: 8px;
		padding: 20px;
		box-shadow: 0 2px 6px rgba(0,0,0,0.05);
		position: relative;
	  }
	  
	  .badge {
		display: inline-block;
		font-size: 12px;
		padding: 3px 8px;
		border-radius: 4px;
		font-weight: bold;
		margin-bottom: 10px;
	  }
	  
	  .badge.blue {
		background-color: #dce9f8;
		color: #2c66b8;
	  }
	  
	  .badge.gray {
		background-color: #e1e6eb;
		color: #69707b;
	  }
	  
	  .title {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
	  }

	  a .title { color: #000 !important; }
	  
	  .desc {
		font-size: 13px;
		color: #666;
		margin-bottom: 15px;
	  }
	  
	  .date {
		font-size: 12px;
		color: #999;
	  }	

	  .bg-banner {
		background: url('../img/bg_banner.png') no-repeat center center;
		background-size: cover;
		padding: 300px 0;
	  }

	  .relative { position: relative; }
	  .title-wrap { color: #fff; position: absolute; bottom: -200px; }
	  .title-wrap .title-sub { color: #fff; font-size: 20px; font-size: 12px; }
	  .title-wrap .title { color: #fff; font-size: 30px; padding: 30px 0px 20px 0px;  }

	  .nw-box {
		position: absolute;
		background-color: #1E2850;
		opacity: 0.8;
		color: #fff;
		padding: 60px;
		width: calc(100% - 50%);
		height: calc(100% - 30%);
		top: 30%;
		right: 0px;
	  }


	  .m_icon {position: relative; display: inline-block; padding:25px 0; width: 100%; }
	  .m_icon div.round {padding:20px; vertical-align: top; background-color: #fff; border-radius: 100px; text-align: center; width: 100px; display: inline-block;  }

	  .bg-banner h1 {
		font-size: 2.2rem;
		font-weight: 800;
		color: #1a2a3a;
		margin-bottom: 18px;
		letter-spacing: -1px;
	  }
	  
	  .bg-banner .m_icon img[alt="아이콘"] {
		width: 48px;
		height: 48px;
		object-fit: contain;
	  }
	  
	  .bg-banner .m_icon p {
		font-size: 1rem;
		display: inline-block;
		color: #fff;
		margin-bottom: 0;
		font-weight: 500;
		padding:10px 0px 0px 15px;
		line-height: 30px;
	  }

	  .bg-banner .m_icon strong {
		font-weight: 900;
		margin-right: 4px;
		font-size: 22px;
	  }

	  @media (max-width: 991px) {
		.bg-banner .col-8, .bg-banner .col-4 {
		  flex: 0 0 100%;
		  max-width: 100%;
		}
	  }