#wrap{overflow: hidden; position: relative;}
body{background-color: initial !important;}

h1.tit {font-size: 25px;; line-height: 5rem; font-weight: 800; color: #000; letter-spacing: 0; word-break: keep-all; position: relative; clear:both; z-index: 0;}
h1.tit font{font-size: 15px; font-weight: 300;}
h1.tit:after{display:block; content:''; width: 20px; height: 20px; position:absolute; top:16px; left: -9px; background: #8ae5cf; border-radius:50%; z-index:-1;}


/* 서브페이지 gnb */
.fixed-header .gnb_top > a{background: url(../images/logo_w.png);}
/*.fixed-header{background: #000000c4 !important; transition: 0s !important;}*/
.Hwrap.fixed-header{background: inherit !important;}
.fixed-header::before{background: #000 !important; opacity: 0.7; width: 100%; height: 140px; transition: 0s !important; z-index: -1; content: ''; display: block; position: absolute;}
/*.fixed-header:hover{background: #fff !important;}*/
.fixed-header:hover::before{background: #fff !important; opacity: 1 !important;}
.fixed-header:hover .gnb_top > a{background: url(../images/logo.png);}
#header .gnb_bg{box-shadow: 0 3px 15px 0 rgb(0 0 0 / 10%);}
.fixed-header .topmenu > li > a{color: #fff !important;}
.fixed-header:hover .topmenu > li > a{color: #000 !important;}
#gnb.on .topmenu > li > a{color: #000 !important;}


/* Lnb */
.lnb-wrap {background: #fff; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1); border-bottom: 1px solid #e0e0e0; z-index: 10; width: 100%;}
.lnb {text-align: center;}
.lnb li {display: inline; position: relative;}
.lnb li + li:before {position: absolute; content: ""; width: 1px; height: 10px; background: #e0e0e0; left: -1px; top: 0; bottom: 0; margin: auto;}
.lnb a {font-weight: 400; font-size: 15px; color: #727272; width: 100%; padding: 16px 0 19px; display: inline-block; max-width: 240px; width: 20%; position: relative;}
.lnb a br{display:none;}
.lnb a span {display: block; margin-top: 5px; font-size: 2rem;}
.lnb .on a, .lnb li a:hover {color: #2c2d2d; font-weight: 500;}
.lnb a:after {content: ''; background: #fe7304; position: absolute; width: 100%; bottom: 0; left: 0; height: 0; transform: scaleX(0); transition: transform .4s ease;}
.lnb .on a:after, .lnb a:hover:after{transform: scaleX(1);height: 4px;}


/* 서브비주얼 */
#svisual-layout{ width:100%; height:300px; text-align:center; display:block; position:relative; overflow: hidden;}
#svisual-layout:before{ opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; content: ""; display: inline-block; width: 100%; height: 100%; background-color: #000; animation-name: svisual_motion;animation-duration: 2.5s;animation-iteration-count: 1;}
#svisual-layout .svisual-wrap{ width:100%;  height:100%; display:inline-block; background: url(../images/sub/sub-top.jpg) no-repeat; background-position: left;}
#svisual-layout .svisual-wrap .title-bar{position: absolute;left:0;bottom: 59px;z-index: 1;display:inline-block;width:100%;text-align:center; word-break: break-word;}/* 비쥬얼 컨텐츠 넓이 */
#svisual-layout .svisual-wrap .title-bar h1{display:inline-block;position:relative;z-index: 1; font-size: 45px; color:#fff; text-align:center; line-height: 1; animation-name: stitle_motion;animation-duration: 1.5s;animation-iteration-count: 1; font-family: 'S-CoreDream-6Bold'; letter-spacing: 5px;}/* 타이틀 폰트 설정 */
#svisual-layout .svisual-wrap img{ max-width:none; max-height:none; width:100%; height:auto; padding:0; margin:0; display:inline-block; position:absolute;top: 50%;left:50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

@keyframes svisual_motion {
  0% {opacity: 0.3;}
  100% {opacity: 0;}
}

@keyframes stitle_motion {
  0% {opacity: 0; transform:translateY(-100px); -webkit-transform:translateY(-100px);}
  50% {opacity: 0.5; transform:translateY(15px); -webkit-transform:translateY(15px);}
  100% {opacity: 1; transform:translateY(0); -webkit-transform:translateY(0);}
}

#wrap > .content{width: 1200px; margin: 0 auto; padding: 100px 0; min-height: 500px;}


/* tba */
.loading {position: relative; top: 5%; transform: translateY(-5%); max-width: 240px;margin: 80px auto 0;}
.loading::after {clear: both; content: ""; display: block;}

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-100px);
  }
  50% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeIn {
  0% {
    -moz-transform: translateY(0);
  }
  25% {
    -moz-transform: translateY(-100px);
  }
  50% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.dot {width: 8px; height: 8px; border-radius: 50%; background: #FFF; float: left; margin-right: 12px;}
.dot:nth-child(4n+1) {
  background-color: #139576;
}
.dot:nth-child(4n+2) {
  background-color: #ea062b;
}
.dot:nth-child(4n+3) {
  background-color: #134495;
}
.dot:nth-child(4n+4) {
  background-color: #ffcc4a;
}
.dot:nth-child(1) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.05s;
  -moz-animation-delay: 0.05s;
  animation-delay: 0.05s;
}
.dot:nth-child(2) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.dot:nth-child(3) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.dot:nth-child(4) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.dot:nth-child(5) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.dot:nth-child(6) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.dot:nth-child(7) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.dot:nth-child(8) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.dot:nth-child(9) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.dot:nth-child(10) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.dot:nth-child(11) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.55s;
  -moz-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.dot:nth-child(12) {
  -webkit-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fadeIn 1.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.tba p{font-size: 45px; text-align: center; margin: 34px 0 0; font-weight: 800; font-family: 'S-CoreDream-6Bold'; display: inline-block; width: 100%; color: #ffdabc;}


/* table css */
table{border-spacing: 0; border-collapse: 0;}
.table-basic{width: 100%; border-top: 3px solid #139576;}
.table-basic th{text-align: center; border-bottom: 1px solid #19283B; background: #dff1ed; color: #2C2D2D; font-weight: 600; padding: 10px 3px; font-size: 17px;}
.table-basic td{border-right: 1px solid #CED5DB; border-bottom: 1px solid #CED5DB; padding: 10px;}
.table-basic td:last-child{border-right: 0;}
.table-basic .bR0{border-right: 0 !important;} .table-basic .bR1{border-right: 1px solid #CED5DB !important;} .table-basic .bB0{border-bottom: 0 !important;} .table-basic .bB1{border-bottom: 1px solid #CED5DB !important;}

.table-basic .table_title{text-align: center; color: #f1592a; font-size: 14px;}


/* tab css */
.tabs, .tab2 {display: table; table-layout: fixed; width: 100%; -webkit-transform: translateY(5px); transform: translateY(5px);}
.tabs > li, .tab2 > li {display: table-cell; list-style: none; text-align: center; padding: 20px 20px 25px 20px; position: relative; overflow: hidden; cursor: pointer; background: #e9e9e9; border-bottom: 1px solid #545454; border-right: 1px solid #fff; font-size: 18px; color: #838383;}
.tabs > li > span{font-size: 14px; display: block;}
.tabs > li.active, .tab2 > li > a.active {color: #333; font-weight: 600; border: 1px solid #545454; border-bottom: 1px solid #fff; background: #fff;}
.tabs > li.acNone{color: #000; cursor: text; background: #fdf2ef; border: 1px solid #fff; border-bottom: 1px solid #545454; padding: 20px 7px;}

.tab2 > li{padding: 0; border-bottom: 0; border-right: none;}
.tab2 > li > a{display: block; width: 100%; height: 100%; padding: 20px 20px 25px 20px; border-bottom: 1px solid #545454;}


.tab__content {position: relative; width: 100%;}
.tab__content > li {width: 100%; position: absolute; top: 0; left: 0; display: none; list-style: none;}
.tab__content > li .content__wrapper {width: 100%; padding: 30px 20px;}
.tab__content > li .content__wrapper h3{color: #fff; background: #139576; padding: 8px; display: inline-block; width: 240px; text-align: center;}

/* btn css */
.web{width: 26px; height: 26px; background: url(../images/sub/web.png) center no-repeat; display: inline-block; vertical-align: bottom;}
.btn-group {border: 1px solid #1cff80;color: #1cff80;padding: 8px 15px;text-align: center;text-decoration: none;display: inline-block;font-size: 15px;cursor: pointer;float: left;margin-right: 6px;margin-bottom: -1px;}
.btn-group:hover {background-color: #1ba357;color:#FFF;transition:0.4s;text-decoration: none;}



/* accordion */
.accordion {width: 100%; margin: 0 auto; padding: 0;}
.accordion-item {position: relative; margin-bottom: 15px;}
.accordion-item.active .icon:after {width: 0;}
.accordion-item.active .heading{background: #fdf2ef; border-bottom: 0;}
.accordion-item .heading {display: block; text-decoration: none; font-weight: 600; position: relative; padding: 14px 20px; transition: 0.3s ease-in-out;  border: 2px solid #f1592a; color: #f1592a; background: #fff;}
.accordion-item .heading .title{color: #f1592a !important; font-size: 16.5px;}
.accordion-item .heading .title span{float: right; margin-right: 21px; font-size: 13px;}

.accordion-item .icon {display: block; position: absolute; top: 50%; right: 0; width: 3rem; height: 3rem; border-radius: 3px; transform: translateY(-50%);}
.accordion-item .icon:before, .accordion-item .icon:after {content: ""; width: 1.25rem; height: 0.25rem; background: #f1592a; position: absolute; border-radius: 3px; left: 50%; top: 50%; transition: 0.3s ease-in-out; transform: translate(-50%, -50%);}
.accordion-item .icon:after {transform: translate(-50%, -50%) rotate(90deg); z-index: -1;}
.accordion-item .content {display: none; padding: 20px; border: 2px solid #f1592a; border-top: 0;}
.accordion-item .content p {margin-top: 0;}

.table-basic span.sold-out{position:relative; display:initial;}
.table-basic span.sold-out img{position:absolute; left:-2px; top:-32%; z-index:99;}
.table-basic td.sold-out{background:#dbdbdb; color:#a5a5a5; position:relative;}
.table-basic td.sold-out img{position:absolute; left:50%; margin-left:-70px; z-index:99; top:0px;}


/*sub 팝업*/
.bio-btn{padding: 0 20px; margin-top: 5px; display: inline-block; line-height:35px; font-size:15px; border-radius:30px; border: 2px solid #fe7304; text-align: center; box-sizing: border-box; background:#ffefe2; transition:.3s; font-weight: 500;}
.bio-btn:hover{border:2px solid #fff3e9; background:#fe7304; color:#fff;}
.ab-btn{padding: 0 20px; margin-top: 5px; display: inline-block; line-height:35px; font-size:15px; border-radius:30px; border:2px solid #139576; text-align: center; box-sizing: border-box; background:#ebfbf7; transition:.3s; font-weight: 500;}
.ab-btn:hover{border:2px solid #ebfbf7; background:#139576; color:#fff;}
.bio-btn:hover, .bio-btn:focus, .ab-btn:hover, .ab-btn:focus {color: #fff; text-decoration: none; cursor: pointer;}
.sp-btn{padding: 0px 25px; margin-top: 5px; background-color:#444444; border:0; color:#fff; line-height:44px; font-size:16px; border-radius:30px;}
.modal-content h5{padding:5px 10px; color: #fff; display: inline-block; font-size: 14px !important; border-radius: 0; margin: 0;}
.modal-content p{font-size: 14px;}

.modal-content table{width: 100%; background: #fff; padding: 10px 20px;}
.modal-content table td{padding: 10px 0; border: 0}
.modal-content table .speech_box{width: 100%; float: none; margin: 0;}
.modal-content table .speech_box .txt_box .info{margin: 0;}
.modal-content table .speech_box .txt_box .info .title{color:#139576; font-size:21px; line-height:26px; padding-bottom:16px; font-weight:600; margin-bottom:10px; position:relative;border-bottom:2px solid #fdf2ef;}
.speech_box .txt_box .info .title:after{content:""; display:block; width:200px; height:2px; background:#096; position:absolute; bottom:-2px; left:0;}
.modal-content table .speech_box .txt_box .info .name{font-size: 17px;}
.career .aff{color:#878787; font-size:16px;}

.close {float: right; font-size: 35px; font-weight: bold;}
.close:hover, 
.close:focus { color: black; text-decoration: none; cursor: pointer;}
/* The Modal (background) --------------------------------------------*/
.modal {display: none; position: fixed; z-index: 999999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}

/* Modal Content */
.modal-content {position: relative; top:7%; background-color: #d6e9e4; margin: auto; padding: 20px; width: 750px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; border-radius: 15px; z-index: 9999;}

.margin-auto{margin: 0 auto;}



/*about kcs2023*/
.poster_wrap {position: relative; padding-left: 367px; min-height: 557px; margin-bottom:0px;}
.poster_wrap .poster {position: absolute; left: 0px; top: 0px;}
.poster_wrap .info {position: relative; font-size: 1.05em; padding-left:38px;}
.poster_wrap .info:before {display: block; content: ""; width:4px; height: 56px; background: #e2e2e2; position: absolute; left: 0px; top: 0px;}
.poster_wrap .info:after {display: block; content: ""; width:1px; height:183px; background: #e2e2e2; position: absolute; left: 0px; top: 0px;}
.poster_wrap .info h3 {font-weight: 700; padding-top: 20px; clear: both;}
.poster_wrap .info > h3:first-child {padding-top:0px;}
.poster_wrap .info .box .txt {padding-left: 40px;}
.poster_wrap .info .txt {line-height:160%; font-weight: 400; margin-top: 5px;}
.poster_wrap .info .txt > strong{font-size: 16.5px;}
.poster_wrap .info .txt.f_logo li{float: left; margin-right: 20px;}
.poster_wrap .info .txt.ul-style2{padding: 0;}
.poster_wrap .info .txt.ul-style2 li{float: left; width: 23%; margin-right: 2%;}
.poster_wrap .info .txt.ul-style2 li:nth-of-type(4n){margin-right: 0;}


/*welcome*/
.greet {background:url('../images/sub/welcome.jpg') 100% 0 no-repeat; box-sizing:border-box;}
.greet div {width: 69%;}
.greet p {line-height:24px; word-break:keep-all; margin:18px 0 0 0;}
.greet p:first-child {margin:0;}
.greet p.end {margin:25px 0 0 0; font-size: 14px; line-height: 21px;}
.greet p.end strong{font-size: 18px;}
.greet p.end span {float: left; margin: -13px 11px 10px 0;}


.greet.award{background: url(../images/sub/award1.jpg) 100% 0 no-repeat;}

.greet.prof{background: url(); position: relative;}
.greet.prof > img{position: absolute; right: 0; bottom: 0;}
.greet.prof div{width: 81%;}
.greet.prof ul.prof_ul{display: flex; flex-direction: row; text-align: center; margin: 20px 0;}
.greet.prof ul.prof_ul li{width: 32%; margin-right: 2%; background: #d6e9e4; padding: 10px;}
.greet.prof ul.prof_ul li:last-child{margin-right: 0;}
.greet.prof ul.prof_ul li > span{display: block; background: #fff; border-radius: 10px; margin-bottom: 7px; font-weight: 600; font-size: 15px; padding: 5px 0;}


.profBox02{margin: 50px 0 0; height: 900px; position: relative; padding: 30px 0;}
.profBox02 .bg{position: absolute; top: 0; left: 50%; /*width: calc(100vw - 17px);*/width:1903px; transform: translateX(-50%); background: url(../images/sub/prof_bg.jpg) no-repeat center; height: 900px; content: ''; z-index: -1}
.profBox02 h2{color: #fff; font-family: 'S-CoreDream-6Bold'; text-align: center; margin-bottom: 20px; font-size: 35px; line-height: 1.5;}
.profBox02 h2 span{font-family: 'S-CoreDream-3Light'; display: block; font-size: 16px; font-weight: 300;}
.profBox02 h2 span strong{color: #ffef00;}
.profBox02 .txt01, .profBox02 .txt02{background: #fff; display: inline-block; padding: 20px 30px;}
.profBox02 .txt01 h5 span, .profBox02 .txt02 h5 span{font-size: 14px; font-weight: 300;}
.profBox02 .txt01{margin-bottom: 1%;}
.profBox02 .txt01 img.float-l, .profBox02 .txt02 img.float-l{margin-right: 25px;}
.profBox02 p{font-size: 14px; line-height: 22px;}




/*보도자료*/
.arBox{width: 100%;}
.arBox .header{display: table; width: 100%; border-top: 3px solid #139576; border-bottom: 1px solid #19283B; background: #dff1ed;}
.arBox .header span{display: table-cell; height: 50px; text-align: center; vertical-align: middle;}
.arBox .header span:nth-child(1){width: 10%;}
.arBox .header span:nth-child(2){width: 70%;}
.arBox .header span:nth-child(3){width: 10%;}
.arBox .header span:nth-child(4){width: 10%;}
.arBox ul{}
.arBox ul li{}
.arBox .info {display:table; width:100%;height:60px; border:1px solid transparent;  border-bottom:1px solid #ddd; box-sizing:border-box}
.arBox .info:hover, .arBox.view .info {border:1px solid #19283B; box-shadow: 4px 4px 10px rgba(0,0,0,.2);}
.arBox .info > * {display:table-cell; height:60px; text-align:center; vertical-align:middle;}
.arBox .info .num, .arBox .info .date, .arBox .info .source {width:10%; font-size:14px}
.arBox .info .title {width:70%; text-align:left; font-size:17px;}
.arBox .info .title span {display:block; width:750px; font-size:17px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.arBox.view .info {height:auto}
.arBox.view .info .title span {text-overflow:initial; white-space:normal; line-height:28px}



/*다운로드센터*/
div.snip1281 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 230px;
  max-width: 264px;
  max-height: 220px;
  width: 100%;
  background-color: #000000;
  text-align: center; color: #fff !important;
}
div.snip1281 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease; color: #fff !important;
}
div.snip1281 img {
  opacity: 0.5;
  max-width: 100%;
}
div.snip1281:after {
  background: #000000;
  width: 0;
  height: 6px;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.snip1281 div {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
div.snip1281 h2{
  margin: 0;
  width: 100%; font-size: 23px;
  font-weight: 900;
  text-transform: uppercase;
}
div.snip1281 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1; color: #fff !important;
}
div.snip1281.blue:after {
  background-color: #fe7304;
}
div.snip1281:hover img,
div.snip1281.hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
div.snip1281:hover:after,
div.snip1281.hover:after {
  width: 100%;
}


/* kcs photo */
.photoBox{width: 100%; display: inline-block;}
.photoBox .col-lg-1{float: left; width: 166px; margin: 17px;}


.flex{display: flex;}
.flat_wrap [class*=col_]{width: 50%; padding: 15px;}
.flat_wrap .flat_box{display: flex; align-items: stretch; flex-direction: column; height: 100%;}
.flat_wrap .flat_tit{font-size: 19px; background:linear-gradient(to right bottom, #22b788,#129274); padding:12px 16px; color:#fff; border-radius: 0 30px 30px 0;}
.flat_wrap .box{height: 100%; padding: 20px 0;}
.flat_wrap .box .thumb{width: 119px; display:table-column;}
.flat_wrap .txt{display: flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; -webkit-box-pack:justify; width:100%; padding-left:20px;}
.flat_wrap .name strong{display: block; font-size: 16px;}
.txt .name{color:#878787; padding:5px 0;}
.txt strong{color:#000;}
.bef_middot_box{padding-bottom:5px; position:relative; border-bottom:2px solid #fdf2ef;}
.bef_middot_box::after{position:absolute; content:""; display:block; width:200px; height:2px; background:#096; bottom:-2px; left:0;}
.bef_middot{font-size:19px; font-weight:600; color:#139576;}


/*sp/ex*/
.medalIMG{vertical-align: middle; width: 48px; margin: -9px 5px 0 0;}
.list-btn {display: inline-block; width: 100%; clear: both;}
.list-btn a.btn{width:49.5%; background:#f0f0f0; padding:6px 8px; margin-top:4px; border:1px solid #bfbfbf; color:#333333; transition: 0.3s; overflow: hidden; position: relative;}
.list-btn a.btn span{position: relative;}
.list-btn a.btn:before	{content:"";position:absolute;height:0%;left:50%;top:50%;width:150%;transition:all 0.45s ease-out;background:#fe7304;transform:translateX(-50%) translateY(-50%) rotate(-25deg);}
.list-btn a.btn:hover:before {height:280%;}
.list-btn a.btn:hover span{color:#fff;}

.list-btn a.btn100:before{}
.list-btn a.btn100:hover:before{height: 360%;}

.list-btn a.btn-none{border: 1px solid #d3d3d3; color: #b9b9b9;}
.list-btn a.btn-none:before{content: none;}
.list-btn a.btn-none:hover{cursor: auto;}
.list-btn a.btn-none:hover span{color: #b9b9b9;}
.col-lg-sponsor{width: 220px; float: left; margin:10px;}
.col-lg-sponsor img{width: 100%; height: auto;}

/*guideline*/
.medal{text-align:center;}
.table-basic td.medal span{display:block; margin-top:8px; font-weight:600; font-size:16px;}
.pla{color:#5789a5;}
.gold{color:#bb950c;}
.sil{color:#7f8c8d;}
.bron{color:#876009;}
.boothBox {width:100%; position:relative;}
.boothBox .txt{width:73%; float:left;}
.boothBox .img{position:absolute; right:0;}

.sub-bnr{width:100%; display:inline-block; margin-top:13px;}
.sub-bnr a{position:relative; display:inline-block; height:100%; padding:0px 55px 0 25px; line-height:47px; background:#fff7f1a8; border:1px solid #fe7304; overflow:hidden; float:left; margin-right:1%; border-radius:10px;}
.sub-bnr a:before{position:absolute; content:""; height:0; left:50%; top:50%; width:150%; transition:all 0.45s ease-out; background:#fe7304; transform:translate(-50%,-50%) rotate(-25deg);}
.sub-bnr .tit{position:relative; font-size:15px; color:#fe7304;}
.sub-bnr a:hover:before{height:280%;}
.sub-bnr a:hover .tit{color:#fff;}
.sub-bnr .ico{background-image:url(../images/main/downIcon.png); position:absolute; right:-39px; top:24%; background-repeat:no-repeat; width:79px; height:30px;}
.sub-bnr a:hover .ico{background-image:url(../images/main/downIcon_w.png);}


/*paper_submission*/
.importantDate{display:flex;}
.importantDate li{width:33.333%; text-align:center; margin-right:25px; padding:19px 0; background:#20b386;}
.importantDate li:last-of-type{margin-right:0;}
.Date_txt span{color:#fff; text-align:center;}
.Date_txt p{text-align:center !important; font-weight:500; font-size:1.3rem; color:#fff;}

.paperBox{position:relative; height:203px;}
.paperBox .bg{position:absolute; background:#eaeaea; width:1903px; left:-352px; height:201px; z-index:-1;}
.paperBox .float-l{padding:10px;}
.template a {position:absolute; top:-38px; right:44px; box-shadow:0 10px 20px rgba(0 0 0 /55%);}

.stepul, .stepul02{}
.stepul::after, .stepul02::after, .stepul02 li .group::after, .stepul03::after{display: block; clear: both; content: '';}
.stepul li{width: 19.2%; margin-right: 1%; height: 236px; position: relative; padding: 30px; text-align: center; box-sizing: border-box; float: left;}
.stepul li:nth-child(5){margin-right: 0;}
.stepul li > strong{display: block; font-size: 17px; font-weight: 800; color: #06855d;}
.stepul li p{line-height: 1.5; text-align: center;}
.stepul li div.icon_box{background: url(../images/sub/step01.png) no-repeat; width: 96px; height: 80px; margin: 15px auto; display: block;}
.stepul li:nth-child(2) div.icon_box{background: url(../images/sub/step02.png) no-repeat;}
.stepul li:nth-child(3) div.icon_box{background: url(../images/sub/step03.png) no-repeat;}
.stepul li:nth-child(4) div.icon_box{background: url(../images/sub/step04.png) no-repeat;}
.stepul li:nth-child(5) div.icon_box{background: url(../images/sub/step05.png) no-repeat;}
.stepul li::after{position: absolute; z-index: 1; background: url(../images/sub/stepR.png) center center no-repeat; display: block; width: 40px; height: 40px; content: ''; right: -26px; top: 50%; margin-top: -20px;}
.stepul li:nth-child(5)::after{display: none;}

.stepul02 li{padding: 15px 0; border:1px solid #ddd; box-sizing: border-box;margin-bottom: 15px;}
.stepul02 li .left{position: relative; width: 12.5%; text-align: center; float: left; line-height: 46px;}
.stepul02 li .left strong{font-size: 17px; font-weight: 800; color: #06855d;}
.stepul02 li .right{width: 87.5%; padding-left: 20px; box-sizing: border-box; float: right;}
.stepul02 li .right span{font-size: 13px; color: #444;}

.stepul03 li{width: 32.6%;}
.stepul03 li:nth-child(3){margin-right: 0;}
.stepul03 li:nth-child(3)::after{display: none;}
.stepul03 li div.icon_box{background: url(../images/sub/step2-01.png) no-repeat; width: 96px; height: 80px; margin: 15px auto; display: block;}
.stepul03 li:nth-child(2) div.icon_box{background: url(../images/sub/step2-02.png) no-repeat;}
.stepul03 li:nth-child(3) div.icon_box{background: url(../images/sub/step2-03.png) no-repeat;}

/*about award2*/
.speakers_ul{width:100%; margin-top:22px; list-style:none; padding:0}
.speakers_ul>li{position:relative; border-top:2px solid #139576; box-sizing:border-box; padding:15px 0; display:inline-block; vertical-align:top; margin:32px 0 0 0; float:left; width:50%;}
.topbox{position:absolute; top:-36px; left:0;}
.numT{text-align:center; display:inline-block; height:36px; line-height:36px; color:#fff; background-color:#139576; font-size:15px; font-weight: 500; padding: 0 12px; border-radius:16px 16px 0 0; transform:translateX(-28px);}
.photo_box{width:113px; height:150px; display:inline-block; vertical-align:top;}
.text_box{display:inline-block; vertical-align:top; box-sizing:border-box; margin-left:17px; width:67.7%;}
.text_box>ul{list-style:none; padding:0;}
.sp_bottom>div{font-size:14px; margin-bottom:10px;}
.Title{margin-right:6px; box-sizing:border-box; text-align:center; height:23px; display:table; color:#fe7304; font-family: 'S-CoreDream-6Bold'; line-height:21px; padding: 0 10px 0 0; font-size:15px;}
.tab__content > li .content__wrapper2{width:100%; padding:30px 37px;}




/*journal*/
.journal_t{font-size:19px; padding:10px 25px; background-color:#139576; color:#fff; display:inline-block; border-radius:16px 16px 0 0;}
.journal_con{border-top: 2px solid #ccc; padding:15px; border:1px solid #ccc;}


/*초청연사*/
.speech_box{position:relative; width: 48%; float: left;}
.speech_box:first-child{margin-right: 4%;}
.speech_box .pic_box{position:absolute; top:0; left:0;}
.speech_box .txt_box{padding-left:140px;}
.speech_box .txt_box .info{margin-bottom:50px; background:#fff;}
.speech_box .txt_box .info .title{position:relative; font-size:21px; line-height: 26px; font-weight:600; color:#139576; padding-bottom:16px; border-bottom:2px solid #fdf2ef; box-sizing:border-box; text-align: left; margin-bottom: 10px;}
.speech_box .txt_box .info .title:after{content:""; display:block; width:200px; height:2px; background:#096; position:absolute; bottom:-2px; left:0;}
.speech_box .txt_box .info .name{font-weight: 600; font-size: 16px;}
.speech_box .txt_box .info .aff{font-size: 16px;}

.speech_box .topbox .numT{width: 113px;}

.short_box{width: 100%; margin: 0; float: none; min-height: 157px;}
.short_box .txt_box .info{margin: 0;}
.short_box .txt_box .info .career li{position: relative;}
.short_box .txt_box .info .career li .btnWrap{position: absolute; top: 0; right: 0;}
.shortT{background: #f1f1f1; padding: 10px; font-size: 14px; clear: both; margin-top: 38px;}

/*news*/
.news_wrap{display:inline-block;}


/*program*/
.pro_notice{display:flex; justify-content:space-between;}

/* venue */
.img_tit{width:100%; height: 668px; position:relative; padding-bottom:4%; margin-bottom:40px;}
.img_tit .img_tit_img{float:left; width:100%; position:relative;}
.img_tit .img_tit_img img{display:block; float:left; width:100%;}
.img_tit .img_txt{width:100%; padding:20px 40px 30px; position:absolute; bottom:0; left:0; z-index:10; color: #fff;}
.img_tit .img_txt::before{background: #000; opacity: 0.7; content: ''; display: block; width: 1200px; height: 123px; display: block; position: absolute; left: 0; bottom: 0; z-index: -1;}
.img_tit .img_txt h1{margin-right: 2%; width: 33%; word-break: break-all; float: left;}
.img_tit .img_txt h1 p{line-height: 1.3;}
.img_tit .img_txt h1 span{font-size: 20px;}
.img_tit .img_txt ul{float: left; width: 63%;}