@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

/* 초기화 */
html {overflow-y:scroll;overflow-x:hidden}
body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans KR', dotum, sans-serif;background:#fff}
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:'Noto Sans KR', 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:'Noto Sans KR', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', 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,
#ft_wr{width: 1400px;}
#container_wr{width:100%}
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops 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 {background:#fff;height:77px;padding:14px 0;border-bottom:1px solid #ddd}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

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

#logo {float:left;width:15%;}

.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;border-radius:50px}
#hd_sch #sch_stx {padding-left:10px;height:40px;width:180px;border:0;border-right:0;float:left;font-size:1.25em}
#hd_sch #sch_submit {height:40px;border:0;background:#fff;color:#253dbe;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:#253dbe;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:#253dbe;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;float:right;width:85%}
#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;zoom:1;float:left; margin-left: 40px;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;width:auto;text-align:center;line-height:50px;margin: 0px 25px;padding: 5px 10px;position:relative;}

.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-size:18px;color:#0e2645;text-decoration:none;}
.gnb_1da:hover {color:#146ec1; font-weight:bold}
.gnb_2dli{border-top:1px solid #253dbe}
.gnb_2dli:first-child{border:0}
.gnb_2dul {display:none;position:absolute;top:63px;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:url('../img/s_map.png'); width:45px;height:45px;border:0;vertical-align:top; float:right; margin-top: 4px;}
#gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top: 0px;right: 0;}
#gnb .gnb_mnal{padding:0}

#gnb_all{display:none;position:absolute;width:100%;z-index: 999;}
#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: 23%;padding:5px;}
#gnb_all .gnb_al_li .gnb_al_a{font-size: 16px;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}
.search_box{float:left; margin-left:35px; margin-top: 4px;}

/* 중간 레이아웃 */
section.main {
	position:relative;
	width:100%;}

#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: #e7ebf3;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;font-size:1em;width:100%;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:35px;color:#222222;margin:10px auto;font-weight:500;text-align:center}
#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; height:298px;}
#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}

#ft .ft_box {width: 1300px; margin: 33px auto; height: 186px;}
#ft .ft_box .box_01 {width:274px;  border-right:1px solid #cdcdcd; float:left; margin-right:40px; margin:18px 0;}
.box_01_txt {font-size:18px; color:#262626; text-align: left; font-weight:600; letter-spacing:-1px;
background:url('../img/box_01_ic.jpg')no-repeat 0 32px; height:34px; margin-bottom:14px;}
.well_info {float: left; text-align: left; margin-bottom: 15px;}
.well_info li {text-align:left; color:#757575; font-size:16px; letter-spacing: -1px;}
#ft .ft_box .box_02 {width:376px;  border-right:1px solid #cdcdcd; float:left; margin-right:40px; margin:18px 0; padding-left: 60px;}
.box_02_txt {font-size:18px; color:#262626; text-align: left; font-weight:600; letter-spacing:-1px;
background:url('../img/box_01_ic.jpg')no-repeat 0 32px; height:34px; margin-bottom:14px;}
.well_info2 {float: left; text-align: left; margin-bottom: 15px;}
.well_info2 li {text-align:left; color:#757575; font-size:16px; letter-spacing: -1px; margin-top:2px;}
.well_info2 p {text-align:left; color:#757575; font-size:20px; letter-spacing: -1px;     line-height: 30px;}
.well_info2 p span {font-size:30px;}
#ft .ft_box .box_03 {width:346px;  border-right:1px solid #cdcdcd; float:left; margin-right:40px; margin:18px 0; padding-left: 44px;}
.box_03_txt {font-size:18px; color:#262626; text-align: left; font-weight:600; letter-spacing:-1px;
background:url('../img/box_01_ic.jpg')no-repeat 0 32px; height:34px; margin-bottom:14px;}
.box_03_img {margin-top:-3px; float:left;}
#ft .ft_box .box_04 {width:304px;  border-right:1px solid #cdcdcd; float:left; margin-right:40px; margin:18px 0; padding-left: 44px;}
.well_info4 {float: left; text-align: left; margin-bottom: 15px;} 
.well_info4 li {text-align:left; color:#757575; font-size:16px; letter-spacing: -1px; margin-top:2px; line-height:29px;}
.well_info4 li:hover {color:#2781ba; font-weight:500;}
#ft .copy {width:100%; height:42px; background:#fff; text-align:center; border-top:1px solid #d7d7d7;
 }
#ft .copy_txt {width:1300px;height:42px;  margin:0 auto; font-size:16px; color:#aaaaaa; padding:8px;}
.unid_ic {float:right;}

/* 게시물 선택복사 선택이동 */
#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;
-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:#253dbe;color:#fff;cursor:pointer;border:0}
.btn_submit:hover {background:#0025eb}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
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} /* 우편번호검색버튼 등 */
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}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}


/*컬러*/
.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;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_wrap thead {border-top: 2px solid #7c96c9;}
.tb1_wrap thead tr {height: 50px;}
.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; font-size: 14px;}
.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; font-size: 14px;}
.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:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;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}

/* 슬라이드 */
#visual{position:relative;width:100%;height:833px;}
#slides {position:relative;}
#slides, #slides .slidesjs-control, #slides .slidesjs-container, #slides .slidesjs-slide {width:100% !important;height:833px !important;z-index:0;}
#slides .slidesjs-navigation {
  margin-top:0px;
}

#slides a.slidesjs-next,
#slides a.slidesjs-previous{
  background-image: url('../img/btns_next-prev.png');
  background-repeat: no-repeat;
  display:block;
  width:76px;
  height:74px;
  text-indent: -9999px;
  float: left;
  z-index:100;
  background-size:cover;
}


#slides a.slidesjs-next {
  margin-right:0;
  background-position: 100% 0;
  position:absolute;
  top:29%;
  right: 75.8%;
 }



#slides a.slidesjs-previous {
  background-position: 0 0;
  position:absolute;
  top:29%;
  left:16%;
}

.visual_text{
    position: absolute;
    top: 14%;
    margin-left: 16%;
    z-index: 99;
	}

#slides a.slidesjs-play {
  position:absolute;
  top:0;
  left:0;
  width:12px;
  height:12px;
  padding:0;
  background-image: none;
  background-repeat:no-repeat;
  background-position: 0 -12px;
  z-index:100;
  text-indent:-9999px;
  overflow: hidden;
}

#slides a:hover.slidesjs-play {
   background-position: 0 -12px;
}

#slides a.slidesjs-stop {
  position:absolute;
  top:0;
  left:0;
  width:10px;
  height:10px;
  padding:0;
  background-image: none;
  background-repeat:no-repeat;
  background-position: 0 -40px;
  z-index:100;
  text-indent:-9999px;
  overflow: hidden;
}

#slides a:hover.slidesjs-stop {
  background-position: 0 -20px;
}

#slides .slidesjs-pagination {
  position:absolute;
  bottom:50px;
  left:48%;
  float: right;
  list-style: none;
  border:0px solid red;
  z-index:10000;
}

#slides .slidesjs-pagination li {
  float: left;
  margin: 0 1px;
}

#slides .slidesjs-pagination li a { display: block; width: 22px; height: 0px; padding-top: 22px; margin:0 1px; background-image: url('../img/pagination.png'); background-position: 0 22px; float: left; overflow: hidden; z-index:100;}

#slides .slidesjs-pagination li a.active,
#slides .slidesjs-pagination li a:hover.active {
  background-position: 0 0
}

#slides .slidesjs-pagination li a:hover { background-position: 0 0}

#slides .navbar { overflow: hidden}

.visual_box { width: 50%; height: 100%; padding-top: 5%; padding-right: 15%;position: absolute; top: 112px; right: -158px;}

.visual_box .quick_2menu{width:490px;height:auto;overflow:hidden; margin-bottom: 10px;}
.visual_box .quick_2menu ul li{float:left;width:49%;margin-right:2%;text-align:center;height:200px;padding:35px 0;cursor:pointer}
.visual_box .quick_2menu ul li:nth-child(1){background:rgba(75,200,218,0.8)}
.visual_box .quick_2menu ul li:nth-child(2){margin:0;background:rgba(44,101,230,0.8)}
.visual_box .quick_2menu ul li p{font-size:20px;margin-top:15px;color:#fff}

.notice_box{position:relative; width:490px; height:250px; background:#fff; padding:2% 3%; box-shadow:1px 1px 1px rgba(0,0,0,0.2)}
.notice_box button{border:none;outline:none;position:absolute;right:20px;top:15px}

ul.tabs{margin: 0px;padding: 0px;list-style: none;margin-bottom:10px}
ul.tabs li{font-size:20px;width:85px;text-align:center;background: none;color: #8d8d8d;display: inline-block;padding: 5px 0px;margin-right:10px;cursor: pointer;border-bottom:4px solid #e0e0e0;}

ul.tabs li.current{color: #313131;border-bottom:4px solid #313131;}

.tab-content{display: none;}

.tab-content.current{display: inherit;}

.sector2 {width:100%; height:72px; background: linear-gradient(120deg, #60c8d8, #3768d0);}
.s_quick_menu {width:1300px; height:72px; position:relative; margin:0 auto;}
.s_quick_menu2 {float:left; width:20%; margin:0 auto;}
.s_quick_menu2:hover {background:#ffffff21;}
.s2_txt01 {font-size:17px; color:#fff; padding-left: 35px; background:url('../img/se2_icon1.png')no-repeat 34px 16px; text-align: center;height:100%; line-height:72px}
.s2_txt02 {font-size:17px; color:#fff; padding-left: 35px; background:url('../img/se2_icon2.png')no-repeat 62px 16px; text-align: center;height:100%; line-height:72px}
.s2_txt03 {font-size:17px; color:#fff; padding-left: 35px; background:url('../img/se2_icon3.png')no-repeat 53px 16px; text-align: center;height:100%; line-height:72px}
.s2_txt04 {font-size:17px; color:#fff; padding-left: 35px; background:url('../img/se2_icon4.png')no-repeat 54px 16px; text-align: center;height:100%; line-height:72px}
.s2_txt05 {font-size:17px; color:#fff; padding-left: 35px; background:url('../img/se2_icon5.png')no-repeat 34px 16px; text-align: center;height:100%; line-height:72px}

.sector3 {width:100%; height:680px; background:url('../img/s3_bg.jpg') no-repeat;}
.s3_box {width:1300px; min-height:680px; margin:0 auto; padding:150px 0;}
.s3_box2 {width:660px;  float:left; height:400px;}
.s3_line1 {width:48px; height:4px; background:#fff;}
.s3_txt01 {margin-top:36px;}
.s3_txt02 {font-size:15px; color:#fff; letter-spacing:-1px; font-weight:300; margin-top:8px;}
.s3_txt02 span {font-weight:500;}
.s3_txt03 {display: block;  margin-top:30px; position:absolute;}
.s3_txt03 ul {width:320px;}
.s3_txt03 li {font-size:17px; color:#fff; line-height: 50px; border-bottom: 1px solid #ffffff82;background:url('../img/s3_icon1.png')no-repeat 290px 18px; padding-left: 16px; font-weight: 300;}
.s3_txt03 .top_border{border-top:1px solid #ffffff82;}
.s3_txt03 li:hover {background:#f6f6f659; font-weight:500;}
.s3_box3 {width:488px; height:400px; float:right;} 
.s3_box3 p {font-size:16px; color:#fff; font-weight: 300; padding:14px 0}
.s3_box3_img {width:488px; height:260px; background:url('../img/s3_mobile.jpg')no-repeat }
.s3_txt04 {width:210px; height:48px; background:#0000001a; border:1px solid #ffffff63; color:#fff; font-size:15px; padding: 12px 0; text-align:center;}
.s3_txt04:hover {border:1px solid #fff;}

.sector4 {width:100%; height:216px; background:url('../img/s4_bg.jpg')no-repeat;}
.s4_icon {margin:0 auto; text-align: center; padding: 36px 5px 10px 0;}
.s4_icon p {font-size:15px; color:#fff; margin-top:10px; font-weight:300;}
.s4_icon p span {font-weight:500;}
.s4_box {width:210px; height:48px; background:#0000001a; color:#fff; font-size:15px; text-align:center; border:1px solid #ffffff63; padding: 12px 0;margin:0 auto; margin-top:6px;}
.s4_box:hover {border:1px solid #fff;}



/* sub */
.content_box{width:1300px;height:auto;overflow:hidden;margin:0 auto;padding:70px 0;text-align:center}
.s_visual_img01 {background:url(../img/s_visual01.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img02 {background:url(../img/s_visual02.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img03 {background:url(../img/s_visual03.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img04 {background:url(../img/s_visual04.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img05 {background:url(../img/s_visual05.jpg) no-repeat bottom; background-size:cover;}
.s_visual_img06 {background:url(../img/s_visual06.jpg) no-repeat bottom; background-size:cover;}

.textbar {position:relative; top:0px; width:100%; height:210px; text-align:center; color:#fff;  z-index:10;}
.textbar .s_tit {padding-top:4%; width:100%; font-size:35px; font-weight:400; line-height:1em; text-shadow:0px 5px 5px rgba(0,0,0,0.39); letter-spacing:-1px;}
.textbar .s_text {height:40px; font-size:18px; line-height:40px; text-shadow:0px 5px 5px rgba(0,0,0,0.39); font-weight: 300;}
 
.sub_navi_wrap {position:absolute; top:377px; width:1300px; height:60px; line-height:55px; left:50%; margin-left:-650px;border-bottom:1px solid #e0e0e0; background:#fff;
		transition:top 200ms ease-out 0s; 
		-webkit-transition: font-size 200ms ease-out 0s;
		-o-transition: font-size 200ms ease-out 0s;}
.sub_navi_wrap .sub_menu {float:left}
.sub_navi_wrap .sub_menu img {float:left} 

.sub_navi_wrap .sub_navi {float:right; font-size:13px; }
.sub_navi_wrap .sub_navi ul {padding-right:20px}
.sub_navi_wrap .sub_navi ul li {display:inline-block; color:#a9a9a9}
.sub_navi_wrap .sub_navi ul li span {color:#838383}
.sub_navi_wrap .sub_navi .home {padding-left:23px; background:url(../img/s_navi_home.png) no-repeat 0 18px}


.head_visual {width:100%; height:360px;}
.head_visual_img01 {width:100%; height:360px; background:url(../img/s_visual01.jpg) no-repeat bottom; background-size:cover;}
.head_visual_img02 {width:100%; height:360px; background:url(../img/s_visual02.jpg) no-repeat bottom; background-size:cover;}
.head_visual_img03 {width:100%; height:360px; background:url(../img/s_visual03.jpg) no-repeat bottom; background-size:cover;}
.head_visual_img04 {width:100%; height:360px; background:url(../img/s_visual04.jpg) no-repeat bottom; background-size:cover;}
.head_visual_img05 {width:100%; height:360px; background:url(../img/s_visual05.jpg) no-repeat bottom; background-size:cover;}

.menu_navi_wrap{  float:left;  position:relative;  color:#000000;  height:60px;}
.menu_navi_wrap a:hover{  background-color:#f6f6f6; color:#6285df;}
.menu_navi_wrap a { position:relative; text-decoration: none; display:block; color:#000000; outline:none;padding:0 20px;font-size:15px;}
.menu_navi_wrap > ul{ list-style: none; margin:0; padding:0 0 0 0px; height:60px;line-height:60px; }
.menu_navi_wrap > ul > li{ padding:0;float:left;border-right:1px solid #ddd;width:254px;}

.menu_navi_wrap ul li ul{font-size:15px; position: absolute; display:none; padding: 1px 0px 0px 0;z-index:9999;}
.menu_navi_wrap ul li > ul > li:first-child{border-top:1px solid #ddd}
.menu_navi_wrap ul li > ul > li{ float:none; margin: 0 0 0 0px;  width:100%;line-height:40px;width:254px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;background:#fff;}
.menu_navi_wrap ul li > ul > li:hover{ color:#6285df;}
.menu_navi_wrap .active ul{  display:block !important; background-color: white;}
.menu_navi_wrap .active > a{ background-color: white;/*border: 1px solid #dedede;*/ box-shadow: 0 -1px 5px rgba(0,0,0,0.2); border-bottom: 0;  display: block; height: 55px; padding: 0 20px; position:relative; z-index: 1;text-decoration: none; display:block;}
.menu_navi_wrap .active a:hover{  background-color:white;}
.menu_navi_wrap .active ul a:hover{ background-color:#f9f9f9;color:#000; font-weight:600;}

.menu_navi_wrap .active ul a{border: 0 !important; border:0; font-size:14px;}
.menu_navi_wrap .arrow {position:absolute;right:15px; top:27px; width:7px; height:7px; border-color: #6285df transparent transparent;border-style: solid dashed dashed;}

.head_visual_txt{width:1300px;height:auto;overflow:hidden;position:absolute;left:50%;margin-left:-650px;text-align:center}
.head_visual_txt p:first-child{margin-top:105px;font-size:35px;color:#fff;font-weight:500;letter-spacing:-1px;text-shadow:1px 1px 5px rgba(0,0,0,0.3)}
.head_visual_txt p:last-child{margin-top:15px;font-size:20px;color:#fff;text-shadow:1px 1px 5px rgba(0,0,0,0.3)}

/* 테이블 */
.tbl01 {width:100%; border-collapse:collapse; border-top:2px solid #1966c0; }
.tbl01 caption {height:0; text-indent:-9999px;}
.tbl01 th {padding:7px; border:1px solid #dedee1;transition:padding 200ms ease-out 0s;-webkit-transition: padding 200ms ease-out 0s;-o-transition: padding 200ms ease-out 0s;height: 50px;font-size: 16px;background:#f6fcff; font-size:16px;color:#1966c0;}

.tbl01 td {padding:7px; border:1px solid #dedee1;transition:padding 200ms ease-out 0s;-webkit-transition: padding 200ms ease-out 0s;-o-transition: padding 200ms ease-out 0s;height: 50px;font-size: 16px;}

/* sub2_9 */
.sub2_9_img1 {width:100%;}

.t_txt01 {font-size:25px; color:#353535; background:url(../img/t_icon01.png) no-repeat 0 12px; text-align:left; line-height:28px; padding:10px 40px; font-weight:500; letter-spacing:-1px;margin-top: 40px; margin-left:50px;}

.p_txt02 {font-size:20px; color:#1153c0; background: url(../img/t_icon02.png) no-repeat 0 15px;text-align: left;line-height: 34px;padding: 8px 35px;margin-left: 56px;font-weight: 500;}

.sub_txt01 {font-size:16px; color:#505050; text-align:left;margin-left:92px;margin-bottom:10px;line-height:26px;}

.left_img01 {float:left; margin-left:30px; margin-top:56px;}
.right_txt01 {margin-left:510px;}

/* sub2_6 */
.s9_box {width:100%; height:auto; overflow:hidden; margin-top:10px; margin-bottom:30px;}
.img_box01 {float:left; margin-left:112px;}
.txt_box01 {float:right; background:url(../img/txt_box_bg.png) no-repeat; width:769px; height:160px; margin-right:50px; margin-top:20px;}
.txt_box02 {float:right; background:url(../img/txt_box_bg.png) no-repeat; width:769px; height:160px; margin-right:50px; margin-top:20px;}
.txt_box01 p {font-size:16px; color:#656565; text-align:left; padding: 44px 4px 46px 98px; line-height: 24px;}
.txt_box02 p {font-size:16px; color:#656565; text-align:left; padding: 32px 4px 46px 98px; line-height: 24px;}

/* sub2_4 */
.sub2_4_txt {font-size:16px; color:#5f5f5f; padding-left:73px; background:url(../img/txt_ling.jpg) no-repeat 0 6px; 
text-align:left;  line-height:23px; margin: 20px 0px 10px 50px;}

/* sub2_2 */
ul.tabs2{
  list-style:none; margin-bottom:40px; overflow: hidden; 
}
ul.tabs2 li{float:left;margin:0;cursor:pointer; height:50px; line-height:50px;display:inline-block;color:#fff;text-align:center; text-decoration:none;background: #0b4d9e;font-size:17px;transition:0.3s;width:50%;}
 
ul.tabs2 li.current{color:#0056b8;font-weight:bold; background: #fff;border-top: 2px solid #0056b8;border-left:2px solid #0056b8;border-right:2px solid #0056b8;}
 
.tab-content2{display: none;background: #fff;}
 
.tab-content2.current{display: inherit;}


.pro_box01 {width:100%; height:auto; overflow:hidden;}
.pro_box02 {position:relative;width:400px; height:480px; float: left; margin-right:2.3%}
.pro_txt01 {width:400px; height:78px; background:#4c4c4c; color:#fff; font-size:20px; font-weight:300; padding:8px 0; }

.sub_txt03 { font-size:16px; color:#505050;  text-align:left; margin-left:92px; margin-bottom:10px; line-height:26px;}
.sub_txt03 span {color:#f3071d; font-weight: 500;}
.pro_txt01 span {font-size:22px; font-weight:500; line-height:36px;}
.pro_box02:last-child{margin:0}
.pro_box_ovr{width:400px;height:478px;position:absolute;bottom:0;cursor:pointer}
.pro_box_ovr:hover{background:url(../img/pro_bg.png) no-repeat center;}

.pro_box03 {position:relative; width:490px; height:460px; float:left; margin-right:6%; margin-left:64px;
margin-top:40px;}
.pro_box03:last-child{margin:0; margin-top:40px;}
.pro_a4_txt {font-size:20px; color:#4c4c4c;}
.pro_txt02 {width:490px; height:78px; background:#4c4c4c; color:#fff; font-size:20px; font-weight:300; 
padding:8px 0;  }
.pro_txt02 span {font-size:22px; font-weight:500; line-height:36px;}
.pro_box_ovr2{width:490px;height:460px;position:absolute;top:-62px;cursor:pointer}
.pro_box_ovr2:hover{background:url(../img/pro_bg2.png) no-repeat center;}

.sub2_pro01 {float:left; padding: 28px 39px 16px 85px;}
.product_info{width:100%;height:auto;overflow:hidden;}
.product_info ul{width:100%;height:auto;overflow:hidden;}
.product_info ul li:nth-child(1){width:30%;float:left; margin-top:20px;}
.product_info ul li:nth-child(2){width:68%;float:left}

/*표스타일*/
.sub2_1_table{width:100%;border-top:2px solid #01477d;margin-top:18px;margin-bottom:54px;border-collapse:collapse;}
.sub2_1_table tr{height:50px;border-bottom:1px solid #e2e2e2}
.sub2_1_table th{font-size:15px;color:#242424;background:#f7f7f7;text-align:center;padding:20px;border-right:1px solid #e3e3e3}
.sub2_1_table td{font-size:15px;color:#7a7a7a;font-weight:500;padding-left:20px;border-right:1px solid #e2e2e2; text-align:left;}
.sub2_1_table .td_01 {width:200px;background:#f5fbff;  text-align:center; color:#263cb1;}

/*표스타일2*/
.sub2_5_table{width:100%;border-top:2px solid #01477d;margin-top:30px;margin-bottom:54px;border-collapse:collapse;}
.sub2_5_table tr{height:50px;border-bottom:1px solid #e2e2e2}
.sub2_5_table th{font-size:15px;color:#242424;background:#f7f7f7;text-align:center;padding:20px;border-right:1px solid #e3e3e3}
.sub2_5_table td{font-size:15px;color:#7a7a7a;font-weight:500; border-right:1px solid #e2e2e2; text-align:center;}
.sub2_5_table td:last-child {border-right:1px solid #fff}
.sub2_5_table th:last-child {border-right:1px solid #fff}
.sub2_5_table .td_01 {width:200px;background:#f5fbff;  text-align:center; color:#263cb1;}

/* sub2_5 */
.sub2_5_all {width: 100%; height: auto; margin-top:36px;}
.sub2_5_leftimg {float:left; margin-left:52px; margin-top:10px;}
.sub2_5_right_txt {margin-left:468px;}

/* 서브 타이틀 */
.sub_title{font-size:36px;color:#4c4c4c;text-align:left;margin:60px 0 20px 0}
.sub_title span{color:#0a82de}
.sub_stitle{font-size:18px;color:#fff;background:#0a82de;width:305px;text-align:center;padding:8px 12px;letter-spacing:-1px}

/* 서브 목록나열 */
.sub_dl{width:100%;height:auto;overflow:hidden;text-align:left;margin:30px 0}
.sub_dl dt{font-size:18px;color:#313131}
.sub_dl dt .dt_ico{display:inline-block;width:10px;height:10px;margin-right:8px;padding-bottom:12px;background:url('../img/dt_ico.jpg')no-repeat}
.sub_dl dd{font-size:16px;color:#5b5b5b;margin:13px 18px}

/* 제품 리스트 */
.product_list{width:100%;height:auto;overflow:hidden;margin-bottom:50px}
.product_list li{float:left;width:25%;border:1px solid #ddd;border-right:none;padding:20px;height:700px;overflow:hidden;margin-bottom:20px}
.product_list li:nth-child(4){border-right:1px solid #ddd}
.product_list li:nth-child(8){border-right:1px solid #ddd}
.product_list li button{width:100%;height:45px;background:#4d4f53;color:#fff;font-size:14px;border:none;margin:20px 0}
.product_list li button:hover{background:#0a2051}
.product_list li dl dd{background:url('../img/dd_ico.jpg')no-repeat 0 10px;padding-left:10px;font-size:14px;color:#777777;text-align:left}
.product_list .list2{height:575px}
.product_list .product_name{font-size:18px;color:#0a82de;margin:10px 0}
.product_list .product_txt{font-size:14px;color:#777777;text-align:left;height:100px;margin:20px 0;border-bottom:1px solid #ddd}

/* NAS 제품 리스트 */
.nas_box{width:100%;height:250px;margin:60px 0}
.nas_box .thumb_tit{font-size:14px;color:#fff;background:#333;position:absolute;top:-19px;width:203px;text-align:left;padding:5px 10px}
.j_thumb .bg_thumb{position:absolute;bottom:0;display:none;width:203px;height:240px;background:rgba(255, 186, 0, 0.8);padding:60px 0}
.value_thumb .bg_thumb{position:absolute;bottom:0;display:none;width:203px;height:240px;background:rgba(255, 114, 0, 0.7);padding:60px 0}
.plus_thumb .bg_thumb{position:absolute;bottom:0;display:none;width:203px;height:240px;background:rgba(0, 118, 239, 0.7);padding:60px 0}
.fs_thumb .bg_thumb{position:absolute;bottom:0;display:none;width:203px;height:240px;background:rgba(0, 176, 208, 0.7);padding:60px 0}
.bg_thumb span{width:30px;height:1px;background:#fff;display:block;margin:15px auto}
.bg_thumb p:first-child{font-size:18px;color:#fff;text-shadow:1px 1px 10px rgba(0,0,0,0.2);letter-spacing:-1px}
.bg_thumb p:last-child{font-size:14px;color:#fff;text-shadow:1px 1px 10px rgba(0,0,0,0.2)}
.j_thumb{position:relative;width:203px;height:250px;background:url('../img/j_thumb.jpg');float:left;}
.value_thumb{position:relative;width:203px;height:250px;background:url('../img/value_thumb.jpg');float:left;}
.plus_thumb{position:relative;width:203px;height:250px;background:url('../img/plus_thumb.jpg');float:left;}
.fs_thumb{position:relative;width:203px;height:250px;background:url('../img/fs_thumb.jpg');float:left;}
.nas_box ul{float:left;width:1057px;height:auto;overflow:hidden;border-top:2px solid #2b2b2b}
.nas_box ul li{float:left;width:25%;height:250px;border:1px solid #ddd;border-right:none;padding:25px 0}
.nas_box ul li span{display:block;width:40px;height:1px;background:#ddd;margin:20px;}
.nas_box ul li p{font-size:18px;margin:15px 0;text-align:left;padding-left:20px;letter-spacing:-1px}
.nas_box ul li:last-child{border-right:1px solid #ddd}
.nas_box ul li img{display:block;margin:0 auto;max-width:85%;transition:all .3s}
.nas_box ul li img:hover{max-width:90%}

/* 제품 상세 설명 */
.product_common{display:block;width:85%;height:auto;overflow:hidden;margin:60px auto}
.common_box{width:100%;height:auto;overflow:hidden;margin:45px 0}
.common_tit{width:30%;float:left;border-right:1px solid #e9e9e9}
.common_tit p{font-size:20px;color:#0b4d9e;background:#e7edf2;width:275px;height:60px;border-radius:5px;line-height:60px}
.common_txt{width:70%;float:left;padding-left:50px}
.common_txt p{font-size:16px;color:#585858;text-align:left;}

.step-5{width:100%;height:250px;background:#f2f2f2;padding:35px 50px}
.step-5 ul{width:100%;}
.step-5 ul li{position:relative;width:154px;height:154px;border-radius:5px;background:#fff;display:inline-block;margin-right:45px;padding-top:25px}
.step-5 ul li:last-child{margin-right:0}
.step-5 ul li p:first-child{font-size:20px;color:#2c3c51}
.step-5 ul li p:last-child{font-size:16px;color:#282828;width:100%;text-align:center;position:absolute;bottom:-35px}

.checklist{width:100%;height:585px;background:#f2f2f2;margin:10px 0;padding:25px 60px}
.checklist p{font-size:16px;color:#fff;background:#4474af;width:240px;height:40px;border-radius:5px;margin:0 auto;line-height:40px}
.checklist ul{width:100%;height:auto;overflow:hidden;margin:30px 0;padding-bottom:30px;}
.checklist ul:first-child{border-bottom:1px solid #c6c6c6}
.checklist ul li{font-size:16px;color:#585858;text-align:left;line-height:30px;letter-spacing:-1px}
.checklist ul li span{font-weight:500}


/*연혁*/
.his_bold {line-height:70px !important ; width:420px; font-weight:900; font-size:80px; color:#c0c0c0; transition:0.5s;}
.his_right {margin:10px 0 0 0 !important; transition:0.5s;}
.his_wrap01 {width:100%;  padding-top:20px;}
.his_wrap01 dl {border-left:1px solid #ddd; margin-left:8%; padding-bottom:20px}
.his_wrap01 dl dt {line-height:50px; font-weight:900; font-size:33px; color:#0056b8; margin:0 0 10px 60px; text-align:left;}
.his_wrap01 dl dd span {font-weight:600; margin-right:10px}
.his_wrap01 dl dd {margin-left:-10px; padding:0 0 10px 70px; text-align:left; font-size:16px;}
.his_wrap01 dl dd.his_dot1 {background:url('../img/img_his_dot1.png') no-repeat 0 4px}
.his_wrap01 dl dd.his_dot2 {background:url('../img/img_his_dot2.png') no-repeat 0 4px}
.his_wrap01 dl dd.his_dot3 {background:url('../img/img_his_dot3.png') no-repeat 0 4px}
.his_wrap01 dl dd p {font-weight:600; margin-right:10px; font-size:25px; color:#0056b8}
.his_wrap01 dl dt.tour_dl {background:url('../img/img_his_dot1.png') no-repeat 0 4px;}
.his_wrap01 .tour_dl span {line-height: 30px;font-weight: 900;font-size: 25px;color: #0056b8;margin: 0 0 10px 60px;}
.his_wrap01 dl dd.his_vi1 {background:url('../img/img_his_vi1.png') no-repeat 0 4px}

/* 방침 */
.raw-box{text-align:left;}
.tit3 {font-size:20px; margin:11px -3px;}
.num-list li{font-size:14px; line-height:24px;}

/* 배너 */
#link_wrap {position:relative;width:1300px;height:72px;background:url('../img/f_banner_bg.jpg') no-repeat;margin:0 auto;} 
.banner_ {position: relative; width:100%; background: #fff;}
#link_wrap .link_tt {float:left;width:140px;margin-top:10px;/* margin-left:10px; */position: absolute;}
#link_wrap .link_banner {float:left; z-index:100; position:relative; width:1100px; height:90px; }
#link_wrap .link_banner li {float:left; margin:0px 5px; }
#link_wrap .link_banner li a {display:block;}
#link_wrap .bx-wrapper {min-width:1060px !important;position:absolute;top:9px;right: -5px;}
#link_wrap .bx-controls {border:0px solid red; position:absolute; top:0; left:-60px; width:762px; height:52px;}
#link_wrap .bx-controls a {text-indent: -9999px; display:block}
#link_wrap .bx-prev, #link_wrap .bx-next {position:absolute; width:56px; height:56px}
#link_wrap .bx-prev {top:9px;left: -80px;background:url('../img/larr.jpg') no-repeat;}
#link_wrap .bx-next {top:9px;left: -41px;background:url('../img/rarr.jpg') no-repeat;}
#link_wrap .banner {font-weight:600;font-size:20px;color:#000;text-align: left;margin:12px auto;}
#link_wrap .bx-prev:hover {background:url('../img/larr_ov.jpg') no-repeat;}
#link_wrap .bx-next:hover {background:url('../img/rarr_ov.jpg') no-repeat;}