@charset "utf-8";
.clearfix::after{display:block; content:''; clear:both;}
h1, h2, h3, h4, h5, h6, p, span, a, th, td, li, dd, dt{font-family: 'Pretendard', sans-serif; color: #333; text-decoration: none;  font-style:normal; font-weight:500; letter-spacing:-0.05em;}
html, body, div,  p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend,/*table, caption, tbody, tfoot, thead, tr, th, td,*/ iframe, article, aside, canvas, details, embed, textarea, figure, figcaption, header, footer, main, menu, nav, section, summary, audio, video, template {margin: 0;padding: 0;border: 0;/*font-family: inherit;*/vertical-align: baseline;box-sizing: border-box;word-break: keep-all;font-weight: $font-weight-base;}

a.btn i.fa {margin-right: 5px;}
.sub-top-bg { max-width: 100% !important; background-size: cover !important;}

/*서브탑비지 ~*/
.sub-top-bg.bknu {}

.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.text-center{text-align:center!important;}
.text-justify{text-align:justify!important;}

i, em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;display:table}
caption,legend{overflow:hidden;position:relative;width:0;height:0;margin:0;padding:0;line-height:0}
hr {overflow:hidden; position:absolute; height:0; width:0;}
sup,sub{position: relative;font-size: 0.9em;line-height: 0;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
label{cursor:pointer;}

/*btn*/
a.btn{padding:10px 15px; border-radius: 5px; line-height:1; transition: all .3s ease;}
a.btn:hover{transition:all .3s ease;}
.btn.mint{background:#56bcbf; color:#fff;}
.btn.mint:hover{background:#17808a;}
.btn.gray{background:#999; color:#fff;}
.btn.gray:hover{background:#666;}
.btn.blue{background:#407ff3; color:#fff;}
.btn.blue:hover{background:#124ab1}
.btn.line-gray{box-sizing: border-box; border:1px solid #d3d3d3; background:#fff;}
.btn.line-gray:hover{background:#d3d3d3;}

/********************** 기본정의 추가  **********************/

.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.text-center{text-align:center!important;}
.text-justify{text-align:justify!important;}

.mg3r { margin-right:3px}
.mg10r { margin-right:10px}
.mg20r { margin-right:20px}
.mg10t { margin-top: 10px;}
.pad5a {padding:5px}
.pad5tf {padding-top:5px;padding-bottom:5px}
.pad5lr {padding-left:5px;padding-right:5px;}
.pad5r {padding-right:5px}
.pad5l {padding-left:5px}
.pad5t {padding-top:5px}
.pad5f {padding-bottom:5px}
.pad10a {padding:10px}
.pad10tf {padding-top:10px;padding-bottom:10px}
.pad10lr {padding-left:10px;padding-right:10px;}
.pad10r {padding-right:10px}
.pad10l {padding-left:10px}
.pad10t {padding-top:10px}
.pad10f {padding-bottom:10px}
.pad15a {padding:15px}
.pad15tf {padding-top:15px;padding-bottom:15px}
.pad15lr {padding-left:15px;padding-right:15px;}
.pad15r {padding-right:15px}
.pad15l {padding-left:15px}
.pad15t {padding-top:15px}
.pad15f {padding-bottom:15px}
.pad20a {padding:20px}
.pad20tf {padding-top:20px;padding-bottom:20px}
.pad20lr {padding-left:20px;padding-right:20px;}
.pad20r {padding-right:20px}
.pad20l {padding-left:20px}
.pad20t {padding-top:20px}
.pad20f {padding-bottom:20px}
.pad25a {padding:25px}
.pad25tf {padding-top:25px;padding-bottom:25px}
.pad25lr {padding-left:25px;padding-right:25px;}
.pad25r {padding-right:25px}
.pad25l {padding-left:25px}
.pad25t {padding-top:25px}
.pad25f {padding-bottom:25px}
.pad30a {padding:30px}
.pad30tf {padding-top:30px;padding-bottom:30px}
.pad30lr {padding-left:30px;padding-right:30px;}
.pad30r {padding-right:30px}
.pad30l {padding-left:30px}
.pad30t {padding-top:30px}
.pad30f {padding-bottom:30px}
.pad40a {padding:40px}
.pad40tf {padding-top:40px;padding-bottom:40px}
.pad40lr {padding-left:40px;padding-right:40px;}
.pad40r {padding-right:40px}
.pad40l {padding-left:40px}
.pad40t {padding-top:40px}
.pad40f {padding-bottom:40px}
.pad50a {padding:50px}
.pad50tf {padding-top:50px;padding-bottom:50px}
.pad50lr {padding-left:50px;padding-right:50px;}
.pad50r {padding-right:50px}
.pad50l {padding-left:50px}
.pad50t {padding-top:50px}
.pad50f {padding-bottom:50px}

.w90 {width:90px;}
.w80 {width:80px;}
.w70 {width:70px;}
.w60 {width:60px;}
.w50 {width:50px;}
.w45 {width:45px;}
.w40 {width:40px;}
.w30 {width:30px;}
.w22 {width:22px;}
.w20 {width:20px;}
.w10{width:10px;}

.w100p {width:100%;}
.w99p {width:99%;}
.w98p {width:98%;}
.w90p {width:90%;}
.w80p {width:80%;}
.w75p {width:75%;}
.w70p {width:70%;}
.w60p {width:60%;}
.w50p {width:49%;}
.w48p {width:48%;}
.w46p {width:46%;}
.w45p {width:44%;}
.w40p {width:40%;}
.w35p {width:35%;}
.w33p {width:33.3333%;}
.w30p {width:30%;}
.w25p {width:25%;}
.w20p{width:20%;}
.w15p{width:15%;}
.w14p{width:14.2857%;}
.w10p{width:10%;}
.w5p {width:5%;}

/* 리스트*/
ul[class^=c-list] {text-align:left}
ul[class^=c-list] > li {font-size:1em;box-sizing:border-box;white-space:normal;position:relative}
ul[class^=c-list] > li:first-child {margin-top:0}
ul[class^=c-list] > li .tit, .c-list01-li .tit, .c-list04-li .tit {display:block;color:#222;font-weight:600}
ul[class^=c-list] > li .tit-in, .c-list01-li .tit-in, .c-list04-li .tit-in {display:inline;color:#222;font-weight:600}
ul[class^=c-list] > li ul li:before {display:block;content:"";width:3px;height:3px;background:#cfcfcf;position:absolute;top:11px;left:0}
ul[class^=c-list] > li ul {margin:7px 0 0 0;font-size:.941em}
ul[class^=c-list] > li ul li {padding:0 0 0 11px;position:relative;font-size:.944em;color:#666;margin-bottom:4px}
[class^=c-list] > li > ul.s-list > li {padding-left:26px}
[class^=c-list] > li > ul.s-list > li:before {display:none}
[class^=c-list] > li > ul.s-list > li > .stit {position:absolute;top:0;left:0;font-weight:500}
.c-list01 > li, .c-list01-li {position:relative;padding:0 0 0 14px;margin-top:0px;text-align:left;margin-top:4px}
.c-list01 > li:first-child, .c-list01-li:first-child, .c-list02 > li:first-child {margin-top:0}
.c-list01 > li:before, .c-list01-li:before {display:block;content:"";position:absolute;top:7px;left:0;width:4px;height:4px;background:#767676;border-radius:50%}
.c-list01 > li .txt {display:inline-block}
.c-list02 {counter-reset:section;}
.c-list02 > li {padding-left:25px}
.c-list02 > li {margin-top:3px}
.c-list02 > li:first-child {margin-top:0}
.c-list02 > li:before {display:block;position:absolute;top:1px;left:0px;color:#222;font-size:.941em;font-weight:600;height:auto}
.c-list02 > li .tit {margin-bottom:2px}
.c-list02.num > li:before {counter-increment:section;content:counters(section, ".") ".";width:24px}
.c-list02.snum > li:before {counter-increment:section;content:counters(section, ".") ")";width:24px}
.c-list02.han > li:before {width:27px}
.c-list02.han > li:nth-child(1):before {content:"가."}
.c-list02.han > li:nth-child(2):before {content:"나."}
.c-list02.han > li:nth-child(3):before {content:"다."}
.c-list02.han > li:nth-child(4):before {content:"라."}
.c-list02.han > li:nth-child(5):before {content:"마."}
.c-list02.han > li:nth-child(6):before {content:"바."}
.c-list02.han > li:nth-child(7):before {content:"사."}
.c-list02.han > li:nth-child(8):before {content:"아."}
.c-list02.han > li:nth-child(9):before {content:"자."}
.c-list02.han > li:nth-child(10):before {content:"차."}
.c-list02.han > li:nth-child(11):before {content:"카."}
.c-list02.han > li:nth-child(12):before {content:"타."}
.c-list02.han > li:nth-child(13):before {content:"파."}
.c-list02.han > li:nth-child(14):before {content:"하."}
.c-list03 {counter-reset:section}
.c-list03 > li {position:relative;padding:0 0 0 35px;margin-top:6px}
.c-list03 > li:first-child {margin-top:0}
.c-list03 > li:before {display:block;position:absolute;top:2px;left:0px;color:#222;font-size:12px;font-weight:400;background:#f1f1f1;border-radius:50%;counter-increment:section;content:counters(section, ".") "";width:23px;height:23px;line-height:22px;box-sizing:border-box;text-align:center;font-family:"lato",sans-serif}
.c-list03.cor1 > li:before {background:#008cd7;color:#fff}
.c-list03.cor2 > li:before {background:#e73f82;color:#fff}
.c-list03 > li .tit {color:#222;display:block;font-weight:500}
.c-list04 > li, .c-list04-li {position:relative;padding:0 0 0 19px;margin-top:4px;text-align:left}
.c-list04 > li:first-child {margin-top:0}
.c-list04 > li:before, .c-list04-li:before {display:block;content:"";width:8px;height:8px;border:2px solid #008cd7;border-radius:50%;box-sizing:border-box;position:absolute;top:9px;left:3px}
.c-list05 {}
.c-list05 > li {position:relative;font-family:"SCoreDream", sans-serif;color:#555;font-weight:400;letter-spacing:-.05em;line-height:2.058;padding-left:20px;box-sizing:border-box}
.c-list05 > li:before {content:'';display:block;width:5px;height:5px;border-radius:50%;background-color:#7fb6ee;position:absolute;top:13px;left:0}


@media all and (max-width:999px){
	.c-list01 > li:before, .c-list01-li:before {top:8px}
}
@media all and (max-width:599px){
	ul[class^=c-list] > li ul li:before {top:8px}
	ul[class^=c-list] > li ul{margin-top:5px}
	.c-list01 > li, .c-list01-li {padding-left:11px}
	.c-list02 > li {padding-left:22px}
	.c-list03 > li {padding-left:34px}
	.c-list03 > li:before {width:20px;line-height:20px;height:20px;font-size:11px}
}

/* 공백 */
.gap {height:60px;clear:both;display:block}
.sgap {height:40px;clear:both;display:block}
.ssgap {height:30px;clear:both;display:block}
.sssgap {height:20px;clear:both;display:block}
.ssssgap {height:10px;clear:both;display:block}
@media all and (max-width:600px){
	.gap {height:40px;clear:both;display:block}
	.sgap {height:25px;clear:both;display:block}
	.ssgap {height:15px;clear:both;display:block}
	.sssgap {height:10px;clear:both;display:block}
}

/* 타이틀 */
.c-tit01 {position:relative;margin-bottom:15px;color:#222;font-size:1.778em;font-weight:700;font-family:"Gmarket Sans", sans-serif;line-height:1.25}
.c-tit01:before {content:"";display:block;position:absolute;left:-7px;top:-4px;background-color:#0091dc;border-radius:50%;width:18px;height:18px;z-index:-1}

/* 기본테이블 */
.flip-scroll,.table-pc,.table-responsive{position:relative; line-height:1.4;}
.flip-scroll .table-icon,.table-responsive .table-icon{display:block;opacity:1;}
.table-pc .table-icon{display:none;}

.table{margin-bottom:10px;width:100%;background:#fff;}
.table td,.table th{border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;color:#2d2d2d;}
.table th[scope="row"]{text-align:center !important;}
.table thead th{background:#f4f6f6;color:#222;font-size:15px;font-weight:600;}
.table tbody th{background:#f6fafb;color:#222;}
.table tbody>tr>td, .table tbody>tr>th, .table tfoot>tr>td, .table tfoot>tr>th, .table thead>tr>td, .table thead>tr>th{padding:10px;}

.table tfoot,.table tfoot th{background:#f6f6f6;font-weight:700;}
.table .tfoot{background:#f6f9f9;font-weight:500; }
.table td[rowspan],.table th[rowspan]{border-right:1px solid #d2d2d2;}
.table td:first-child,.table th:first-child{border-left:none;}
.table td:last-child,.table th:last-child{border-right:none; }
.table-bordered{border-top:2px solid #333;border-bottom:1px solid #ccc;}

@media(max-width: 767px) {
    .table-responsive {
		position: relative;
        overflow-y: hidden;
        overflow-x: auto;
       /* display:block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: 0;*/
    }

    .table-responsive .table {
        width: 995px;
    }
}


.table-responsive.active.mobile, .table-responsive.active.mobile.icon {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    margin: 8px 0;
    width: 100%;
    height: auto;
    background: linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),#fff 70%) 0 100%,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.2),rgba(0,0,0,0)),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.2),rgba(0,0,0,0)) 0 100%;
    background-color: #fff;
    background-position: 0 0,100%,0 0,100%;
    background-repeat: no-repeat;
    background-size: 40px 100%,40px 100%,14px 100%,14px 100%;
    background-attachment: local,local,scroll,scroll;
    min-height: 0.01%;
}


.scroll-guide {position:absolute;top:50%;left:50%;display:none;width:110px;height:100px;border-radius:7px;background:rgba(0,0,0,0.67);padding-top:10px;z-index:10;text-align:center;transform:translate(-50%, -50%)}
.scroll-guide_img {width:50%;height:auto}
.scroll-guide_text {margin-top:4px;color:#fff;font-size:13px;line-height:16px}

@media (max-width:768px){
	.scroll-guide{display:block;top:250px}
}

.cBtnBox1 {display:block;width:100%;text-align:center;margin:30px 0}
.cBtnBox1.hasLine {padding:30px 0 0;border-top:1px solid #ddd;}
.cBtnBox1.top {margin:0 0 30px;}
.cBtnBox1.bottom {}
.cBtnBox1 > * {margin:0 3px}
.cBtnBox1:after {content:"";display:block;clear:both}
#popup-wrap .cBtnBox1.top {margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid #ddd;}
#popup-wrap .cBtnBox1.bottom {margin:30px 0 0;padding:30px 0 0;border-top:1px solid #ddd;}
@media all and (max-width:699px) {
	.cBtnBox1 {margin:20px 0 0}
	.cBtnBox1.hasLine {padding:20px 0 0}
	.cBtnBox1 > * {margin:0}
	.cBtnBox1.has3 > * {display:block;float:left;box-sizing:border-box;min-width:0 !important;max-width:none !important}
	.cBtnBox1.has3 > *:nth-child(1) {width:49%;margin-right:2%}
	.cBtnBox1.has3 > *:nth-child(2) {width:49%}
	.cBtnBox1.has3 > *:nth-child(3) {width:100%;margin:5px 0 0}
}
@media all and (max-width:599px) {
	.cBtnBox1.has1 > *,
	.cBtnBox1.has2 > * {display:block;float:left;box-sizing:border-box;min-width:0 !important;max-width:none !important}
	.cBtnBox1.has1 > * {width:100%}
	.cBtnBox1.has2 > * {width:49%;margin-right:2%}
	.cBtnBox1.has2 > *:last-child {margin-right:0}
}

.cw-btn, .cg-btn, .cp-btn, .cdp-btn {box-sizing:border-box;font-size:1em;font-weight:400;display:inline-block;vertical-align:top;line-height:1.1;max-width:330px;min-width:160px;padding:0 80px 0 20px;position:relative;text-align:left;transition:all .3s ease}
a.cw-btn span, a.cg-btn span, a.cp-btn span, a.cdp-btn span {display:flex;align-items:center;height:54px}
input.cw-btn, button.cw-btn {position:relative;padding:0 40px 0 15px;height:40px;cursor:pointer;vertical-align:top}
.cw-btn, a.cw-btn {background:#fff;border:1px solid #c9c9c9;color:#444 !important}
.cw-btn:hover, .cw-btn:focus {background:#e71e6e;border:1px solid #e71e6e;color:#fff !important}
.cg-btn, a.cg-btn {background:#f7f7f7 ;border:1px solid #c9c9c9;color:#444 !important}
.cg-btn:hover, .cg-btn:focus {background:#e5e5e5;border:1px solid #c9c9c9}
.cp-btn, a.cp-btn {background:#0a51d1;border:1px solid #0a51d1;color:#fff !important; border-radius:10px;}
.cp-btn:hover, .cp-btn:focus {background:#0d3276;border:1px solid #0d3276}
.cdp-btn, a.cdp-btn {background:#474d67;border:1px solid #474d67;color:#fff !important}
.cdp-btn:hover, .cdp-btn:focus {background:#2b3046;border:1px solid #2b3046}
.cw-btn span:before, .cg-btn span:before, .cp-btn span:before, .cdp-btn span:before,
.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}
.cw-btn span:before, .cg-btn span:before, .cp-btn span:before, .cdp-btn span:before {width:1px;height:20px;border-radius:50%;background:#cbcbcb;margin:auto 54px auto auto}
.cw-btn span:after, .cg-btn span:after, .cp-btn span:after, .cdp-btn span:after {margin:auto 18px auto auto;width:20px;height:20px;background:url(/resources/custom/images/rnd/sub/st_set.png) no-repeat}
.cw-btn .arr:after, .cg-btn .arr:after {background-position:0 0}
.cw-btn .nw:after, .cg-btn .nw:after {background-position:-30px 0}
.cw-btn .zoom:after, .cg-btn .zoom:after {background-position:-60px 0}
.cw-btn .down:after, .cg-btn .down:after {background-position:-90px 0}
.cw-btn .calendar:after, .cg-btn .calendar:after {background-position:-120px 0}
.cw-btn:hover .arr:after {background-position:0 -60px}
.cw-btn:hover .nw:after {background-position:-30px -60px}
.cw-btn:hover .zoom:after {background-position:-60px -60px}
.cw-btn:hover .down:after {background-position:-90px -60px}
.cw-btn:hover .calendar:after {background-position:-120px -60px}
.cg-btn:hover .arr:after {background-position:0 -30px}
.cg-btn:hover .nw:after {background-position:-30px -30px}
.cg-btn:hover .zoom:after {background-position:-60px -30px}
.cg-btn:hover .down:after {background-position:-90px -30px}
.cg-btn:hover .calendar:after {background-position:-120px -30px}
.cp-btn .arr:after, .cdp-btn .arr:after {background-position:0 -60px}
.cp-btn .nw:after, .cdp-btn .nw:after {background-position:-30px -60px}
.cp-btn .zoom:after, .cdp-btn .zoom:after {background-position:-60px -60px}
.cp-btn .down:after, .cdp-btn .down:after {background-position:-90px -60px}
.cp-btn .calendar:after, .cdp-btn .calendar:after {background-position:-120px -60px}
@media all and (max-width:999px) {
	.sw-btn, .sg-btn, .sp-btn, .sdp-btn {height:37px}
	.sw-btn, a.sw-btn {height:37px}
}

/*서브 공통 스타일*/
.blueText {color: #0087ea;}
.orangeText {color: #fc9b5c;}
.redText {color: #ff0000;}

.deco01{padding: 12px 20px; text-align: center; border: 1px solid #fc9b5c; border-radius: 95px; color:#fc9b5c; font-weight:600 ; display:inline-block; font-size:20px}
.deco-m{color:#000; font-weight:500; font-style:normal; line-height:1.8em; font-size:18px}
.deco-m::before{content:'';display:inline-block; width:15px; height:15px; background:url(/resources/custom/images/main/sub/deco_mark.png)no-repeat;background-size:cover;vertical-align:baseline;  margin-right:5px;}
.table_a{width:100%; border-collapse:collapse; border-top:2px solid #8fdbde; border-bottom:2px solid #8fdbde; text-align:center;}
.table_a tr{border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}
.table_a tr th, .table_a tr td{padding:20px; color:#555; font-weight:500;}
.table_a tr th{background-color:#28bbbf; color:#fff; border-bottom:1px solid #8fdbde;}
.table_a tr:nth-child(even) td{background-color:#f9f9f9;}

.table_b {width:100%; border-collapse:collapse; border-top:2px solid #f66e6f; border-bottom:none; border-left:1px solid #ddd;}
.table_b tr {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.table_b tr th, .table_b tr td {padding: 20px; color: #555; font-weight: 500; border-right: 1px solid #ddd; font-size:18px;}
.table_b tr th {background:#fafafa; color:#1e1e1e; border-bosttom:1px solid #ddd; font-size:18px}
.table_b tr td{background:#fff;}
/*.table_b tr:nth-child(even) td {background-color:#f9f9f9;}*/

.table_b_wrap.scroll { overflow: auto}
.table_b_wrap.scroll table {min-width: 700px}

/*list style*/
.list-info p {position:relative; padding-left:16px; font-size:18px; line-height:190%; background:url(/resources/custom/images/main/sub/deco3.gif) no-repeat 0px 10px; margin-bottom:4px; color:#161616;}
.list-info p span {color:#0d9da1; margin-right:12px; display:inline-block; font-weight:500;}
.list-info p span.orangeText {color: #fc9b5c; margin-right:0;}
.list-info p span.redText {color: #ff0000; margin-right:0;}
.list-info p .black {color:#121212;}
.list-info p:after {content:""; display:block; background-color:#005fa5; position:absolute; left:5px; top:15px; width:4px; height:4px;}
.list-info.black p:after {background-color: #121212;}

/*사이트맵*/
#content-header {display:block;padding-top:0px; position:relative}
#content-header:before,#content-header:after{position:absolute;top:0;left:0;width:100%;height:100%;content:""}
#content-header:before{background-size:cover;}
#content-header.solution:before{background-image:url(/resources/custom/images/main/common/sub-bg.jpg)} 
#content-header-inner {position: relative; margin:0 auto; height:100%; background-repeat: no-repeat; width: 100%;  margin: 0 auto;  background-position: center; background-size: cover;}
#content-header .snbtitle {position: absolute; top: 40px; left: 0; right: 0; color: #fff;}
#content-header .snbtitle > h3 {color: #16808a; font-size: 28px;}
#content-header .snbtitle .sub-top-en {font-size: 16px; color: #79b1b6;}
#content-header .flexslider {background:none; border: none;}
#content-header.no6:before { background-image: url(/resources/custom/images/main/common/sub-bg.jpg)}

.sitemap { margin-bottom:80px; }
.sitemap-body .contentsTitle{font-size:35px; }
.sitemap {display: block; width :100%; max-width: 1644px; margin: 0 auto; margin-top:50px;}
.sitemap a {display: block;}
.sitemap > ul > li {float: left; width: 33.333%;}
.sitemap > ul > li > a {background: #3558d2; color: #fff; border-radius: 5px; width: 90%; text-align: center; padding: 20px 0; font-size: 20px; margin: 0 auto 10px;}
.sitemap > ul > li > ul > li {margin-bottom: 10px;}
.sitemap > ul > li > ul > li > a {border: 1px solid #dadada; background-color: #f6f8fe; color: #333; border-radius: 5px; width: 90%; padding: 15px 5%; margin: 0 auto 10px;}
.sitemap > ul > li > ul > li > a:hover {border: 1px solid #3558d2; color: #3558d2;}
.sitemap > ul > li > ul > li > ul > li {position: relative; padding: 10px 0 10px 35px; line-height: 14px; margin-left: 10px;}
.sitemap > ul > li > ul > li > ul > li > a:hover {color: #3558d2;}
.sitemap > ul > li > ul > li > ul > li:before	{content: ""; display: block; position: absolute; width: 4px; height: 4px; background: #3558d2; top:18px; margin-top:-3px; left: 20px; border-radius:50%;}


@media all and (max-width:767px){
	.sitemap > ul > li{width:50%;}
	.sitemap-body .main_tit{padding:20px 0 20px;}
}

@media all and (max-width:400px){
	.sitemap > ul > li{width:100%;}
}

/* 국립대학육성사업*/
.bknu_wrap {}
.bvision_area { position:relative;}
.bvision_area .title{}
.bvision_area .title .top{position:relative;margin:0 auto;padding:0 20px;max-width:0;height:70px;border:7px solid #153769;animation:text_border 1s ease-in both; text-align:center;}
.bvision_area .title .top::before{content:"";position:absolute;left:50%;top:-7px;transform:translateX(-50%);width:calc(100% - 10px);height:7px;background:#fff;}
.bvision_area .title .top::after{content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);width:calc(100% - 10px);height:7px;background:#fff;}
.bvision_area .title .top em{opacity:0;display:block;margin-bottom:10px;color:#0e2265;font-size:15px;line-height:1;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";animation:text_box 0.3s 1.2s ease-in both;}
.bvision_area .title .top strong{opacity:0;display:block;color:#222;font-size:26px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";animation:text_box 0.3s 1.2s ease-in both;}
.bvision_area .title .bottom{ margin-top:20px;}
.bvision_area .title .bottom p{ padding:20px; color:#222;font-size:20px;line-height:1.8;letter-spacing:-0.045em; text-align:center;}

@keyframes text_border{
    100%{max-width:367px;}
}
@keyframes text_box{
    100%{opacity:1;}
}

@media(max-width:640px){
    .bvision_area .title .top{height:auto;}
    .bvision_area .title .top em{font-size:13px;}
    .bvision_area .title .top strong{font-size:21px;}
}

.bprocess01 { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px;position: relative;}
.bprocess01 .b_row { display: flex;justify-content: space-between;flex-wrap: nowrap;width: 100%;max-width: 1100px;position: relative;}
.bprocess01 .innovation { position: relative; background-color: #1A5ABE; color: #fff; font-size: 30px; padding: 20px; border-radius: 50%;display: flex;align-items: center;  justify-content: center;width: 180px;height: 180px;font-weight: bold;margin: 20px 0;}
.bprocess01 .innovation:after {content: ""; display:block; position: absolute; width: 1px; height: 350px;  border-left: 1px dashed #C5D9E7; left: 50%; transform: translateX(-50%); z-index:-1; }
.bprocess01 .innovation:after {top: -75px;}
.bprocess01 .innovation::before {content: ""; position: absolute;opacity: 0;width: 200px;height: 200px; border-radius: 50%;background-color: rgba(26, 90, 190, 0.1);  opacity: 1;animation: tabWave 1.3s ease-in-out infinite both;}
.bprocess01 .innovation::before {  /* bottom: -50px; */}
.bprocess01 .b_box { background-color: white; padding: 30px 20px;margin: 10px;border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);width: 48%;min-width: 250px;position: relative;/*z-index: 1;*/}
.bprocess01 .b_box h3 { font-size:30px;}
.bprocess01 .b_box p { color:#a0a0a0;}
.bprocess01 .b_box p span { color:#193dcb;}
.bprocess01 .b_row::before { content: ""; position: absolute; width: 90%;height: 2px; border-top: 1px dashed #C5D9E7;top: calc(50% + 10px);left: 5%;z-index: 0;}

@keyframes tabWave {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}


@media (max-width: 600px) {
            .bprocess01 .b_row { flex-wrap: wrap; }
            .bprocess01 .b_box {  width: 100%; }
            .bprocess01 .b_row::before { display: none; }
}

.bprocess01_bot .item-list{display:flex;flex-wrap:wrap;max-width:100%;margin:0 auto;justify-content:space-between; margin:20px;}
.bprocess01_bot .item-list .item{ width:calc(33% - 20px);min-height:auto; text-align:center;}
.bprocess01_bot .item-list .item .top{position:relative;width:100%;min-height:auto;border-radius:10px 10px 0 0;padding:30px 10px;box-sizing:border-box;}
.bprocess01_bot .item-list .item .top.top01, .top.top01::after, .bottom.bottom01::after{background-color:#449a97 ;}
.bprocess01_bot .item-list .item .top.top02, .top.top02::after, .bottom.bottom02::after{background-color:#3c67b7 ;}
.bprocess01_bot .item-list .item .top.top03, .top.top03::after, .bottom.bottom03::after{background-color:#0091c8 ;}
.bprocess01_bot .item-list .item .top.top04, .top.top04::after, .bottom.bottom04::after{background-color:#00349b ;}
.bprocess01_bot .item-list .item .top p{margin:0;font-size:20px;color:#ffffff;line-height:1.25;}
.bprocess01_bot .item-list .item .bottom{position:relative;width:100%;min-height:auto;border:1px solid #dddddd;border-radius:0 0 10px 10px;box-sizing:border-box;}
.bprocess01_bot .item-list .item .bottom .inner{position:relative;padding:20px;}
.bprocess01_bot .item-list .item .bottom .inner.line::before{content:"";display:inline-block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:1px;background-color:#dddddd;}
.bprocess01_bot .item-list .item .bottom .inner p{margin:0;font-size:16px;line-height:1.25;}

@media (max-width:960px){
    .bprocess01_bot .item-list .item{width:calc(50% - 22px);margin-bottom:20px;}
}

@media (max-width:767px){
    .bprocess01_bot{margin-top:-20px;}
    .bprocess01_bot .direction-title{margin-top:60px;}
    .bprocess01_bot .item-list .item{min-height:auto;}
}
@media (max-width:575px){
    .bprocess01_bot .item-list .item{width:100%;}
}


.txt-box1{margin:10px 0;border:1px solid #dedede;border-radius:5px;padding:20px 25px;background-color:#f7f9f9;}
.txt-box1 strong{display:block;color:#3a3a3a;font-weight:bold;margin-bottom:5px;}

@media(max-width:767px){
    .txt-box1{padding:20px;}
}
.txt-box2{padding:24px 20px;border-radius:5px;border:1px solid #dedede;background:#fff;}
.txt-box2.type01 .title{position:relative;float:left;color:#3a3a3a;font-size:16px;font-weight:bold;}
.txt-box2.type01 .title:after{content:"";position:absolute;top:50%;right:-9.5px;margin-top:-8.5px;background:#dbdbdb;width:1px;height:17px;}
.txt-box2.type01 p{padding-left:20px;margin:0;display:table-cell;color:#727272;}
.txt-box2.type01 .title.ico{padding-left:44px;}
.txt-box2.type01 .icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:32px;height:32px;background:#15989f url(/resources/custom/images/archives/sub/st_set.png) no-repeat;border-radius:100%;}
.txt-box2.type01 .icon.icon1{background-position:6px -54px;}
.txt-box2.type01 .icon.icon2{background-position:0px -30px;}
.inblock { display: inline-block;}

@media(max-width:767px){
    .txt-box2.type01 .title{display:inline-block;float:none;padding-right:0;}
    .txt-box2.type01 .title:after{display:none;}
    .txt-box2.type01 p{display:block;margin-left:0;margin-top:10px;padding-left:0;}
}

/* 추진과제 */
.btask_area {position:relative;}

.task_column{display:flex;flex-wrap:wrap;margin:0 -12px;}
.task_column .inner{float:left;position:relative;margin:0 12px 15px;width:calc(33.33% - 24px);;border:1px solid #ddd;background:#fff;}
.task_column .inner .item{padding:45px 20px 42px;height:100%;text-align:center;}
.task_column .inner .item .circle{position:relative;display:inline-block;margin:0 auto 15px;width:86px;height:86px;border-radius:5px;background:#f1f9ff;}
.task_column .inner .item .ui-summary strong{display:block;margin:0 0 5px;font-size:18px;font-weight:bold;color:#444;text-align:center;}
.task_column .inner .item .ui-summary p{margin:0;color:#fff;font-size:15px;}
.task_column .inner .item .ui-summary p + p{margin-top:5px;}
.task_column .inner .item .ui-summary .link{margin-top:15px;}
.task_column .inner .item ul.list-1st{display:inline-block;margin:0;text-align:left;}

.task_column.col2 .inner{width:calc(50% - 24px);}
.task_column.col4 .inner{width:calc(25% - 24px);}
.task_column.col5 .inner{width:calc(20% - 24px);}
.task_column.col6 .inner{width:calc(16.66% - 24px);}
/* list-v End */

@media(max-width:1279px){
	.task_column .inner,
	.task_column.col2 .inner,
	.task_column.col4 .inner,
	.task_column.col5 .inner,
	.task_column.col6 .inner{width:calc(50% - 24px);}
}
@media(max-width:767px){
    /* list_h */
    .vlist__bodo .obj>.item{display:block;text-align:center;}
	.vlist__bodo .obj>.item .inner{padding:25px 15px;}
    .vlist__bodo .obj>.item .inner .circle{position:relative;top:auto;left:auto;margin:0 auto 10px;transform:none;}
	.vlist__bodo .obj>.item .inner .ui-bodo__summary{display:block;min-height:auto;}
	.vlist__bodo .obj>.item .inner .ui-bodo__summary .text_box{display:block;padding:0;min-height:auto;}

	.vlist__bodo .obj.no_line>.item:nth-child(1) .inner{padding-top:0;}
	.vlist__bodo .obj.no_line>.item:nth-child(1) .inner .circle,
	.vlist__bodo .objcol2.no_line>.item:nth-child(-n+2) .inner .circle{top:auto;}
	.vlist__bodo .obj.no_line>.item:nth-child(1) .inner .ui-bodo__summary .text_box,
	.vlist__bodo .obj.col2.no_line>.item:nth-child(-n+2) .inner .ui-bodo__summary .text_box{min-height:auto;}

    .vlist__bodo.type1 .obj.col2{margin:0;}
    .vlist__bodo.type1 .obj.col2>.item{float:none;width:100%;}
	.vlist__bodo.type1 .obj.col2>.item:nth-child(2){border-top:0;}
	.vlist__bodo.type1 .obj.col2>.item:nth-last-child(2){border-bottom:1px dashed rgba(127,127,127,0.5);}

	.vlist__bodo.type2 .obj{border:1px solid #d1d1d1;border-left:0;border-right:0;}
	.vlist__bodo.type2 .obj>.item{float:none;width:100%;margin:-1px 0 0;border:0;}
	.vlist__bodo.type2 .obj>.item:nth-last-child(-n+2){border:0;}
	.vlist__bodo.type2.odd .obj>.item:nth-last-child(2){border-bottom:0;}
	.vlist__bodo.type2 .obj>.item+.item{border-top:1px dashed rgba(127,127,127,0.5);}

	.vlist__bodo.type2.border .obj>.item+.item{border-top:1px solid #d1d1d1;}
	.vlist__bodo.type2.border .obj>.item:nth-last-child(-n+2){border:1px solid #d1d1d1;border-bottom:0;}
	.vlist__bodo.type2.border .obj>.item:nth-child(2){border-top:1px solid #d1d1d1;}
	.vlist__bodo.type2.border .obj>.item:nth-last-child(2){margin-bottom:24px;border-bottom:1px solid #d1d1d1;}
	.vlist__bodo.type2.border .obj>.item .inner{padding:25px 15px;}
	.vlist__bodo.type2.border .obj>.item .inner .circle{left:auto;}
    /* list_h End */

    /* list-v */
	.task_column .inner,
	.task_column.col2 .inner,
	.task_column.col4 .inner,
	.task_column.col5 .inner,
	.task_column.col6 .inner{width:calc(100% - 24px);}
	.task_column .inner .item{padding:25px 30px;}
    /* list-v End */
}

.task_column.ver2 {margin: 0;gap: 37px;}
.task_column.ver2 .inner { overflow: hidden;width: calc(33.33% - 24.666px); margin: 0;border: none;border-radius: 0px 30px;}
.task_column.ver2.col2 .inner {width: calc(50% - 18.5px);}
.task_column.ver2 .inner .item {padding: 41px 30px 37px;}
.task_column.ver2 .inner .item.color1 {background: #429693;}
.task_column.ver2 .inner .item.color2 {background: #3a64b2;}
.task_column.ver2 .inner .item.color3 {background: #008dc3;}
.task_column.ver2 .inner .item.color4 {background: #358cdc;}
.task_column.ver2 .inner .item.color5 {background: #1ab0a7;}
.task_column.ver2 .inner .item.color6 {background: #6f9f44;}
.task_column.ver2 .inner .item.color7 {background: #5f37b2;}
.task_column.ver2 .inner .item .circle { width: 104px;height: 104px;border-radius: 50%;margin-bottom: 6px;}
.task_column.ver2 .inner .item.color1 .circle {background: #fff;}
.task_column.ver2 .inner .item.color2 .circle {background: #fff;}
.task_column.ver2 .inner .item.color3 .circle,.task_column.ver2 .inner .item.color4 .circle,.task_column.ver2 .inner .item.color5 .circle,.task_column.ver2 .inner .item.color6 .circle,.task_column.ver2 .inner .item.color7 .circle {background: #fff;}
.task_column.ver2 .inner .item .circle .icon_line { position:absolute; top:50%; left:50%; width:70px; height:70px; transform:none; margin-left: -35px; margin-top: -35px; background-repeat: no-repeat;background-position: center;}
.task_column.ver2 .inner .item .circle .icon_line.icon1 { background-image: url(/resources/custom/images/archives/sub/btask_ico_img01.png)}
.task_column.ver2 .inner .item .circle .icon_line.icon2 { background-image: url(/resources/custom/images/archives/sub/btask_ico_img02.png)}
.task_column.ver2 .inner .item .circle .icon_line.icon3 { background-image: url(/resources/custom/images/archives/sub/btask_ico_img03.png)}
.task_column.ver2 .inner .item .circle .icon_line.icon4 { background-image: url(/resources/custom/images/archives/sub/btask_ico_img04.png)}
.task_column.ver2 .inner .item .circle .icon_line.icon5 { background-image: url(/resources/custom/images/archives/sub/btask_ico_img05.png)}
.task_column.ver2 .inner .item .circle .icon_line.icon6 { background-image: url(/resources/custom/images/archives/sub/btask_ico_img06.png)}
.task_column.ver2 .inner .item .circle .icon_line.icon7 { background-image: url(/resources/custom/images/archives/sub/btask_ico_img07.png)}
.task_column.ver2 .inner .item .circle .icon_line.icon8 { background-image: url(/resources/custom/images/archives/sub/btask_ico_img08.png)}

.task_column.ver2 .inner .item .ui-summary strong { position: relative; font-size: 24px;line-height: 1.5; /*text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,0px 1px 0 #fff,0px -1px 0 #fff,-1px 0px 0 #fff,1px 0px 0 #fff,2px 2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,-2px -2px 0 #fff,0px 2px 0 #fff,0px -2px 0 #fff,-2px 0px 0 #fff,2px 0px 0 #fff,1px 2px 0 #fff,-1px 2px 0 #fff,1px -2px 0 #fff,-1px -2px 0 #fff,2px 1px 0 #fff,-2px 1px 0 #fff,2px -1px 0 #fff,-2px -1px 0 #fff; */
}
.task_column.ver2 .inner .item.color1 .ui-summary strong {color: #fff;}
.task_column.ver2 .inner .item.color2 .ui-summary strong {color: #fff;}
.task_column.ver2 .inner .item.color3 .ui-summary strong {color: #fff;}
.task_column.ver2 .inner .item.color4 .ui-summary strong,.task_column.ver2 .inner .item.color5 .ui-summary strong,.task_column.ver2 .inner .item.color6 .ui-summary strong,.task_column.ver2 .inner .item.color7 .ui-summary strong {color: #fff;}
.task_column.ver2 .inner .item .ui-summary p .block { display: block;}
.task_column.ver2 .inner .item.color1 .ui-summary p {color: #fff;letter-spacing: -1px;}
.task_column.ver2 .inner .item.color1 .ui-summary .list-1st li {color: #fff;}
.task_column.ver2 .inner .item.color1 .ui-summary .list-1st li::before {background-color: #333;}
.task_column.ver2 .inner .item.color2 .ui-summary p, .task_column.ver2 .inner .item.color3 .ui-summary p {color: #fff;letter-spacing: -1px;}
.task_column.ver2 .inner .item.color2 .ui-summary .list-1st li, .task_column.ver2 .inner .item.color3 .ui-summary .list-1st li {color: #fff;}
.task_column.ver2 .inner .item.color2 .ui-summary .list-1st li::before, .task_column.ver2 .inner .item.color3 .ui-summary .list-1st li::before {background-color: #fff;}

@media(max-width: 1240px) {
    .task_column.ver2 { gap:20px;margin-bottom: 10px;}
    .task_column.ver2 .inner {width: calc(33.33% - 13.333px); }
    .task_column.ver2.col2 { gap: 37px; }
    .task_column.ver2.col2 .inner { width: calc(50% - 18.5px)}
}

@media(max-width: 1024px) {
    .task_column.ver2.col2 { gap:20px; margin-bottom: 10px;}
    .task_column.ver2.col2 .inner { width: calc(50% - 10px);}
}

@media(max-width: 900px) {
    .task_column.ver2 .inner {width: 100%;}
    .task_column.ver2 .inner .item {  padding: 40px 30px;}
    .task_column.ver2.col2 .inner .item { padding: 40px 30px;}
}

@media(max-width: 767px) {
    .task_column.ver2.col2 .inner { width: 100%;}
}

@media(max-width: 480px) {
    .task_column.ver2 .inner .item .ui-summary p .block {display: inline;}
}

@media(max-width: 400px) {
    .task_column.ver2 { gap:20px;}
    .task_column.ver2 .inner .item { padding: 30px;}
    .task_column.ver2.col2 .inner .item { padding: 30px;}
}

/* 글로컬대학 */
.gvision_area { position:relative;}
.gvision_area .title{}
.gvision_area .title .top{position:relative;margin:0 auto;padding:0 20px;max-width:0;height:70px;border:7px solid #153769;animation:text_border 1s ease-in both; text-align:center;}
.gvision_area .title .top::before{content:"";position:absolute;left:50%;top:-7px;transform:translateX(-50%);width:calc(100% - 10px);height:7px;background:#fff;}
.gvision_area .title .top::after{content:"";position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);width:calc(100% - 10px);height:7px;background:#fff;}
.gvision_area .title .top em{opacity:0;display:block;margin-bottom:10px;color:#0e2265;font-size:15px;line-height:1;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";animation:text_box 0.3s 1.2s ease-in both;}
.gvision_area .title .top strong{opacity:0;display:block;color:#222;font-size:26px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";animation:text_box 0.3s 1.2s ease-in both;}
.gvision_area .title .bottom{ margin-top:20px;}
.gvision_area .title .bottom p{ padding:20px; color:#222;font-size:20px;line-height:1.8;letter-spacing:-0.045em; text-align:center;}

@keyframes text_border{
    100%{max-width:367px;}
}
@keyframes text_box{
    100%{opacity:1;}
}

@media(max-width:640px){
    .gvision_area .title .top{height:auto;}
    .gvision_area .title .top em{font-size:13px;}
    .gvision_area .title .top strong{font-size:21px;}
}

.gvision_area_vi {}
.gvision_wrap,.gvision_wrap.type04 { position: relative; margin-bottom:80px;}
.gvision_wrap::before { position: absolute;content: ''; width: 100%;height: 282px;  top: -180px; left: 50%;  transform: translateX(-50%); background-size: cover;  background-repeat: no-repeat; background-position: center; background-image:url (/resources/custom/images/guidance/sub/program_img01.jpg);}
.gvision_wrap.type04::before { position: absolute;content: ''; display:block; width: 100%;height: 282px;  top: -180px; left: 50%;  transform: translateX(-50%); background-size: cover;  background-repeat: no-repeat; background-position: center; background-image:url(/resources/custom/images/archives/sub/glo_img01.jpg); border-radius:0px;}
.gvision_wrap div { position: relative;}
.gvision_wrap .tit {position: absolute; display: inline-block; top: -25px;left: 50%;transform: translateX(-50%); padding: 15px 30px 10px;border-radius: 50px;background:#0f22a3;color: #FFF;font-size: 24px;font-weight: 500;z-index: 1; text-align:center;}
.gvision_wrap p {position: relative;text-align: center; margin: 0;color: #222;font-size: 18px;line-height: 170%;}
.gvision_wrap .txt-wrap01 {padding: 0 40px;}
.gvision_wrap .txt-wrap01 .contbox { max-width: 1000px;padding: 55px 30px 47px;margin: 244px auto 80px;border-radius:0px;background: #FFF;}
.gvision_wrap .txt-wrap01 p .color { color: #0f22a3; font-size:30px; font-weight: 700;line-height: 1.8; font-family: 'Gmarket'}

@media (max-width: 920px) {
    .gvision_wrap::before {top: -200px;}
    .gvision_wrap .tit {font-size: 22px;}
    .gvision_wrap p {  font-size: 18px;}
    .gvision_wrap .txt-wrap01 .contbox{ padding: 45px 30px 37px;}
}
@media (max-width: 580px) {
    .gvision_wrap .tit { padding: 5px 18px; font-size: 20px;}
    .gvision_wrap p { font-size: 18px;}
    .gvision_wrap .txt-wrap01 .contbox {padding: 35px 20px 30px; }
	.gvision_wrap .txt-wrap01{  padding: 0 20px;}
}

.gvision01 {display: flex;justify-content: space-between; gap: 12%; margin-top: 0px; margin-bottom: 40px;}
.gvision01 .history_list {position: relative;margin: 30px 0 0;width: auto;}
.gvision01 .history_list:before { left: 7px; content: "";display: block;position: absolute;top:20px;width: 1px;height: 100%;background: #ddd}
.gvision01 .history_list>li .info>ul>li { display: flex;gap: 20px; margin-top: 50px;padding-left: 70px;}
.gvision01 .history_list>li .info>ul li:first-child {margin-top: 0;}
.gvision01 .history_list>li:last-child .info ul li:last-child::after {left: 0;top: 21px;}
.gvision01 .history_list>li .info ul li strong {position: relative;left: auto; top: auto;max-width: 150px;margin: 0;font-family: 'Gmarket';font-size: 24px;line-height: 1.2;letter-spacing: 0;
 text-align: center;}
.gvision01 .history_list>li+li{margin-top:140px;}
.gvision01 .history_list>li .year{position: relative;display: block;color:#0d9295;font-size:36px;font-weight:bold;padding-left:77px;}
.gvision01 .history_list>li .year::before{content: "";position:absolute;left:0;top:50%;width:7px;height:7px;border:3px solid #0d9295;background: #fff;border-radius: 100%;margin-top:-7.5px;}
.gvision01 .history_list>li .year::after{content: "";position:absolute;left:18px;top:50%;width:41px;height:2px;background: #cbcbcb;margin-top:-1px;}
.gvision01  .history_list>li .info ul li{position:relative;margin-top:45px;padding-left:160px;}
.gvision01  .history_list>li:last-child .info ul li:last-child::after{content: "";position: absolute;left:6px;top:15px;width:1px;height:100%;background: #fff;z-index: 2;}
.gvision01  .history_list>li .info ul li strong{position: absolute;left:77px;top:-3px;color:#2a3d43;font-size:23px;font-weight:bold;line-height: 1.39;}
.gvision01  .history_list>li .info ul li strong::before{content: "";position:absolute;left:-77px;top:9px;width:7px;height:7px;border:3px solid #0A9093;background: #fff;border-radius: 100%;}
.gvision01  .history_list>li .info ul li strong::after{position:absolute;left:-60px;top:15px;width:41px;height:2px;background: #cbcbcb;margin-top:-1px;}

.gvision01  .history_list>li .info ul li b,
.gvision01  .history_list>li .info ul li span{display: block;font-size:16px;}
.gvision01  .history_list>li .info ul li b{color:#282828;font-weight:bold;margin-top:0;}
.gvision01  .history_list>li .info ul li span{color:#676767;letter-spacing: -0.05em;}
.gvision01  .history_list>li .info ul li span+b{margin-top:10px;}.gvision01 .history_list>li .info ul>li .list-1st { margin: 0;}
.gvision01 .history_list>li .info ul>li .list-1st>li { padding-left: 100px;margin-top: 0; letter-spacing: 0; font-size:16px;}
.gvision01 .history_list>li .info ul>li .list-1st>li::before {top: 12px;width: 3px;height: 3px;background: #444;}
.gvision01 .history_list>li .info ul>li .list-1st>li em { font-weight: bold;}
.gvision01 .history_list>li .info ul>li.middle {align-items: center;}

.gvision01 .history_list>li .info ul>li .textbox>div {display: flex;gap: 10px;}

.gvision01 .history_list>li .info ul>li .textbox>div + div {margin-top: 15px;}

@media (max-width: 1279px) {
    .gvision_area{justify-content: flex-start }
}

@media (max-width: 900px) {
    .gvision_area{ flex-direction: column;gap: 50px;background: none;}
}

@media (max-width: 450px) {
    .gvision01 .history_list>li .info>ul>li { flex-direction: column;align-items: flex-start;  gap: 10px; margin-top: 40px;padding-left: 30px;}
    .gvision01 .history_list>li .info ul>li.middle { align-items: flex-start;}
    .gvision01 .history_list>li:last-child .info ul li:last-child::after { left: 7px;}
    .gvision01 .history_list>li .info ul li strong {  max-width: 100%; }
    .gvision01 .history_list>li .info ul li strong::before {left: -30px; }
    .gvision01 .history_list>li .info ul>li .textbox>div + div { margin-top: 7px; }
}

.goals_wrap { margin-bottom:110px; }
.goals_wrap .global_goals { position: relative;top: 0;z-index: 2;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 60px;padding: 0 120px 0;width: 100%;}
.goals_wrap .global_goals::before {content: "";position: absolute;left: 0;top: 75px;width: 100%;min-height: 260px;background: #F6FAFD no-repeat;}
.goals_wrap .global_goals .inner {position: relative;z-index: 2;}
.goals_wrap .global_goals .inner .box_wrap {display: flex;flex-wrap: wrap;justify-content: center;gap: 35px;width: 1100px;}
.goals_wrap .global_goals .inner .box_wrap .box {display: flex;flex-direction: column;align-items: center;padding: 37px 20px 30px;width: calc(33.33% - 23.33px);height: 250px;border-radius: 10px;background: #FFF;box-shadow: 0px 8px 24px 0px rgba(0, 4, 90, 0.1);}
.goals_wrap .global_goals .inner .box_wrap .box .icon {margin-bottom: 23px;width: 115px;height: 90px;background: url("/resources/custom/images/archives/sub/st_set.png") no-repeat;}
.goals_wrap .global_goals .inner .box_wrap .box .icon.ico01 {background-position: 0px -270px;}
.goals_wrap .global_goals .inner .box_wrap .box .icon.ico02 {background-position: -160px -270px;}
.goals_wrap .global_goals .inner .box_wrap .box .icon.ico03 {background-position: -330px -270px;}
.goals_wrap .global_goals .inner .box_wrap .box .icon.ico04 {background-position: -120px 0;}
.goals_wrap .global_goals .inner .box_wrap .box .icon.ico05 {background-position: -160px 0;}
.goals_wrap .global_goals .inner .box_wrap .box p { margin: 0;margin-bottom: 10px;color: #222;font-size: 18px;line-height: 1;font-weight: bold;}
.goals_wrap .global_goals .inner .box_wrap .box span {color: #555;font-size: 17px;line-height: 1.2;text-align: center;}
.goals_wrap .global_goals .inner .box_wrap .box em{color: #0f22a3;}

@media (max-width: 900px) {
  .goals_wrap { margin-top:150px; margin-bottom:100px; }
  .goals_wrap .global_goals {padding: 0 20px 0;}
  .goals_wrap .global_goals .inner .box_wrap {width: 100%;}
  .goals_wrap .global_goals::before {background: #F6FAFD url() 125% 105%/138% no-repeat;}
}
@media (max-width: 767px) {
  .goals_wrap .global_goals { margin-top: 80px;}
  .goals_wrap .global_goals .inner {position: relative;z-index: 2;}
  .goals_wrap .global_goals::before {top: 50%;transform: translateY(-50%);padding: 40px 0;min-height: 100%;}
  .goals_wrap .global_goals .inner .box_wrap {gap: 30px 0;margin-top: -100px;}
  .goals_wrap .global_goals .inner .box_wrap .box {padding: 20px 30px; width: 100%;height: auto;}
}


/* 안전동영상추가 */
.mov_wrap{width:100%;border-top:#000 0px double  ;border-bottom:#d7d7d7 0px solid;padding: 50px 15px 0px;display:inline-block;margin-bottom: 40px;}
.mov_wrap.uicol.type2 .box_col .col{padding: 25px;min-height: 270px;}
.mov_wrap.uicol.type2 h5.tit_inner{margin: 10px 0;font-size: 1.1em; color:#111111; background:none;}
.mov_wrap.uicol.type2 .thm_caption{text-align: center;}
.mov_wrap.uicol.type2 .thm_caption .txtp em{ display:block;}
.mov_wrap.uicol.type2 .thm_caption .txtp {text-align:center;}
.mov_wrap .cont_movie { width:100%; height:300px; }
.mov_wrap .cont_movie01 { width:100%; height:590px; }
.mov_wrap .cont_movie01 video {z-index:20;width:100%;height: 100%;transform: scale(1.1);}
.mov_wrap video::-webkit-media-controls { /* Webkit */ color: red;}
.mov_wrap video::-moz-media-controls { /* Firefox */color: blue;}
.mov_wrap video::-ms-media-controls {  /* IE */color: green;}

/* 컬럼형이미지 */
.uicol{overflow:hidden;position:relative;}
.uicol:after{content:"";display:block;clear:both;visibility:hidden;}
.uicol .box_col:after{content:"";clear:both;display:block;visibility:hidden}
.uicol .box_col .col{display:inline-block;float:left;margin-bottom: 10px}
.uicol .box_col .col .item{margin:0 auto;width:auto;}
.uicol .box_col .col .item .thm_figure{display:block;overflow:hidden;/*background:#f8f8f8;border:1px solid #d2d2d2;*/text-align:center;}
.uicol .box_col .col .item .thm_figure img{max-width:100%;}
.uicol .box_col .col .item .tit_inner{margin:25px 20px 10px 0;}
.uicol .box_col .col .item .list_1st{margin:10px 0 0;}
.uicol .box_col .col .item .list_1st li:first-child{margin-top:0;}
.uicol .box_col .col .item .txtp{}
.uicol .box_col.col4 .col{width:24%;margin-left:1%;}
.uicol .box_col.col3 .col{width:31.3%;margin-left:2%;}
.uicol .box_col.col2 .col{width:48%;margin-left:2%;}
.uicol .box_col.col1 .col{width:90%;margin-left:2%;}
.uicol .box_col.col4{margin-left: -1%;}
.uicol .box_col.col2,
.uicol .box_col.col3{margin-left: -2%;}
.uicol.type2 .box_col .col.middle { border: 0; padding: 0; }
/* 컬럼형 이미지2 */
.uicol.type2 .box_col .col{margin-bottom: 20px;padding: 10px;border:1px solid #ddd;}
.uicol.type2 .box_col .col .item .thm_caption{padding-left: 5%}
.uicol.type2 .box_col .col .item .thm_caption .tit_inner{margin:15px 20px 10px 0;font-size: 18px;color: #333}
.uicol.type2 .box_col .col .item .thm_caption .btn{margin: 20px 0 30px}

/* 이미지 연관-슬라이드 */
.slider_wrap{ display:block; overflow:hidden; position:relative;width: 100%;}
.slider_wrap .sliderBox{ width:100%;display:inline-block; overflow:hidden;}
.slider_wrap .sliderBox ul{ width:100%; height:0; padding-bottom:58%; display:inline-block; overflow:hidden; position:relative; z-index:0;  margin: 0 auto;}
.slider_wrap .sliderBox ul li{ width:100%; height:0; background:no-repeat center center; background-size:cover; text-align:center; /*padding-bottom:51.15%;*/ display:inline-block;}
.slider_wrap .sliderBox ul li img{ width:100%;}
.slider_wrap .sliderBox ul li .txt{position: relative;width: 90%;min-height: 80px;margin:-15% auto;padding:3% 0; background: #fff;border:0; z-index: 99}
.slider_wrap .sliderBox ul li .txt h3{margin: 0;font-size: 18px;font-weight: bold; line-height: 24px;color: #000;}
.slider_wrap .btn_area{position:absolute;top:45%;left:0;width:100%;margin-top:-25px}
.slider_wrap .btn_area button{position:absolute;right:0;top:0;width:30px;height:50px;background: rgba(0,0,0,0.3);border: 1px solid rgba(255,255,255,1);font-size: 0;text-indent: -9999px;}
.slider_wrap .btn_area .btn_prev{left: 2%;padding: 12px 0;}
.slider_wrap .btn_area .btn_next{right: 2%;padding: 12px 0}
.slider_wrap .btn_area .btn_prev span,
.slider_wrap .btn_area .btn_next span{display: block;width:12px;height: 25px;margin: 0 auto; background: url(/img/slider_arr.png) no-repeat;font-size: 0;text-indent: -9999px;}
.slider_wrap .btn_area .btn_prev span{background-position: 0 0;}
.slider_wrap .btn_area .btn_next span{background-position: -12px 0;}

@media all and (max-width: 767px) {
	/* 컬럼형이미지 */
	.uicol .box_col.col4{margin-left: 0;}
    .uicol .box_col.col4 .col{width: 100%;margin-left:0%;}
    .uicol .box_col.col3 .col{width:48%;}
}
@media all and (max-width:640px) {
	/* 컬럼형이미지 */
	.uicol .box_col .col{float: none;width:100%;}
    .uicol .box_col.col1,
	.uicol .box_col.col2,
    .uicol .box_col.col3{margin-left: 0%;}
    .uicol .box_col.col1 .col,
	.uicol .box_col.col2 .col,
    .uicol .box_col.col3 .col{width:100%;margin-left:0%;}
	
	.mov_wrap .cont_movie01 { width:100%; height:220px; }

}
.gltask_wrap .gltask-list { display: flex;flex-wrap: wrap;gap: 50px 20px;margin-top: 30px;text-align: left; margin-bottom:50px;}
.gltask_wrap .gltask-list > li {width: calc(33.33% - 13.33px); border: 1px solid #D9DAE1; border-radius:30px;}
.gltask_wrap .gltask-list > li .inner {padding: 25px;}
.gltask_wrap .gltask-list > li .inner .tit { display: flex;flex-wrap: wrap;align-items: center;gap: 6px 4px;margin-bottom: 15px;color: #222;font-size: 1.5rem;}
.gltask_wrap .gltask-list > li .inner .tit span {padding: 4px 10px;border-radius: 50px;font-size: 1.0rem;line-height: 1;font-weight: normal;}
.gltask_wrap .gltask-list > li .inner .tit em { color:#429693;}
.gltask_wrap .gltask-list > li.color1 .inner .tit span { background: #EDF9F9;color: #0094B7;}
.gltask_wrap .gltask-list > li.color2 .inner .tit span {background: #ECF6FE;color: #0074DF;}
.gltask_wrap .gltask-list > li.color3 .inner .tit span {background: #EBF3FC;color: #002F65;}
.gltask_wrap .gltask-list > li.color4 .inner .tit span {background: #EDF9F9;color: #0094B7;}
.gltask_wrap .gltask-list > li.color5 .inner .tit span {background: #ECF6FE;color: #0074DF;}
.gltask_wrap .gltask-list > li.color6 .inner .tit span {background: #EBF3FC;color: #002F65;}
.gltask_wrap .gltask-list > li.color7 .inner .tit span {background: #EDF9F9;color: #0094B7;}
.gltask_wrap .gltask-list > li.color8 .inner .tit span {background: #ECF6FE;color: #0074DF;}
.gltask_wrap .gltask-list > li.color9 .inner .tit span {background: #EBF3FC;color: #002F65;}
.gltask_wrap .gltask-list > li.color1 .inner .list-1st > li::before {background: #0094B7;}
.gltask_wrap .gltask-list > li.color2 .inner .list-1st > li::before {background: #0074DF;}
.gltask_wrap .gltask-list > li.color3 .inner .list-1st > li::before {background: #002F65;}
.gltask_wrap .gltask-list > li.color4 .inner .list-1st > li::before {background: #0094B7;}
.gltask_wrap .gltask-list > li.color5 .inner .list-1st > li::before {background: #0074DF;}
.gltask_wrap .gltask-list > li.color6 .inner .list-1st > li::before {background: #002F65;}
.gltask_wrap .gltask-list > li.color7 .inner .list-1st > li::before {background: #0094B7;}
.gltask_wrap .gltask-list > li.color8 .inner .list-1st > li::before {background: #0074DF;}
.gltask_wrap .gltask-list > li.color9 .inner .list-1st > li::before {background: #002F65;}
.gltask_wrap .gltask-list > li img {object-fit: cover;width: 100%;max-height: 220px; border-radius:30px 30px 0px 0;}

@media(max-width: 1024px) {
    .esg-infomation .esg-list {gap:50px;}
    .esg-infomation .esg-list > li:not(:last-of-type)::before {right: -37px;width: 24px;height: 24px;}
}

@media(max-width: 767px) {
    .esg-infomation .title {font-size: 1.5rem;}
    .esg-infomation .title .eng {font-size: 1rem;}
    .esg-infomation .esg-list {gap: 40px 30px;}
    .esg-infomation .esg-list > li:not(:last-of-type)::before {right: -25px;width: 20px; height: 20px; }
    .esg-infomation .esg-list > li .ico {width: 38px;height: 37px;}
    .esg-infomation .esg-list > li.color1 .ico {background-size: 38px auto;}
    .esg-infomation .esg-list > li.color2 .ico { background-size: 35px auto; }
    .esg-infomation .esg-list > li.color3 .ico {background-size: 30px auto; }
    .esg-infomation .esg-list > li .tit {font-size: 1rem;}
    .esg-infomation .esg-list > li .tit .big {font-size: 1.85rem;}
    .esg-infomation .esg-list > li .tit span {font-size: 1rem; }
    .gltask_wrap .gltask-list > li {width: calc(50% - 10px); }
    .gltask_wrap .gltask-list > li .inner .tit {margin-bottom: 10px; font-size: 1.375rem;}
    .gltask_wrap .gltask-list > li .inner .tit span {padding: 3px 8px;font-size: 0.9375rem;}
}

@media(max-width: 560px) {
    .esg-infomation .esg-list {  flex-direction: column;align-items: center;margin: 20px 0 50px; }
    .esg-infomation .esg-list > li {width: 180px; }
    .esg-infomation .esg-list > li:not(:last-of-type)::before {right: 50%;top: calc(100% + 10px);transform: translateX(50%);}
    .gltask_wrap .gltask-list > li {width: 100%;}
}

@media(max-width: 360px) {
    .gltask_wrap .gltask-list > li .inner {  padding: 20px 20px 25px; }
}


/* 조직도 */
.organization {display: flex; flex-direction: column;align-items: center;padding: 70px 20px 93px; background: #F6FAFD; text-align: center; border-radius:30px;}
.organization ul {position: relative;}
.organization ul::before { content: "";position: absolute;left: 50%; top: -31px; transform: translateX(-50%);height: 1px;background: #C5D9E7;}
.organization ul li {position: relative;}
.organization ul li::before {content: "";position: absolute;left: 50%;top: -31px;transform: translateX(-50%);width: 1px;height: 31px;background: #C5D9E7;}
.organization ul li span {display: block;padding: 20px 30px; width: 200px;border: 1px solid #ddd;border-radius: 5px; color: #222;font-size: 18px;line-height: 1;font-weight: 500;text-align: center;}
.organization .lv01 { position: relative;}
.organization .lv01::after {  content: "";position: absolute;left: 50%;bottom: -70px;transform: translateX(-50%);width: 1px;height: 95px;background: #C5D9E7;}
.organization .lv01 .cicle {position: relative;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 200px;height: auto;border-radius: 5px;}
.organization .lv01 .cicle::before {content: "";position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 183px;height: 183px;background: url() 21px -26px/cover no-repeat;}
.organization .lv01 .cicle .inner {z-index: 2;display: flex;justify-content: center;align-items: center;width: 176px;/*height: 50px*/ padding: 20px 30px;border-radius: 5px;background: #0f216e; color: #FFF; font-size: 24px;line-height: 1;font-weight: bold;text-align: center;}
.organization .lv01 .cicle .inner::before { display:none; content: ""; position: absolute;opacity: 0;width: 200px;height: 80px; border-radius: 5px;background-color: rgba(26, 90, 190, 0.1);  opacity: 1;animation: tabWave01 1.3s ease-in-out infinite both;}
.organization .lv01 .cicle .inner p { z-index: 2;margin: 0;color: #FFF;font-size: 24px;line-height: 1;font-weight: bold;text-align: center;}
.organization .lv01 .cicle .inner:hover::before, .organization .lv01 .cicle .inner:focus::before { opacity: 1;animation: tabWave 1.3s ease-in-out infinite both;}
.organization .lv01 .cicle.active .inner::before {}
.organization .lv02 {margin-top: 60px;width: 100%;}
.organization .lv02 ul {display: flex;flex-wrap: wrap;justify-content: center;gap: 0 40px;margin-left: 270px;}
.organization .lv02 ul::before {width: 271px;}
.organization .lv02 ul li span {color: #FFF;}
.organization .lv02 ul li:nth-child(1) span {border: 2px solid #0090AF;background: #0090AF;transition: background 0.3s;}
.organization .lv02 ul li:nth-child(2) span {border: 2px solid #545B68;background: #545B68;transition: background 0.3s;}
.organization .lv03 {margin-top: 100px;width: 100%;}
.organization .lv03 ul {display: flex;flex-wrap: wrap;justify-content: center;gap: 0 30px;}
.organization .lv03 ul::before {width: 460px;}
.organization .lv03 ul li span {border: 1px solid #0f216e;background: #FFF;transition: background 0.3s;}
.organization .lv02 ul li:nth-child(1).active a span,
.organization .lv02 ul li:nth-child(1) a:hover span,
.organization .lv02 ul li:nth-child(1) a:focus span {background: #fff;color: #000;}
.organization .lv02 ul li:nth-child(2).active a span,
.organization .lv02 ul li:nth-child(2) a:hover span,
.organization .lv02 ul li:nth-child(2) a:focus span {background: #fff;color: #000;}
.organization .lv03 ul li.active a span,
.organization .lv03 ul li a:hover span,
.organization .lv03 ul li a:focus span {background: #C5D9E7;}
.orgTab_wrap .orgContent {margin-top: 30px;}

@keyframes tabWave01 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}

@media (max-width: 1000px) {
  .organization ul li span { width: 100%;}
  .organization ul li::before {display: none;}
  .organization .lv02 {margin-top: 30px;}
  .organization .lv03 { margin-top: 0;}
  .organization .lv01::after {display: none;}
  .organization .lv02 ul { flex-direction: column-reverse;gap: 30px 0;margin-left: 0;}
  .organization .lv03 ul { flex-direction: column;gap: 5px 0;padding: 7.5px 20px 20px; }
  .organization .lv02 ul li {padding: 20px;border: 1px solid #C5D9E7;}
  .organization .lv02 ul li:nth-child(1) { padding: 20px 20px 7.5px;border-bottom: 0;}
  .organization .lv02 ul li:nth-child(2) {position: relative;}
  .organization .lv02 ul li:nth-child(2):after { content: ""; position: absolute;left: 50%;bottom: -30px; transform: translateX(-50%); width: 1px;height: 30px;background: #C5D9E7;}
  .organization .lv02 ul::before { top: -43px; width: 1px;height: 42px;}
  .organization .lv03 ul::before {display: none;}
}