@charset "utf-8";
@import url("font.css");
@import url("contentsNew.css");
@import url("main.css");


/* style reset */
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

body {width:100%; overflow-x:hidden; color: #444; font-size: 15px; font-family:Roboto, 'ng'; line-height: 24px;}
a {cursor:pointer; color: #444; font-size: 15px; text-decoration:none;}
em, address, i {font-style:normal}
/*20231220 웹접근성수정사항*/
caption {width:0;height:0;overflow:hidden;font-size:0}
hr {display:none}
select {border-radius:0}
button {cursor:pointer; background:transparent; border:0; vertical-align:middle}
pre {white-space:pre-line; word-break:break-all}
img {border:0}
input.txt, .optionbox select {width: 100%; height: 100%; background-color:#fff; border:0; border-radius:0}
input.file {padding:0; background:#fff; border:0; border-radius:0}
input.radio {vertical-align:middle}
input.checkbox {vertical-align:middle}
/*input::-ms-clear {display:none}*/
/*20231220 웹접근성수정사항*/
input::placeholder {color:#666666 !important; font-weight: 600;}
/*input::-webkit-input-placeholder {color:#666666 !important; font-weight: 600;}
input:-moz-placeholder {color:#666666 !important; font-weight: 600;}
input::-moz-placeholder {color:#666666 !important; font-weight: 600;}
input:-ms-input-placeholder {color:#666666 !important; font-weight: 600;}*/
/*//20231220 웹접근성수정사항*/
/*20231220 웹접근성수정사항*/
.sr-only{position:absolute;left:-9999px;display:inline-block;width:0;height:0;overflow:hidden;text-indent:-9999px;opacity:0;}
/*//20231220 웹접근성수정사항*/
textarea {overflow-x:hidden; overflow-y:auto; resize:none; background:#fff}
textarea::placeholder {color:#8c8c8c !important;}
/*textarea::-webkit-input-placeholder {color:#8c8c8c !important;}
textarea:-moz-placeholder {color:#8c8c8c !important;}
textarea::-moz-placeholder {color:#8c8c8c !important;}
textarea:-ms-input-placeholder {color:#8c8c8c !important;}*/
img, input, button, select, textarea {vertical-align:middle}
fieldset {margin:0; padding:0; border:0; background:0}
fieldset legend {visibility:hidden; font-size:0; line-height:0}
table {border-collapse:collapse}
sup {position: relative; top: 2px; color: #f54c4c; font-size: 11px; padding: 0 2px;}

.transparents-layer {display: none;}

.btn {min-width:100px; height:45px; padding: 0 15px; line-height: 45px; font-weight: 600;}
.btn2 {min-width:100px; padding: 3px 45px 3px 15px; color: #fff; font-weight: 600; background: url('../../images/web/button_arrow.png') right 20px center no-repeat #2f76c2; border-radius: 3px;}
/*.btn3{min-width: 50px;height: 25px;padding: 0 10px; line-height: 25px;font-size: 13px;}*/
.btn3
{   
    min-width: 50px;
    height: 25px;
    padding: 0 10px;
    line-height: 25px;
    font-size: 13px;
}
.btn4 {min-width:100px; padding: 3px 15px; color: #fff; font-weight: 600; border-radius: 3px;}
.btn_search {width: 68px; height: 35px; color: #fff; font-size: 15px; background: #2f76c2;}
.btn_link {height:45px; padding: 0 45px 0 20px; color: #fff; line-height: 45px; background: url('../../images/web/icon_link.png') right 20px center no-repeat #2f76c2;}
.btn_link2 {height:50px; padding: 0 45px 0 20px; color: #2f76c2; font-size: 16px; line-height: 50px; background: url('../../images/web/icon_link2.png') right 20px center no-repeat; border: 1px solid #2f76c2;}
.btn_down {height:35px; padding: 0 50px 0 20px; color: #fff; line-height: 35px; background: url('../../images/web/icon_down3.png') right 20px center no-repeat #2f76c2;}
.btn_down2 {height:50px; width: 200px; padding: 0 50px 0 20px; color: #2f76c2; line-height: 35px; background: url('../../images/web/icon_down4.png') right 20px center no-repeat; border: 1px solid #2f76c2;}
.btn_gray {color: #fff; background: #848484;}
.btn_blue {color: #fff; background: #2f76c2;}

.f_w {font-weight: 600 !important;}
.p_r {position: relative !important;}

.ab_r3 {position: absolute; right: 0;}
.d_block {display: block;}
.d_inblock {display: inline-block;}
.d_none {display: none;}
.d_table {display: table;}
.d_cell {display: table-cell; vertical-align: middle}

.color_g {color: #666;}
.color_r {color: #f54c4c;}
.color_o {color: #f27f0c;}
.color_b {color: #839cb2;}
.color_b2 {color: #025ecf;}
.color_b3 {color: #3984cc;}
.color_0 {color: #000;}
.color_yo {color: #be9765;}

.f_13 {font-size: 13px !important;}
.f_14 {font-size: 14px !important;}

.padding0 {padding: 0 !important;}
.margin0 {margin: 0 !important;}
.mt50 {margin-top:50px !important}
.mt40 {margin-top:40px !important}
.mt30 {margin-top:30px !important}
.mt20 {margin-top:20px !important}
.mt10 {margin-top:10px !important}
.mt5 {margin-top:5px !important}
.mb2 {margin-bottom:2px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb55 {margin-bottom:55px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pr10 {padding-right:10px !important}
.pr15 {padding-right:15px !important}
.pr20 {padding-right:20px !important}
.pr30 {padding-right:30px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt33 {padding-top:33px !important}
.pt40 {padding-top:40px !important}
.pb10 {padding-bottom:10px !important}
.pb40 {padding-bottom:40px !important}
.w55 {width: 55px !important}
.w100 {width: 100px !important}
.w200 {width: 200px !important}
.w_25 {width: 25% !important}
.w_30 {width: 30% !important}
.w_35 {width: 35% !important}
.w_100 {width: 100% !important}

.al {text-align: left !important;}
.ac {text-align: center!important;}
.ar {text-align: right!important;}

.cl_bo {clear: both !important;}
.f_l {float: left !important;}
.f_r {float: right !important;}
.over_h {overflow: hidden !important;}

dl.skipnavi {position:relative;z-index: 500;}
dl.skipnavi dt {display:none}
dl.skipnavi dd a {position:absolute; left:0; top:-50px; font-size:0}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {display:block; left:0; top:0; z-index:51; width:400px; height:30px; padding-top:9px; text-align:center; background:#333; line-height:14px; text-decoration:none; color:#fff; font-size:12px; font-weight:bold}

/*서브*/
.sub_contents { width: 100%;position: relative; overflow: hidden;}
.sub_contents .sub_top {width: 100%; overflow: hidden; height: 80px; background: url('../../images/web/bg_sub.png') center 0 repeat-x;}
.sub_contents .sub_top .top_box {width: 1250px; margin: 0 auto; position: relative;}
.sub_contents .sub_top .top_box h2 {color: #fff; font-size: 28px; line-height: 80px;}
.sub_contents .sub_top .sns {position: absolute; right: 0; top: 50%; margin-top: -15px; display: block;}
.sub_contents .sub_top .sns a {display: inline-block; overflow: hidden; margin-left: 5px;}
.sub_contents .nav_menu {height: 45px; border-bottom: 1px solid #d8d8d8; background: #fff;}
.sub_contents .nav_menu .list {width: 1250px; margin: 0 auto;}
.sub_contents .nav_menu .list > li {float: left; border-right: 1px solid #d8d8d8;}
.sub_contents .nav_menu .list > li:first-child {border-left: 1px solid #d8d8d8;}
.sub_contents .nav_menu .list > li a {display: block; padding: 13px 10px; line-height: 18px; word-break: keep-all;}
.sub_contents .nav_menu .list li .dropdown button {padding: 0 15px; line-height: 45px; color: #000;}
.sub_contents .nav_menu .list li .dropdown button span {padding-right: 25px;background: url('../../images/web/nav_arrow.png') right center no-repeat;}
.top_bar_fix{z-index: 1000; position:fixed; top:0; left:0; width:100%;}

.contents_box {width: 100%; overflow: hidden;}
.contentsarea {width: 1250px; margin: 0 auto; padding: 50px 45px; overflow: hidden; min-height: 500px; }
.contentsarea2 {width: 1600px; margin: 0 auto; padding: 50px 45px; overflow: hidden; min-height: 500px; }

/*서브공통*/
.contents_title {display: block; text-align: center; margin-bottom: 50px;}
.contents_title h2 {color: #000; font-size: 32px; font-weight: 600; line-height: 36px; padding-bottom: 26px; background: url('../../images/web/icon_h2.png') center bottom no-repeat;}
h3.h3 {position: relative; display: block; color: #000; font-size: 20px; padding-left: 24px; margin-bottom: 15px; background: url(../../images/web/sub/icon_h3.png) 0 4px no-repeat;}
h3.h3 span {position: absolute; right: 0; bottom: 0;}
h4.h4 {padding-left: 35px; margin-bottom: 15px; color: #000; font-size: 18px; background: url('../../images/web/sub/icon_h4.png') 20px 8px no-repeat;}
h4.h4_2 {color: #000; font-size: 17px;}
h5.h5 {padding-left: 40px; margin-bottom: 10px; color: #000; font-size: 15px; background: url('../../images/web/sub/icon_h5.png') 30px 8px no-repeat;}
h5.h5_2 {padding-left: 10px; margin-bottom: 10px; color: #000; font-size: 15px; background: url('../../images/web/sub/icon_h5.png') 0px 8px no-repeat;}
h5.h5_3 {padding-left: 10px; padding-right: 10px; display: inline-block; color: #000; font-size: 15px; background: url('../../images/web/sub/icon_h5.png') 0px 8px no-repeat;}
.list_type {padding-left: 30px}
.list_type > li {padding-left: 12px; margin-bottom: 5px; text-align: left; background: url('../../images/web/sub/icon_dot.png') 0 9px no-repeat;}
.list_type > li .title {display: block; font-weight: 600;}
.list_type > li:last-child {margin-bottom: 0}
.list_type2 {padding-left: 15px}
.list_type2 > li {padding-left: 12px; text-align: left; background: url('../../images/web/sub/icon_dot.png') 0 9px no-repeat;}
.sup_list {padding-top: 15px;}
.sup_list > li {font-size: 13px;}
.box_type {padding: 20px; background: #fafafa; word-break: keep-all;}
.box_type2 {padding: 20px; word-break: keep-all; border: 1px solid #c7c7c7}
.ex_box {color: #666; font-size: 14px;}
.board_top_txt {margin-bottom: 30px; color: #666; line-height: 22px;}
.board_top_txt ol li {text-indent: -10px; padding-left: 10px;}
.board_top_txt ul li {padding-left: 10px;}
.board_btn_box {text-align: center;}
.board_btn_box a:focus,
.board_btn_box button:focus{outline-style: dashed;outline-width: 2px;outline-offset: -3px;outline-color:#000 ;}
/*투고안내*/
.submit_btn_box {overflow: hidden;}
.submit_btn_box li {float: left; width: 25%;}
.submit_btn_box li:nth-child(1) {padding-right: 10px}
.submit_btn_box li:nth-child(2), .submit_btn_box li:nth-child(3) {padding: 0 5px}
.submit_btn_box li:nth-child(4) {padding-left: 10px}
.submit_btn_box li .btn_submit {padding-right: 25px; width: 100%; height: 50px; color: #2f76c2; font-size: 16px; font-weight: 600; text-align: center; border: 1px solid #2f76c2; background: url('../../images/web/sub/icon_download.png') right 20px center no-repeat;}
/*인사말*/
/* 20240118수정 */
.greeting_box {overflow: hidden;width: 100%;}
.greeting_box li {float: left;}
.greeting_box li.img {width: 200px; height: 520px;}
/* //20240118수정 */
.greeting_box li.text {width: calc(100% - 390px); padding-left: 40px;}
.greeting_box li.text .text_box {line-height: 24px;}
.greeting_box li.text .text_box h4 {margin-bottom: 10px; font-size: 24px;}
.greeting_box li.text .text_box h3 {margin-bottom: 30px; color: #A08159; font-size: 35px; line-height: 44px;}
.greeting_box li.text .text_box p {margin-bottom: 30px;}
.greeting_box li.text .text_box .sign {display: block; overflow: hidden;}
.greeting_box li.text .text_box .sign dt {float: left; display: table; padding-right: 10px; width: calc(100% - 186px); text-align: right; font-size: 18px; font-weight: 600;}
.greeting_box li.text .text_box .sign dt .d_cell {height: 50px;}
.greeting_box li.text .text_box .sign dd {float: right;width: 186px;}
.greeting_box li.text .profile_box h3 {margin-bottom: 20px; color: #000; font-size: 24px;}
.greeting_box li.text .profile_box .profile_list {border-top: 1px solid #dcdcdc;}
.greeting_box li.text .profile_box .profile_list li {width: 100%; overflow: hidden; padding: 10px 10px; border-bottom: 1px solid #dcdcdc; line-height: 30px;}
.greeting_box li.text .profile_box .profile_list li h4 {float: left; width: 100px;}
.greeting_box li.text .profile_box .profile_list li .year {overflow: hidden; float: left; width: calc(100% - 100px);}
.greeting_box li.text .profile_box .profile_list li .year dt {float: left; width: 130px; font-weight: 600;}
.greeting_box li.text .profile_box .profile_list li .year dd {float: left; width: calc(100% - 130px);}

/*연혁*/
.history_box {background: url('../../images/web/line_history.png') center 0 repeat-y; background-size: 1px auto;}
.history_box > dt {text-align: center;}
.history_box > dt span {display: inline-block; width: 130px; height: 40px; color: #fff; font-size: 30px; font-weight: 600; line-height: 40px; background: #3984cc; border-radius: 40px;}
.history_box > dd {overflow: hidden; display: block; padding: 30px 0; width: 100%;}
.history_box > dd > ul {width: 51%;}
.history_box > dd > ul > li {padding: 0 35px; background-image: url('../../images/web/dot_history.png'); background-repeat: no-repeat;}
.history_box > dd > ul > li > span {padding: 0 5px; }
.history_box > dd > ul > li > dl {overflow: hidden; display: inline-block;}
.history_box > dd > ul > li > dl > dt, .history_box > dd > ul > li > dl > dd {float: left;}
.history_box > dd > ul > li > dl > dt {width: 40px; color: #3984cc; font-weight: 600;}
.history_box > dd > ul > li > dl > dd {width: calc(100% - 40px);}
.history_box > dd.left > ul {float: left;}
.history_box > dd.left > ul > li {text-align: right; background-position: right 7px top 8px;}
.history_box > dd.left > ul > li > dl > dt, .history_box > dd.left > ul > li > dl > dd {float: right;}
.history_box > dd.right > ul {float: right;}
.history_box > dd.right > ul > li {background-position: left 8px top 8px;}

/*CI소개*/
.symbol_box {overflow: hidden;}
.symbol_box dt, .symbol_box dd {float: left;}
.symbol_box dt {padding: 15px 0; width: 210px; text-align: center; border: 1px solid #dcdcdc;}
.symbol_box dt img {display: inline-block;}
.symbol_box dt p {margin-top: 5px;}
.symbol_box dd {width: calc(100% - 210px); padding: 10px 0 0 30px;}
/*2025 웹접근성수정*/
.symbol_box dd ul li {color: #ad6a22;font-weight: 600;}
.symbol_box2 {padding: 60px 20px; text-align: center; border: 1px solid #dcdcdc; background: url('../../images/web/bg_symbol.png') 0 0 repeat;}
.symbol_box2 img {display: inline-block; max-width: 100%;}

/*조직도*/
.organization_box {position: relative; text-align: center;}
.organization_box > div {overflow: hidden; display: block; margin: 0 auto; background-image: url('../../images/web/line_organization.png');}
.organization_box .director {position: relative; z-index: 10; margin: 0 auto; width: 130px; padding-bottom: 120px; background-position: center 0; background-repeat: repeat-y; background-size: 1px auto; }
.organization_box .director a {display: block; width: 130px; height: 130px; color: #fff; font-size: 24px; font-weight: 600; line-height: 130px; text-align: center; background-color: #006dc1; border-radius: 130px;}
.organization_box .directorate {position: absolute; z-index: 5; top: 150px; left: 50%; background-position: 0 center; background-repeat: repeat-x; background-size: auto 1px;}
.organization_box .directorate span{display: block; width: 220px; height: 55px; color: #fff; font-size: 22px; font-weight: 600; line-height: 55px; text-align: center; background: #798696;}
.organization_box .directorate {margin-left: -120px; padding-right: 240px;}

.organization_box .inspection {position: absolute; z-index: 5; top: 150px; left: 50%; background-image: url('../../images/webNew/line01.png'); background-position: 0 center; background-repeat: repeat-x; background-size: auto 1px;}
/*20231220 웹접근성수정사항*/
.organization_box .inspection a {display: block; width: 220px; height: 55px; color: #fff; font-size: 16px; font-weight: 600; line-height: 55px; text-align: center; background: #798696;}
.organization_box .inspection a:focus{outline:2px solid #333; outline-offset:-3px;}
.organization_box .inspection {padding-left: 190px;}
.organization_box .inspection > a {margin-left: 30px;}
/*//20231220 웹접근성수정사항*/

.organization_box .inspection01 {position: absolute; z-index: 5; top: 55px; left: 50%;  background-image: url('../../images/webNew/line02.png'); background-position: 330px 0; background-repeat: repeat-y; background-size: 1px auto; padding-bottom:40px;}
.organization_box .inspection01 span {display: block; width: 220px; height: 55px; color: #333; font-size: 16px; border:2px dashed #dcdcdc; font-weight: 600; line-height: 55px; text-align: center; background: #ffffff;}
.organization_box .inspection01 {padding-left: 190px;}
.organization_box .inspection01 > span {margin-left: 30px;}
/*20250408 수정*/
.organization_box .department1 {display: inline-block; overflow: hidden; position: relative; padding: 0 48px; background: url('../../images/web/line_organization.png') 218px 0 no-repeat; background-size: 1060px 1px;}
/*20250408 수정*/
.organization_box .department1 li {background-image: url('../../images/web/line_organization.png'); background-size: 1px 50px; background-position: 51% 0; background-repeat: no-repeat;}
.organization_box .department1 > li {background-image: url('../../images/web/line_organization.png'); background-size: 1px 50px; background-position: center 0; background-repeat: no-repeat;}
/*20250408 수정*/
.organization_box .department1 li:nth-child(5) {position: relative; background-image: url('../../images/web/line_organization.png'); background-position: center 0; background-repeat: no-repeat; background-size: 1px 100px; padding-bottom: 145px}
/*//20250408 수정*/
.organization_box .department1 > li {float: left; padding: 30px 20px 15px;}
/*20231220 웹접근성수정사항*/
.organization_box .department1 > li > a.d_table {width: 214px; height: 50px; color: #fff; font-weight: 600; line-height: 18px; text-align: center; font-size: 16px; background: url('../images/bg_organization.png') 0 0 #8C6F4A;}
.organization_box .department1 > li > .department2 .d_table .d_cell {vertical-align: top;}
/* .organization_box .department1 > li.column {width: 72px;} */
.organization_box .department1 > li.column > a.d_table {width: 214px; height: 50px; padding: 10px 18px;}
/*.organization_box .department1 > li.column > a.d_table .d_cell {vertical-align: top;}*/
/*//20250408 수정*/
.organization_box .department1 > li > .department2 {padding-top: 20px; background-image: url('../../images/web/line_organization.png'), url('../../images/web/line_organization.png'); background-size: 1px 20px, 107px 1px; background-position: center 0, center 19px; background-repeat: no-repeat, no-repeat;}
.organization_box .department1 > li > .department2 > li {position: relative; float: left; width: 50%; padding-top: 20px; padding-bottom: 65px; text-align: center;}
/*20230824_추가*/
.organization_box .department1 > li > .department2.type3{background-position: 33%  0px, 25% 19px;background-size: 1px 20px, 72px 1px;}
.organization_box .department1 > li > .department2.type3 > li {width: 33.3%;}
.organization_box .department1 > li > .department2.type3 > li:last-child {background-image: none;position: relative;}
.organization_box .department1 > li > .department2.type3 > li:last-child:before{content:'';position:absolute;top: -20px;background-image:url('../../images/webNew/line02.png');background-position: 59% -9px;background-repeat: repeat-y;background-size: 1px 10px;width: 1px;height: 89px;left: 50%;}
.organization_box .department1 > li > .department2.type3 > li:last-child .d_table{margin-top:50px}
.organization_box .department1 > li > .department2 > li .d_table{background-color: #F4EDE5;}
.organization_box .department1 > li > .department2.type3 >  li:last-child .d_table{background: #fff;}
/*20230824_추가*/
.organization_box .department1 > li:first-child{width: 340px;}
.organization_box .department1 > li:first-child > a.d_table {width: 214px; margin:0 auto;}
.organization_box .department1 > li:first-child > .department2 {background-size: 1px 20px, 149px 1px;}


/*.organization_box .department1 > li > .department2 > li:nth-child(1) {padding-right: 5px;}
.organization_box .department1 > li > .department2 > li:nth-child(2) {padding-left: 5px;}*/
.organization_box .department1 > li .d_table {width: 52px; height: 240px;color: #666; font-size: 15px; text-align: center; line-height: 18px;}
.organization_box .department1 > li > .department2 > li .d_table {display: inline-table; }

.organization_box .department1 > li > .department2 > li .d_table .d_cell {padding: 15px; border: 2px solid #959595;}
.organization_box .department1 > li .department3 {padding-top: 20px; background-image: url('../../images/web/line_organization.png'); background-size: 1px 20px; background-position: center 0; background-repeat: no-repeat;}
.organization_box .department1 > li .department3 > li {padding: 20px 0 0 0;}
.organization_box .department1 > li .department3 > li .d_table .d_cell {padding: 10px 18px; vertical-align: top; background: #e7ebf0; border: 0; border-top: 2px solid #006dc1;}
.organization_box .department1 > li .department3.type2 {width: 108px; margin-left: 18px; padding-top: 20px; background-image: url('../../images/web/line_organization.png'), url('../../images/web/line_organization.png'); background-size: 1px 20px, 55px 1px; background-position: center 0, center 19px; background-repeat: no-repeat, no-repeat;}
/*20250408 수정*/
.organization_box .department1 > li.column .department3.type2 {margin-left: 50px;}
/*20250408 수정*/
.organization_box .department1 > li .department3.type2 > li {float: left; margin: 0 1px;}
.organization_box .department1 > li .department3.type3 {width: 163px; margin-left: -8px; padding-top: 20px; background-image: url('../../images/web/line_organization.png'), url('../../images/web/line_organization.png'); background-size: 1px 20px, 109px 1px; background-position: center 0, center 19px; background-repeat: no-repeat, no-repeat;}
.organization_box .department1 > li.column .department3.type3 {margin-left: -57px;}
.organization_box .department1 > li .department3.type3 > li {float: left; margin: 0 1px;}

/*pys 조직도 추가 20210311*/
.organization_box .department1 > li .department3.type4 {position: relative; left:30px; width: 163px; margin-left: 18px; padding-top: 20px; background-image: url('../../images/web/line_organization.png'), url('../../images/web/line_organization.png'); background-size: 1px 20px, 109px 1px; background-position: center 0, center 19px; background-repeat: no-repeat, no-repeat;}
.organization_box .department1 > li.column .department3.type4 {margin-left: -85px;}
.organization_box .department1 > li .department3.type4 > li {float: left; margin: 0 1px;}
/*20250408 재수정*/
.organization_box .department1 > li .department2 > li:nth-of-type(2) .department3.type2{width: 200px; margin-left: 0; background-size: 1px 20px, 57px 1px; 
    background-position: 60px 0, 26px 19px}
.organization_box .department1 > li:nth-of-type(1) > .department2 > li:nth-of-type(2){position: relative;}
.organization_box .department1 > li:nth-of-type(1) > .department2 > li:nth-of-type(2)::before{content:'';position:absolute;top:100px;background-image:url('../../images/webNew/line02.png');background-position: 59% -9px;background-repeat: repeat-y;background-size: 1px 10px;width: 1px;height: 35px;left: 80%;   transform: rotate(90deg);}
.organization_box .department1 > li:nth-of-type(1) .department3.type2 li:nth-child(3) .d_table,
.organization_box .department1 > li:nth-of-type(2) > .department2.type3 > li:last-child .d_table,
.organization_box .department1 > li:nth-of-type(5) > .department2.type3 > li:last-child .d_table{height: 220px;}
/*20250409 최종수정2*/
.organization_box .department1 > li .department2 > li:nth-of-type(2) .department3.type2 >li:last-child{background-size: 0; position: relative; margin-top: 20px;}
.organization_box .department1 > li .department2 > li:nth-of-type(2) .department3.type2 >li:last-child:before{content:'';position:absolute;top: -183px;background-image:url('../../images/webNew/line02.png');background-position: 59% -9px;background-repeat: repeat-y;background-size: 1px 10px;width: 1px;height: 204px;left: 50%;}
/*//20250409 최종수정2*/
.organization_box .department1 > li .department2 > li:nth-of-type(2) .department3.type2 >li:last-child .d_table .d_cell{background-color: #fff; border:2px solid #959595; padding:15px;}
/*20250409 최종수정2*/
.organization_box .department1 > li:nth-of-type(2) > .department2.type3 > li:last-child:before{top:-270px; height: 343px;}
.organization_box .department1 > li:nth-of-type(2) > .department2.type3 > li:last-child{margin-top: 250px;}
/*//20250409 최종수정2*/
.organization_box .department1 > li:nth-of-type(3) > .department2.type3 > li:last-child:before{background-image: url('../../images/web/line_organization.png'); height: 300px; top:-230px}
.organization_box .department1 > li:nth-of-type(3) > .department2.type3 > li:last-child{margin-top: 230px;}
.organization_box .department1 > li:nth-of-type(3) > .department2.type3 > li:last-child a{padding: 10px 18px; vertical-align: top; background: #e7ebf0; border: 0; border-top: 2px solid #006dc1;}
.organization_box .department1 > li:nth-of-type(3) > .department2.type3 {background-position: 50%  0px, 50% 19px; background-size: 1px 20px, 144px 1px;}
.organization_box .department1 > li:nth-of-type(4) > .department3.type1 > li{margin: 280px auto; display:inline-block; background-position:50% 0;}
.organization_box .department1 > li:nth-of-type(4){background-size: 1px 380px;}
.organization_box .department1 > li:nth-of-type(5) > .department2.type3{background-position: 33%  0px, 25% 19px;background-size: 0px 20px, 0 1px;}
.organization_box .department1 > li:nth-of-type(5) > .department2.type3 > li:nth-of-type(1){width: 98%;}
/*20250409 최종수정2*/
.organization_box .department1 > li:nth-of-type(5) > .department2.type3 > li:last-child{margin:250px 0 0 -70px;}
.organization_box .department1 > li:nth-of-type(5) > .department2.type3 > li:last-child:before{top:-270px; height:340px;}
/*//20250409 최종수정2*/

/*찾아오시는길*/
.map_box {width: 100%; margin-bottom: 40px;}
.map_box .root_daum_roughmap {width: 100% !important;}
.map_box .address {overflow: hidden; padding: 10px 20px; border: 1px solid #dbdbdb; border-top: 0;}
.map_box .address li {float: left; margin-right: 50px;}
.map_box .address li span {margin-right: 10px;}
.map_info {border-top: 1px solid #dcdcdc;}
.map_info > li {padding: 30px 0; border-bottom: 1px solid #dcdcdc;}
.map_info > li > dl {position: relative;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.map_info > li > dl > dt {position: relative; float: left; width: 120px;}
.map_info > li > dl > dt span {position: absolute; width: 100%; top: 50%; margin-top: -45px; padding-top: 73px; color: #2f76c2; font-size: 16px; font-weight: 600; text-align: center; background-position: center 0; background-repeat: no-repeat;}
.map_info > li > dl > dt span.traffic1 {background-image: url('../../images/web/icon_traffic1.png');}
.map_info > li > dl > dt span.traffic2 {background-image: url('../../images/web/icon_traffic2.png');}
.map_info > li > dl > dt span.traffic3 {background-image: url('../../images/web/icon_traffic3.png');}
.map_info > li > dl > dd.d_table {float: left; padding-left: 60px; width: calc(100% - 120px);min-height: 70px;}
/*비전미션*/
.mission_vision {overflow: hidden;}
.mission_vision .box1 {z-index: 30; display: block; overflow: hidden; position: relative; width: 680px; margin: 0 auto;}
.mission_vision .box1 .top {overflow: hidden; position: absolute; top: 0; width: 173px; min-height: 350px; background: url('../../images/web/bg_mission.png') 0 0 no-repeat;}
.mission_vision .box1 .top.mission {left: 0;}
.mission_vision .box1 .top.vision {right: 0;}
.mission_vision .box1 h3 {margin: 58px 0 15px; padding-bottom: 20px; color: #fff; font-size: 28px; text-align: center; background: url('../../images/web/line_title.png') center bottom no-repeat; background-size: 28px 2px;}
.mission_vision .box1 h4 {color: #fff; font-size: 20px; text-align: center;}
.mission_vision .box1 .top p {margin-top: 120px; line-height: 24px; text-align: center;}
.mission_vision .box1 .title {position: relative; overflow: hidden; margin: 150px auto 0; width: 173px; height: 307px; background: url('../../images/web/bg_corevalue.png') 0 0 no-repeat;}
.mission_vision .box2 {z-index: 20; position: relative; top: -4px; display: block; margin-bottom: 100px; text-align: center;}
.mission_vision .box2 img.web {display: inline-block;}
.mission_vision .box2 img.mobile {display: none;}
.mission_vision .box3 {position: relative; overflow: hidden;}
.mission_vision .box3 .title {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 320px; margin: 0 auto; text-align: center; background-image: url('../../images/web/arrow_mission.png'), url('../../images/web/arrow_mission2.png'); background-position: 0 62px, right 0 top 62px; background-repeat: no-repeat, no-repeat;}
.mission_vision .box3 .title h3 {display: inline-table; width: 160px; height: 160px; background: #1b74d2; border-radius: 160px; border: 8px solid #f3f4f4;}
.mission_vision .box3 .title h3 span {color: #fff; font-size: 24px; line-height: 30px; }
.mission_vision .box3 .strategys {margin-top: 45px; width: 320px;}
.mission_vision .box3 .strategys.left {float: left;}
.mission_vision .box3 .strategys.right {float: right;}
.mission_vision .box3 .strategys h3 {margin-bottom: 20px; width: 100%; height: 70px; display: table; border: 6px solid #e9e9e9; border-radius: 70px; }
.mission_vision .box3 .strategys h3 span {padding: 0 15px; text-align: center; color: #19a5e0; font-size: 22px;}
.mission_vision .box3 .strategys ul {padding: 0 10px;}
.mission_vision .box3 .strategys ul li {padding: 4px 0 4px 10px; color: #666; font-size: 15px; line-height: 18px; background: url('../../images/web/icon_dot3.png') 0 13px no-repeat;}
/*소장자료검색*/
.iframe_box {text-align: center;}
.iframe_box iframe {display: inline-block; max-width: 100%; width: 820px; height: 455px;}
/*주요연구사업*/
.tab_select_box .optionbox {overflow: hidden; margin:0 auto 30px; display: block; width:180px; height: 40px; border:2px solid #d2d2d2; }
.tab_select_box .optionbox select {padding:0 0 0 10px; background:#fff url('../../images/web/select_arrow2.png') no-repeat; background-position: right 10px center;}
/*관광동향분석*/
.trend_box {position: relative; margin: 0 auto 40px; width: 460px; height: 460px;}
.trend_box ul li .tit {z-index: 10; position: absolute; color: #fff; font-size: 16px; font-weight: 600; border-radius: 162px; box-shadow: 2px 2px 5px #bbb;}
.trend_box ul li .tit div {text-align: center; vertical-align: middle;}
.trend_box ul li .line {position: absolute; z-index: 3; width: 1px; height: 65px; background: url('../../images/web/icon_line.png') 0 0 repeat;}
.trend_box ul li.box1 {position: absolute; left: 50%; transform: translateX(-50%); top: 50%; margin-top: -148px; width: 297px; height: 297px; border-radius: 197px; background: url('../../images/web/bg_trend.png') center center no-repeat;}
.trend_box ul li.box1 .tit {left: 50%; transform: translateX(-50%); top: 50%; margin-top: -81px; padding-top: 35px; width: 162px; height: 162px; color: #2f76c2; font-size: 26px; line-height: 34px; border: 2px solid #2f76c2; background: url('../../images/web/icon_trand.png') center 22px no-repeat #fff;}
.trend_box ul li.box1 .line {display: none;}
.trend_box ul li.box2 .tit {width: 137px; height: 137px; font-size: 22px; line-height: 30px; background: #1b74d2;}
.trend_box ul li.box3 .tit {width: 123px; height: 123px; font-size: 22px; line-height: 30px; background: #3b98ce;}
.trend_box ul li.box4 .tit {width: 92px; height: 92px; background: #6ebfe1;}
.trend_box ul li:nth-child(2) .tit {top: 61px; left: 0;}
.trend_box ul li:nth-child(2) .line {left: 133px; top: 139px; transform: rotate(125deg);/*-ms-transform: rotate(125deg); -webkit-transform: rotate(125deg);*/}
.trend_box ul li:nth-child(3) .tit {top: 260px; left: 10px;}
.trend_box ul li:nth-child(3) .line {left: 130px; bottom: 140px; transform: rotate(60deg);/*-ms-transform: rotate(60deg); -webkit-transform: rotate(60deg);*/}
.trend_box ul li:nth-child(4) .tit {bottom: 9px; left: 178px;}
.trend_box ul li:nth-child(4) .line {left: 226px; bottom: 84px; transform: rotate(2deg);/*-ms-transform: rotate(2deg); -webkit-transform: rotate(2deg);*/}
.trend_box ul li:nth-child(5) .tit {bottom: 65px; right: 50px;}
.trend_box ul li:nth-child(5) .line {right: 140px; bottom: 124px; transform: rotate(133deg);/*-ms-transform: rotate(133deg); -webkit-transform: rotate(133deg);*/}
.trend_box ul li:nth-child(6) .tit {top: 172px; right: 0;}
.trend_box ul li:nth-child(6) .line {right: 114px; top: 188px; transform: rotate(90deg);/*-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);*/}
.trend_box ul li:nth-child(7) .tit {top: 47px; right: 65px;}
.trend_box ul li:nth-child(7) .line {right: 152px; top: 112px; transform: rotate(40deg);/*-ms-transform: rotate(40deg); -webkit-transform: rotate(40deg);*/}
.trend_box ul li:nth-child(8) .tit {top: 0; left: 172px;}
.trend_box ul li:nth-child(8) .line {left: 226px; top: 83px; transform: rotate(176deg);/*-ms-transform: rotate(176deg); -webkit-transform: rotate(176deg);*/}
.trend_box .m_line {display: none;}
/*투어고인사이트*/
.tourgo_box {position: relative; margin-bottom: 40px; height: 630px;}
.tourgo_box h3 {z-index: 11; position: absolute; left: 50%; transform: translateX(-50%); top: 12px; padding-top: 92px; width: 183px; height: 183px; color: #fff; font-size: 18px; text-align: center; background: url('../../images/web/icon_tourgo.png') center 22px no-repeat #1b74d2; border-radius: 183px;}
.tourgo_box .tourgo_list {z-index: 12; position: absolute; top: 45px; width: 300px; text-align: center;}
.tourgo_box .tourgo_list h4 {display: inline-block; color: #fff; font-size: 18px; background: #19a5e0; border: 10px solid #f3f4f4; border-radius: 122px; }
.tourgo_box .tourgo_list h4 span {width: 122px; height: 122px; }
.tourgo_box .tourgo_list .arrow {position: absolute; top: 57px; width: 180px; height: 11px; background: url('../../images/web/icon_arrow4.png') right 0 no-repeat;}
.tourgo_box .tourgo_list .arrow2 {display: block; margin: 0 auto 5px; width: 27px; height: 17px; background: url('../../images/web/icon_arrow3.png') 0 0 no-repeat;}
.tourgo_box .tourgo_list dl {padding: 20px 20px 0; background: #f3f4f4;}
.tourgo_box .tourgo_list dl dt {width: 100%; height: 36px; line-height: 36px; color: #2f76c2; font-weight: 600; background: #fff; border: 1px solid #2f76c2;}
.tourgo_box .tourgo_list dl dd {margin-bottom: 10px; padding: 20px; text-align: left;}
.tourgo_box .tourgo_list.left {left: 5%;}
.tourgo_box .tourgo_list.left .arrow {right: -108px; transform: rotate(180deg)/*-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);*/}
.tourgo_box .tourgo_list.right {right: 5%;}
.tourgo_box .tourgo_list.right .arrow {left: -108px;}
.tourgo_box .bg {z-index: 2; position: absolute; width: 100%;}
.tourgo_box .bg span {display: block; position: absolute; left: 50%; transform: translateX(-50%); background: #f3f4f4;}
.tourgo_box .bg span:nth-child(1) {top: 0; width: 208px; height: 208px; border-radius: 208px;}
.tourgo_box .bg span:nth-child(2) {top: 78px; width: 70%; height: 60px;}

/*2018사업계획*/
.plan_box {overflow: hidden;}
.plan_box h4 {display: table; float: left; width: 290px; height: 90px;}
.plan_box h4 .d_cell {padding: 0 20px; width: 100%; height: 100%; color: #1b74d2; text-align: center; border: 5px solid #b2cfed; word-break: keep-all; border-radius: 90px;}
.plan_box .list {position: relative; float: left; width: calc(100% - 290px);}
.plan_box .list img {position: absolute; left: -5px; top: 13px;}
.plan_box .list .list_type2 {margin-left: 35px;}
.plan_box .list .list_type2 li {padding: 4px 10px; line-height: 22px; background-position: 0 12px;}

/*문화영향평가제도*/
.cia_box1 {overflow: hidden;}
.cia_box1 > li {float: left;}
.cia_box1 li .d_table {width: 122px; height: 122px; background: #1b74d2; border: 9px solid #f3f4f4; border-radius: 122px;}
.cia_box1 li .d_table .d_cell {width: 100%; height: 100%; color: #fff; font-size: 18px; font-weight: 600; text-align: center;}
.cia_box1 li img {display: block;}
.cia_box1 li img.arrow1 {margin-top: 53px; padding-right: 20px;}
.cia_box1 li img.arrow2 {margin-top: 25px; padding-right: 20px;}
.cia_box1 li img.arrow2_m {display: none;}
.cia_box1 li img.arrow3 {margin-top: 30px;}
.cia_box1 li img.arrow4 {margin-top: 41px;}
.cia_box1 li .list {padding: 20px; width: 230px; height: 220px; background: #f3f4f4;}
.cia_box1 li .list h6 {margin-bottom: 20px; width: 100%; height: 35px; font-size: 15px; line-height: 35px; text-align: center; color: #2f76c2; border: 1px solid #2f76c2; background: #fff;}
.cia_box2 {}
.cia_box2 li {text-align: center;}
.cia_box2 li h3 {display: inline-block; margin: 10px 0; width: 160px; height: 40px; color: #fff; font-size: 30px; line-height: 40px; border-radius: 40px; background: #3984cc;}
.cia_box2 li p {margin: 10px 0;}
.cia_box2 li.line {height: 40px; background: url('../../images/web/bottom_dot.png') center 0 no-repeat; background-size: 1px 40px;}
.cia_box3_1 {overflow: hidden; width: 100%; padding-left: 30px;}
.cia_box3_1 dt {position: relative; float: left; width: 225px; margin-bottom: 10px;}
.cia_box3_1 dt span {position: relative; z-index: 30; display: block; width: 175px; height: 40px; color: #2f76c2; font-size: 16px; text-align: center; font-weight: 600; line-height: 40px; border: 3px solid #e9e9e9; border-radius: 40px; background: #fff;}
.cia_box3_1 dt img {position: absolute; z-index: 15; right: 0; top: 16px; width: 60px;}
.cia_box3_1 dd {float: left; width: calc(100% - 225px); min-height: 40px; display: block; margin-bottom: 10px; padding: 10px 0 0 15px;}
.cia_box3_2 {overflow: hidden; margin-bottom: 20px;}
.cia_box3_2 li {float: left;}
.cia_box3_2 li.cia_list {overflow: hidden; padding: 10px; width: 167px; height: 167px; text-align: center; border-radius: 167px; background: #f3f4f4;}
.cia_box3_2 li.cia_list .list {padding: 10px; width: 100%; height: 100%; border: 10px solid #19a5e0; border-radius: 160px;}
.cia_box3_2 li.cia_list .list h4 {width: 100%; height: 50px; border-bottom: 2px solid #19a5e0;}
.cia_box3_2 li.cia_list .list h4 span {height: 100%; color: #0494d1; line-height: 18px;}
.cia_box3_2 li.cia_list .list p {width: 100%; height: 65px;}
.cia_box3_2 li.cia_list .list p span {height: 100%; color: #444; font-size: 13px; line-height: 18px; letter-spacing: -1px;}
.cia_box3_2 li.arrow {padding: 0 5px;}
.cia_box3_2 li.arrow img {margin-top: 74px;}
.cia_box3_3 {text-align: center;}
.cia_box3_3 img {display: inline-block; max-width: 100%;}
.cia_box3_4 {position: relative; padding: 20px 0; background: #f3f4f4;}
.cia_box3_4 .list1 li h4 {font-size: 15px; margin-bottom: 5px;}
.cia_box3_4 .list1 li .list_type {margin-bottom: 10px;}
.cia_box3_4 .list2 {overflow: hidden; position: absolute; right: 20px; top: 20px; width: 700px;}
.cia_box3_4 .list2 li {display: block; float: left; width: 130px;}
.cia_box3_4 .list2 li .d_table {width: 130px; height: 130px; border-radius: 130px; background: #19a5e0;}
.cia_box3_4 .list2 li .d_table .d_cell {color: #fff; font-size: 16px; font-weight: 600; line-height: 24px; text-align: center;}
.cia_box3_4 .list2 li.arrow {width: 60px; text-align: center;}
.cia_box3_4 .list2 li.arrow img {display: inline-block; margin-top: 52px}
.cia_box3_4 .list2 li.arrow img.left {transform: rotate(180deg);/*-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);*/}
.cia_box3_4 .list2 li.arrow2 {overflow: hidden; width: 100%; float: none;}
.cia_box3_4 .list2 li.arrow2 img {float: right; margin: 15px 52px 15px 0; transform: rotate(90deg);/*-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);*/}
.cia_box3_4 .list2 li.right {float: right;}
.cia_box4 {position: relative; overflow: hidden; width: 845px; padding-top: 40px; margin: 0 auto;}
.cia_box4 li {float: left; position: relative; text-align: center;}
.cia_box4 li .speech_bubble {position: absolute; padding-top: 5px; width: 187px; height: 42px; top: -32px; left: 28px; color: #fff; font-size: 14px; background: url('../../images/web/bg_speech_bubble.png') 0 0 no-repeat;}
.cia_box4 li .d_table {padding: 10px; width: 245px; height: 100px; border: 2px solid #19a5e0;}
.cia_box4 li .d_table .d_cell {padding-top: 5px; width: 100%; height: 100%; color: #1b74d2; background: url('../../images/web/bg_cia.png') 0 0 repeat-x;}
.cia_box4 li .d_table .d_cell h4 {clear: both; font-size: 20px; line-height: 24px;}
.cia_box4 li .d_table .d_cell .text {display: inline-block;}
.cia_box4 li .d_table .d_cell .text li {padding: 0 3px;}
.cia_box4 li.arrow {padding: 0 10px;}
.cia_box4 li.arrow img {margin-top: 40px;}
.cia_box4 li.arrow img.left {transform: rotate(180deg);/*-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);*/}
.cia_box4 li.arrow2 {overflow: hidden; float: none; padding: 10px 0; width: 100%;}
.cia_box4 li.arrow2 img {float: right; margin: 10px 105px 10px 0; transform: rotate(90deg);/*-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);*/}
.cia_box4 li.right {float: right !important;}
/*사이트맵*/
.sitemap {overflow: hidden;display:flex;display:flex;flex-wrap:wrap;flex-wrap:wrap;}
.sitemap > li {float: left; width: 20%; padding: 0 8px; margin-bottom: 30px;}
.sitemap > li .sitemap_box {border: 1px solid #eee;}
.sitemap > li .sitemap_box h3 {height: 50px; color: #fff; font-size: 18px; text-align: center; line-height: 50px; background: url('../../images/web/bg_sitemap.png') 0 0 repeat-x;}
.sitemap > li:nth-child(2n-1) .sitemap_box h3 {background-color: #3b87cd;}
.sitemap > li:nth-child(2n) .sitemap_box h3 {background-color: #b79164;}
.sitemap > li .sitemap_box .sitemap_list {padding: 30px 15px;}
.sitemap > li .sitemap_box .sitemap_list > li > a {line-height: 30px;}
.sitemap > li .sitemap_box .sitemap_list > li > .smenu {padding: 5px 0;}
.sitemap > li .sitemap_box .sitemap_list > li > .smenu li {}
.sitemap > li .sitemap_box .sitemap_list > li > .smenu > li > a {display: block; padding: 3px 0 3px 22px; color: #777; font-size: 14px; line-height: 20px; background: url('../../images/web/icon_dot1.png') 15px 12px no-repeat;}
.sitemap > li .sitemap_box .sitemap_list > li > .smenu li .ssmenu {padding: 3px 0 8px}
.sitemap > li .sitemap_box .sitemap_list > li > .smenu li .ssmenu li {}
.sitemap > li .sitemap_box .sitemap_list > li > .smenu li .ssmenu li a {display: block; padding: 2px 0 2px 25px; color: #555; font-size: 12px; line-height: 16px;}

/*경영공시*/
.business_box {display: block;}
.business_box h3 {margin-bottom: 20px; color: #000; font-size: 20px;}
.business_box .business_list {overflow: hidden; padding-left: 20px; margin-bottom: 40px; display:flex;display:-webkit-flex;flex-wrap:wrap;/*-webkit-flex-wrap:wrap;*/}
.business_box .business_list > li {float: left; width: 50%;}
.business_box .business_list > li a {color: #666;}
.business_box .business_list > li > p {line-height: 28px;}
/*FAQ*/
.faq_box {margin-bottom: 45px; border-top: 2px solid #337dc6;}
.faq_box > li {border-bottom: 1px solid #e4e4e4;}
.faq_box > li > a {position: relative; display: block; padding: 30px 0;}
.faq_box > li > a > span {position: absolute; top: 50%; transform: translateY(-50%); right: 30px; width: 17px; height: 10px; background: url('../../images/web/icon_down2.png') 0 0 no-repeat; font-size: 0; text-indent: -999px; }
.faq_box > li.active > a > span {background: url('../../images/web/icon_up.png') 0 0 no-repeat;}
.faq_box > li > a dl {font-weight: 600; padding-right: 60px;}
.faq_box > li > ul {display: none; border-top: 1px solid #e4e4e4; background: #f5f5f5;}
.faq_box > li:first-child > ul {display: block;}
.faq_box > li > ul > li {padding: 30px 0;}
.faq_box > li > ul > li dl dt {color: #b6b6b6;}
.faq_box > li > ul > li dl dd {color: #666;}
.faq_box dl {position: relative;}
.faq_box dl dt {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 90px; font-size: 30px; font-weight: 600; text-align: center;}
.faq_box dl dd {padding-left: 90px; line-height: 26px;}
.faq_more {color: #666;}
.faq_more .btn_faq {padding: 3px 45px 3px 30px; margin-left: 10px; color: #2074c7; font-size: 13px; border: 1px solid #337dc6; border-radius: 30px; background: url('../../images/web/button_arrow2.png') right 15px center no-repeat;}
/*20231220 웹접근성수정사항*/
input[type=checkbox] {position:absolute; overflow: hidden; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0)}
.fcs_in:focus-within{border:1px solid #333}
/*20231220 웹접근성수정사항*/

input[type=checkbox] + label {display: inline-block; cursor: pointer;}
input[type=checkbox] + label span {position: relative; top: -3px;}
input[type=checkbox]+ label:before {content: ""; display: inline-block; position: relative; width: 14px; height: 14px; top: 0; background-color: #f3f3f3; border:1px solid #bebebe; margin-right: 10px;}
input[type=checkbox]:checked + label:before { background: url('../../images/web/icon_check_on.png') center center no-repeat; }

/*메일링서비스*/
.mailing_box {width: 400px; margin: 0 auto 30px; position:relative;}
.mailing_box fieldset {margin-bottom: 20px;}
.mailing_box fieldset .inpbox {overflow: hidden; position: relative; display: block; margin-bottom: 10px;  border: 2px solid #dfdfdf;}
.mailing_box fieldset .inpbox label {position: absolute; left: 20px; top: 15px;color: #666; font-weight: 600;}
.mailing_box fieldset .inpbox input.txt {float: right; padding: 0 10px; width: 300px; height: 46px;color: #666;}
.mailing_box ul {margin-bottom: 40px;}
.mailing_box ul li {margin-bottom: 10px;}
/*.mailing_box ul li input[type=checkbox] { display: none;}*/
.mailing_box ul li input[type=checkbox] + label{display: inline-block; cursor: pointer; position: relative; padding-left: 25px; font-size: 14px; }
.mailing_box ul li input[type=checkbox]+ label:before { content: ""; display: inline-block; width: 14px; height: 14px; color: #fff;  position: absolute; left: 0; top: 2px; background-color: #f3f3f3;border:1px solid #bebebe; }
.mailing_box ul li input[type=checkbox]:checked + label:before {background: url('../../images/web/icon_check_on.png') center center no-repeat; background-color: #f3f3f3}
.mailing_box button {width: 100%; height: 45px;}
/* 20231220 웹접근성수정사항 */
.mailing_box .mail_tab1{width:48%; margin-bottom:7px;}
.mailing_box .mail_tab2{position:absolute; width:48%; top:315px; right:0%; }


/*사회책임경영*/
.csr_box {overflow: hidden; width: 780px; margin: 0 auto 50px; text-align: center; }
.csr_box li {position: relative; overflow: hidden;}
.csr_box li .d_table {width: 100%;}
.csr_box li .d_table.left {float: left; width: 340px;}
.csr_box li .d_table.right {float: right; width: 340px;}
.csr_box li .d_table .d_cell {padding: 10px; width: 100%; color: #000; border-radius: 60px; border: 5px solid #b2cfed; word-break: keep-all;}
.csr_box li .d_table.last .d_cell {color: #fff; border: 5px solid #1b74d2; background: #1b74d2;}
.csr_box li .arrow {overflow: hidden; position: absolute; top: 50%; margin-top: -6px; left: 50%; transform: translateX(-50%); width: 90px; height: 12px;}
.csr_box li .arrow img {float: right;}
.csr_box li .arrow img.left {float: left; transform: rotate(180deg);/*-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);*/}
.csr_box li .arrow span {position: absolute; display: block; top: 6px; width: 90px; height: 1px; border-bottom: 1px dotted #959595;}
.csr_box li > img {margin-bottom: 5px;}
.csr_box li > .text {position: absolute; right: 0; top: 5px; padding: 0 15px; width: 340px; color: #666; font-size: 13px; line-height: 18px;}

.open_box2 {width: 550px; margin: 30px auto 50px;}
.open_box2 h4 {margin-bottom: 10px; text-align: center;}
.open_box2 > ul {border-top: 1px solid #dcdcdc;}
.open_box2 > ul > li {padding: 10px; border-bottom: 1px dotted #dcdcdc}
.open_box2 > ul > li:last-child {border-bottom: 1px solid #dcdcdc}
.open_box2 > ul > li dl {overflow: hidden;}
.open_box2 > ul > li dl dt {float: left; width: 40%; padding-right: 35px; text-align: right; line-height: 60px;}
.open_box2 > ul > li dl dd {float: left; width: 60%;}
/*통합검색*/
.total_search {padding: 30px; margin-bottom: 30px; background: #fafafa;}
.total_search .search_box {position: relative; width: 600px; height: 45px; overflow: hidden; margin: 0 auto 20px;}
.total_search .search_box input {padding: 10px 110px 10px 10px;  width: 100%; height: 100%; font-weight: 600; border: 1px solid #767676;}
.total_search .search_box button {position: absolute; right: 0; top: 0; width: 100px; height: 100%; color: #fff; font-size: 18px; background: #767676;}
.total_search .total_detail {overflow: hidden; padding-top: 20px; border-top: 1px solid #e1e1e1;}
.total_search .total_detail .detail1 > li {height: 35px; line-height: 33px;}
.total_search .total_detail .detail1 li .title {float: left; width: 65px; font-weight: 600;}
.total_search .total_detail .detail1 li .list {overflow: hidden; float: right; width: calc(100% - 65px);}
.total_search .total_detail .detail1 li .list > li {float: left;}
/*.total_search input[type=checkbox] {display: none;}*/
.total_search input[type=checkbox] + label {display: inline-block; cursor: pointer; margin-left: 30px;}
.total_search input[type=checkbox] + label span {position: relative; top: -3px;}
.total_search input[type=checkbox]+ label:before {content: ""; display: inline-block; position: relative; width: 14px; height: 14px; top: 0; background-color: #f3f3f3; border:1px solid #bebebe; margin-right: 10px;}
.total_search input[type=checkbox]:checked + label:before { background: url('../../images/web/icon_check_on.png') center center no-repeat; }
.total_search .iradio {position: relative; display: inline-block; top: 0; margin-left: 30px; background:url('../../images/web/icon_radio_off.png') no-repeat 0 center;}
.total_search .cal .iradio {padding: 0 0 0 10px;}
.total_search .iradio.on {background:url('../../images/web/icon_radio_on.png') no-repeat 0 center;}
.total_search .iradio label {display: inline-block; padding-left: 5px;}
.total_search .iradio input.radio {width:0px; height:0px;display: inline-block; }
.total_search .calenbox {overflow: hidden;}
.total_search .calenbox .input_type {width:100px; height:35px; padding: 0 10px; color: #666; display: inline-block; border: 1px solid #cbcbc5; }
.board_tab .tab-content .tab-pane .list_box {margin-bottom: 40px; border-top: 1px solid #0269c6;}
.board_tab .tab-content .tab-pane .list_box h3 {padding: 20px; color: #000; font-size: 16px;}
.board_tab .tab-content .tab-pane .list_box h3 span {color: #dd7204;}
.board_tab .tab-content .tab-pane .list_box .list {margin-bottom: 15px; border-top: 1px solid #cbcbcb;}
.board_tab .tab-content .tab-pane .list_box .list > li {position: relative; padding: 25px 20px; border-bottom: 1px solid #cbcbcb;}
.board_tab .tab-content .tab-pane .list_box .list > li h4 {color: #010101; font-size: 18px; font-weight: 400;}
.board_tab .tab-content .tab-pane .list_box .list > li h4 span {font-weight: 800;}
.board_tab .tab-content .tab-pane .list_box .list > li > a {display: block; margin: 20px 0 15px; line-height: 24px;}
.board_tab .tab-content .tab-pane .list_box .list > li > a span {font-weight: 800;}
.board_tab .tab-content .tab-pane .list_box .list > li .total_nav {overflow: hidden; padding-right: 30px;}
.board_tab .tab-content .tab-pane .list_box .list > li .total_nav li {float: left; color: #858585; font-size: 14px; margin-right: 15px;}
.board_tab .tab-content .tab-pane .list_box .list > li .total_nav li span {font-weight: 600;}
/*.board_tab .tab-content .tab-pane .list_box .list > li button {position: absolute; right: 20px; bottom: 25px;}*/
.board_tab .tab-content .tab-pane .list_box .list > li .attach_file_download {position: absolute; right: 20px; bottom: 25px;}
.board_tab .tab-content .tab-pane .list_box div > button {padding: 0 48px 0 20px; height: 45px; color: #fff; font-size: 15px; line-height: 45px; background: url('../../images/web/button_arrow.png') right 20px center no-repeat #839cb2; }
.board_tab .tab-content .tab-pane .no_resultant_box {text-align: center;}
.board_tab .tab-content .tab-pane .no_resultant_box .no_resultant {padding: 50px 0; color: #010101; font-size: 20px; font-weight: 600;}
.board_tab .tab-content .tab-pane .no_resultant_box .no_resultant span {color: #0362b8;}
.board_tab .tab-content .tab-pane .no_resultant_box .resultant_check {font-size: 18px; line-height: 30px;}

/*탭메뉴*/
.board_tab .tab_box {position: relative; width: 100%;display: block; overflow: hidden; margin-bottom: 40px;}
.board_tab .tab_box > li {display: block;}
/*.board_tab .tab_box > li:first-child > a {border-left: 1px solid #dcdcdc;}*/
.board_tab .tab_box > li:first-child > a {border-left: 1px solid #E8E8E8;}/* 20200528*/
/*.board_tab .tab_box > li.active > a {color: #0362b8; border: 1px solid #0269c6;}*/
/*.board_tab .tab_box > li.active > a {color: #ffffff; border: 1px solid #0269c6; background: #3984cc;}*/
.board_tab .tab_box > li.active > a {color: #ffffff; border: 1px solid #333333; background: #333333;}/* 20200528*/
.board_tab .tab_box > li > a:hover {color: #ffffff; border: 1px solid #E8E8E8; background: #333333;}

/*.board_tab .tab_box > li > a {position: absolute; width: 14.3%; height: 48px; top: 0; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}*/
.board_tab .tab_box > li > a {position: absolute; width: 14.3%; height: 48px; top: 0; border-top: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8;}
.board_tab .tab_box > li > a.title1 {width: 14.2%; left: 0;}
.board_tab .tab_box > li > a.title2 {left: 14.1%;}
.board_tab .tab_box > li > a.title3 {left: 28.4%;}
.board_tab .tab_box > li > a.title4 {left: 42.6%;}
.board_tab .tab_box > li > a.title5 {left: 56.8%;}
.board_tab .tab_box > li > a.title6 {left: 71.0%;}
.board_tab .tab_box > li > a.title7 {width: 14.6%; left: 85.3%;}

/* 통합검색 tab 추가 수정 */
/*.board_tab .tab_box > li > a {position: absolute; width: 16.6%; height: 48px; top: 0; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.board_tab .tab_box > li > a.title1 {width: 17%; left: 0;}
.board_tab .tab_box > li > a.title2 {left: 17%;}
.board_tab .tab_box > li > a.title3 {left: 33.6%;}
.board_tab .tab_box > li > a.title4 {left: 50.2%;}
.board_tab .tab_box > li > a.title5 {left: 66.8%;}
.board_tab .tab_box > li > a.title6 {left: 83.4%;}
*/
.board_tab .tab_box > li > a .d_cell {vertical-align: middle; height: 100%; vertical-align: middle; font-size: 16px; text-align: center; line-height: 20px;}
.board_tab .tab_box > li > a span {display: inline-block; margin-left: 5px;}
.board_tab .tab_box > li .tab-content {margin-top: 85px;}
.board_tab .tab_box > li .tab-content {display: none;}
.board_tab .tab_box > li.active .tab-content {display: block;}
.board_tab .tab_box > li.active .tab-content > .tab-pane {display: block;}

.board_tab .tab_box.tab2 > li > a {width: 50%;}
.board_tab .tab_box.tab2 > li > a.title1 {left: 0;}
.board_tab .tab_box.tab2 > li > a.title2 {left: 50%;}

.board_tab .tab_box.tab3 > li > a {width: 386px;}
.board_tab .tab_box.tab3 > li > a.title1 {left: 0;}
.board_tab .tab_box.tab3 > li > a.title2 {width: 388px; left: 386px;}
.board_tab .tab_box.tab3 > li > a.title3 {left: 774px;}

.board_tab .tab_box.tab4 > li > a {width: 25%;}
.board_tab .tab_box.tab4 > li > a.title1 {left: 0;}
.board_tab .tab_box.tab4 > li > a.title2 {left: 25%;}
.board_tab .tab_box.tab4 > li > a.title3 {left: 50%;}
.board_tab .tab_box.tab4 > li > a.title4 {left: 75%;}

.total_detail .tab_box {position: relative; width: 100%;display: block; overflow: hidden;}
.total_detail .tab_box > li > a {position: absolute; width: 80px; height: 32px; top: 0; color: #0362b8; line-height: 30px; text-align: center; border: 1px solid #3984cc;}
.total_detail .tab_box > li.active > a {color: #fff; font-weight: 600; background: #3984cc;}
.total_detail .tab_box > li > a.title1 {left: 0px;}
.total_detail .tab_box > li > a.title2 {left: 79px;}
.total_detail .tab_box > li > a.title3 {left: 158px;}
.total_detail .tab_box > li.active .tab-content {margin-top: 42px; height: 98px;}
.total_detail .tab_box > li .tab-content .tab-pane {display: none;}
.total_detail .tab_box > li.active .tab-content .tab-pane {display: block;}
/* 20240118수정 */

/*20240613_웹저널 KCTI_인사이트*/
/*.insight_box .box_type3{font-size:15px; text-align: center; font-weight: 500;}
.insight_box .button_zone1{width:450px; height:120px; border:1px solid #bfbfbf; margin:0 auto;}
.insight_box .button_zone1 a{display: block; padding:20px 25px; position:relative;}
.insight_box .button_zone1 a span{color:#1712ab; font-size:20px; font-weight: 500;}
.insight_box .button_zone1 a span strong{font-size:32px; margin:5px 0;}
.insight_box .button_zone1 a span p{display:inline-block; color:#000; font-size:13px;}
.insight_box .button_zone1 a strong{font-size:32px; display: block;}
.insight_box .button_zone1 a .insight_go{position:absolute; right:10%; top:40%; font-size:16px; color:#222222; }
.insight_box .button_zone1 a .insight_go:after{display: block; content: ""; background: url("../../images/web/go1.png") no-repeat; width:97px; height:11px;}
.insight_box .button_zone2{display: flex; justify-content:center;}
.insight_box .button_zone2 a{width:350px;height:90px;border:1px solid #bfbfbf;padding:20px 30px;position:relative;background: url("../../images/web/insight_banner4.jpg") no-repeat;}
.insight_box .button_zone2 a:nth-child(2){margin-left: 40px;}
.insight_box .button_zone2 a span{display: block;text-align: center;width:80px;height:22px;background-color: #197080;color:#fff;font-size: 14px;border-radius: 11px;margin-bottom:10px;}
.insight_box .button_zone2 a p{display: inline-block; font-size:22px; font-weight: 600;}
.insight_box .button_zone2 a .insight_go2{position:absolute; right:20%; top:40%; font-size:16px; font-weight: 400;}
.insight_box .button_zone2 a .insight_go2:after{display:block; content:""; background: url("../../images/web/go2.png") no-repeat; width:34px; height:11px; position: absolute; top:20%; left:110%;}*/

.insight_box .box_type3{text-align: center; font-weight: 500;}
.insight_box .button_zone1{width:450px; border:1px solid #bfbfbf; margin:0 auto 50px;}
.insight_box .button_zone1 a{display: block; padding:20px 25px; position:relative; color:#000; font-size:13px; line-height: 1.2;}
.insight_box .button_zone1 a span,
.insight_box .button_zone1 a span strong{color:#1712ab; font-size:20px; font-weight: 500;}
.insight_box .button_zone1 a span strong{font-size:32px; font-weight:600;}
.insight_box .button_zone1 a strong{font-size:32px; display: block;}
.insight_box .button_zone1 a .insight_go{position:absolute; right:10%; top:40%; font-size:16px; color:#222222; }
.insight_box .button_zone1 a .insight_go:after{display: block; content: ""; background: url("../../images/web/go1.png")no-repeat; width:97px; height:11px;}
.insight_box .button_zone2{display: flex; justify-content:center; gap:40px;}
.insight_box .button_zone2 a{width:350px; height:90px; border:1px solid #bfbfbf; padding:20px 30px; position:relative;  background: url("../../images/web/insight_banner4.jpg"); font-size:22px; font-weight: 600;}
.insight_box .button_zone2 a span:first-child{display: block; text-align: center; width:80px; height:22px; background-color: #197080; color:#fff; font-size: 14px; border-radius: 11px; margin-bottom:10px;}
.insight_box .button_zone2 a .insight_go2{position:absolute; right:20%; top:40%; font-size:16px; font-weight: 400;}
.insight_box .button_zone2 a .insight_go2:after{display:block; content:""; background: url("../../images/web/go2.png")no-repeat; width:34px; height:11px; position: absolute; top:20%; left:110%;}
/*//20240613_웹저널 KCTI_인사이트*/

@media screen and (max-width:1266px) {
    .sub_contents .sub_top .top_box {width: 100%; padding: 0 10px;}
	/*20250407 수정*/
	.contentsarea,.contentsarea2 {	width: 100%; padding: 30px 10px; float: none;}
	/*//20250407 수정*/
}
@media screen and (max-width:1017px) {
		.sub_contents .sub_top .sns {right: 10px;}
	.sub_contents .nav_menu .list {width: 100%; }
		.contents_title {margin-bottom: 30px;}
		/*인사말*/
	.greeting_box li {float: none;}
	.greeting_box li.img{width: 100%; height: auto;text-align: center;margin-bottom: 20px;}
	.greeting_box li.text {width: 100%; padding-left: 0px;}
/* //20240118수정 */

	.greeting_box li.text .text_box {margin-bottom: 35px;}
	.greeting_box li.text .text_box h4 {font-size: 19px;}
	.greeting_box li.text .text_box h3 {margin-bottom: 20px; font-size: 24px; line-height: 32px;}
	.greeting_box li.text .profile_box h3 {margin-bottom: 15px; font-size: 21px;}
	.greeting_box li.text .profile_box .profile_list li {padding: 10px 0;}
	.greeting_box li.text .profile_box .profile_list li h4 {float: none; width: 100%; font-size: 18px;}
	.greeting_box li.text .profile_box .profile_list li .year {float: none; width: 100%; font-size: 14px; line-height: 22px;}
	.greeting_box li.text .profile_box .profile_list li .year dt {padding: 5px 0; width: 95px;}
	.greeting_box li.text .profile_box .profile_list li .year dd {padding: 5px 0; width: calc(100% - 95px);}
	
	/*조직도*/
	.organization_box .department1 {padding: 0; width: 214px; background: url('../../images/web/line_organization.png') center 0 no-repeat; background-size: 1px calc(100% - 10px);}
	.organization_box .department1 li {background: none; padding: 10px 0;}
	.organization_box .department1 > li {background: none;}
	.organization_box .department1 li:nth-child(5) {background: none; padding-bottom: 0}
	.organization_box .department1 > li {float: none;}
	.organization_box .department1 > li > .department2 .d_table .d_cell {vertical-align: middle;}
	.organization_box .department1 > li.column {width: 214px;}
	.organization_box .department1 > li.column > a.d_table {width: 214px; height: 50px;}
	.organization_box .department1 > li.column > a.d_table .d_cell {vertical-align: middle;}
	.organization_box .department1 > li > .department2 {padding: 0 10px; background: none;}
	.organization_box .department1 > li > .department2 > li {float: none; width: 100%; padding: 0;}
	.organization_box .department1 > li > .department2 > li:nth-child(1) {padding-right: 0;}
	.organization_box .department1 > li > .department2 > li:nth-child(2) {padding-left: 0;}
	.organization_box .department1 > li .d_table {width: 100%; height: 50px; margin-bottom: 10px}
	.organization_box .department1 > li .department3 {padding: 0; background-image: none;}
	.organization_box .department1 > li .department3 > li {padding: 0 10px;}
	.organization_box .department1 > li .department3 > li .d_table .d_cell {padding: 0 10px; vertical-align: middle;}
	.organization_box .department1 > li .department3.type2 {width: 100%; margin-left: 0; background-image: none; padding: 0;}
	.organization_box .department1 > li.column .department3.type2 {margin-left: 0;}
	.organization_box .department1 > li .department3.type2 > li {float: none; margin: 0;}
	.organization_box .department1 > li .department3.type3 {width: 100%; margin-left: 0; background-image: none; padding: 0;}
	.organization_box .department1 > li.column .department3.type3 {margin-left: 0;}
	.organization_box .department1 > li .department3.type3 > li {float: none; margin: 0;}
	
	/*pys 조직도 추가 20210311*/
	.organization_box .department1 > li .department3.type4 {position:relative; width: 100%; left: 0px; margin-left: 0px; background-image: none; padding: 0;}
	.organization_box .department1 > li.column .department3.type4 {margin-left: 0;}
	.organization_box .department1 > li .department3.type4 > li {float: none; margin: 0;}
	

	.organization_box .department1 > li > .department2.type3 > li{width:100%;}
	.organization_box .inspection{padding-left:70px}
	.organization_box .inspection01{padding-left:70px}
	.organization_box .inspection01 {background-position: 210px 0;}	
	.organization_box .department1 > li:first-child{width:100%;}
	.organization_box .department1 > li:first-child > a.d_table{margin:0 0 10px;}
	
	/*20230824_추가*/
	.organization_box .department1 > li > .department2.type3 > li:last-child {background-image: none;position: relative;}
	.organization_box .department1 > li > .department2.type3 > li:last-child:before{background-image: none;}
	.organization_box .department1 > li > .department2.type3 > li:last-child .d_table{margin-top:0}
	/*20230824_추가*/
	
	/*20250408 수정*/
	.organization_box .department1 > li:nth-of-type(2) > .department2.type3 > li:last-child,
	.organization_box .department1 > li:nth-of-type(3) > .department2.type3 > li:last-child{margin-top: 0;}
	.organization_box .department1 > li:nth-of-type(3) > .department2.type3 > li:last-child:before{background-image: none;}
	.organization_box .department1 > li:nth-of-type(4) > .department3.type1 > li{margin:0; width: 180px;}
	.organization_box .department1 > li:nth-of-type(5) > .department2.type3 > li:last-child{margin: 0;}
	/*20250408 재수정*/
	.organization_box .department1 > li:nth-of-type(1) > .department2 > li:nth-of-type(2)::before,
	.organization_box .department1 > li .department2 > li:nth-of-type(2) .department3.type2 >li:last-child:before{display: none;}
	/*20250409 최종수정*/
	.organization_box .department1 > li:nth-of-type(1) .department3.type2 li:nth-child(3) .d_table,
	.organization_box .department1 > li:nth-of-type(2) > .department2.type3 > li:last-child .d_table,
	.organization_box .department1 > li:nth-of-type(5) > .department2.type3 > li:last-child .d_table{height: 50px;}
	/*20250409 최종수정*/

	/*비전미션*/
	.mission_vision .box2 {margin-bottom: 30px;}
	.mission_vision .box3 .title {position: relative; left: inherit; transform: translateX(0); margin: 0 auto; width: 160px; margin: 0 auto; background: none;}
	.mission_vision .box3 .strategys {margin-top: 20px; width: 100%;}
	.mission_vision .box3 .strategys.left {float: none;}
	.mission_vision .box3 .strategys.right {float: none;}
	
	/*투어고인사이트*/
	.tourgo_box .tourgo_list.left {left: 0;}
	.tourgo_box .tourgo_list.right {right: 0;}
	
	/*문화영향평가제도*/
	.cia_box1 {overflow: hidden; margin: 0 auto; display: table;}
	.cia_box1 > li {float: none; text-align: center;}
	.cia_box1 li .d_table {display: inline-table !important; width: 122px; height: 122px; background: #1b74d2; border: 9px solid #f3f4f4; border-radius: 122px;}
	.cia_box1 li .d_table .d_cell {width: 100%; height: 100%; color: #fff; font-size: 18px; font-weight: 600; text-align: center;}
	.cia_box1 li img {display: inline-block; transform: rotate(90deg);/*-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);*/}
	.cia_box1 li img.arrow1 {margin-top: 19px; margin-bottom: 30px; padding-right: 0;}
	.cia_box1 li img.arrow2 {display: none;}
	.cia_box1 li img.arrow2_m {display: inline-block; margin-top: 19px; margin-bottom: 30px; padding-right: 0;}
	.cia_box1 li img.arrow3 {margin-top: 30px; margin-bottom: 30px;}
	.cia_box1 li img.arrow4 {display: none;}
	.cia_box1 li .list {padding: 10px; width: 230px; height: auto; background: #f3f4f4;}
	.cia_box1 li .list h6 {margin-bottom: 20px; height: 35px; font-size: 15px; line-height: 35px; text-align: center; color: #2f76c2; border: 1px solid #2f76c2; background: #fff;}
	.cia_box3_4 .list2 {position: relative; right: inherit; margin-top: 10px; left: 20px; top: 0;}
	.cia_box4 {width: 100%; padding-top: 0; width: 245px;}
	.cia_box4 > li {float: none; width: 100%; }
	.cia_box4 li .speech_bubble {position: relative; padding-top: 0; top: 10px;}
	.cia_box4 li.arrow {padding: 10px 0;}
	.cia_box4 li.arrow img {margin: 10px 0; transform: rotate(90deg) !important;/*-ms-transform: rotate(90deg) !important; -webkit-transform: rotate(90deg) !important;*/}
	.cia_box4 li.right {float: none !important;}
	
	/*사이트맵*/
	.sitemap > li {width: 25%; padding: 0 8px;}
	.sitemap > li .sitemap_box .sitemap_list {padding: 30px 15px;}
	
	/*통합검색*/
	.total_search {padding: 10px;}
/* 	.total_search .total_detail > li {float: none; width: 100%; height: auto; line-height: auto;} */
	.total_search .total_detail > li {float: none; width: 100%; height: auto;}
	.total_search .cal .iradio {padding: 0 0 0 5px; }
	.board_tab .tab_box > li > a > span {display: block; margin-left: 0;}
}
@media screen and (min-width:320px) and (max-width:784px){
	.sub_contents .sub_top .sns {display: none;}
	.sub_contents .nav_menu {display: none;}
	
	.submit_btn_box li {float: left; width: 50%;}
	.submit_btn_box li:nth-child(1), .submit_btn_box li:nth-child(3) {padding: 0 5px 10px 0}
	.submit_btn_box li:nth-child(2), .submit_btn_box li:nth-child(4) {padding: 0 0 10px 5px}
	
	/*연혁*/
	.history_box {background: url('../../images/web/line_history.png') 30px 0 repeat-y;}
	.history_box > dt {text-align: left;}
	.history_box > dt span {width: 80px; height: 30px; font-size: 18px; line-height: 30px; text-align: center;}
	.history_box > dd {padding: 15px 0;}
	.history_box > dd > ul {width: 100%;}
	.history_box > dd > ul > li {padding: 0 0 0 45px; background-position: left 26px top 8px !important;}
	.history_box > dd.left > ul > li {text-align: left;}
	.history_box > dd > ul > li > dl > dt, .history_box > dd > ul > li > dl > dd {float: left !important;}
	
	/*조직도*/
	/* .organization_box .director {padding-bottom: 15px;}
	.organization_box .directorate, .organization_box .inspection {position: absolute; top: 42px; left: 50%; transform: translateX(-50%); background-position: 0 center; background-repeat: repeat-x; background-size: auto 1px;}
	.organization_box .directorate span, .organization_box .inspection span {width: 125px; font-size: 16px;}
	.organization_box .directorate {margin-left:0; padding-right: 290px;}
	.organization_box .inspection {margin-left: 130px; padding-left: 0;} */
/*20231220 웹접근성수정사항*/
	.organization_box .inspection01 span, .organization_box .inspection a {width: 100px; font-size: 16px;}
	.organization_box .inspection01 {background-position: 150px 0;}
	
	/*CI소개*/
	.symbol_box dt, .symbol_box dd {float: inherit; width: 100%}
	.symbol_box dt p {margin-top: 5px;}
	.symbol_box dd {padding: 10px 0 0;}
	
	/*찾아오시는길*/
	.map_box .address {padding: 0; border: 0;}
	.map_box .address li {float: none; margin-right: 0;}
	.map_info > li {padding: 10px 0;}
	.map_info > li > dl > dt {float: none; width: 100%;}
	.map_info > li > dl > dt span {position: relative; display: block; top: 0; margin-top: 0; padding-top: 0; padding-bottom: 90px; text-align: left; background-position: center 35px;}
	.map_info > li > dl > dd.d_table {float: none; padding-left: 0; width: 100%;min-height: auto;}
	
	/*비전미션*/
	.mission_vision .box1 {width: 173px; margin: 0 auto;}
	.mission_vision .box1 .top {position: relative; margin-bottom: 50px;}
	.mission_vision .box1 .top.mission {left: 0;}
	.mission_vision .box1 .top.vision {right: inherit;}
	.mission_vision .box1 .top p {margin-top: 120px; line-height: 24px; text-align: center;}
	.mission_vision .box1 .title {margin: 0 auto; height: 233px; background: url('../../images/web/bg_corevalue_m.png') 0 0 no-repeat;}
	.mission_vision .box2 img.web {display: none;}
	.mission_vision .box2 img.mobile {display: inline-block; max-width: 100%;}
	
	/*투어고인사이트*/
	.tourgo_box {height: auto;}
	.tourgo_box h3 {position: relative; margin: 0 auto 30px; left: inherit; transform: translateX(0); top: 0; width: 203px; height: 203px;  border: 10px solid #f3f4f4;}
	.tourgo_box .tourgo_list {position: relative; top: 0; width: 100%;}
	.tourgo_box .tourgo_list .arrow {display: none;}
	.tourgo_box .bg {display: none;}
	
	/*2018사업계획*/
	.plan_box h4 {float: none; margin-bottom: 20px; width: 100%; height: auto;}
	.plan_box h4 .d_cell {padding: 15px; border: 3px solid #b2cfed;}
	.plan_box .list {float: none; width: 100%;}
	.plan_box .list img {display: none;}
	.plan_box .list .list_type2 {margin-left: 0;}

	/*사회책임경영*/
	.csr_box {width: 100%; margin: 0 auto 30px;}
	.csr_box li .d_table.left {float: left; width: 45%; height: 80px;}
	.csr_box li .d_table.right {float: right; width: 45%; height: 80px;}
	.csr_box li .d_table .d_cell {border: 3px solid #b2cfed;}
	.csr_box li .arrow {width: 8%;}
	.csr_box li .arrow span {width: 100%;}
	.csr_box li > .text {width: 45%;}
	
	.cia_box3_4 .list2 {left: 0; top: 0; width: 130px; margin: 0 auto;}
	.cia_box3_4 .list2 li {float: none; text-align: center;}
	.cia_box3_4 .list2 li.arrow {width: 100%;}
	.cia_box3_4 .list2 li.arrow img {display: inline-block; margin: 5px 0; transform: rotate(90deg) !important;/*: rotate(90deg) !important; -webkit-transform: rotate(90deg) !important;*/}
	.cia_box3_4 .list2 li.arrow2 img {display: inline-block; float: none; margin: 5px 0;}
	
	/*사이트맵*/
	.sitemap > li {width: 33.33%;}
	
	.total_search .total_detail .detail1 li .title {width: 100%; font-size: 17px;}
	.total_search .total_detail .detail1 li .list {margin-bottom: 10px; width: 100%;}
	
}
@media screen and (min-width:320px) and (max-width:640px){
	h3.h3 span {position: relative; display: block; margin-top: 5px; right: inherit; bottom: 0;}
	.board_btn_box {text-align: right;}

	/*FAQ*/
	.faq_box {margin-bottom: 30px;}
	.faq_box > li > a {padding: 15px 0;}
	.faq_box > li > a > span {right: 10px;}
	.faq_box > li > a dl {padding-right: 35px;}
	.faq_box > li > ul > li {padding: 15px 0;}
	.faq_box dl dt {width: 50px; font-size: 24px;}
	.faq_box dl dd {padding-left: 50px; line-height: 22px;}
	.faq_more .btn_faq {display: block; margin-left: 0; margin-top: 10px;}
	
	/*관광동향분석*/
	.trend_box {width: 300px; height: auto; margin-bottom: 10px;}
	.trend_box ul li {margin-bottom: 30px;}
	.trend_box ul li .tit {z-index: 10; position: relative; margin: 0 auto; left: inherit !important; right: inherit !important; bottom: inherit !important; top: 0 !important;}
	.trend_box ul li .line {z-index: 3; position: absolute; left: 0 !important; bottom: inherit !important; z-index: 3; width: 64px; height: 10px; background: url('../../images/web/icon_arrow2.png') 0 0 repeat; background-size: 100%; transform: rotate(0deg) !important;/*-ms-transform: rotate(0deg) !important; -webkit-transform: rotate(0deg) !important;*/}
	.trend_box ul li.box1 {position: relative; left: 0; transform: translateX(0); top: 0; margin-top: 0; padding: 20px; width: 100%; height: 100%; border-radius: 0; background-size: 202px;}
	.trend_box ul li.box1 .tit {left: 0; transform: translateX(0); top: 0; margin-top: 0;}
	.trend_box ul li.box1 .line {display: block; top: 100px; width: 48px; background-size: auto 10px;}
	.trend_box ul li:nth-child(2) .line {top: 290px;}
	.trend_box ul li:nth-child(3) .line {top: 450px;}
	.trend_box ul li:nth-child(4) .line {top: 590px;}
	.trend_box ul li:nth-child(5) .line {top: 710px;}
	.trend_box ul li:nth-child(6) .line {top: 830px;}
	.trend_box ul li:nth-child(7) .line {top: 955px;}
	.trend_box ul li:nth-child(8) .line {top: 1080px;}
	.trend_box .m_line {position: absolute; left: 0; top: 105px; display: block; width: 1px; height: 980px; background: url('../../images/web/icon_line.png') 0 0 repeat-y;}
	
	.open_box2 {width: 100%; margin: 30px auto;}
	.open_box2 > ul > li dl dt {width: 70px; padding-right: 0; text-align: left; line-height: 50px;}
	.open_box2 > ul > li dl dd {width: calc(100% - 70px);}
	.open_box2 > ul > li dl dd img {width: auto; height: 50px;}
	
	.cia_box3_1 dt {float: none; width: 100%; margin-bottom: 10px;}
	.cia_box3_1 dt span {margin: 0 auto;}
	.cia_box3_1 dt img {display: none;}
	.cia_box3_1 dd {float: none; width: 100%; min-height: 40px; display: block; margin-bottom: 10px; padding: 0;}
	.cia_box3_2 {margin: 0 auto; width: 167px;}
	.cia_box3_2 li {float: none;}
	.cia_box3_2 li.arrow {padding: 5px; text-align: center;}
	.cia_box3_2 li.arrow img {display: inline-block; margin-top: 0; transform: rotate(90deg);/*-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);*/}

	/*사이트맵*/
	.sitemap > li {width: 50%;}
	
	.total_search .search_box {width: 100%;}
	.total_search .search_box input {padding: 10px 80px 10px 10px;}
	.total_search .search_box button {width: 70px;}
	.total_search .total_detail li .title {float: none; width: 100%;}
	.total_search .total_detail li .list {float: none; width: 100%;}
	.total_search input[type=checkbox] + label {margin-left: 0; margin-right: 10px;}
	.total_search .cal .iradio {margin-left: 0px; margin-right: 0; padding: 0; }
	.total_search .iradio {margin-left: 0px; margin-right: 10px; }
	.total_search .iradio input.radio {width:0px; height:0px;display: inline-block; }
	.total_search .calenbox {overflow: hidden;}
	.total_search .calenbox .input_type {width:100px; height:35px; padding: 0 10px; color: #666; display: inline-block; border: 1px solid #cbcbc5; }
	
	/*탭메뉴*/
	.board_tab .tab_box > li.active > a {color: #0362b8; border: 1px solid #0269c6 !important;}
	.board_tab .tab_box > li > a {position: absolute; width: 100% !important; height: 48px; top: 0; left: 0 !important; border: 1px solid #dcdcdc; border-bottom: 0;}
	.board_tab .tab_box > li > a.title1 {}
	.board_tab .tab_box > li > a.title2 {top: 48px;}
	.board_tab .tab_box > li > a.title3 {top: 96px;}
	.board_tab .tab_box > li > a.title4 {top: 144px;}
	.board_tab .tab_box > li > a.title5 {top: 192px;}
	.board_tab .tab_box > li > a.title6 {top: 240px;}
	.board_tab .tab_box > li > a.title7 {top: 288px; border-bottom: 1px solid #dcdcdc;}
	.board_tab .tab_box > li:last-child > a {border-bottom: 1px solid #dcdcdc;}
	.board_tab .tab_box > li > a .d_cell {vertical-align: middle; height: 100%; vertical-align: middle; font-size: 16px; text-align: center; line-height: 20px;}
	.board_tab .tab_box > li > a span {display: inline-block; margin-left: 5px;}
	.board_tab .tab_box > li .tab-content {margin-top: 366px;}
	.board_tab .tab_box.tab4 > li .tab-content {margin-top: 240px;}
	.board_tab .tab_box > li .tab-content {display: none;}
	.board_tab .tab_box > li.active .tab-content {display: block;}
	.board_tab .tab_box > li.active .tab-content > .tab-pane {display: block;}


	.board_tab .tab_box > li {float: none; width: 100%;}
	.board_tab .tab_box > li a span {display: inline-block; margin-left: 5px;}
	.board_tab .tab-content .tab-pane .list_box h3 {padding: 20px 10px;}
	.board_tab .tab-content .tab-pane .list_box .list > li {padding: 25px 10px;}
	
	/*개인정보처리방침*/
	.privacy_box1 {width: 280px; margin-bottom: 0; padding-bottom: 10px;}
	.privacy_box1 > ul {width: 100px;}
	.privacy_box1 > ul li {height: 80px !important; border-radius: 10px; font-size: 15px !important;}
	.privacy_box1 > ul.type2 li {height: 170px !important;}
	.privacy_box1 > .arrow {width: 80px;}
	.privacy_box1 > .arrow.line1 {top: 0;}
	.privacy_box1 > .arrow.line2 {top: 35px;}
	.privacy_box1 > .arrow.line3 {top: 123px;}
	.privacy_box1 > .arrow span {margin: 0; display: block; text-align: center; line-height: 15px; font-size: 13px;}
	.privacy_box1 > .arrow img {position: absolute; top: 0;}
	.privacy_box1 > .arrow.line1 img {top: 27px; left: -206px;}
	.privacy_box1 > .arrow.line2 img {top: 2px; right: inherit; left: 0;}
	.privacy_box1 > .arrow.line3 img {top: 2px; right: inherit; left: 0;}


	
	/*20240613 웹저널 KCTI 인사이트*/
	/*.insight_box .button_zone1{height:auto;}
	.insight_box .button_zone1 a .insight_go{position:relative; right:0;}
	.insight_box .button_zone2 a{padding: 10px;width: 50%;height: auto;}
	.insight_box .button_zone2 a:nth-child(2){margin-left: 10px;}
	.insight_box .button_zone2 a p{font-size: 18px;}
	.insight_box .button_zone2 a .insight_go2{top:25%; right:30%}*/
	.insight_box .button_zone1{height:auto;}
	.insight_box .button_zone1 a .insight_go{display: block; position:relative; right:0;}
	.insight_box .button_zone2 a{ padding:10px 30px 0px 10px; font-size:14px;}
	.insight_box .button_zone2 a .insight_go2{top:12%; right:30%}
	/*//20240613 웹저널 KCTI 인사이트*/
}

@media screen and (min-width:320px) and (max-width:480px){
	.btn {min-width:80px; height:45px; padding: 0 15px; line-height: 45px; font-weight: 600;}
	.greeting_box li.text .text_box .sign dt {float: inherit; padding-right: 0; margin-bottom: 10px; width: 100%; font-size: 16px;}
	.greeting_box li.text .text_box .sign dt .d_cell {height: auto;}
	.greeting_box li.text .text_box .sign dd {float: inherit;text-align: right; width: 100%;}
	.greeting_box li.text .text_box .sign dd img {display: inline-block; width: 160px;}
	
	/*조직도*/
	.organization_box .director {width: 80px;}
	.organization_box .director a {width: 80px; height: 80px; font-size: 20px; line-height: 80px; border-radius: 80px;}
	/* .organization_box .directorate, .organization_box .inspection {top: 20px;}
	.organization_box .directorate span, .organization_box .inspection span {width: 100px; height: 40px; font-size: 15px; line-height: 40px;}
	.organization_box .directorate {margin-left: -90px; padding-right: 20px;}
	.organization_box .inspection {margin-left: 75px; padding-left: 20px;}
	.organization_box .inspection > span {margin-left: 30px;} */
/*20231220 웹접근성수정사항*/
	.organization_box .inspection01 span, .organization_box .inspection a {width: 80px; font-size: 16px;}
	.organization_box .inspection{top:120px; padding-left:50px}
	.organization_box .inspection01{top:30px; padding-left:50px}
	.organization_box .inspection01 {background-position: 120px 0;}
	
	/*메일링서비스*/
	.mailing_box {width: 100%;}
	.mailing_box fieldset .inpbox label {left: 10px;}
	.mailing_box fieldset .inpbox input.txt {padding: 0 5px; width: calc(100% - 60px);}
	
	.csr_box li .d_table.left {height: 100px;}
	.csr_box li .d_table.right {height: 100px;}
	
	/*사이트맵*/
	.sitemap > li {width: 100%;}

	/*20240613 웹저널 KCTI 인사이트*/
	.insight_box .button_zone1{width:100%;}
	.insight_box .button_zone1 a p{font-size:12px;}
	.insight_box .button_zone2{gap:10px;}
	 /*//20240613 웹저널 KCTI 인사이트*/
}
@media screen and (min-width:320px) and (max-width:360px){
	.submit_btn_box li {float: inherit; width: 100%; padding: 0 0 10px 0 !important;}
}

	/*클린신고센터*/
	.clean{position:relative}
	.clean .clean_text{border-top:4px solid #17174b;border-bottom:4px solid #17174b;border-left: 2px dashed #c8c8c8;border-right: 2px dashed #c8c8c8; padding: 20px; margin-bottom: 30px;}
	.clean .clean_text .txt_cl1{font-size:18px;font-weight:600;}
	.clean .clean_text p{word-break: keep-all;}
	.clean  .clean_con{margin-bottom:30px; width: 100%; border:1px solid #ebebeb; padding:25px;}
	.clean  .clean_con p{display: inline-block; margin-right:30px;}
	.clean .clean_con p span{display: inline-block; width:36px; height:36px; border-radius: 50%; color:#fff; text-align: center; line-height: 36px; margin-right: 15px;}
	.clean .clean_con span:first-child{background-color:#0272a4;}
	.clean .clean_con span:nth-child(2){background-color:#0373a5 ;}
	.clean .clean_con span:first-child{background-color:#1e4567;}
	.clean .list_con{position:relative;}
	.clean .clean_pop{position: absolute;right: 0;top:72%;width:190px;background-color:#006072;padding:20px;color:#fff;margin-left:35px;margin-bottom:30px;text-align:center;}


@media screen and (max-width:365px){
	.clean  .clean_con p{margin-top:15px;}
}
@media screen and (max-width:910px){
	.clean .clean_pop{position:static; display: inline-block;}
}

/*MOUagreement_about_m_MOU협약*/
.tab{margin-bottom: 50px;}
.tab ul{display: flex;gap: 10px; justify-content: center;flex-wrap: wrap;}
.tab ul li a{position: relative;display: inline-block;min-height: 45px;border-radius: 15px;line-height: 45px;font-size: 16px;border: 1px solid #d3d3d3;background-color: #f0f0f0;text-align: center;padding: 0 15px;}
.tab ul li a span{font-weight: 600;}
/*20231207_수정*/
.tab ul li.on a{background-color: #593e1c; color: #fff;font-weight: 500; padding: 0 15px;}
.about_m{background-image:url(../../images/eng/sub/bg_mou.png);background-repeat: no-repeat; background-position: center 20px;background-size: 100%;}
.company_box .company_list > li{display: flex;gap: 25px;}
.company_box .company_list > li~li{margin-top: 50px;}
.company_box .company_list .company_year{min-width: 120px;font-size:24px; font-weight:600; text-decoration:underline 2px solid #b37c40; text-underline-position: under;}
.company_box .company_list ul{display: flex;flex-wrap: wrap;gap: 25px;flex-grow: 1;}
.company_box .company_list ul > li{width: 23%;}
.company_box .company_list a{display: inline-block;width: 100%;text-align: center; background-color: #fff; border:1px solid #dedede; border-radius: 10px;}
.company_box .company_list a img{width: 70%;}
.company_box .company_list p{text-align: center;font-size: 15px;word-break: keep-all;}
@media screen and (max-width:1120px){
    .about_m{background-position: center;}
    .company_box .company_list ul > li{width: 30%;}
}
@media screen and (max-width:768px){
    .company_box .company_list .company_year{min-width: 80px;}
    .company_box .company_list ul > li{width: 47%;}
}
@media screen and (max-width:600px){
    .company_box .company_list > li{flex-direction: column;}
    .company_box .company_list a img{width: 100%;}
}

@media screen and (max-width:600px){
	.company_box .company_list ul{gap: 10px;}
	.company_box .company_list p{font-size: 14px;}
}
@media screen and (max-width:370px){
/* 20240118수정 */
	.greeting_box li.img .img_box img{width: 100%; height: auto; object-fit: contain;}
	/* //20240118수정 */
	.company_box .company_list ul > li{width: 100%;}
    .company_box .company_list a img{width: 80%;margin: 0 auto;}
}
/* //20231207_수정*/

/*접근성 style 문제로 jsp에서 이동_연구보고서*/
.sub_con_tab {width: 100%;display: inline-block;/* border:1px solid #dedede; */border:1px solid #E8E8E8;margin-bottom: 20px;}
.sub_con_tab li {float: left;display: inline-block;width: 20%;height: 40px;border-right: 1px solid #E8E8E8;line-height: 39px;text-align: center;}
.sub_con_tab li:last-child {border-right: none;}
.sub_con_tab li a{display: block;font-size: 14px;font-weight: bold;}
.sub_con_tab li.on, .sub_con_tab li:hover {background: #333333;}
.sub_con_tab li.on a, .sub_con_tab li:hover a{color: #fff;}