@charset "utf-8";

.bbb {border-bottom: 1px solid #333 !important}
.bbr {border-right:1px solid #333 !important}
.img-wrap {font-size:0;text-align:center}
.scroll_box {position: relative; overflow-x: auto}
.scroll_box .icon_drag {position: absolute; top: 6px; right: 6px; width: 34px; height: 34px; background-image: url(../images/common/icon_drag.png); background-size: 34px}
.open_table .col1 {width: 100px}
.open_table .col2 {width: 70px}
.open_table .col3 {width: 140px}
.open_table .col4 {width: 220px}
.open_table .col5 {width: 80px}
.open_table .col6 {width: 80px}
.open_table .col7 {width: 80px}
.open_table .col8 {width: 80px}
.open_table td {border-bottom: 1px solid #dee3eb; border-right: 1px solid #dee3eb}
.open_table tbody tr:last-child td {border-bottom-color: #333}
.info_tit {margin-bottom: 11px}
.info_tit:after {content: ''; display: block; clear: both}
.info_tit h4 {font-size: 19px; font-family:'Noto Sans KR',dotum,'돋움',arial, sans-serif; font-weight: 400; color: #444; text-align: center}
.info_tit .btn_back {float: right; display: block; height: 24px; padding: 0 15px 0 27px; font-size: 13px; font-weight: 500; color: #444; line-height: 23px; text-align: right; border: 2px solid #333; border-radius: 14px; background-color: #f8f8f8; background-image: url(../images/common/icon_back_m.gif); background-repeat: no-repeat; background-size: 10px; background-position: 12px 50%}
.btn_news {padding: 0 11px}
.must_write {margin-bottom: 5px; font-weight: 500; color: #a10f14; text-align: right}
.textarea {width: 100%; height: 130px; vertical-align: top}
.newsletter {background: #f8f8f8; border: 1px solid #dee3eb; padding: 12px 15px}
.newsletter:after {content: ''; display: block; clear: both}
.newsletter label, .newsletter input {float: left}
.newsletter label {margin: 2px 10px 0 0; font-weight: 500; color: #333}
.newsletter input {width: calc(100% - 150px)}
.newsletter div {padding-top: 5px; clear: both}
.radio {display: inline-block}
.radio input[type=radio] {vertical-align: -2px}
.radio + .radio {margin-left: 12px}
.btn_file_wrap {margin-bottom: 8px}
.btn_file_wrap:after {content: ''; display: block; clear: both}
.btn_file_wrap a {display: block; float: left; padding: 5px 10px 5px 28px; background-color: #fff; border: 1px solid #959595; font-weight: 500; color: #333; background-repeat: no-repeat; background-position: 10px 50%}
.btn_file_wrap a + a {margin-left: 3px}
.btn_file_choice {background-image: url(../images/common/icon_file_choice.gif); background-size: 12px}
.btn_file_remove {background-image: url(../images/common/icon_file_remove.gif); background-size: 10px}
.emp_table .col1 {width: 90px}
.emp_table .col2 {width: 120px}
.emp_table .col3 {width: 80px}
.emp_table .col4 {width: 80px}
.emp_table .col5 {width: 110px}
.emp_table .col6 {width: 230px}
.emp_table td {border-bottom: 1px solid #dee3eb; border-right: 1px solid #dee3eb}
.profile_list ul li:after {content: ''; display: block; clear: both}
.profile_list ul li {margin-bottom: 15px}
.profile_list ul li:last-child {margin-bottom: 0}
.profile_list ul li .img {float: left}
.profile_list ul li .txt {float: right}
.profile_list ul li .img {width: 95px; text-align: center}
.profile_list ul li .img img {width: 100%; border: 1px solid #dee3eb; box-sizing: border-box}
.profile_list ul li .img a {display: block; height: 29px; margin-top: 5px; padding-left: 27px; font-weight: 500; color: #fff; line-height: 28px; background-color: #6f6f6f; background-image: url(../images/sub/icon_detail.png); background-repeat: no-repeat; background-position: 8px 50%; background-size: 15px; text-align: left}
.profile_list ul li .txt {width: calc(100% - 108px)}
.profile_list .em {font-weight: 400; color: #333; text-decoration: underline}
.profile_view .top {margin-bottom: 20px}
.profile_view .top:after {content: ''; display: block; clear: both}
.profile_view .l {float: left; width: 93px; border: 1px solid #dee3eb}
.profile_view .l img {width: 100%}
.profile_view .l .txt {padding: 10px 12px}
.profile_view .l .cate1 {margin-bottom: 5px; font-size: 15px; font-weight: 700; color: #075383; text-decoration: underline}
.profile_view .l .name {color: #333; font-size: 14px}
.profile_view .l .name span {font-weight: 700}
.profile_view .r {float: right; width: calc(100% - 108px)}
.mou_table img {max-width: 70%}
.mou_table thead {display: table-header-group}
.mou_table td {text-align: center; border-right: 1px solid #dee3eb}
.info_top {padding: 13px 18px 28px; background: #f8f8f8}
.info_top .img {margin-top: 25px; padding: 20px 25px 25px; border: 1px solid #dee3eb; background: #fff; box-shadow: 3px 3px 7px rgba(0,0,0,0.05)}
.info_top + .list_a {margin: 8px 10px 0 10px}
.info_top .txt + .txt {margin-top: 16px}
.info_top + .charter_box {margin-top: 10px}
.scroll_box {overflow-x: auto; position: relative; padding: 10px 8px; border: 1px solid #dee3eb;}
.report_list_wrap {min-width: 600px; border-bottom: 1px solid #333}
.report_list_wrap:after {content: ''; display: block; clear: both}
.report_list {float: left; width: 25%; border-right: 1px solid #dee3eb; box-sizing: border-box}
.report_list:last-child {border-right: 0}
.report_list02 li {margin-bottom: 5px}
.report_list02 .bold {display: inline-block; width: 105px}
.report_list02 > li:before {top: 9px}
.report_box .tit {padding: 10px 0; font-size: 14px; font-weight: 700; color: #333; background: #f8f8f8; border-top: 1px solid #333; border-bottom: 1px solid #333; text-align: center}
.report_box a {display: block; text-decoration: underline}
.report_box > ul {padding: 10px}
.report_box > ul > li {position: relative; margin-bottom: 4px; padding-left: 13px}
.report_box > ul > li > a {color: #333}
.report_box > ul > li:nth-child(10),.report_box > ul > li:nth-child(11),.report_box > ul > li:nth-child(12),.report_box > ul > li:nth-child(13) {padding-left: 19px}
.report_box > ul > li span {position: absolute; top: 0; left: 0;}
.report_box > ul > li ul {padding-top: 4px}
.report_box > ul > li ul li {margin-bottom: 2px}
.report_box > ul > li ul li a {position: relative; padding-left: 4px; font-size: 12px}
.report_box > ul > li ul li a:before {content: ''; position: absolute; top: 9px; left: 0; width: 1px; height: 1px; background: #666}
.report_box li:last-child {margin-bottom: 0}
h4.tit + .txt {padding-left: 19px; padding-right: 19px}
.border_box, .toggle_box, .charter_box {padding: 14px 19px; border: 1px solid #dee3eb}
.txt  + .charter_box, .txt + .table  {margin-top: 15px}
.charter_box li {margin-bottom: 2px}
.charter_box .bold {font-weight: 700}
.toggle_box .tit {margin-top: 18px; margin-bottom: 5px; font-size: 14px; font-weight: 700; color: #333}
.toggle_box .tit:nth-of-type(1) {margin-top: 0}
.toggle_box li {position: relative}
.toggle_box li:last-child {margin-bottom: 0}
.toggle_box .idx {position: absolute; top: 0; left: 0}
.toggle_box ul ul {margin-top: 5px}
.toggle_box .list01 > li {margin-bottom: 5px; padding-left: 17px}
.toggle_box .list01 ul li {margin-bottom: 2px}
.toggle_box .list02 > li {margin-bottom: 5px; padding-left: 14px}
.toggle_box .list03 > li {padding-left: 19px}
.toggle_box + h5.tit {margin-top: 25px}
.btn_toggle {float: right; position: relative; margin-top: -33px; text-align: right; z-index: 1}
.btn_toggle:after {content: ''; display: block; clear: both}
.btn_toggle a {display: inline-block; width: 103px; height: 24px; font-weight: 500; color: #444; background-color: #f8f8f8; background-image: url(../images/common/icon_toggle.png); background-repeat: no-repeat; background-size: 11px; background-position: calc(100% - 12px) 50%; border: 2px solid #333; text-align: left; line-height: 23px; border-radius: 24px; text-indent: 15px}
.btn_toggle a + a {margin-left: 1px}
.btn_toggle .open {display: none}
.btn_toggle .close {background-image: url(../images/common/icon_toggle_on.png)}
.txt_everyone {margin-top: 10px; font-size: 21px; font-weight: 700; color: #333; text-align: center}
.txt_promise {margin: 10px 14px 0; font-size: 14px; font-weight: 700; color: #333}
.pass_pc {display: none}
.pass_table_wrap {margin-top: 16px}
.pass_table {min-width: 800px}
.pass_table thead tr:nth-child(2) th {font-size: 13px; background: none}
.pass_table thead tr:nth-child(1) th:nth-child(1), .pass_table thead tr:nth-child(2) th:nth-child(2), .pass_table td:nth-child(2) {border-right: 1px solid #333}
.pass_table .tit {position: relative; padding-left: 6px; font-weight: 500; color: #333;}
.pass_table .tit:before {content: ''; position: absolute; top: 9px; left: 1px; width: 2px; height: 2px; background: #333}
.pass_table ul li {position: relative; padding-left: 6px;}
.pass_table ul li:before {content: ''; position: absolute; top: 9px; left: 0; width: 4px; height: 1px; background: #9d3908}
.pass_table ul li .color_brown {display: block; font-weight: 400}
.pass_table ul + .tit {margin-top: 12px}
.data_frame {width: 100%; height: 800px}
.history_wrap .normal_table2 th {padding-right: 0; text-align: center}
.normal_table.prize_table td {text-align: center; vertical-align: middle}
.img_ci {margin-top: 8px}
.download_ci {display: block; width: 100%; height: 48px; margin-top: 20px; font-size: 15px; font-weight: 500; color: #fff; background: #333; line-height: 47px; text-align: center}
.download_ci:before {content: ''; display: inline-block; width: 25px; height: 20px; margin-right: 20px; background-image: url(../images/sub/icon_ci_download.gif); background-size: 25px 20px; vertical-align: -3px}
.ci_color {margin-top: 16px}
.ci_color > div {margin-bottom: 30px}
.ci_color > div:last-child {margin-bottom: 0}
.ci_color .tit {margin-bottom: 11px; font-size: 21px; color: #666; text-align: center}
/* .ci_color .tit .bold {font-size: 700; color: #000} */
.ci_color ul:after {content: ''; display: block; clear: both}
.ci_color li {float: left; width: calc(50% - 9px)}
.ci_color li:before {content: ''; display: block; width: 100%; height: 85px}
.ci_color li:nth-child(1) {margin-right: 9px}
.ci_color li .name {display: block; font-size: 17px; font-weight: 700; color: #333}
.ci_color .txt {padding: 9px 0 0 15px; font-size: 16px;}
.ci_color .red li:nth-child(1):before {background: #fd8d4e}
.ci_color .red li:nth-child(2):before {background: #ff3300}
.ci_color .yellow li:nth-child(1):before {background: #e60000}
.ci_color .yellow li:nth-child(2):before {background: #b70002}
.ci_color .orange li:nth-child(1):before {background: #ffe401}
.ci_color .orange li:nth-child(2):before {background: #ff7f00}



/* 초점이동 포커스링 보이도록 웹접근성 수정*/
p.organ_text a{outline-offset:4px}



/* 오시는길 */

.map-area {border:1px solid #dee3eb;width:100%;height:255px;margin:10px 0 20px 0}

.list-c li {margin-bottom:4px}
.list-c li:before {content:'-';margin-right:5px}
.txt .tit {margin-bottom:4px}
.txt + .tit {margin-top:12px}
.txt .tit + .list_b {margin-bottom:10px}
.txt .tit + .list_b li {margin-left:12px;font-size:14px}
.txt .tit + .list_b .list-c {margin-left:10px}

.txt-center {text-align:center}
.txt-gray {color:#757575 !important}
.txt-dohyun {font-family:'BMDOHYEON';font-weight:400;font-size:19px;color:#333}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}

.normal_toggle {position: relative; float: right; display: block; width: 36px; height: 20px; margin-top: -29px; background-image: url(../images/common/arrow.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 20px 11px; text-indent: -9999px; font-size: 0; z-index: 1}
.normal_toggle.open {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg)}

.layer_file {display: none}

.sitemap_wrap .top {margin-bottom: 20px; padding: 20px 0; font-family:'BMDOHYEON'; font-size: 16px; background-color: #f8f8f8; border: 1px solid #dee3eb; text-align: center}
.sitemap_wrap .top span {color: #333}
.sitemap>ul{display:table;table-layout:fixed;width:100%}
.sitemap>ul>li{display:inline-block;width:50%;padding-right:5px;box-sizing:border-box;vertical-align:top;float:left}
.sitemap>ul>li:nth-child(2n){padding:0 0 0 5px}
.sitemap>ul>li>a{display:block;border-top:2px solid #333;border-bottom:1px solid #333;text-align:center;color:#333;height:37px;line-height:37px;background-color: #f8f8f8}
.sitemap>ul>li>a>strong{font-weight:500;font-size:14px}
.sitemap>ul>li>ul{padding:10px 10px 30px;min-height:60px}
.sitemap>ul>li>ul>li{position:relative;padding-left:7px;margin-bottom:6px}
.sitemap>ul>li>ul>li:last-child{margin-bottom:0}
.sitemap>ul>li>ul>li:before{display:block;content:"";position:absolute;left:0;top:8px;width:3px;height:3px;background-color:#a10f14}
.sitemap>ul>li>ul>li>a{font-size:13px;font-weight:500;color:#333}
.sitemap>ul>li>ul>li>ul{padding:4px}
.sitemap>ul>li>ul>li>ul>li{position:relative;padding-left:6px;margin-bottom:3px}
.sitemap>ul>li>ul>li>ul>li:last-child{margin-bottom:0}
.sitemap>ul>li>ul>li>ul>li:before{display:block;content:"";position:absolute;left:0;top:10px;width:2px;height:2px;background-color:#444}
.sitemap>ul>li>ul>li>ul>li>a{font-size:13px; color: #444}
.sitemap>ul>li>ul>li>ul>li>ul{margin-top:4px}
.sitemap>ul>li>ul>li>ul>li>ul>li{position:relative;padding-left:9px;margin-bottom:3px}
.sitemap>ul>li>ul>li>ul>li>ul>li:before{display:block;content:"";position:absolute;left:0;top:10px;width:3px;height:1px;background-color:#666}
.privacy .tit01 {margin-bottom: 6px; font-size: 23px; font-weight: 700; color: #333}
.privacy .tit02 {margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #dee3eb; font-size: 14px; font-weight: 400; color: #666}
.privacy .section_info {margin-bottom: 60px; padding: 12px 15px; background: #f8f8f8; border: 1px solid #dee3eb}
.privacy .toggle_box {padding: 12px 15px; border: 1px solid #dee3eb}
.privacy .bullet {margin-top: 7px; margin-bottom: 3px; font-weight: 500; color: #333}
.privacy .toggle_box + .tit {margin-top: 20px}
.privacy .list_b {margin-top: 3px}
.privacy .list-c.privacy_history {margin-top: 5px; margin-left: 0}
.privacy .privacy_history li a {color: #333; font-weight: 500}
.privacy_list > li + li {margin-top: 8px}
.privacy .scroll_box {margin: 10px 0}
.privacy .table {overflow-x: auto}
.privacy .table table {table-layout: auto}
.privacy .table table thead {display: table-header-group;}
.privacy .table table td {white-space: nowrap; padding: 9px 18px; border-right: 1px solid #dee3eb}
.privacy .table table td:last-child {border-right: 0}
.privacy .table colgroup {display: none}
.privacy .btn_toggle {margin-top: -72px}
.privacy .normal_toggle {margin-top: -33px}
.privacy .list-c {margin-left: 7px}
.pop_body {padding: 15px}
.privacy_top {margin-bottom: 20px; padding: 12px 15px; background-color: #f2f3f5; font-size: 14px; font-weight: 400; color: #333}
.privacy .txt {margin-bottom: 5px}
.privacy .ml {margin-left: 12px}
.privacy.list > li + li, .privacy .mb_list li + li {margin-top: 4px}
.privacy .list, .privacy ul .list_b {margin-left: 12px; margin-top: 4px; margin-bottom: 4px}
.privacy .bullet {margin-top: 5px}
.privacy h2.tit {margin-top: 0;}
.privacy .move {margin-bottom: 20px; padding: 12px 15px; border: 1px solid #d9d9d9}
.privacy .move li + li {margin-top: 2px}
.privacy .move a {font-weight: 400; color: #333}

.normal_table03 {min-width: 100%; border-top: 2px solid #d71921; text-align: center; table-layout: auto}
.normal_table03 colgroup {display: none}
.normal_table03 th, .normal_table03 td {padding: 9px 18px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; white-space: nowrap}
.normal_table03 th {position: relative; font-weight: 500; color: #333; border-bottom: 1px solid #d9d9d9; background: #faf6f0}
.normal_table03 th:last-child, .normal_table03 td:last-child {border-right: 0}
.normal_table03 th:last-child.dep2 {border-right: 1px solid #d9d9d9}
.normal_table03 td.tit {padding: 9px 0 9px 15px; font-weight: 500; color: #333; border-bottom: 1px solid #d9d9d9; background: #faf6f0; text-align: left}
.normal_table03 td u {font-size: 18px; font-weight: bold;}
.normal_table03 tbody tr:last-child td {border-bottom-color: #333}
.privacy_top {margin-bottom: 20px; padding: 12px 15px; background-color: #f2f3f5; font-size: 14px; font-weight: 400; color: #333}
.agree_box2 .agree_chk {margin-bottom:20px;}
.box2 {margin-top: 20px}

.biz_box {text-align: center}
.biz_box > div {margin-top: 20px; padding: 15px; border: 1px solid #515151; background: #fff; box-sizing: border-box}
.biz_box > div strong {position: relative; display: block; padding: 5px 0 10px; font-size: 18px; color: #a10f14}
.biz_box > div strong:before {content: ''; position: absolute; top: 0; left: 50%; width: 60px; height: 1px; margin-left: -30px; background: #a10f14}
.biz_box > div .txt {font-size: 13px; font-weight: 400; line-height: 1.8}
.biz_wrap .txt_box {margin-bottom: 20px; padding: 10px 15px; border: 1px solid #dee3eb; background: #f8f8f8}

.charter_footer{margin-top:15px;text-align:center}
.charter_footer .date{font-size:16px;font-weight:700;color:#333}
.charter_footer .txt_everyone{font-size:17px}
.choice_type{overflow:hidden}
.info08_top{margin-bottom:50px}
.tit_wrap .sub_utill .pop_share{z-index:5}
.toggle_box .number_list > li + li{margin-top:8px}
.info08_top{text-align:right}
.btn_download{display:inline-block;padding:4px 36px 4px 10px;font-size:13px;font-weight:500;color:#fff;border:1px solid #9e0b0f;background-image:url(../images/sub/icon_download.png);background-repeat:no-repeat;background-position:calc(100% - 10px) 50%;background-size:14px;background-color:#c1171d;border-radius:3px;text-align:left}
.btn_download_sm{background-image:url(../images/common/icon_file.gif);background-color: white;width: 100%;height: 100%;margin: 0 auto;background-repeat: no-repeat;background-position: center center;background-size: contain;}
.toggle_box .b_bg_box{margin-bottom:20px;padding:12px 15px;background-color:#f8f8f8;border:1px solid #dee3eb}
.info08_wrap .number_list ul{margin-left:15px}
.info08_wrap .list03{margin-top:5px}
.info08_wrap h5.tit{width:calc(100% - 40px)}
.bbb{border-bottom:1px solid #333 !important}
.brg{border-right:1px solid #dee3eb !important}
.info08_table{margin-top:20px}
.info08_table .normal_table thead{display:table-header-group}
.info08_table .normal_table td {border-right: 1px solid #dee3eb}
.info08_table .normal_table tbody tr:first-child td:last-child{border-right:0}


.reg_area {padding: 30px; background-color: #eee;}
.reg_box {calc(100% - 40px)  height: auto; background-color: #fff; margin: 0 auto;  border: 1px solid #ccc; padding: 20px; padding-bottom: 90px; color:#666}
.reg_box P { font-size: 13px;}
h2.tit {padding: 17px 0 19px;font-size: 23px;font-weight: 500;color: #333;text-align: center;}
.step {display: table; width: 100%; margin-bottom: 20px; table-layout: fixed; color: #000;}
.step li {position: relative; display: table-cell; padding: 0 9px; height: 57px; font-size: 12px; font-weight: 500; background: #f4f4f4; box-sizing: border-box; text-align: center; vertical-align: middle}
.step li:before {content: ''; position: absolute; top: 0; right: -9px; width: 18px; height: 57px; background-image: url(../images/common/step_m.png); background-size: 100%; z-index: 1}
.step li:first-child {padding-left: 0}
.step li:last-child {padding-right: 0}
.step li:last-child:before {display: none}
.step span {display: block; margin-top: 2px; font-weight: 300}
.step .active {background-color: #1989d7; color: #fff}
.step .active span {font-weight: 500}
.step .active:before {background-image: url(../images/common/step_on_m.png)}
.step .active:after {content: ''; position: absolute; top: 0; left: -9px; width: 18px; height: 57px; background-image: url(../images/common/step_on2_m.png); background-size: 100%; z-index: 1}
.step li:first-child.active:after {display: none}

.box:after {content: ''; display: block; clear: both;}
.btn_wrap {position: relative; margin-top: 17px;   text-align: center;}
.btn_wrap:after {content: '';display: block;clear: both;}
.reg_box .checkbox:last-of-type, .radio:last-of-type {margin-right: 0;}
.agree_box {height: 185px;padding: 15px;border: 1px solid #d9d9d9;overflow-y: auto;}
.agree_box + .checkbox {float: right;margin-top: 12px;}
.reg_box .checkbox,.reg_box .radio {display: inline-block;vertical-align: middle;}
.reg_box h3.tit {position: relative;margin-bottom: 9px;padding-left: 18px;font-size: 16px;font-weight: 500;color: #000;}
.btn_next_step { padding-left: 20px;text-align: left;background-color: #d71921;background-repeat: no-repeat; }


.btn_s_normal {
    display: inline-block;
    height: 24px;
    padding: 0 12px;
    font-size: 12px;
    color: #fff;
    background: #888;
    line-height: 24px;
    text-align: center;
}



@media screen and (min-width: 374px){
    .organ_top > li > ul > .organ4 span {display:inline-block}
    .organ_dept .dept_sub.line1 span::before {content:'';display:none;} /* 자동줄바꿈처리 */
}

@media screen and (min-width: 424px){


}

@media screen and (min-width: 645px){

    .info_report .icon_scroll {display: none}

}


@media screen and (min-width: 768px){

    .info_tit {position: relative; margin-bottom: 20px}
    .info_tit h4 {padding: 0 150px; font-size: 24px}
    .info_tit .btn_back {position: absolute; top: 0; right: 0; float: none; height: 30px; padding: 0 15px 0 30px; font-size: 14px; line-height: 29px; border-radius: 17px; background-image: url(../images/common/icon_back_m.gif); background-size: 10px; background-position: 15px 50%; z-index: 1}
    .newsletter {margin-bottom: 25px; padding: 15px 18px}
    .newsletter label {margin: 6px 10px 0 0}
    .newsletter input {width: 240px}
    .newsletter div {padding-top: 7px}
    .btn_file_wrap {margin-bottom: 13px}
    .btn_file_wrap a { padding: 5px 14px 5px 32px; background-position: 13px 50%}
    .btn_file_wrap a + a {margin-left: 3px}
    .btn_file_choice {background-size: 12px}
    .btn_file_remove {background-size: 10px}
    .profile_list ul li {margin-bottom: 25px}
    .profile_list ul li .img {width: 150px}
    .profile_list ul li .img a {height: 37px; padding-left: 38px; line-height: 36px; background-position: 16px 50%}
    .profile_list ul li .txt {width: calc(100% - 168px)}
    .profile_view .top {margin-bottom: 25px}
    .profile_view .l {float: left; width: 148px}
    .profile_view .l .txt {padding: 15px 17px}
    .profile_view .l .cate1 {margin-bottom: 8px; font-size: 16px}
    .profile_view .l .name {font-size: 15px}
    .profile_view .r {float: right; width: calc(100% - 168px)}

    .privacy .move {overflow: hidden; margin-bottom: 40px; padding: 18px 15px}
    .privacy .move li {float: left; width: 50%; letter-spacing: -1px; margin-top: 7px}
    .privacy .move li + li {margin-top: 7px}
    .privacy .move li:nth-child(1), .privacy .move li:nth-child(2) {margin-top: 0}

    /* 설립목적 */
    .intro-tit {margin-top:97px;padding-top:18px}
    .intro-tit, .intro-tit2 {font-size:24px}
    .intro-tit2 {padding:22px 0 3px 0}
    .intro-tit::before {content:'';width:167px}
    .establish {position:relative}
    .establish::after {content:'';width:290px;height:152px;margin-top:0px;margin-left:50%;transform:translateX(-56%)}
    .establish .img-wrap {margin-top:50px;margin-bottom:13px}
    .establish .img-wrap img {width:336px}
    .establish .purpose {position:absolute;float:none;width:228px;padding:0 30px 0 0;top:100px}
    .establish .purpose .intro-tit2::before {content:'';width:90px;top:10px}
    .establish .evidence {position:absolute;overflow:visible;width:228px;padding:0;top:100px;right:25px}
    .establish .evidence .intro-tit2::before {content:'';width:90px;top:10px}
    .establish .purpose p, .establish .evidence p {font-weight:400;font-size:15px;line-height:175%}

    /* .organ_wrap {background:url('../images/sub/bg_org_line2_m.png') no-repeat top center} */

    .charter_footer{margin-top:15px}
    .charter_footer .date{font-size:18px}
    .charter_footer .clearfix:after{content:'';display:block;clear:both}
    .charter_footer .txt_everyone{float:left;width:50%;margin-top:10px;font-size:20px}
    .info08_wrap h5.tit{width:auto}

}

@media screen and (min-width: 845px){

    .pass_table_wrap .icon_scroll {display: none}

}

@media screen and (min-width: 1280px){

    .biz_box {font-size: 0; background: url(../images/sub/bg_biz.png) no-repeat 50% 50%; text-align: center}
    .biz_box > div {display: inline-block; width: 480px; height: 270px; margin-right: 20px; padding: 30px 30px 0; vertical-align: top}
    .biz_box > div strong {padding: 10px 0 10px; font-size: 28px; font-family:'Noto Sans KR',dotum,'돋움',arial, sans-serif; font-weight: 400}
    .biz_box > div strong:before {width: 104px; margin-left: -52px}
    .biz_box > div .txt {font-size: 15px}
    .biz_box > div:nth-child(even) {margin-right: 0}
    .biz_box.v2 > div {height: 350px}
    .biz_box.v3 > div {height: 230px}
    .biz_wrap .txt_box {margin-top: 15px; padding: 10px 25px}

    .open_table .col1 {width: 11.5%}
    .open_table .col2 {width: 7%}
    .open_table .col3 {width: 12.5%}
    .open_table .col4 {width: auto}
    .open_table .col5 {width: 8.5%}
    .open_table .col6 {width: 8.5%}
    .open_table .col7 {width: 8.5%}
    .open_table .col8 {width: 8.5%}
    .info_tit {margin-top: 5px; margin-bottom: 26px}
    .info_tit h4 {padding: 0 140px; font-size: 28px}
    .info_tit .btn_back {height: 37px; padding: 0 20px 0 40px; font-size: 16px; line-height: 36px; border-radius: 22px; background-image: url(../images/common/icon_back.gif); background-size: auto; background-position: 15px 50%}
    .must_write {margin-bottom: 8px; font-size: 16px}
    .newsletter {margin-bottom: 30px; padding: 15px 0 15px 20px}
    .newsletter div {float: left; margin-left: 10px; clear: none}
    .radio input[type=radio] {margin-right: 2px; vertical-align: -1px}
    .radio + .radio {margin-left: 15px}
    .btn_file_wrap a {padding: 5px 19px 5px 38px}
    .btn_file_choice {background-size: auto}
    .btn_file_remove {background-size: auto}
    .emp_table .col1 {width: 110px}
    .emp_table .col2 {width: 175px}
    .emp_table .col3 {width: 90px}
    .emp_table .col4 {width: 90px}
    .emp_table .col5 {width: 120px}
    .profile_list ul li {margin-bottom: 30px}
    .profile_list ul li .img {width: 155px}
    .profile_list ul li .img a {height: 47px; padding-left: 50px; line-height: 46px; background-position: 20px 50%; background-size: 20px}
    .profile_list ul li .txt {width: calc(100% - 183px)}
    .profile_view .top {margin-bottom: 32px}
    .profile_view .l {float: left; width: 153px}
    .profile_view .r {float: right ;width: calc(100% - 183px)}
    .scroll_box {padding: 0; border: 0}
    .info_top {position: relative; padding: 33px 38px 26px}
    .info_top .img {position: absolute; top: 37px; right: 42px; margin-top: 0; padding: 32px 60px}
    .info_top .list_b li {margin-bottom: 6px}
    .info_top + .list_a {margin: 23px 18px 0 18px}
    .info_top .txt + .txt {margin-top: 12px}
    .info_top + .charter_box {margin-top: 20px}
    .report_list_wrap {border-bottom: 1px solid #333}
    .report_list02 .bold {width: 142px}
    .report_list02 > li:before {top: 10px}
    .report_box .tit {padding: 11px 0; font-size: 18px}
    .report_box > ul {padding: 15px 14px}
    .report_box > ul > li {margin-bottom: 11px; padding-left: 15px}
    .report_box > ul > li:nth-child(10),.report_box > ul > li:nth-child(11),.report_box > ul > li:nth-child(12),.report_box > ul > li:nth-child(13) {padding-left: 23px}
    .report_box > ul > li ul {padding-top: 11px}
    .report_box > ul > li ul li {margin-bottom: 3px}
    .report_box > ul > li ul li a {padding-left: 6px; font-size: 14px}
    .report_box > ul > li ul li a:before {width: 2px; height: 2px}
    .border_box, .toggle_box, .charter_box {padding: 22px 28px}
    .txt  + .charter_box, .txt + .table {margin-top: 20px}
    .charter_box li {margin-bottom: 6px}
    .charter_box li:last-child {margin-bottom: 0}
    .toggle_box .tit {margin-top: 24px; margin-bottom: 6px; font-size: 16px}
    .toggle_box ul ul {margin-top: 5px}
    .toggle_box .list01 > li {padding-left: 18px}
    .toggle_box .list01 ul li {margin-bottom: 2px}
    .toggle_box .list02 > li {padding-left: 15px}
    .toggle_box .list03 > li {margin-bottom: 2px; padding-left: 20px}
    .toggle_box + h5.tit {margin-top: 25px}
    .btn_toggle {margin-top: -56px}
    .btn_toggle:after {content: ''; display: block; clear: both}
    .btn_toggle a {width: auto; padding: 0 41px 0 23px; height: 37px; font-size: 16px; background-image: url(../images/common/icon_toggle.png); background-size: auto; line-height: 36px; border-radius: 37px; text-indent: 0}
    .btn_toggle a + a {margin-left: 8px}
    .txt_everyone {margin-top: 25px; font-size: 30px}
    .txt_promise {margin: 11px 0 0 28px; font-size: 16px; font-weight: 500}
    .pass_pc {display: block; position: relative; min-height: 580px; background: url(../images/sub/img_info0403_pc.gif) no-repeat 0 50%}
    .pass_pc li {position: absolute; width: 267px; padding: 20px 0 20px 26px; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box}
    .pass_pc li:before {content: ''; position: absolute; top: 50%; right: -5px; width: 11px; height: 11px; margin-top: -3px; border-radius: 50%; background: #ed1c24}
    .pass_pc li:nth-child(1) {top: 11px; left: 28px}
    .pass_pc li:nth-child(2) {top: 22px; right: 28px}
    .pass_pc li:nth-child(3) {top: 190px; left: 28px}
    .pass_pc li:nth-child(4) {top: 140px; right: 28px}
    .pass_pc li:nth-child(5) {top: 380px; left: 28px}
    .pass_pc li:nth-child(6) {top: 247px; right: 28px}
    .pass_pc li:nth-child(7) {top: 366px; right: 28px}
    .pass_pc li:nth-child(2):before,.pass_pc li:nth-child(4):before,.pass_pc li:nth-child(6):before,.pass_pc li:nth-child(7):before {right: auto; left: -5px}
    .pass_table_wrap {margin-top: 0}
    .pass_table thead tr:nth-child(2) th {font-size: 16px; font-weight: 500}
    .pass_table td {padding: 16px 5px 20px 12px; font-size: 14px}
    .pass_table .tit {margin-bottom: 2px; padding-left: 7px}
    .pass_table .tit:before {top: 9px; left: 1px}
    .pass_table ul li {margin-bottom: 2px; padding-left: 7px}
    .pass_table ul li:last-child {margin-bottom: 0}
    .pass_table ul li:before {top: 10px; left: 0}
    .pass_table ul + .tit {margin-top: 20px}
    .data_frame {width: 100%; height: 1380px}
    .history_wrap {background: url(../images/sub/img_history.gif) no-repeat 100% 0}
    .history_wrap .box {width: 772px}
    .history_wrap .box:after {content: ''; display: block; clear: both}
    .history_wrap h4.tit {float: left; width: 170px; margin-top: -8px; box-sizing: border-box}
    .history_wrap .table {float: right; width: calc(100% - 170px)}
    .history_wrap .normal_table2 th {font-size: 17px}
    .history_wrap .normal_table2 td {padding-top: 12px; padding-bottom: 12px}
    .img_ci {margin-top: 25px}
    .download_ci {width: 458px; height: 82px; margin: 80px auto 0; font-size: 22px; line-height: 81px}
    .download_ci:before {width: 33px; height: 26px; margin-right: 23px; background-size: 33px 26px; vertical-align: -3px}
    .ci_color {margin-top: 27px}
    .ci_color:after {content: ''; display: block; clear: both}
    .ci_color > div {float: left; width: calc(33% - 44px); margin-right: 66px; margin-bottom: 0}
    .ci_color > div:last-child {margin-right: 0}
    .ci_color .tit {margin-bottom: 12px; font-size: 18px}
    .ci_color li {float: left; width: calc(50% - 8px)}
    .ci_color li:before {content: ''; display: block; width: 100%; height: 73px}
    .ci_color li:nth-child(1) {margin-right: 16px}
    .ci_color li .name {font-size: 15px}
    .ci_color .txt {padding: 14px 0 0 19px; font-size: 14px}


    /* 추가개발 */
    .tab2::after {content:'';display:block;clear:both}
    .box + .tab2 {margin-top:40px}
    .tab2 > li {width:calc(100% / 4);float:left}
    .tab2 > li:not(:first-child) button {border-top:1px solid #ccc;border-left:none}
    .tab2 > li button {height:50px;font-size:18px;line-height:48px}
    .tab2 > li:nth-child(5n)::before {content:'';display:none}
    .tab3 > li,.tab4 > li {width:calc(100% / 5);float:left}
    .tab3 li.current:nth-child(3n) a:after {right: -16px; left: auto; border-left: 0; border-right: 16px solid transparent}
    .tab3 li.current:nth-child(5n) a:after {left: -18px; border-left: 16px solid transparent; right: auto; border-right: 0}
    .tab3 li:nth-child(5n):before {display: none}

    .v3 tbody th {padding:16px 20px;font-weight:500;font-size:16px;text-align:right}
    .v3 tbody tr:not(:last-child) th {border-bottom:1px solid #dee3eb}
    .v3 tbody td {padding:16px 20px;font-weight:300;font-size:15px;text-align:left;color:#757575}

    .list-c li {margin-bottom:4px}
    .list-c li:before {content:'-';margin-right:5px}
    .txt .tit {margin-bottom:4px}
    .txt + .tit {margin-top:25px}
    .txt .tit + .list_b {margin-bottom:14px}
    .txt .tit + .list_b li {margin-left:5px;font-size:14px}
    .txt .tit + .list_b .list-c {margin-left:10px}

    .txt-dohyun {font-family:'BMDOHYEON';font-weight:400;font-size:30px;color:#333}
    .normal_toggle {width: 26px; height: 14px; margin-top: -30px; margin-right: 7px; background-size: 100%}

    td.file {position: relative}
    .layer_file {display: none; position: absolute; top: 55px; right: 10px; width: 350px; padding: 17px 20px; background: #fff; border: 1px solid #d9d9d9; border-radius: 3px; box-sizing: border-box; text-align: left; box-shadow: 4px 4px 13px 0 #f9f9f9; z-index: 1}
    .layer_file:before {content: ''; position: absolute; top: -12px; right: 20px; width: 15px; height: 12px; background: url(../images/common/arrow_layer_file.png) no-repeat}
    .layer_file dt {margin-bottom: 6px; font-size: 17px; font-weight: 500; color: #333}
    .layer_file dd a {display: block; position: relative; width: 208px; padding-right: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333}
    .layer_file dd a:hover, .layer_file dd a:focus {text-decoration: underline}
    .layer_file dd a span {position: absolute; top: 0; right: 0; padding-left: 24px}
    .layer_file dd a span:before {content: ''; position: absolute; top: 3px; left: 0; width: 17px; height: 13px; background: url(../images/common/icon_download.gif) no-repeat}
    .layer_file dd a img {margin: 2px 10px 0 0; vertical-align: top}
    .layer_file .btn_close {position: absolute; top: 10px; right: 10px; width: 25px; height: 25px; background: url(../images/common/icon_share_close.gif) no-repeat 50% 50%; background-size: 13px; text-indent: -9999px; font-size: 0}
    td.file .btn_file.active + .layer_file {display: block}

    .sitemap_wrap .top {margin-bottom: 40px; padding: 52px 80px 52px 0; font-size: 25px; text-align: right; background-image: url(../images/sub/img_sitemap.gif); background-repeat: no-repeat}
    .sitemap>ul>li{width:224px;padding-right:0;margin-right:28px;height:900px}
    .sitemap>ul>li:nth-child(4n){margin-right:0}
    .sitemap>ul>li>a{border-top-width:3px;height:50px;line-height:50px}
    .sitemap>ul>li>a>strong{font-size:18px;font-weight:700}
    .sitemap>ul>li>ul{padding:17px 13px 52px 13px;min-height:150px}
    .sitemap>ul>li>ul>li{padding-left:13px;margin-bottom:6px}
    .sitemap>ul>li>ul>li:before{top:10px;width:5px;height:5px}
    .sitemap>ul>li>ul>li>a{font-size:16px}
    .sitemap>ul>li>ul>li>ul{padding:8px 4px 0}
    .sitemap>ul>li>ul>li>ul>li{padding-left:7px;margin-bottom:5px}
    .sitemap>ul>li>ul>li>ul>li:before{top:11px}
    .sitemap>ul>li>ul>li>ul>li>a{font-size:15px}
    .sitemap>ul>li>ul>li>ul>li>ul{margin-top:4px}
    .sitemap>ul>li>ul>li>ul>li>ul>li{padding-left:9px}
    .sitemap>ul>li>ul>li>ul>li>ul>li:before{top:11px;width:4px}
    .privacy .tit01 {margin-bottom: 4px; font-size: 28px;}
    .privacy .tit02 {font-size: 15px}
    .privacy .section_info {margin-bottom: 100px; padding: 23px 27px}
    .privacy .scroll_box {margin: 15px 0}
    .privacy .toggle_box {padding: 20px 28px}
    .privacy .bullet {margin-top: 10px; margin-bottom: 5px}
    .privacy .toggle_box + .tit {margin-top: 26px}
    .privacy .list_b {margin-top: 5px}
    .privacy .icon_scroll {display: none}
    .privacy .table table td {padding: 14px 5px}
    .privacy .btn_toggle {margin-top: -96px}
    .privacy .list-c {margin-left: 14px}
    .privacy_list > li + li {margin-top: 12px}
    .pop_body {padding: 30px}

    .privacy_top {margin-bottom: 40px; padding: 18px 25px; font-size: 16px}
    .privacy .txt {margin-bottom: 10px}
    .privacy .ml {margin-left: 15px}
    .privacy .list > li + li {margin-top: 5px}
    .privacy .list, .privacy ul .list_b {margin-left: 15px; margin-top: 5px; margin-bottom: 5px}
    .privacy .move {overflow: hidden; margin-bottom: 40px; padding: 18px 25px}
    .privacy .move li {float: left; width: 50%; margin-top: 7px}
    .privacy .move li + li {margin-top: 7px}
    .privacy .move li:nth-child(1), .privacy .move li:nth-child(2) {margin-top: 0}
    .move a {font-weight: 400; color: #333}

    .charter_footer{margin-top:15px}
    .charter_footer .date{font-size:21px}
    .charter_footer .txt_everyone{margin-top:10px;font-size:22px}
    .toggle_box .number_list > li + li{margin-top:12px}
    .info08_top{margin-bottom:80px}
    .btn_download{padding:5px 42px 5px 18px;font-size:16px;background-position:calc(100% - 10px) 50%;background-size:auto}
    .toggle_box .b_bg_box{margin-bottom:30px;padding:23px 27px;background-color:#f8f8f8;border:1px solid #dee3eb}
    .info08_table{margin-top:40px}
    .view_file::before{background-size:auto;vertical-align:-3px}

    .step li {padding: 0 18px;height: 56px;font-size: 17px;}
    .reg_box {width: 1200px; height: auto; background-color: #fff; margin: 0 auto;  border: 1px solid #ccc; padding: 20px; padding-bottom: 90px;}
    .reg_box h3.tit {margin-bottom: 17px;padding-left: 0px;font-size: 20px;}
    .agree_box {height: 145px;}
    .btn_wrap { margin-top: 30px;}
    .btn_next_step {padding-left: 36px;padding-right: 68px;background-image: url(../images/common/icon_next.png);background-position: calc(100% - 38px) 50%;background-size: auto;}
    .btn_normal { font-size: 16px; height: 46px;padding: 0 36px;line-height: 46px;} 

    .btn_s_normal {
        height: 34px;
        padding: 0 15px;
        font-size: 14px;
        line-height: 33px;
    }

     .btn_s_normal {
        margin-top: 0;
        margin-left: 5px;
    }


    .regclass TH{ padding-left: 22px; text-align: left;}

}

@media screen and (max-width: 1280px){
    .organ_top > li > ul { min-height: 340px;}
    .organ.organ_rep::before { top: 100px; height: 226px;}
    .organ_list > ul::before {left: 50%; transform: translateX(-50%); width: 49.5%;}
    .org_item {  height: 30px; line-height: 30px; }
    .org_item a {font-size: 13px;}
    .org_item.item1 { left: 20px; top: 30px;    width: calc((100% / 2) - 120px);}
    .org_item.item1::before { right: -48px; width: 46px;}
    .org_item.item2 { right: 20px; top: 110px;    width: calc((100% / 2) - 120px);}
    .org_item.item2::before { left: -98px; width: 96px;}
    .org_item.item3 { top: 170px;}
    .organ_list > ul > li:nth-child(3):before, .organ_list > ul > li:nth-child(4):before { display: none;}
    .organ_top > li > ul > .organ5 {left: 10px;  top: 240px;   width: calc((100% / 2) - 120px);}
    .organ_top > li > ul > .organ5::before {width: 100px; right: -90px; top: 17px;}



    .esg-org .org-tr.tr3::before { max-width: 75%;}
    .esg-org .item .item-tit { font-size: 16px;}
    .esg-info .list-item { display: block; text-align: center;}
    .esg-info .list-item .left-txt {border: 1px solid #ddd; font-size: 16px; width: 100%; max-width: 100%;}
    .esg-info .list-item .left-tit { font-size: 16px; border-radius: 100px; padding: 10px 30px; min-height: auto; background-color: #555; color: #fff; border: none; margin: 0 auto 10px; min-width: 200px;}
    .esg-info .list-item.item2 { margin-top: 55px;}
    .esg-info .list-item.item2::before { left: 50%; transform: translateX(-50%);}
    .esg-info .list-item .left-tit br { display: none;}
    .esg-info .list-item.item2::before { width: 100%;}

    .custom-table .item-txt { font-size: 16px; }
    .custom-table .item-txt .small { font-size: 14px;}

}

@media screen and (max-width: 980px){

    .custom-table { margin-top: 40px; border-top: 2px solid #888;}
    .custom-table .item {  border: 0; border-bottom: 1px dotted #ccc; font-size: 0;text-align: left; margin-top: 0; padding: 15px 0; min-height: auto;}
    .custom-table .left-tit { vertical-align: top; min-height: auto; }
    .custom-table .left-tit, .custom-table .tr1 .left-tit { display: inline-block;  font-size: 16px; padding: 0 0 0 10px; min-height: auto; border: none; width: 80px; background:none; text-align: left;}
    .custom-table .left-tit br { display: none;}
    .custom-table .item-wrap { display: block;}
    .custom-table .item-tr, .custom-table .tr1 { width: 100%; border-bottom: 2px solid #888; border-left: 0; border-right: 0;}
    .custom-table .tr1 .item { padding-left: 0;}
    .custom-table .tr1 .left-tit { position: relative; text-align: left;}
    .custom-table .item-txt { width: calc(100% - 80px); display: inline-block; min-height: auto; border: 0; background:none; padding: 0 10px;}
    .custom-table .tr1 .item3::before { display: none;}
    .custom-table .item2 .item-txt { min-height: auto; display: inline-block; padding-top: 0;}
    .custom-table .item1 { background-color: #f8f8f8;}
}


@media screen and (max-width: 768px){
    .organ_top > li > ul > .organ5 { width: calc((100% / 2) - 50px);}
    .organ_top > li > ul > .organ5::before { width: 31px; right: -21px;}
    .org_item.item2 { width: calc((100% / 2) - 50px);}
    .org_item.item2::before {    width: 25px;   left: -27px;}
    .esg-org .org-tr.tr3::before { max-width: 46%;}
    .esg-org .org-tr.flex { display: block;}
    .esg-org .org-tr.flex .item { width: calc(50% - 40px); display: inline-block;}
    .esg-org .org-tr.tr3 .item {}
    .esg-org .org-tr.tr3 .item3, .esg-org .org-tr.tr3 .item4 { margin-top: 10px;}
    .esg-org .org-tr.tr3 .item3::before, .esg-org .org-tr.tr3 .item4::before { display: none;}
    .esg-org .org-tr.tr2 {  margin-top: 40px;}
    .esg-org .org-tr.tr2::after { height: 40px; top: -40px;}

    .esg-org .item .item-tit { font-size: 14px;}
    .esg-org .item .item-txt { font-size: 13px; padding: 10px 5px;}
    .size_big { font-size: 1em;}

    .normal_table.type2 th { font-size: 12px;}
    .esg-img-list .txtbox { font-size: 14px; padding: 5px;}
}

@media screen and (max-width: 480px){
    .org_item.item1 { top: 110px; width: calc((100% / 2) - 50px);}
    .org_item.item1::before {width: 25px; right: -27px; }
    .org_item.item2 { top: 140px;}
    .org_item.item3 { top: 190px;}
    .organ_top > li > ul > .organ5 { top: 250px;}

    .esg-img-list { margin: 0 0 40px;}
    .esg-img-list .list-flex { display: block;}
    .esg-img-list .item { width: 100%; margin: 10px 0 0;}
    .link_box.flex { display: block; margin: 30px 0 0;}
    .link_box.flex a { margin: 0 0 10px;}
}

/* 2022.11.15 개인정보처리방침 */
h4.tit3 { line-height: 120%; font-size: 17px; color: #333; font-weight: 500; margin-bottom: 13px;}

.label_box_wrap { margin: 30px 0 20px;}
.label_wrap{ width: 100%; box-sizing: border-box; padding: 0px 10px; display: flex; flex-flow: row wrap; justify-content: space-around; position: relative;}
.label_box{ width: 30%; height: 200px; box-sizing: border-box; padding: 20px 30px; border-radius: 10px; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);  border: 1px solid rgb(255, 255, 255); display: flex; flex-flow: column; justify-content: center; align-items:center;     cursor: pointer; margin-bottom: 20px; background-color: #fff; border: 1px solid #fff; position:relative}
.label_box:hover{ transition: 0.2s; border: 1px solid #1647aa;}
.label_cnt { font-size: 14px; margin-top: 20px; font-weight: 400; color: #111;}
.label_layer{  font-weight: 400; display: none; position: absolute; box-sizing: border-box; border-radius: 10px; background-color: #fff; border: 1px solid #ddd;     width: 500px;     z-index: 999;}
.label_desc_top{ width: 100%; box-sizing: border-box; padding:10px; background-color: #1647aa; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.label_desc_top p{ color: #fff;}
.label_desc_btm{ width: 100%; box-sizing: border-box; padding: 15px 20px;}
.desc_wrap{ display: flex; flex-flow: row wrap;}
.desc_box{ width: 100%; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box; padding: 10px 15px; margin-top: 10px; display: flex; flex-flow: row wrap; justify-content: space-between;    }
/* 220308(s) */
.desc_tit{ width: 30%; font-weight: 400; color: #1647aa; word-break: keep-all;    }
.desc_cnt{ width: 68%; color: #333; font-size: 14px;}
/* //220308(e) */
.label_layer.num0{ top:0; left: 110%; }
.label_layer.num1{top:0; left: 110%; }
.label_layer.num2{ top:0; right: 110%; }
.label_layer.num3{ top:0; left: 110%; }
.label_layer.num4{ top:0; left: 110%; }
.label_layer.num5{ top:0; right: 110%;}

.privacy .btn_wrap .btn_s_normal { height: 30px; line-height: 30px;}

.type_tit { font-weight: 500; color: #333; font-size: 16px;}
.type_tit .checkbox label:before { border: 1px solid #ddd;}

.box-wrap { margin-top: 50px;}
.label_write_wrap { margin-top: 50px; margin-bottom: 0;}



/* 개인정보 처리방침 아이콘 : h4, 스크롤아이콘 같은 클래스 사용 */
.priv_ico { padding:8px 0 8px 38px; display: inline-block;  position: relative;}
.priv_ico::before {content: ''; display: inline-block; width: 30px; height: 34px; position: absolute; left: 0; top: 3px; background: url("../images/sub/priv_s_ico1.png") no-repeat center;  background-size: 100%;}

.priv_ico1::before {background-image: url("../images/sub/priv_s_ico1.png") }
.priv_ico2::before {background-image: url("../images/sub/priv_s_ico2.png") }
.priv_ico3::before {background-image: url("../images/sub/priv_s_ico3.png") }
.priv_ico4::before {background-image: url("../images/sub/priv_s_ico4.png") }
.priv_ico5::before {background-image: url("../images/sub/priv_s_ico5.png") }
.priv_ico6::before {background-image: url("../images/sub/priv_s_ico6.png") }
.priv_ico7::before {background-image: url("../images/sub/priv_s_ico7.png") }
.priv_ico8::before {background-image: url("../images/sub/priv_s_ico8.png") }
.priv_ico9::before {background-image: url("../images/sub/priv_s_ico9.png") }
.priv_ico10::before {background-image: url("../images/sub/priv_s_ico10.png") }
.priv_ico11::before {background-image: url("../images/sub/priv_s_ico11.png") }
.priv_ico12::before {background-image: url("../images/sub/priv_s_ico12.png") }
.priv_ico13::before {background-image: url("../images/sub/priv_s_ico13.png") }
.priv_ico14::before {background-image: url("../images/sub/priv_s_ico14.png") }
.priv_ico15::before {background-image: url("../images/sub/priv_s_ico15.png") }
.priv_ico16::before {background-image: url("../images/sub/priv_s_ico16.png") }
.priv_ico17::before {background-image: url("../images/sub/priv_s_ico17.png") }
.priv_ico18::before {background-image: url("../images/sub/priv_s_ico18.png") }

.td_more { color: #666; border-radius: 100px; border: 1px solid #999;  padding: 2px 10px; font-size: 14px; font-weight: 400;}

.privacy .box .scroll_box { margin-top: 20px;}

.priv_txt_step1 {}
.priv_txt_step2 { margin: 5px 0; padding-left: 15px;}
.priv_txt_step3 { margin: 5px 0; padding-left: 30px;}

.priv_select_wrap { margin-top: 30px; display: inline-block; width: 100%;}
.priv_select { width: auto; height: auto; padding-right: 30px; min-width: 300px; font-size: 14px;}

.top_search {margin-bottom: 25px; padding: 17px 15px; background: #f2f3f5}
.top_search .ck_box {padding-bottom: 15px; margin-bottom: 12px; border-bottom: 1px dashed #999}
.top_search .ck_box:after {content: ''; display: block; clear: both}
.top_search .ck_box .tit,.top_search .ck_box_tit {float: left; width: 85px; margin-top: 5px; font-size: 14px; font-weight: 500; color: #333}
.top_search .ck_box .cont {float: right; width: calc(100% - 85px)}
.top_search .ck_box .cont .double:after {content: ''; display: block; clear: both}
.top_search .ck_box .cont .double > span {float: left; width: calc(50% - 2px)}
.top_search .ck_box .cont .double > span + span {margin-left: 4px}
.top_search .date_ck {margin: 5px 0}
.top_search .date_ck > span {float: left; display: block; width: 20%}
.top_search .date_ck label {float: left; width: 100%; height: 30px; font-size: 12px; background: #fff; line-height: 30px; text-align: center}
.top_search .date_wrap {width: calc(50% - 9px)}
.top_search .btn_normal {vertical-align: top}
.date_ck {border-radius: 3px; border: 1px solid #d9d9d9; overflow: hidden}
.date_ck label {float: left; width: 50px; height: 30px; font-size: 12px; background: #fff; line-height: 30px; text-align: center}
.date_ck input[type=radio]:checked + label {background: #666; color: #fff;text-decoration:underline}
.date_ck > span + span label {border-left: 1px solid #d9d9d9}
.table_top.list_num{position:relative;}
.table_top.list_num .select_wrap{position:absolute;bottom:0;right:0;width:120px}





@media screen and (max-width: 1280px){
    /* 2022.11.08 개인정보처리방침 라벨링 작업 */
    .label_box_wrap { display: none;}
}