@charset "utf-8";

/* 서브페이지 기본 세팅 s */
.contents * {line-height:140%}

ol.basic { margin-top:20px;}
ol.basic > li {list-style-type:decimal; margin-left:17px;  border-bottom: 1px dashed #ddd;  padding:7px 0 7px 10px;}
ol.basic > li > ul { margin-top:5px; color:#000; margin-bottom:5px;}
ol.basic > li > ul li {  padding:0 0 0 10px;}
.finish { margin-top:70px; margin-bottom:120px;}


ul.basic {margin-top: 15px;font-family: 'Noto Sans KR', sans-serif;}
ul.basic.c0 {margin-top: 0;}
ul.basic li{padding-left: 10px; position: relative; margin-bottom: 5px; line-height: 150%; word-break: keep-all;}
ul.basic li:last-child {margin-bottom: 0;}
ul.basic li:before {width: 5px;height: 2px;position: absolute;background-color: #333;content: "";top: 14px;left: 0;}

h3, .h3 { word-break: keep-all; margin-top:35px; color:#005383; font-size:26px; font-weight: 400; vertical-align: middle; letter-spacing: -1px; position: relative; padding-left: 34px; line-height: 140%;}
h3::before, .h3::before { content:''; display: inline-block; width:22px; height:22px;  background:url("https://kcmie2021.com/resources/img/sub/h3_ico.png") center no-repeat; vertical-align: middle; position: absolute; left:0; top:8px;}
h4, .h4 { word-break: keep-all; margin-top:25px;  font-size:20px; font-weight: 500;line-height: 140%;}
.c0 { margin-top: 0;}
.h3box { position: relative; margin-top:55px;}
.h3box h3, .h3box h4 { display: inline-block; margin-top: 0;}
.h3box::after {clear: both;  content: ''; display: block;}
p.basic { margin-top: 10px;}
p.basic.c0 {margin-top: 0;}


select { border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
button {/* width: 100%; height: 100%; */ background: none; border: none; cursor: pointer;}

table.basic thead th {background-color: #ececec;}
table.basic tbody th {background-color: #f6f6f6;}
table.basic tbody th.th {background-color: #ececec;}
table.basic tbody td.th {background-color: #f6f6f6;}

/* flicking */
.f_wrapper { border-radius:10px; width:100%; margin-top: 20px;}
.f_wrapper .f_wrapper_inner {overflow:auto; -webkit-overflow-scrolling: touch; overflow-y: hidden;}
.f_wrapper .touch { display:none; background:url("../img/common/ico_flicking.png") left 3px top -2px no-repeat; height:27px; background-size:contain; padding:0 0 0 36px; line-height:27px; margin-bottom:10px;}
.f_scroller {display:block; height:100%; padding:0; width:100%; text-align:left;}
.f_wrapper .list_table,.f_wrapper .colum_table { margin-top:20px;}
.flicking {min-width: 900px !important;}
.line_dot { border-bottom: 1px dotted #ddd; display: block; margin: 20px 0 10px;}
.c_box { word-break: keep-all; margin-top:20px; width:100%; height: 100%; padding:20px 30px; box-sizing: border-box; border:3px solid #ddd; position: relative;} 


/*라디오*/
input[type=radio] { display:none; }
input[type=radio] + label {display: inline-block; cursor: pointer; line-height: 18px; padding-left: 27px; background: url("https://kcmie2021.com/resources/img/sub/rd_off.png") left/18px no-repeat; margin-right: 10px;}
input[type=radio]:checked + label { background-image: url("https://kcmie2021.com/resources/img/sub/rd.png"); }
/*체크박스*/
input[type=checkbox] { /*display:none;*/ }
input[type=checkbox] + label {display: inline-block; cursor: pointer; line-height: 18px; padding-left: 27px; background: url("https://kcmie2021.com/resources/img/sub/chk_off.jpg") left/18px no-repeat;}
input[type=checkbox]:checked + label { background-image: url("https://kcmie2021.com/resources/img/sub/chk.jpg"); }


table.basic {background-color: #fff; border-bottom: 1px solid #ddd; width: 100%; border-right:1px solid #ddd;  border-left: 1px solid #ddd; table-layout: fixed;font-family: 'Noto Sans KR', sans-serif; font-weight: 300; min-width: 1024px;}
table.basic th, table.basic td {border-top: 1px solid #ddd; border-right: 1px solid #ddd; width: 30%; padding: 10px 10px; text-align: center; font-weight: 300; vertical-align: middle; word-break: break-all; white-space: normal;}
table.basic td:last-child {width: 30%;}
table.basic td:last-child {border-right: none;}
table.basic img {width: 100%;}
/* 서브페이지 기본 세팅 e */

#container.sub {position: relative;}


.sub_vis {width: 100%; height: 330px; position: relative; background: url("../img/sub/sub_vis01.jpg")no-repeat center/cover;}
.sub_vis02 {background: url("https://kcmie2021.com/resources/img/sub/sub_vis02.jpg")no-repeat center/cover;}
.sub_vis03 {background: url("https://kcmie2021.com/resources/img/sub/sub_vis03.jpg")no-repeat center/cover;}
.sub_vis04 {background: url("https://kcmie2021.com/resources/img/sub/sub_vis04.jpg")no-repeat center/cover;}
.sub_vis05 {background: url("https://kcmie2021.com/resources/img/sub/sub_vis05.jpg")no-repeat center/cover;}
.sub_vis06 {background: url("https://kcmie2021.com/resources/img/sub/sub_vis06.jpg")no-repeat center/cover;}
.sub_vis h2 {color: #fff; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; width: 100%;}
.sub_vis h2 .en_tit { font-weight: 600; letter-spacing: 8px;}
.sub_vis h2 .tit {font-size: 32px; font-weight: 600; margin-top: 14px;letter-spacing: 7px; display:block;}

.ratio16_9 > iframe {height: 100%; width: 100%;}
.bis .ratio16_9 > iframe {height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);}

/*
.lnb {height:65px; background:#f9f9f9;border:1px solid #ddd; border-top:0; border-left: 0; z-index:1; position: absolute; left:50%; transform: translateX(-50%); top: 298px; font-size: 17px; box-sizing: border-box;width: 100%; margin: 0 auto; max-width: 1100px; }
.lnb div {float: left;}
.lnb .home {width: 65px; height: 100%; background: #005383 url("https://kcmie2021.com/resources/img/common/home_ico.png")no-repeat center;}
.lnb .home a {display: inline-block; width: 100%; height: 100%; text-indent: -9999px;}
.lnb .depth1_name { border-right: 1px solid #ddd; min-width:220px; display: table; height: 100%;  box-sizing: border-box;}
.lnb .depth1_name span {color: #555; font-size: 18px; display: table-cell;vertical-align: middle; padding:0 30px; text-align: center; width: 100%; height: 100%; box-sizing: border-box; font-weight: 500;}
.lnb .lnb_menu { display: inline-block;  box-sizing: border-box; max-width: 260px; width: 100%; position: relative; z-index: 1; vertical-align: middle;}
.lnb .lnb_menu .lnb_title {padding: 24px 0; padding-left:26px; display: block; font-size:17px; cursor: pointer;  border-right:1px solid #ddd}
.lnb .lnb_menu ul { border-top: none; border-bottom: none;box-sizing: border-box; width:100%; display: none; position: absolute; left:0;}
.lnb .lnb_menu li {  box-sizing: border-box; }
.lnb .lnb_menu li a { font-size: 15px; transition: .3s ease; color: #eee; box-sizing: border-box; display: block; padding: 10px 20px; width: 100%; border: 1px solid #206a94; border-top: 0; background: #005383 }
.lnb .lnb_menu li a:hover, .lnb .lnb_menu li.on a {background-color: #0e253c;}
.lnb .lnb_menu li a span { }
.lnb .lnb_menu li.on a span {vertical-align: middle; display: table-cell; transform: skew(-0.03deg);}

.lnb .lnb_menu .more_btn {width: 18px; height: 10px; background: url("../img/sub/lnb_ico.png")no-repeat left 0px bottom 0px; position: absolute; top: 50%; right: 10px; text-indent: -99999px; transform: translateY(-50%); cursor: pointer; transition: all .3s ease-in-out;}
.lnb_menu .more_btn.more_add { transform: translateY(-50%) rotate(-180deg); top: 45%;}
*/
.sub .lnb {height: 60px; width: 100%; background: #f9f9f9;}
.sub .lnb div {float: left;}
.sub .lnb .lnb_menu {display: inline-block;box-sizing: border-box;max-width: 230px;width: 100%;position: relative;z-index: 1;vertical-align: middle;}
.sub .lnb .lnb_menu .lnb_title {color:#343651;cursor: pointer;padding: 19px 0 19px 26px;font-weight:500;transition: all .3s ease;}
.sub .lnb .lnb_title {display:block;}
.sub .nonelnb .lnb_title {display:none;}
.sub .lnb .lnb_menu ul { border-top: none; border-bottom: none;box-sizing: border-box; width:100%; display: none; position: absolute; left:0;}
.sub .lnb .lnb_menu li {box-sizing: border-box;border: 1px solid #ddd;border-top: none;flex: none;text-align: left;width: 100%;padding: 0;background: #fff;}
.sub .lnb .lnb_menu li:nth-child(1) {border-top: 1px solid #ddd; }
.sub .lnb .lnb_menu li a {display: table;width: 100%;color: #555;padding: 15px 40px 15px 20px;box-sizing: border-box;font-weight: 500;transition: all .3s ease;line-height: 100%;font-size: 16px;height: auto;}
.sub .lnb .lnb_menu li a:hover, .sub .lnb .lnb_menu li.on a {background-color: #eee; border: 0;}
.sub .lnb .lnb_menu li.on a span {vertical-align: middle; display: table-cell; transform: skew(-0.03deg);}
.sub .lnb_menu .more_btn { z-index:0; width: 18px; height: 10px; background: url("https://kcmie2021.com/resources/img/example/sub_vis1_lnb_ico.png")no-repeat left 0px bottom -2px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); cursor: pointer; transition: all .3s ease-in-out;display: none;}
.sub .lnb_menu .more_btn.more_add { transform: translateY(-50%) rotate(-180deg); top: 45%;}



/*contents s*/
.contents {padding: 70px 0 140px;  min-height:200px;}

/*온라인 전시관 s*/
@keyframes bound {
	0% {transform: translateY(0);}
	100% {transform: translateY(-8%);}
}
@keyframes bound_shadow {
	0% {transform: translateY(0) scale(100%); opacity: 1;}
	100% {transform: translateY(16%) scale(105%); opacity: .3;}
}
/*서브 비주얼 카테고리 s*/
.vis_cate {height: 0;background: #d8eeff;padding-bottom: 48.98%;position: relative; overflow: hidden;}
.vis_cate .cate_wrap {position: absolute;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.vis_cate .cate_wrap .bg_wrap {position: absolute;width: 100%; height: 100%; top: 0;left: 0; z-index: 0;}
.vis_cate .cate_wrap .bg_wrap > p {position: absolute;}
.vis_cate .cate_wrap .bg_wrap .bg_line {width: 130.58%; height: 150.53%; background: url("https://kcmie2021.com/resources/img/sub/line.png") center/cover no-repeat;}
.vis_cate .cate_wrap .bg_wrap .bg_line1 {transform: translate(-55%, -40%);}
.vis_cate .cate_wrap .bg_wrap .bg_line2 {width: 99.94%;height: 114.16%;transform: translate(41%, 50%);background-image: url("https://kcmie2021.com/resources/img/sub/line2.png");}
.vis_cate .cate_wrap .bg_wrap .bg_line3 {transform: translate(12%, 14%);}
.vis_cate .cate_wrap .bg_wrap .title {text-indent: -99999px; width: 20.86%; height: 84.33%; background: url("https://kcmie2021.com/resources/img/sub/title1.png") center/cover no-repeat;}
.vis_cate .cate_wrap .bg_wrap .ti1 {transform: translate(10%, -46%);}
.vis_cate .cate_wrap .bg_wrap .ti2 {background-image: url("https://kcmie2021.com/resources/img/sub/title2.png");transform: translate(348%, -45%);}
.vis_cate .cate_wrap .ct {position: absolute;width: 19.5%;}
.vis_cate .cate_wrap .ct01 {transform: translate(122%, 191%);}
.vis_cate .cate_wrap .ct02 {transform: translate(198%, 135%);}
.vis_cate .cate_wrap .ct03 {transform: translate(274%, 79%);}
.vis_cate .cate_wrap .ct04 {transform: translate(29%, 138%);}
.vis_cate .cate_wrap .ct05 {transform: translate(105%, 82%);}
.vis_cate .cate_wrap .ct06 {transform: translate(181%, 31%);}
.vis_cate .cate_wrap .ct07 {transform: translate(230%, 95%);width: 29%;}
.vis_cate .cate_wrap .ct .ct_box {transition: all .3s ease-in-out; position: relative;}
.vis_cate .cate_wrap .ct .ct_box::before {content: "";position: absolute;left: -4%;bottom: -6%;width: 90%;height: 65%;background: url("https://kcmie2021.com/resources/img/sub/vis_cate_sd.png") center/cover no-repeat;z-index: -1;transition: all .3s ease-in-out;}
.vis_cate .cate_wrap .ct.on .ct_box{transform: translateY(-10%);}
.vis_cate .cate_wrap .ct.on .ct_box::before {transform: translateY(20%) scale(110%); opacity: .3;}
.vis_cate .cate_wrap .ct_pre.on .ct_box {transform: none;}
.vis_cate .cate_wrap .ct_pre .ct_box::before {left: 0%; bottom: -9%; width: 84%;}

/*애니메이션 효과*/
.vis_cate .cate_wrap .ct_pre .ct_box{animation: bound 1s linear infinite alternate; }
.vis_cate .cate_wrap .ct_pre .ct_box::before {animation: bound_shadow 1s linear infinite alternate;}
/*
.vis_cate .cate_wrap .ct_pre .ct_box::after {content:""; width: 90%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/sub/vis_cate07_hover.png") center/contain no-repeat; transform: rotate(30deg); transition: all .3s ease-in-out; opacity: 0;}
.vis_cate .cate_wrap .ct_pre.on .ct_box::after {opacity: 1;}
*/


.vis_cate .cate_wrap .ct .txt {text-indent: -99999px; display: block; width: 0; height: 0;}
.vis_cate .cate_wrap .ct .ct_btn {width: 90%;height: 76%;position: absolute;border-radius: 30% 10% 30% 10%;bottom: 6%;right: 7%;transition: all .3s ease-in-out;z-index: 1;transform: rotate(39deg);/* border: 1px solid red; */}
.vis_cate .cate_wrap .ct07 .ct_btn {height: 91%; border-radius: 55% 10% 34% 10%;}
.vis_cate .cate_wrap .ct, .vis_cate .cate_wrap .ct .ct_box {border-radius: 50% 70% 50% 50%;/* border: 1px solid green; */}
.vis_cate .cate_wrap .ct .ct_box > img {border-radius: 55% 45% 20% 20%;width: 90%;transform: rotate(30deg);/* border: 1px solid blue; */ box-sizing: border-box;}
.vis_cate .cate_wrap .ct07 .ct_box > img {border-radius: 43% 38% 20% 20%;}
/*ESG 관 s*/
.esg .vis_cate {padding-bottom: 41.666%;}
.esg .vis_cate .cate_wrap .bg_wrap .bg_line {width: 130.58%; height: 178.53%;}
.esg .vis_cate .cate_wrap .bg_wrap .bg_line1 {transform: translate(-43%, -53%);}
.esg .vis_cate .cate_wrap .bg_wrap .bg_line2 {width: 100%; height: 134%; transform: translate(40%, 26%);}
.esg .vis_cate .cate_wrap .bg_wrap .title {height: 98.25%;}
.esg .vis_cate .cate_wrap .bg_wrap .ti2 {transform: translate(345%, -48%);}
.esg .vis_cate .cate_wrap .bg_wrap .ti3 {background-image: url("https://kcmie2021.com/resources/img/sub/title3.png");transform: translate(10%, -46%);}
.esg .vis_cate .cate_wrap .ct {position: absolute;width: 24.5%;}
.esg .vis_cate .cate_wrap .ct01 {transform: translate(52%, 101%);}
.esg .vis_cate .cate_wrap .ct02 {transform: translate(132%, 36%);}
.esg .vis_cate .cate_wrap .ct_pre {transform: translate(173%, 46%); width: 33%;}
.esg .vis_cate .cate_wrap .ct_pre .ct_box > img {border-radius: 45% 32% 22% 21%;}
.esg .vis_cate .cate_wrap .ct .ct_box::before {height: 73%; left: -6%; bottom: -5%;}
.esg .vis_cate .cate_wrap .ct_pre .ct_box::before {height: 64%; left: -3%;}
.esg .tab_wrap .tab_box {justify-content: center;}
.esg .tab_wrap .tab_box li {max-width: 210px;}


/*ESG 관 e*/
/*서브 비주얼 카테고리 e*/

/*탭 s*/
.tab_sub {}
.online .tab_wrap {margin-bottom: 40px;}
.online .tab_wrap .tab_box {display: flex;}
.online .tab_wrap .tab_box li {flex: 1 1 auto;text-align: center;padding-left: 5px;box-sizing: border-box; width: 50%; min-height: 61px;display: table;}
.online .tab_wrap .tab_box li:first-child {padding-left:0;}
.online .tab_wrap .tab_box li a {padding: 8px 3px;border: 1px solid #ddd;border-radius: 10px;display: block; font-size: 18px; color: #888;display: table-cell; vertical-align: middle;}
.online .tab_wrap .tab_box li a:hover {background: #f2f2f2;}
.online .tab_wrap .tab_box li a.on {background: #0a4d94; border-color: #0a4d94; color: #fff;}
/*탭 e*/

/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.online .tab_wrap .tab_box li {width: 14.28%; }
}

/* IE6,7,9,10 */
@media screen and screen\9 {
.online .tab_wrap .tab_box li {width: 14.28%; }
}


/*리스트 s*/
.online .list_box {display: inline-block; float: left; margin: 0 3.33% 50px 0; width:31.11%;border-radius: 20px; overflow: hidden; border: 1px solid #ddd; box-sizing: border-box; background: #f8f8f8;}
.online .list_box:nth-child(3n){margin-right: 0;}
.online .list_box .ti_wrap, .online .list_box .img_wrap {padding: 30px;}
.online .list_box .ti_wrap {height: 155px; box-sizing: border-box;}
.online .list_box .ti_wrap .c_ti {color: #0a4d94; font-size: 16px; font-weight: 600; min-height: 22px;}
.online .list_box .ti_wrap .ti_box {margin: 12px 0;}
.online .list_box .ti_wrap .ti_box::after {clear: both; height: 0; display: block; content: "";}
.online .list_box .ti_wrap .ko_ti {font-size: 24px;text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;min-height: 33px;}
.online .list_box .ti_wrap .en_ti {font-size: 14px; opacity: .4; display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;min-height: 19px;}
.online .list_box .ti_wrap .name {font-size: 16px; color: #888;}
.online .list_box .img_wrap {background: #fff; border-top: 1px solid #ddd;}
.online .list_box .img {height: 0; position: relative; overflow: hidden; background: #fff; padding-bottom: 56.2318%; border-radius: 10px; transform: none;}
.online .list_box .img img {transition: .3s ease;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate3D(-50%, -50%, 0);width: 100%;}
.online .list_box .img img.wide {width: 100%; height: auto;}
.online .list_box .img img.tall {width: auto; height: 100%;}
/*리스트 e*/
/*리스트 팝업 s*/
 /*layer popup style s*/
.pop_wrap {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; background-color: rgba(0,0,0,.6); display: none;}
.pop_wrap .inner {height: 100%;}
.pop_wrap .cont_wrap {min-height: 50%;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 100%;max-width: 800px;box-sizing: border-box;background: #fff;height: 100vh;max-height: -webkit-fill-available;}
.pop_wrap .cont_wrap .title_wrap {overflow: hidden;padding: 50px 50px 0;}
.pop_wrap .cont_wrap .title_box {position: relative;width: 100%;}
.pop_wrap .cont_wrap .title_box .ti_box {width: 100%;}
.pop_wrap .cont_wrap .title_box .ti {font-size: 25px;color: #fff;position: relative;display: inline-block;background: #0a4d93;padding: 14px 40px 14px 0;border-radius: 0 100px 100px 0;max-width: 93%;box-sizing: border-box;float: left;}
.pop_wrap .cont_wrap .title_box .ti::before {position: absolute;content: ""; left: -60px; height: 100%; width: 70px;top: 0;background: #0a4d93;z-index: -1;}
.pop_wrap .cont_wrap .title_box .ti > span {display: block; min-height: 35px;}
.pop_wrap .cont_wrap .title_box .close {display: none;}

.pop_wrap .cont_wrap .en_box {margin: 10px 50px 20px; font-size: 20px; color: #777;}

.pop_wrap .close {position: absolute;height: 60px;width: 60px;right: -70px;top: 10px;background-color: #f5f5f5;cursor: pointer;border: 1px solid #ddd;box-sizing: border-box;}
.pop_wrap .close span {display: block;background-color: #333;position: absolute;width: 2px;height: 26px;top: 16px;left: 28px;transform: rotate(45deg);}
.pop_wrap .close span:last-child {transform: rotate(-45deg);}
.pop_wrap .over_wrap {overflow-y: scroll;overflow-x: hidden;height: 100%;position: relative;}
.pop_wrap .cont_wrap .cont {padding: 0 50px 50px;}
.pop_wrap .sec::after {clear: both; content: ""; display: block; height: 0;}
.pop_wrap .sec {margin-bottom: 40px;}
.pop_wrap .sec:last-of-type {margin-bottom: 0;}

.pop_wrap .sec .sec_title {font-size: 19px;color: #000;font-weight: 400;margin-bottom: 8px;}

.pop_wrap .sec1 {margin-bottom: 20px;}
.pop_wrap .slick_sec .slick-arrow {width: 34px; height: 34px; border-radius: 100%; box-sizing: border-box; border: 1px solid #ddd; background: #fff; z-index: 1;transition: all .3s ease-in-out;}
.pop_wrap .slick_sec .slick-arrow:hover {background: #f2f2f2;}
.pop_wrap .slick_sec .slick-arrow::before {content: "";width: 8px;height: 15px;background: url("https://kcmie2021.com/resources/img/sub/pop_slick_arw.png") left center no-repeat;top: 50%;transform: translate(-50%,-50%);left: 50%;position: absolute;}
.pop_wrap .slick_sec .slick-next {right: -16px;}
.pop_wrap .slick_sec .slick-next::before {background-position: right center;}
.pop_wrap .slick_sec .slick-prev {left: -16px;}
.pop_wrap .sec1 .slick_sec .slick_box > .img {display: block;}
.pop_wrap .sec1 .slick_sec .img img.wide {width: 100%; height: auto;}
.pop_wrap .sec1 .slick_sec .img img.tall {height: 100%; width: auto;}
.pop_wrap .sec1 .slick_sec .img {border: 1px solid #ddd;height: 0;position: relative;overflow: hidden;background: #fff;padding-bottom: 56.2318%;border-radius: 30px;box-sizing: border-box;transform: none;}
.pop_wrap .sec1 .slick_sec .img img {transition: .3s ease;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate3D(-50%, -50%, 0);width: 100%;}

/*버튼 wrap*/
.pop_wrap .sec2 .btn_wrap1, .pop_wrap .sec2 .btn_wrap2 {display: inline-block; float: left;text-align: center;}
.pop_wrap .sec2 .btn_wrap1 .thumb_btn {padding: 10px 30px 10px 60px;box-sizing: border-box;display: block;border: 1px solid #ddd;background: #fff url("https://kcmie2021.com/resources/img/sub/pop_thumb_b.png") center left 27px no-repeat;border-radius: 100px;box-shadow: 2px 3px 3px 1px rgba(0,0,0,.2);transition: all .3s cubic-bezier(0.49,-0.32, 0.57, 1.43);}
.pop_wrap .sec2 .btn_wrap1 .thumb_btn:hover {color: #fff;background: #0a4d93 url("https://kcmie2021.com/resources/img/sub/pop_thumb.png") top 5px left 27px no-repeat;}
.pop_wrap .sec2 .btn_wrap1 .thumb_btn .tx {display: inline-block;}
.pop_wrap .sec2 .btn_wrap1 .thumb_btn .num {display: inline-block; padding-left: 5px; font-weight: 600;}
.pop_wrap .sec2 .btn_wrap2 {float: right; position: relative;}
.pop_wrap .sec2 .btn_wrap2 > a {display: inline-block;float: left;margin-right: 30px;font-size: 12px;color: #0a4d93;font-weight: 500;transition: all .3s ease-in-out;}
.pop_wrap .sec2 .btn_wrap2 > a:last-of-type {margin-right: 0;}
.pop_wrap .sec2 .btn_wrap2 > a:hover {transform: translateY(-5px);}
.pop_wrap .sec2 .btn_wrap2 > a .ico {width: 40px; height: 40px; border-radius: 100%; display: block; background: #ff7676 center no-repeat; margin: 0 auto; transition: all .3s ease-in-out;}
.pop_wrap .sec2 .btn_wrap2 > a:hover .ico {background-color: #fd9595;}
.pop_wrap .sec2 .btn_wrap2 .home .ico {background-image: url("https://kcmie2021.com/resources/img/sub/pop_home.png");}
.pop_wrap .sec2 .btn_wrap2 .broc .ico {background-image: url("https://kcmie2021.com/resources/img/sub/pop_broc.png");background-color: #0252ba;}
.pop_wrap .sec2 .btn_wrap2 .broc:hover .ico {background-color: #2b7dd3;}
.pop_wrap .sec2 .btn_wrap2 .video .ico {background-image: url("https://kcmie2021.com/resources/img/sub/pop_vdo.png");background-color: #769bff;}
.pop_wrap .sec2 .btn_wrap2 .video:hover .ico {background-color: #95b2ff;}
.pop_wrap .sec2 .btn_wrap2 .share .ico {background-image: url("https://kcmie2021.com/resources/img/sub/pop_shr.png");background-color: #769bff;}
.pop_wrap .sec2 .btn_wrap2 .share:hover .ico {background-color: #95b2ff;}
.pop_wrap .sec2 .btn_wrap2 > a .tx {margin-top: 6px;}

/*툴팁*/
.pop_wrap .tooltip_box {display:block;opacity:0;position:absolute;top: 67px;background-color: #fff;right: 0;padding: 10px 14px;border-radius:4px;z-index:-1;font-size:inherit;transition:all 0.5s;box-sizing: border-box;border: 1px solid #ddd;box-shadow: 2px 2px 3px 1px rgba(0,0,0,.1);min-width: 185px;}
.pop_wrap .tooltip_box .ti {font-size: 14px;margin-bottom: 7px;font-weight: 600;color: #555;text-align: center;}
.pop_wrap .tooltip_box a {text-align:left;color: #ddd;font-size:12px;word-break:break-all;word-wrap:break-word;text-indent: -99999px;display: inline-block;width: 45px;height: 45px;float: left;margin-left: 10px;background: url("https://kcmie2021.com/resources/img/common/sns_kakao.jpg") center/cover no-repeat;border-radius: 8px;box-sizing: border-box;}
.pop_wrap .tooltip_box a.sb2 {background-image: url("https://kcmie2021.com/resources/img/common/sns_fb.jpg");}
.pop_wrap .tooltip_box a.sb3 {background-image: url("https://kcmie2021.com/resources/img/common/sns_blog.jpg");}
.pop_wrap .tooltip_box a:first-child {margin-left: 0;}
.pop_wrap .on.tooltip_box {opacity:1;z-index: 1;} 

/*전시 제품 소개*/
.pop_wrap .sec3 .t_box {padding: 10px;box-sizing: border-box;border: 1px solid #ddd;}
.pop_wrap .sec3 .t_box_con {word-break: keep-all;/*overflow-y: scroll;overflow-x: hidden;height: 80px;*/}
.pop_wrap .sec3 .t_box_con::-webkit-scrollbar {width: 3px;}
.pop_wrap .sec3 .t_box_con::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 5px;}
.pop_wrap .sec3 .t_box_con::-webkit-scrollbar-track {background-color: #eee;}

/*기업소개 테이블*/
.pop_wrap .sec4 table {min-width: auto;}
.pop_wrap .sec4 table thead th {background-color: #fff;}
.pop_wrap .sec4 table tbody th {font-size: 17px; color: #000;}
.pop_wrap .sec4 table tbody td {text-align: left; font-size: 15px;}
.pop_wrap .sec4 .company_logo {height: 60px; margin: 0 auto;}
.pop_wrap .sec4 .en_ti {margin-top: 6px; font-weight: 500; display: block;}
.pop_wrap .sec4 .company_logo img {height: 100%; width: auto;}

/*관련 추천 제품 슬릭*/
.pop_wrap .sec5 .slick_sec {padding: 15px 10px; box-sizing: border-box; border: 1px solid #ddd;}
.pop_wrap .sec5 .img {margin: 0 5px;}
.pop_wrap .sec5 .img > a {width: 100%; display: block; padding-bottom: 56.2318%; height: 0; position: relative; overflow: hidden;border: 1px solid #ddd; border-radius: 30px;  box-sizing: border-box;  background: #fff;  transform: none;}
.pop_wrap .sec5 .img img {transition: .3s ease;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate3D(-50%, -50%, 0);width: 100%;}
.pop_wrap .sec5 .img img.wide {width: 100%; height: auto;}
.pop_wrap .sec5 .img img.tall {width: auto; height: 100%;}
.pop_wrap .sec5 .img .prd_ti {white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; overflow: hidden; font-size: 14px; text-align: center; margin-top: 5px; font-weight: 400;}

/* 팝업스크롤 */
.pop_wrap .over_wrap::-webkit-scrollbar {width: 8px;}
.pop_wrap .over_wrap::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 5px;}
.pop_wrap .over_wrap::-webkit-scrollbar-track {background-color: #eee;}

/*팝업 탭*/
.pop_wrap .tpage {}
.pop_wrap .tab_button {display: flex; justify-content: center; margin: 5px 0 13px;}
.pop_wrap .tab_button a:first-child {margin-left: 0;}
.pop_wrap .tab_button a {padding: 7px 10px;width: 25%; text-align: center; margin-left: 1%; border: 2px solid #aaa; color: #555;  font-weight: 300; transition: all .3s ease-in-out;}
.pop_wrap .tab_button a.on {color: #fff; background: #aaa;}
.pop_wrap .tab_button a:hover {background: #eee;}
.pop_wrap .tab_button a.on:hover {background: #999;}
.pop_wrap .iframe_box {width: 100%; height: 376.875px;}
.pop_wrap .iframe_box > iframe {height: 100%; width: 100%;}

/*pop_style2*/
.pop_style2 .tab_section {background: #f7f7f7; border: 1px solid #ddd; padding: 10px; box-sizing: border-box;}

.pop_style2.pop_wrap .cont_wrap .title_box .ti {background: #06a2af;}
.pop_style2.pop_wrap .cont_wrap .title_box .ti::before {background: #06a2af;}
.pop_style2.pop_wrap .sec2 .btn_wrap1 .thumb_btn:hover {background-color: #06a2af;}
/*
.pop_style2.pop_wrap .sec2 .btn_wrap2 > a {color: #06a2af;}
.pop_style2.pop_wrap .sec2 .btn_wrap2 > a .ico {background-color: #06a2af;}
.pop_style2.pop_wrap .sec2 .btn_wrap2 > a:hover .ico {background-color: #1ed3e2;}
*/


/*리스트 팝업 e*/
/*온라인 전시관 e*/

/*프리미엄관 바로가기 s*/
.prm_banner {display: none; padding: 20px; background: #2d29cc; text-align: center;font-size: 18px;font-weight: 500;color: #fff; box-sizing: border-box; transition: all .3s ease-in-out;}
.prm_banner:hover {background: #6e6be2;}
.prm_banner > span {position: relative; display:inline-block; padding-left: 50px;}
.prm_banner > span::before {position: absolute; content: ""; background: url("https://kcmie2021.com/resources/img/sub/prm_banner.png") center/contain no-repeat; width: 40px; height: 40px; top: 50%; left: 0; transform: translateY(-50%);}
/*프리미엄관 바로가기 e*/


/*QUICK 메뉴 s*/
.quick_wrap {position: fixed; bottom: 100px; right: 50px; z-index: 2; transition: all .2s ease-in-out;}
.quick_wrap.active {position: fixed;}
.quick_box {width: 110px;}
.quick_box .quick {display: block;margin-top: 5px;}
.quick_box .quick:first-child {margin-top:0;}
.quick_box .quick .hexa {box-sizing: border-box;height: 0;padding-bottom: 111.03%;background: url("https://kcmie2021.com/resources/img/sub/hexa.png") center/contain no-repeat;text-align: center;font-size: 13px;color: #0a4d94;font-weight: 800;transition: all .2s ease-in-out;}
.quick_box .quick:hover .hexa {background-image: url("https://kcmie2021.com/resources/img/sub/hexa_on.png"); color: #fff;}
.quick_box .quick .hexa .ti {padding-top: 83px;display: block;background: url("https://kcmie2021.com/resources/img/sub/quick02.png?ver=210910") center bottom 47%/74% no-repeat;}
.quick_box .qk2 .hexa .ti {background-image: url("https://kcmie2021.com/resources/img/sub/quick01.png?ver=210910");}
.quick_box .qk3 .hexa .ti {background-image: url("https://kcmie2021.com/resources/img/sub/quick03.png");}
.quick_box .qk4 .hexa .ti {background-image: url("https://kcmie2021.com/resources/img/sub/quick04.png");}
.quick_wrap .top_btn {width: 50px;height: 50px;position: relative;background: #0a4d94;border-radius: 100%;display: block;margin: 10px auto 0;color: #fff;font-weight: 500;}
.quick_wrap .top_btn::before {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 100%; background:#0a4d94; transition: .2s ease-in-out; opacity: 0;}
.quick_wrap .top_btn:hover::before {width: 150%; height: 150%; opacity: .3;}
.quick_wrap .top_btn > span {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: url("https://kcmie2021.com/resources/img/sub/top_arw.png") center top/11px no-repeat;padding-top: 11px;}
/*QUICK 메뉴 e*/

/*비즈니스프로그램 s*/
.bis .vis_cate {padding-bottom: 0;background: #e8f5fe;position: relative;overflow: hidden;z-index: 0;height: 0; padding-bottom: 26.04%;}
.bis .vis_cate .bgimg {background: url("https://kcmie2021.com/resources/img/sub/subvis_busi.png") no-repeat center bottom 30%/contain;position: absolute;width: 63.07%;height: 0;padding-bottom: 34.02%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.bis .vis_cate::before, .bis .vis_cate::after {content: "";position: absolute;width: 100%;height: 237%;background: url("https://kcmie2021.com/resources/img/sub/line.png") center/contain no-repeat;transform: translate(-34%, -60%);z-index: -1;}
.bis .vis_cate::after {width: 101.94%;height: 220%;transform: translate(39%, -12%);background-image: url("https://kcmie2021.com/resources/img/sub/line2.png");}
.bis .contents {padding-top: 0;}
.bis .busi_tab{border-bottom: 1px solid #ddd;}
.bis .bis_tb{display: flex;margin-bottom: -1px;}
.bis .bis_tb li {flex: 1 1 auto;text-align: center;padding-left: 5px;box-sizing: border-box;width: 33.33%;}
.bis .bis_tb li a{border: none; border-radius: 0; font-size: 20px;height: 80px;line-height: 80px; display: block;}
.bis .bis_tb li a.on{color: #0a4d94; border-bottom: 2px solid #0a4d94; font-weight: 700; background: #fff;}
.bis .bis_tb li a:hover{color: #0a4d94;}
.bis .tab_cont_wrap #tab1_1 .tab1_vdo{background: url("https://kcmie2021.com/resources/img/sub/vdo_bg.jpg") no-repeat center/cover; padding: 70px 0 80px;}
.bis .tab_cont_wrap #tab1_1 .vdo_txt{text-align: center; color: #fff;}
.bis .tab_cont_wrap #tab1_1 .vdo_txt h4{font-size: 30px;}
.bis .tab_cont_wrap #tab1_1 .vdo_txt p{font-size: 17px; padding-top: 10px;}
.bis .tab_cont_wrap #tab1_1 .tab1_vdo .iframe_box {overflow: hidden; border-radius: 30px; margin-top: 70px;background:url("https://kcmie2021.com/resources/img/sub/prepare.jpg") no-repeat center/cover;text-indent: -99999px;z-index: 0; position: relative;}
.tit_wrap{position: relative; padding-left: 15px; margin: 70px 0 30px 0;}
.tit_wrap h4 {font-size: 25px;}
.tit_wrap h4:before{width: 5px; height: 23px; position: absolute; background-color: #0b4d93; content: ""; top: 6px; left: 2px;}
.tab1_table .tg {border-collapse:collapse; border-spacing:0; width:100%; text-align: center;}
.tab1_table .tg thead{background:#0b4d93; color:#fff; }
.tab1_table .tg th{border: 1px solid #ddd; padding: 15px; overflow:hidden; font-size: 22px; }
.tab1_table .tg tbody th {font-size: 24px;}
.tab1_table .tg .tg-0pky{vertical-align: middle;}
.tab1_table .tg td{border: 1px solid #ddd; padding: 35px 15px; overflow:hidden; font-size: 20px;}
.tab1_table .tg .t_bold{font-weight: 700;}
.bis #tab1_1 .t_txt .ceo_ti{font-size: 16px; display: block; padding-top: 5px;}
.bis #tab1_1 .t_txt .im {width: 39px; height: 28px; margin: 5px auto 0;}
.bis #tab1_1 .t_txt .im img {width: 100%;}


.bis .view_table {font-size: 20px;}
.bis .view_table th {text-align: center;}
.bis .view_table td {text-align: left;}
.bis .view_table .ntc {font-size: 17px; color: #777; margin-top: 10px;}
.bis #tab1_2 .cw .box {float: left; width: 100%; margin-right: 2%; border: 1px solid #ddd; border-radius: 30px;display: inline-block; padding: 40px; box-sizing: border-box; text-align: center;}
.bis #tab1_2 .cw .box:last-child {margin-right: 0;}
.bis #tab1_2 .cw .box .ti {color: #0a4d93; padding-top: 48px; background: url("https://kcmie2021.com/resources/img/sub/busi_ico1.png") top center no-repeat; margin-bottom: 5px;}
.bis #tab1_2 .cw .box2 .ti {background-image: url("https://kcmie2021.com/resources/img/sub/busi_ico2.png");}
.bis #tab1_3 .step_wrap .st {width: 100%;box-sizing: border-box;text-align: center;border: 1px solid #ddd; border-radius: 100px; overflow: hidden;margin: 10px 0;}
.bis #tab1_3 .step_wrap .st:first-child {margin-top: 0;}
.bis #tab1_3 .step_wrap .st:last-child {margin-bottom: 0;}
.bis #tab1_3 .step_wrap .arw{width: 21px; height: 21px; background: url("https://kcmie2021.com/resources/img/sub/busi_arw.png") center no-repeat; display: block; margin: 0 auto;}
.bis #tab1_3 .step_wrap .st > p {display:table;height: 62px; float: left;}
.bis #tab1_3 .step_wrap .st > p > .tt {display: table-cell; vertical-align: middle;line-height: 110%;}
.bis #tab1_3 .step_wrap .st .num {color: #014f97;}
.bis #tab1_3 .step_wrap .st .num .tt > span {font-weight: 500;}
.bis #tab1_3 .step_wrap .st .num, .bis #tab1_3 .step_wrap .st .date {width: 120px;box-sizing: border-box;background: #f5f5f5;text-align: center;}
.bis #tab1_3 .step_wrap .st .tx {width: calc(100% - 240px);}
.bis #tab1_3 .step_wrap .st .tx .tt > span {color: #555;font-size: 17px;}
.bis #tab1_3 .step_wrap .st .date {float: right;color: #555;}
.bis #tab1_3 .step_wrap .st .date .tt > span {font-size: 17px;}
.bis #tab1_3 .btn_wrap {text-align: center; margin-top: 70px;}
.bis #tab1_3 .btn_wrap .btn {height: 50px; line-height: 50px; text-align: center;width: 300px; border-radius: 50px; background: #014f97; color: #fff; font-size: 20px; display: inline-block; box-sizing: border-box; box-shadow:3px 3px 4px 1px rgba(0, 0, 0, 9%); transition: all .3s ease-in-out;}
.bis #tab1_3 .btn_wrap .btn:hover {transform: translateY(-5px);}
/*비즈니스프로그램 e*/



/*contents e*/

@media screen and (max-width:1300px){
	
	/*탭*/
	.online .tab_wrap .tab_box {flex-wrap: wrap;}
	.online .tab_wrap .tab_box li {width: 20%; padding-bottom: 5px;}
	.online .tab_wrap .tab_box li:nth-child(5n+1) {padding-left: 0;}
	.online .tab_wrap .tab_box li a {font-size: 16px;}
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1300px) {
.online .tab_wrap .tab_box li {width:20%; }
}

/* IE6,7,9,10 */
@media screen and screen\9 and (max-width: 1300px) {
.online .tab_wrap .tab_box li {width:20%; }
}

@media screen and (max-width:1100px){
	/*비즈니스프로그램*/
	.bis .bis_tb li a {font-size: 17px;}
	.tab1_table .tg th, .tab1_table .tg tbody th, .tab1_table .tg td, .bis .view_table,.bis .view_table .ntc{font-size: 16px;}
	.bis #tab1_3 .step_wrap .st .tx .tt > span, .bis #tab1_3 .step_wrap .st .date .tt > span {font-size: 14px;}
	.bis .view_table ul.basic li:before {top: 11px;}
    .bis #tab1_1 .t_txt .ceo_ti{font-size: 13px}
}
@media screen and (max-width:1024px){
	.quick_wrap {display: none;}
	
	.online .list_box,.online .list_box:nth-child(3n) {width: 49.5%; margin-right: 1%;}
	.online .list_box:nth-child(2n) {margin-right: 0;}
	.online .list_box .ti_wrap {height: 110px;}
	.online .list_box .ti_wrap, .online .list_box .img_wrap {padding: 20px;}
	.online .list_box .ti_wrap .c_ti, .online .list_box .ti_wrap .name {font-size: 14px;}
	.online .list_box .ti_wrap .c_ti {min-width: 19px;}
	.online .list_box .ti_wrap .ko_ti {font-size: 18px; min-height: 25px;}
	.online .list_box .ti_wrap .ti_box {margin: 6px 0;}
	.sub .vis_cate {padding-bottom: 30%; padding-top: 210px;}
	.sub .vis_cate .bgimg {bottom: 10px; top: auto; transform: translate(-50%, 0); background-position: center bottom;width: 90%;}
	
	.online .vis_cate {background: #e8f5fe;position: relative;overflow: hidden;z-index: 0;height: 0;}
	.online .vis_cate .cate_wrap {display: none;}
	.online .vis_cate .bgimg {background: url("https://kcmie2021.com/resources/img/sub/subvis_clim.png") no-repeat center bottom/contain;position: absolute;height: 0;padding-bottom: 34.02%; left: 50%;}
	.esg .vis_cate .bgimg {background-image: url("https://kcmie2021.com/resources/img/sub/subvis_esg.png");}
	.online .vis_cate::before, .bis .vis_cate::after {content: "";position: absolute;width: 100%;height: 237%;background: url(https://kcmie2021.com/resources/img/sub/line.png) center/contain no-repeat;transform: translate(-34%, -60%);z-index: -1;}
	.online .vis_cate::after {width: 101.94%;height: 220%;transform: translate(39%, -12%);background-image: url(https://kcmie2021.com/resources/img/sub/line2.png);}
	
/*비즈니스프로그램*/
	.bis .vis_cate::before, .bis .vis_cate::after {background-size: contain;}
/*프리미엄관 바로가기 s*/
	.prm_banner {display: block;}
	/*프리미엄관 바로가기 e*/
}

@media screen and (max-width:950px){
	/*리스트 팝업 s*/
 /*layer popup style s*/
.pop_wrap {overflow: hidden;}
.pop_wrap .inner {width: 100%;}
.pop_wrap .cont_wrap {max-width: 950px;}
.pop_wrap .cont_wrap .title_wrap {overflow: hidden;padding: 10px;position: fixed;z-index: 2;background: #fff;width: 100%;box-sizing: border-box;top: 0;left: 0; touch-action: none; }
.pop_wrap .cont_wrap .title_box .ti_box {max-width: calc(100% - 60px);}
.pop_wrap .cont_wrap .title_box .close {display: inline-block; right: 0; top: 0;}

.pop_wrap .cont_wrap .en_box {margin: 10px 10px 20px; font-size: 20px; color: #777;}

.pop_wrap .close {display: none;}
.pop_wrap .cont_wrap .cont {padding: 0 10px 10px;}

.pop_wrap .sec {margin-bottom: 30px;}
.pop_wrap .sec:last-of-type {margin-bottom: 0;}
.pop_wrap .sec5 .img {border-radius: 10px;}

}
@media screen and (max-width:900px){
/* flicking */
.f_wrapper .touch { display:block; }
.f_scroller { width:900px; padding:4px}
    
}

@media screen and (max-width:768px){
/*
.lnb { border:none; border-bottom:1px solid #ddd; left: 0; transform: none;}
.lnb .home { display:none;}
.lnb .depth1_name {display:none;}
.lnb .lnb_menu {min-width:100%; width:100%; border-right:none;}
*/
.sub .lnb .lnb_menu {max-width: none; width:100%}
	.sub .lnb_menu .more_btn {display: block;}
.member_content.fullwidth {    padding: 30px 35px;}

	
	
h3, .h3 {font-size: 22px;}
h4, .h4 {font-size: 19px;}
	
	/*탭*/
	.online .tab_wrap .tab_box li {width: 33.33%;}
	.online .tab_wrap .tab_box li:nth-child(5n+1) {padding-left: 5px;}
	.online .tab_wrap .tab_box li:nth-child(3n+1) {padding-left: 0;}	
	.online .tab_wrap .tab_box li a {padding: 2px 3px;}
	
/*리스트 팝업 s*/	
	.pop_wrap .cont_wrap .title_box .ti {    font-size: 18px;}
	.pop_wrap .cont_wrap .title_box .ti > span {min-height: 25px;}
	.pop_wrap .close {width: 50px;  height: 50px;}
	.pop_wrap .close span {top: 11px; left: 24px;}
	.pop_wrap .cont_wrap .en_box {margin: 5px 10px 10px;font-size: 14px;}
	.pop_wrap .sec2 .btn_wrap1 .thumb_btn {font-size: 14px;}
	.pop_wrap .sec2 .btn_wrap2 > a {margin-right: 20px;}
	.pop_wrap .sec5 .slick_sec {    padding: 20px;}
	.pop_wrap .sec4 table tbody th, .pop_wrap .sec4 table tbody td {padding: 10px 3px; font-size: 13px;}
	.pop_wrap .over_wrap::-webkit-scrollbar {width: 3px;}
	/*리스트 팝업 e*/
	
	/*비즈니스프로그램*/
	.bis .bis_tb li a.on{border-bottom: 0;}
	.bis .tab_cont_wrap #tab1_1 .vdo_txt h4 {font-size: 24px;}
	.bis .tab_cont_wrap #tab1_1 .vdo_txt p {font-size: 16px;}	
	.bis .tab_cont_wrap #tab1_1 .tab1_vdo .iframe_box {margin-top: 30px; border-radius: 20px;}
	.tit_wrap {padding-left: 12px;}
	.tit_wrap h4 {font-size: 18px;}
	.tit_wrap h4:before {width: 4px; height: 17px; top: 4px; left: 2px;}
	.bis #tab1_2 .cw .box {width: 100%; margin-right: 0;padding: 20px; margin-bottom: 15px;}
	.bis #tab1_2 .cw .box:last-child {margin-bottom: 0;}
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1300px) {
.online .tab_wrap .tab_box li {width:33.33%; }
}

/* IE6,7,9,10 */
@media screen and screen\9 and (max-width: 1300px) {
.online .tab_wrap .tab_box li {width:33.33%; }
}


@media screen and (max-width:500px){
		/*탭*/
	.online .tab_wrap .tab_box li {width: 100%; height: 45px !important; min-height:0;padding-left: 0; padding-bottom: 0; margin-bottom: 7px;}
	.online .tab_wrap .tab_box li:nth-child(3n+1),.online .tab_wrap .tab_box li:nth-child(5n+1),.online .tab_wrap .tab_box li:nth-child(2n+1){padding-left: 0;}
	.online .tab_wrap .tab_box li:last-child {margin-bottom: 0;}
	.esg .tab_wrap .tab_box li {max-width: none;}
	.online .list_box {margin-bottom: 30px;}
	.online .list_box,.online .list_box:nth-child(2n), .online .list_box:nth-child(3n) {width: 100%; margin-right: 0%;}
	.online .list_box .ti_wrap, .online .list_box .img_wrap {padding: 15px;}
	.online .list_box .ti_wrap {height: 100px;}
	.online .list_box .ti_wrap .en_ti {font-size: 12px;}
	/*리스트 팝업 s*/
	.pop_wrap .tab_button a {width: 50%; font-size: 14px;}
	.pop_wrap .sec5 .slick_sec {padding: 15px;}
	.pop_wrap .sec2 .btn_wrap1, .pop_wrap .sec2 .btn_wrap2 {display: block; float: none;}
	.pop_wrap .sec2 .btn_wrap1 .thumb_btn {padding: 10px 30px;}
	.pop_wrap .sec2 .btn_wrap2 {margin-top: 20px;}
	.pop_wrap .sec2 .btn_wrap2 > a {width: 24%; margin-right: 1.33%;}
/*리스트 팝업 e*/
	/*비즈니스 프로그램*/
	.sub .vis_cate {padding-bottom: 40%; padding-top: 190px;} 
	.sub .vis_cate .bgimg {width: 100%; bottom: 10px;}
/*프리미엄관 바로가기 s*/
	.prm_banner {font-size: 16px;}
	/*프리미엄관 바로가기 e*/
	/*비즈니스관 s*/
	.bis .view_table .ntc {font-size: 14px;}
	.bis .view_table ul.basic li:before {top: 9px;}
	/*비즈니스관 e*/
}


/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 500px) {
.online .tab_wrap .tab_box li {display: inline-block; margin-bottom: 10px; padding:0;}
	.online .tab_wrap .tab_box li:last-child {margin-bottom: 0;}
	.online .tab_wrap .tab_box li a {display: block; padding: 0; line-height: 45px;}
}

/* IE6,7,9,10 */
@media screen and screen\9 and (max-width: 500px) {
.online .tab_wrap .tab_box li {display: inline-block; margin-bottom: 10px; padding:0;}
	.online .tab_wrap .tab_box li:last-child {margin-bottom: 0;}
	.online .tab_wrap .tab_box li a {display: block; padding: 0; line-height: 45px;}
}