@charset "utf-8";

/* ============================================================
* 파일명    :  new_sub.css  
* 최종수정  :  2024.02
* ============================================================ */

html,body {height: 100%;}
html {
	overflow-x: hidden;
	font-size: 10px;
	scroll-behavior: smooth;
}

body {
	overflow-x: hidden;
	font-size: 1rem;
	position:relative;
}

/* ============================================================
*  common
* ============================================================ */
.img_box {height: 100%;}
.img_box img {display: block; max-width: 100%; width: 100%;}

/* ============================================================
*  common text
* ============================================================ */
/* bullet */
.bul-tit-01 {position:relative; margin-bottom:20px; padding-left:30px; font-weight:700; font-size:2.2rem; color: #222; }
.bul-tit-01::before {content:''; position:absolute; top:calc(1.43rem - 12px); left:0; width:24px; height:24px; background:url(../images/content/icon_bullet.png) no-repeat center/ cover;}

/* 강조 텍스트 */
.bold-txt  {display: inline-block; font-weight:700; font-size:2.2rem; color:#114B93;}


/* section */
.sc-txt {display: block; margin:20px 0; font-weight:400; font-size:1.7rem; line-height: 1.4; color:#222; word-break: break-word;}
.sc-wrap {margin-top:65px;}

/* list */
.list_01 {margin:10px 0 15px 0;}
.list_01 li { position: relative; margin-top: 5px; padding-left: 12px; color: #404040;}
.list_01 li:after {content: ""; display: block; width: 3px; height: 3px; background: #114B93; position: absolute; left: 2px; top: 9px;}
.list_01 li span {font-size:1.7rem;}

/* ============================================================
*  media
* ============================================================ */
@media screen and (max-width:600px) {
    .bul-tit-01,
    .bold-txt {font-size:2rem;}
    .bul-tit-01::before {top:calc(1.23rem - 10px); width:20px; height:20px;}
    .list_01 li span {font-size:1.5rem;}
    .sc-txt {font-size:1.5rem;}
    .sc-wrap {margin-top:30px;}
    
}

/* ============================================================
*  common button 
* ============================================================ */
.btn-download {display: inline-block; padding:15px; border:1px solid #144A92; background-color:#fff; border-radius: 8px; box-shadow: 2px 4px 10px 0 rgba(0,0,0,0.1);}
.btn-download>span {display: flex; position:relative; padding-right:30px; font-weight:600; font-size:1.6rem; color:#144A92; align-items: center;}
.btn-download>span::before {content:''; position:absolute; top:50%; right:0; width:20px; height:20px; background:url(../images/content/icon_btn_download.png) no-repeat center right / cover; transform: translateY(-50%);}

/* ============================================================
*  interaction
* ============================================================ */
.btn-download {transition:background 0.3s;}
.btn-download>span {transition:color 0.3s;}
.btn-download>span::before {transition:background 0.3s;}

.btn-download:hover {background-color:#114B93;}
.btn-download:hover>span {color:#fff;}
.btn-download:hover>span::before {background:url(../images/content/icon_btn_download_on.png) no-repeat center right / cover;}

/* ============================================================
*  media
* ============================================================ */
@media screen and (max-width:425px) {
	.btn-download {width:100%;}
}

/*-------------------------------------------------------------------
	common button  Table
-------------------------------------------------------------------*/
.sub-table {width: 100%; border-top: 2px solid #222; background-color: #fff;}
.sub-table caption {width: 0; height: 0; font-size: 0;}
/* th */
.sub-table tr th {padding: 19px 15px; border-bottom: 1px solid #CCCCCC; font-weight: 600; font-size: 1.8rem; text-align: center; color: #222; background-color: #F9F8F9;}
.sub-table tr th.depth {border-left: 1px solid #CCCCCC; background-color: #f7f7f7;}
.sub-table tr th + th {border-left: 1px solid #CCCCCC;}
.sub-table thead tr:nth-child(n + 2) th {border-left: 1px solid #CCCCCC;}
.sub-table tr th.slash {background-image: url('../images/common/i_slash.svg');}
.sub-table tr th.slash .txt:first-child {text-align: left;}
.sub-table tr th.slash .txt:last-child {text-align: right;}
.sub-table tr th.backslash {background-image: url('../images/common/i_slash_back.svg');}
.sub-table tr th.backslash .txt:first-child {text-align: right;}
.sub-table tr th.backslash .txt:last-child {text-align: left;}
/* td */
.sub-table tr td {padding: 19px 10px; border-bottom: 1px solid #CCCCCC; font-weight:400; font-size:1.7rem; color:#222; text-align: center; word-break:break-word;}
.sub-table tr td.depth {border-left: 1px solid #CCCCCC;}
.sub-table tr th + td {border-left: 1px solid #CCCCCC;}
.sub-table tr td + td {border-left: 1px solid #CCCCCC;}
/* group */
.sub-table tbody.rowspan tr:nth-child(n + 2) td {border-left: 1px solid #CCCCCC;}
.sub-table tbody.rowspan tr:nth-child(n + 2) th {border-left: 1px solid #CCCCCC;}
.sub-table tr.rowspan th:first-child {border-left: 1px solid #CCCCCC;}
.sub-table tr.rowspan td:first-child {border-left: 1px solid #CCCCCC;}
.sub-table tr th.bl {border-left: 1px solid #CCCCCC;}
.sub-table tr td.bl {border-left: 1px solid #CCCCCC;}
/* align */
.sub-table.th-left tr th {text-align: left;}
.sub-table.th-right tr th {text-align: right;}
.sub-table tr th.left {text-align: left;}
.sub-table tr th.center {text-align: center;}
.sub-table tr th.right {text-align: right;}

.sub-table.td-right tr td {text-align: right;}
.sub-table.td-center tr td {text-align: center;}
.sub-table tr td.left {text-align: left;}
.sub-table tr td.center {text-align: center;}
.sub-table tr td.right {text-align: right;}

.sub-table tr th.nowrap {white-space: nowrap;}
.sub-table tr td.nowrap {white-space: nowrap;}

/* scroll */
.scr-table-box {display: block; position: relative;}
.scr-table-box .table-box {display: block; overflow-x: auto;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
    .scr-table-box::before {content:""; position: absolute; top: 50%; left: 50%; width: 140px; height: 140px; border-radius: 50%; background: rgba(17, 75, 147, 0.9) url(../images/content/icon_slide_wh.png) no-repeat center top 30px; opacity: 1; transform: translate(-50%, -50%); box-shadow: 2px 4px 7 rgba(17, 75, 147, 0.3); animation: scale1 4s 2s alternate;animation-fill-mode: forwards;}
    .scr-table-box::after {content:'좌우로 슬라이드하세요'; position: absolute; top: 51%; left: 50%; font-weight:400; font-size:14px; color:#ffffff; transform: translate(-50%,-50%);  opacity: 1; animation: scale1 4s 2s alternate; animation-fill-mode: forwards;}
    .scr-table-box.mobile::before {display: none;}
    .scr-table-box.small::before {display: none;}

    .scr-table-box .table-box .sub-table {width: 800px;}
    .scr-table-box.mobile .table-box .sub-table {width: 100%;}
    .scr-table-box.small .table-box .sub-table {width: 100%;}
}
@media screen and (max-width: 600px) {
    .scr-table-box.mobile::before {display: block;}
    .scr-table-box.mobile .table-box .sub-table {width: 600px;}
}
@media screen and (max-width: 425px) {
	.sub-table tr td {padding:15px 10px; font-size:1.5rem;}
    .scr-table-box.small::before {display: block;}
    .scr-table-box.small .table-box .sub-table {width: 425px;}
}

/* ============================================================
@animation
* ============================================================ */
@keyframes scale1 {
	0%   {opacity:1;}
	100%  {opacity: 0;}
}

/*-------------------------------------------------------------------
	@탭박스
-------------------------------------------------------------------*/
.tab-box {margin-bottom:50px; padding:0;}
.tab-box ul {display:flex;}
.tab-box .list-wrap {display: flex;}
.tab-box .list-wrap li {width:100%; flex-grow:1;}

.tab-box ul li {display:inline-block; width:100%;background:#fff; color:#333333; font-size:17px; }
.tab-box ul li button {display:inline-block; width:100%;padding:13px 0; border-bottom:2px solid #DDDDDD; font-weight:600; font-size:1.7rem; color:#777777;}


/* Tabbox - Media Dropdown */
.tab-box.type-drop {overflow: visible;}
.tab-box.type-drop .list-wrap > li {-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex-grow: 1;}
.tab-box.type-drop .list-wrap > li .btn-tab {min-height: 45px; padding:5px 10px; border:1px solid #dfdfdf; border-left: 0; background:#ffffff; line-height: 33px;}
.tab-box.type-drop .list-wrap > li:first-child .btn-tab {border-left:1px solid #dfdfdf;}
.tab-box.type-drop .list-wrap > li .btn-tab.active {border-color: #353fba; color:#fff; background: #353fba;}
.tab-box.type-drop .list-wrap > li .btn-tab > span {display: inline-block; line-height: 1; vertical-align: middle;}

/* Tabbox - Media Dropdown */
.tab-box[data-shape="drop"] {overflow: visible;}
.tab-box[data-shape="drop"] .list-wrap > li {width: 100%; cursor:pointer;}
.tab-box[data-shape="drop"] .list-wrap > li .btn-tab {min-height: 45px; padding:5px 10px;  border-bottom:1px solid #ddd; border-left: 0; background:#ffffff; line-height: 33px; cursor:pointer;}
.tab-box[data-shape="drop"] .list-wrap > li .btn-tab.active {border-bottom:2px solid #114B93; color:#114B93; background:transparent;}
.tab-box[data-shape="drop"] .list-wrap > li .btn-tab > span {display: inline-block; line-height: 1; vertical-align: middle; word-break: break-word;  font-size:1.7rem;}

/* tab content */
.tab-box-con .tab-con {display: none;}
.tab-box-con .tab-con.active {display: block;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:800px){
    .tab-box[data-shape="drop"] {display:block; overflow:hidden; position:relative; z-index:1; height:45px; margin-top:20px; box-shadow:0px 4px 9px 0 rgba(0,0,0,0.1);}
    /* .tab-box[data-shape="drop"]:after {content: ''; position: absolute; top:20px; right:20px; z-index:99; border-top:5px solid #666; border-right: 5px solid transparent; border-left: 5px solid transparent;} */
    .tab-box[data-shape="drop"]:after {content: ''; position: absolute; top:14px; right:20px; width:20px; height:20px; z-index:99; background:url(../images/content/icon_arrow.png) no-repeat;}
    .tab-box[data-shape="drop"] .list-wrap {display:block; overflow:hidden; position:absolute; top:0; left:0; z-index:99; width:100%; height: 45px; margin-right:0; padding-top:45px;}
    .tab-box[data-shape="drop"] .list-wrap > li {display:block; visibility: hidden; float:none; width:100%; }
    .tab-box[data-shape="drop"] .list-wrap > li .btn-tab {margin-right:0; padding:0; border-radius: 8px;; line-height:44px;border:1px solid #ddd; border-top: 0; }
    .tab-box[data-shape="drop"] .list-wrap > li .btn-tab.active {position:absolute; visibility: visible; top:0; left:0; width: 100%; height: 45px; border: 1px solid #114B93;}

    .tab-box[data-shape="drop"].active {overflow: initial;}
    .tab-box[data-shape="drop"].active .list-wrap {height: auto;}
    .tab-box[data-shape="drop"].active .list-wrap > li {visibility: visible;}
    .tab-box[data-shape="drop"] .list-wrap > li .btn-tab {padding:0 22px; text-align:left;}
    .tab-box[data-shape="drop"] .list-wrap > li .btn-tab > span {font-size:1.5rem; color:#222;}
}


@media screen and (max-width:600px){
	.tab-box {margin-bottom:30px; margin-top:15px;}
    .tab-box.type-drop {display:block; overflow:hidden; position:relative; z-index:1; height:45px;}
    .tab-box.type-drop:after {content: ''; position: absolute; top:20px; right:20px; z-index:99; border-top:5px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent;}
    .tab-box.type-drop .list-wrap {display:block; overflow:hidden; position:absolute; top:0; left:0; z-index:99; width:100%; height: 45px; margin-right:0; padding-top:45px;}
    .tab-box.type-drop .list-wrap > li {display:block; visibility: hidden; float:none; width:100%; }
    .tab-box.type-drop .list-wrap > li .btn-tab {margin-right:0; padding:0; line-height:44px; border-top: 0; border-left: 1px solid #dfdfdf;}
    .tab-box.type-drop .list-wrap > li .btn-tab.active {position:absolute; visibility: visible; top:0; left:0; width: 100%; height: 45px;}


    .tab-box.type-drop.active {overflow: initial;}
    .tab-box.type-drop.active .list-wrap {height: auto;}
    .tab-box.type-drop.active .list-wrap > li {visibility: visible;}
    

}


/* ============================================================
*  interaction
* ============================================================ */
.tab-box ul li button.active {border-bottom:2px solid #114B93; font-weight:600; font-size:1.7rem; color:#114B93; }

/* tab content */
.tab-box-con .tab-con {display: block;}
.tab-box-con .tab-con {display: none;}
.tab-box-con .tab-con.active {display: block;}

/* ============================================================
*  media
* ============================================================ */



/* ============================================================
*  sub_01_01 
*  인사말
* ============================================================ */
.sub_01_01 {}
.sub_01_01 .greeting_box {display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; position: relative; min-height: 23.9rem; height: 100%; padding: 0 11.9rem; background-image: url(/resources/images/content/bg_sub_01_01.png); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 8px; box-sizing: border-box;}
.sub_01_01 .greeting_box::before {content: ""; position: absolute; right: 11.9rem; bottom: 4.4rem; width: 16.4rem; height: 15.1rem; background: url(/resources/images/content/img_sub_01_01_symbol.png) no-repeat center; }
.sub_01_01 .greeting_box strong {width: 100%; font-size: 3rem; color: #fff; font-weight: 700; line-height: normal;}
.sub_01_01 .greeting_box .bot_t {display: flex; align-items: center; margin-top: 1rem;}
.sub_01_01 .greeting_box p {display: inline-block; padding-right: 1.8rem; font-size: 2rem; color: rgba(255,255,255,0.8);}
.sub_01_01 .greeting_box .sign {display: inline-block; }

.sub_01_01 .greeting_txt {margin-top: 5rem;}
.sub_01_01 .greeting_txt strong,
.sub_01_01 .greeting_txt b {font-size: 2.2rem; color: #222; font-weight: 700;}
.sub_01_01 .greeting_txt b {color: #114B93;}
.sub_01_01 .greeting_txt p {font-size: 1.7rem; color: #222; font-weight: 500; line-height: 1.4;}
.sub_01_01 .greeting_txt p:first-of-type {margin-top: 3rem;}
.sub_01_01 .greeting_txt p ~ p {margin-top: 2rem;}


/* ============================================================
*  media
* ============================================================ */
@media screen and (max-width:800px) {
	.sub_01_01 .greeting_box {padding:0 9rem;}
	.sub_01_01 .greeting_box strong {font-size:2.4rem;}
	.sub_01_01 .greeting_box p {font-size:1.4rem;}
}
@media screen and (max-width:600px) {
	.sub_01_01 .greeting_box {padding:0 7rem;}
}
@media screen and (max-width:475px) {
	.sub_01_01 .greeting_box {min-height: 23.9rem; padding:2.6rem 2.8rem; justify-content: flex-start;}
	.sub_01_01 .greeting_box::before {bottom:1.9rem; right:2.7rem; width:8rem; height:7.4rem; background-size:cover;}
	.sub_01_01 .greeting_txt {margin-top:2rem;}
	.sub_01_01 .greeting_txt p {font-size:1.5rem;}
	.sub_01_01 .greeting_txt p:first-of-type {margin-top:1.5rem;}
	.sub_01_01 .greeting_txt strong, .sub_01_01 .greeting_txt b {font-size:2rem;}
}
@media screen and (max-width:380px) {
	.sub_01_01 .greeting_box strong {font-size:2.2rem;}
	.sub_01_01 .greeting_box p {font-size:1.3rem;}
	.sub_01_01 .greeting_box .sign > img {width:70%;}
}

/* ============================================================
*  sub_01_02
*  센터개요
* ============================================================ */
.sub_01_02 {}
.sub_01_02 .top_box {border-bottom: 1px dashed #222;}
.sub_01_02 .top_box .img_box {overflow: hidden; position: relative; max-height: 34.6rem; border-radius: 8px;}
.sub_01_02 .top_box .img_box::before {content: ""; position: absolute; bottom: 8%; right: 3%; width: 9%; height: 34%; background: url(/resources/images/content/img_sub_01_02_01_symbol.png) no-repeat center; background-size: contain; opacity: 0.4; object-fit: cover;}
.sub_01_02 .top_box .txt_box {display: flex; justify-content: space-between; gap: 4.3rem; margin: 4.3rem 0 4.6rem;}
.sub_01_02 .top_box .txt_box strong {flex-shrink: 0; font-size: 2.7rem; color: #222; font-weight: 700;}
.sub_01_02 .top_box .txt_box p {font-size: 1.7rem; color: #222; font-weight: 500; line-height: 1.4;}
.sub_01_02 .bot_box {margin-top: 6.8rem;}
.sub_01_02 .bot_box .b_box {display: flex; justify-content: space-between; gap: 8.3rem;}
/* .sub_01_02 .bot_box .b_box > div {width: calc((100% - 8.5rem) / 2);} */
.sub_01_02 .bot_box .b_box .img_box {overflow: hidden; flex-shrink: 0; max-width: 68rem; height: 100%; border-radius: 8px; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);}
.sub_01_02 .bot_box .b_box .img_box img {height: auto;}
.sub_01_02 .bot_box .b_box_01 {position: relative; margin-bottom: 23.8rem;}
.sub_01_02 .bot_box .b_box_01::after {content: ""; position: absolute; top: calc(100% - 2rem); left: 0; right: 0; z-index: -1; width: 100%; height: 21.3rem; margin: 0 auto; background: url(/resources/images/content/icon_sub_01_02.png) no-repeat center; background-size: contain; opacity: 0.1;}
.sub_01_02 .bot_box .b_box_01 .txt_box {flex-grow:1;}
.sub_01_02 .bot_box .b_box_01 .txt_box .top {position: relative;}
.sub_01_02 .bot_box .b_box_01 .txt_box .top p {font-size: 6rem; color: transparent; font-weight: 900; -webkit-text-stroke: 1px rgba(17, 75, 147, 1); }
.sub_01_02 .bot_box .b_box_01 .txt_box .top::after {content: ""; position: absolute; left: calc(50% + 6rem); top: -1rem; width: 8rem; height: 8rem; background: url(/resources/images/content/img_sub_01_02_waterdrop.png) no-repeat center;}
.sub_01_02 .bot_box .b_box_01 .txt_box .top p:last-child {text-align: right;}
.sub_01_02 .bot_box .b_box_01 .txt_box .bot {margin-top: 3.5em;}
.sub_01_02 .bot_box .b_box_01 .txt_box .bot p {font-size: 1.7rem; color: #222; font-weight: 500; line-height: 1.4;}

.sub_01_02 .bot_box .b_box_02 .txt_box {display: flex; flex-direction: column; justify-content: center;}
.sub_01_02 .bot_box .b_box_02 .txt_box p {font-size: 1.7rem; color: #222; font-weight: 500; line-height: 1.4;}
.sub_01_02 .bot_box .b_box_02 .txt_box ul {margin-top: 2.7rem;}
.sub_01_02 .bot_box .b_box_02 .txt_box ul li {display: flex; gap: 5.3rem; padding: 2.3rem 4rem; background-color: #5C6A7A; border-radius: 100px; box-sizing: border-box; align-items:center;}
.sub_01_02 .bot_box .b_box_02 .txt_box ul li~li {margin-top: 1.8rem;}
.sub_01_02 .bot_box .b_box_02 .txt_box ul li span {position: relative; font-size: 1.6rem; color: #fff; font-weight: 500;} 
.sub_01_02 .bot_box .b_box_02 .txt_box ul li span:first-child {flex-shrink: 0;}
.sub_01_02 .bot_box .b_box_02 .txt_box ul li span:first-child:before {content: ""; position: absolute; top: 0; bottom: 0; left: calc(100% + 2.4rem); width: 1px; height: 11px; margin: auto 0; background-color: rgba(255,255,255,0.3);}


/* ============================================================
*  media
* ============================================================ */
@media screen and (max-width:1200px) {
	.sub_01_02 .bot_box .b_box_01 .txt_box .top p {font-size:5rem;}
	.sub_01_02 .bot_box .b_box_01 .txt_box .top p:last-child {text-align:left;}
	.sub_01_02 .bot_box .b_box .img_box {max-width:50rem;}
	
}
@media screen and (max-width:1024px) {
	.sub_01_02 .bot_box .b_box {gap:4.3rem;}
	.sub_01_02 .bot_box .b_box .img_box {max-width:35rem;}
	.sub_01_02 .bot_box .b_box_01 {margin-bottom:18.8rem;}
}
@media screen and (max-width:800px) {
	.sub_01_02 .top_box .txt_box {display:block; margin:1.5rem 0 2rem;}
	.sub_01_02 .top_box .txt_box strong {display:block; margin-bottom:15px;}
	.sub_01_02 .bot_box .b_box_01 {display:block;}
	.sub_01_02 .bot_box .b_box_01 .txt_box .top {margin-top:2rem;}
	.sub_01_02 .bot_box .b_box_01 .txt_box .top p:last-child {text-align:right;}
	.sub_01_02 .bot_box .b_box_01 .txt_box .top::after {top:0; left:calc(50% - 2rem);}
	.sub_01_02 .bot_box .b_box_01 .txt_box .bot {margin-top:1.5rem;}
	
	.sub_01_02 .bot_box .b_box {display:block;}
	.sub_01_02 .bot_box .b_box_02 .txt_box p {margin-top:2rem;}
}
@media screen and (max-width:600px) {
	.sub_01_02 .top_box .txt_box strong {font-size:2rem;}
	.sub_01_02 .top_box .txt_box p {font-size:1.5rem;}
	.sub_01_02 .top_box .img_box {min-height:13.8rem; max-height:auto; background:url(../images/content/img_sub_01_02_01.png) no-repeat center / cover;}
	.sub_01_02 .top_box .img_box img {display:none;}
	.sub_01_02 .bot_box .b_box .img_box {max-width:100%;}
	.sub_01_02 .bot_box .b_box_01 .txt_box .top::after {left:calc(50% + 6rem);}
	.sub_01_02 .bot_box .b_box_01::after {top:98%; left:50%; width:39rem; height:11.34rem; background-size:cover; transform:translate(-50%);}
}
@media screen and (max-width:475px) {
	.sub_01_02 .bot_box .b_box_01 {margin-bottom:13.3rem;}
	.sub_01_02 .bot_box .b_box_01 .txt_box .top p {font-size:3.2rem;}
	.sub_01_02 .bot_box .b_box_01 .txt_box .bot p {font-size:1.5rem;}
	.sub_01_02 .bot_box .b_box_01 .txt_box .top::after {width:3.8rem; height:3.8rem; left:calc(50% + 1rem); background-size:cover;}
	.sub_01_02 .bot_box .b_box_02 .txt_box p {font-size:1.5rem;}
	.sub_01_02 .bot_box .b_box_02 .txt_box ul li {padding:1.5rem 2rem;}
	.sub_01_02 .bot_box .b_box_02 .txt_box ul li span {font-size:1.4rem;}

}
@media screen and (max-width:380px) {
	.sub_01_02 .bot_box .b_box_01 .txt_box .top p {font-size:3.2rem;}
	.sub_01_02 .bot_box .b_box_01 .txt_box .bot p {font-size:1.5rem;}
	.sub_01_02 .bot_box .b_box_02 .txt_box ul li {gap:3.3rem;}
	.sub_01_02 .bot_box .b_box_01 .txt_box .top::after {width:3.8rem; height:3.8rem; left:auto; right:10px; background-size:cover;}
}


/* ============================================================
*  sub_01_03
*  연혁
* ============================================================ */
.sub_01_03 {}
.sub_01_03 .history_wrap {position: relative; margin-top: -2rem;}
.sub_01_03 .history_wrap .line_bar {position: absolute; top: 7rem; left: 2rem; width: 1px; height: 100%; background-color: rgba(221, 221, 221, 1);}
.sub_01_03 .history_wrap .line_bar .line {position: absolute; top: 0; left: 0; width: 1px; height: 0; background-color: #114B93; transition: height 1s;}
.sub_01_03 .history_wrap > ul {padding-left: 9.5rem; box-sizing: border-box;}
.sub_01_03 .history_wrap > ul > li {display: flex; gap: 3.4rem; position: relative; padding: 5rem 0; box-sizing: border-box;}

.sub_01_03 .history_wrap > ul > li::before,
.sub_01_03 .history_wrap > ul > li::after {
    content: "";
    display: block;
    position: absolute;
    right: calc(100% + 6.6rem);
    top: 7rem;
    z-index: 1;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #114B93;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s ease;
}

.sub_01_03 .history_wrap > ul > li::before {opacity: 1; background-color: rgba(221, 221, 221, 1);}

.sub_01_03 .history_wrap > ul > li[data-hit="on"]::before {background-color:#114B93;}
.sub_01_03 .history_wrap > ul > li[data-hit="on"]::after {
    opacity: 0.8;
    animation-name: history;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}
.sub_01_03 .history_wrap > ul > li[data-ani="off"]::after {
    display:none;
}


@keyframes history {
    0% {
        opacity: 0.8;
        transform: scale(0)
    }

    50% {
        opacity: 0.5;
        transform: scale(2)
    }

    100% {
        opacity: 0;
        transform: scale(3)
    }
}

.sub_01_03 .history_wrap > ul > li ~ li {border-top: 1px dashed rgba(204, 204, 204, 1)}
.sub_01_03 .history_wrap > ul > li .his_year {font-size: 4.5rem; color: #222; font-weight: 700;}
.sub_01_03 .history_wrap > ul > li .his_listbox {flex-grow: 1; padding-left: 4rem; padding-top: 1.2rem;}
.sub_01_03 .history_wrap > ul > li .his_listbox > li {display: flex; gap: 3.6rem;}
.sub_01_03 .history_wrap > ul > li .his_listbox > li ~ li {margin-top: 1.4rem;}
.sub_01_03 .history_wrap > ul > li .his_listbox > li > em {flex-shrink: 0; min-width: 3.5rem; font-size: 1.7rem; color: #222; font-weight: 600; font-style: normal;}
.sub_01_03 .history_wrap > ul > li .his_listbox > li.key_point em {color: #114B93; font-weight: 600;}
.sub_01_03 .history_wrap > ul > li .his_listbox > li .his_list {width: calc(100% - 3.6rem);}
.sub_01_03 .history_wrap > ul > li .his_listbox > li .his_list li {display: block; font-size: 1.7rem; color: #222; font-weight: 400;}
.sub_01_03 .history_wrap > ul > li .his_listbox > li.key_point .his_list li {color: #114B93; font-weight: 700;}
.sub_01_03 .history_wrap > ul > li .his_listbox > li .his_list li ~ li {margin-top: 0.4rem;}

.sub_01_03 .history_wrap > ul > li .his_imgbox {overflow: hidden; position: relative; max-width: 36%; width: 100%; height: 100%; margin-left: auto; border-radius: 8px; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);}
.sub_01_03 .history_wrap > ul > li .his_imgbox:before {content:""; display:block; padding-top:55%;}
.sub_01_03 .history_wrap > ul > li .his_imgbox img {display: block; position: absolute; top: 0; left: 0;  width: 100%; height: 100%;}
/* ============================================================
*  media
* ============================================================ */
@media screen and (max-width:1024px){
    .sub_01_03 .history_wrap > ul > li {flex-wrap: wrap;}
    .sub_01_03 .history_wrap > ul > li .his_listbox {width: 100%;}
    .sub_01_03 .history_wrap > ul > li .his_imgbox {margin-left: 0; max-width: 100%;}
    
}
@media screen and (max-width:640px){
    .sub_01_03 .history_wrap > ul > li .his_listbox {padding: 0;}
}
@media screen and (max-width:600px){
	.sub_01_03 .history_wrap > ul > li {padding:3rem 0;}
    .sub_01_03 .history_wrap > ul > li .his_listbox > li > em {font-size:1.5rem;}
}
@media screen and (max-width:475px){
	.sub_01_03 .history_wrap > ul {padding-left:6.5rem;}
   .sub_01_03 .history_wrap > ul > li .his_year {font-size:3rem;}
	.sub_01_03 .history_wrap > ul > li .his_listbox > li {gap:2rem;}
   .sub_01_03 .history_wrap > ul > li .his_listbox > li .his_list li {font-size:1.5rem;}
   .sub_01_03 .history_wrap > ul > li::before,
   .sub_01_03 .history_wrap > ul > li::after {right:calc(100% + 3.6rem);}
   .sub_01_03 .history_wrap > ul > li .his_listbox > li {gap: 2rem;}
}


/* ============================================================
*  sub_01_04_01
*  비전 및 역할 
* ============================================================ */
.sub_01_04 #tabCon01 .vision-list {display: block;}
.sub_01_04 #tabCon01 .vision-list > li {display: flex; align-items: center;}
.sub_01_04 #tabCon01 .vision-list > li .l-con {position:relative; padding-right:196px; flex-shrink: 0;}
.sub_01_04 #tabCon01 .vision-list > li .l-con::before {content:''; position:absolute; top:50%; right:0; width:calc(100% - 10px); border:1px dashed #bbb; transform: translateY(-50%);}
.sub_01_04 #tabCon01 .vision-list > li .l-con .v-tit { position:relative; width:39px; padding:8px 20px; border-radius: 100px; background-color:#114B93; font-weight:700; font-size:2rem; color:#fff;}


.sub_01_04 #tabCon01 .vision-list > li.v1 {margin-bottom:50px;}
.sub_01_04 #tabCon01 .vision-list > li .r-con {flex-grow:1;}
.sub_01_04 #tabCon01 .vision-list > li.v1 .r-con {}
.sub_01_04 #tabCon01 .vision-list > li.v1 .r-con .vision-item {overflow: hidden; position:relative; padding:40px; border-radius: 100px; background:url(../images/content/bg_sub_01_04.png) no-repeat center / cover; text-align: center;}
.sub_01_04 #tabCon01 .vision-list > li.v1 .r-con .vision-item::before {content:''; position:absolute; top:0; left:0; z-index: 3; width:100%; height:100%; background-color:#114B93; opacity: 0.4;}
.sub_01_04 #tabCon01 .vision-list > li.v1 .r-con .vision-item::after {content:''; position:absolute; top:10px; left:10px; width:calc(100% - 20px); height:80%; border-radius: 100px; border:1px dotted #fff;}
.sub_01_04 #tabCon01 .vision-list > li.v1 .r-con .vision-item .v-txt {display: block; position:relative; z-index: 5; font-weight:600; font-size:3rem; color:#ffffff;}

/* .sub_01_04 #tabCon01 .vision-list > li.type-a {padding-top:20px;} */
.sub_01_04 #tabCon01 .vision-list > li.type-b {padding-bottom:20px;}

.sub_01_04 #tabCon01 .vision-list > li.type-a .r-con::before {content:''; position:absolute; top:50%; left:50%; width:100%; height:347px; background:url(../images/content/bg_sub_01_04_01.png) no-repeat center / contain; transform: translateX(-50%);}
.sub_01_04 #tabCon01 .vision-list > li.type-a .r-con {position:relative;}
.sub_01_04 #tabCon01 .vision-list > li.v2 .r-con {padding:50px; border-radius: 8px; background-color:#F9F8F9; } 
.sub_01_04 #tabCon01 .vision-list > li.v2.ver3 .r-con {padding-bottom:95px; background:url(../images/content/bg_sub_01_04_02.png) no-repeat bottom right / 479px 205px; background-color:#F9F8F9; }
.sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list {display: flex; align-items: center;}
.sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list > li {display: flex; width:calc(33.3333% + 40px); margin:0 -20px; align-items: center; justify-content: center;}
.sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list > li .item {position:relative; z-index: 1; width:100%; padding:20px 30px; border:1.5px solid #114B93; border-radius: 100px;  text-align: center; box-shadow: 0 4px 16px rgba(17, 75, 147, 0.1);}
.sub_01_04 #tabCon01 .vision-list > li.type-a .r-con .item-list > li:nth-child(2) .item {border:1.5px solid #2578B4;}
.sub_01_04 #tabCon01 .vision-list > li.type-a .r-con .item-list > li:nth-child(3) .item {border:1.5px solid #177D8B;}


.sub_01_04 #tabCon01 .vision-list > li.v2.ver3 .r-con .item-list > li .item { box-shadow: 0 4px 16px rgba(17, 75, 147, 0.8);}
.sub_01_04 #tabCon01 .vision-list > li.v2.ver2 .r-con .item-list > li .item::before {content:''; position:absolute; top:100%; left:50%; height:70%; border:1px dashed #114B93;}
.sub_01_04 #tabCon01 .vision-list > li.v2.ver3 .r-con .item-list > li .item::before {content:''; position:absolute; top:-8px; left:50%; width:16px; height:16px; border-radius: 50%; background-color:#fff; transform: translateX(-50%);}
.sub_01_04 #tabCon01 .vision-list > li.v2.ver3 .r-con .item-list > li .item::after {content:''; position:absolute; top:-12px; left:50%; width:28px; height:28px; border-radius: 50%; background-color:rgba(255,255,255,0.3); transform: translateX(-50%);}

.sub_01_04 #tabCon01 .vision-list > li.type-b .r-con .item-list {margin-top:45px;}
.sub_01_04 #tabCon01 .vision-list > li.type-b .r-con .item-list > li .item {border:1px solid transparent; background-color:#114B93; color:#fff; opacity: 0.9; }
.sub_01_04 #tabCon01 .vision-list > li.type-b .r-con .item-list > li:nth-child(2) .item {background-color:#2578B4;}
.sub_01_04 #tabCon01 .vision-list > li.type-b .r-con .item-list > li:nth-child(3) .item {background-color:#177D8B;}

.sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list > li .item .item-txt {position:relative; z-index: 10 !important; padding-top:60px; background-image: url(../images/content/icon_sub_01_04_01.png); background-repeat: no-repeat; background-position:center top; font-weight:600; font-size:2rem; color:#114B93;}
.sub_01_04 #tabCon01 .vision-list > li.type-b .r-con .item-list > li .item .item-txt {color:#ffffff;}
.sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list > li:nth-child(2) .item .item-txt {background-image: url(../images/content/icon_sub_01_04_02.png);}
.sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list > li:nth-child(3) .item .item-txt {background-image: url(../images/content/icon_sub_01_04_03.png);}
.sub_01_04 #tabCon01 .vision-list > li.type-b .r-con .item-list > li:nth-child(1) .item .item-txt {background-image: url(../images/content/icon_sub_01_04_04.png);}
.sub_01_04 #tabCon01 .vision-list > li.type-b .r-con .item-list > li:nth-child(2) .item .item-txt {background-image: url(../images/content/icon_sub_01_04_05.png);}
.sub_01_04 #tabCon01 .vision-list > li.type-b .r-con .item-list > li:nth-child(3) .item .item-txt {background-image: url(../images/content/icon_sub_01_04_06.png);}


/* ============================================================
@media 
* ============================================================ */
@media screen and (max-width:1200px) {
    .sub_01_04 #tabCon01 .vision-list > li .l-con {padding-right:60px;}
}
@media screen and (max-width:1024px) {
    .sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list > li{width:calc(33.3333% + 10px); margin:0 -5px;}
}
@media screen and (max-width:900px) {
    .sub_01_04 #tabCon01 .vision-list > li.v1 {margin-bottom:20px;}
    .sub_01_04 #tabCon01 .vision-list > li.v1 .r-con .vision-item .v-txt {font-size:2rem;}
    .sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list {display: block;}
    .sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list > li{width:100%; margin-bottom:10px;}
    .sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list > li .item .item-txt {padding-top:60px;}
    .sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list > li .item .item-txt > br {display: none;}
    .sub_01_04 #tabCon01 .vision-list > li.type-a .r-con::before {height:550px;}
    
    .sub_01_04 #tabCon01 .vision-list > li.v2.ver2 .r-con .item-list > li .item::before,
    .sub_01_04 #tabCon01 .vision-list > li.v2.ver3 .r-con .item-list > li .item::before,
    .sub_01_04 #tabCon01 .vision-list > li.v2.ver3 .r-con .item-list > li .item::after {display: none;}
}
@media screen and (max-width:600px) {
    .sub_01_04 #tabCon01 .vision-list > li .l-con {padding-right:20px;}
    .sub_01_04 #tabCon01 .vision-list > li.v2 .r-con {padding:20px;}
    .sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list > li .item {padding:10px;}
    .sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list > li .item .item-txt {font-size:1.5rem;}
    .sub_01_04 #tabCon01 .vision-list > li .l-con .v-tit {font-size:1.6rem;}
    .sub_01_04 #tabCon01 .vision-list > li.v1 .r-con .vision-item {padding:20px;}
    .sub_01_04 #tabCon01 .vision-list > li.v1 .r-con .vision-item .v-txt {font-size:1.7rem;}
    .sub_01_04 #tabCon01 .vision-list > li.v1 .r-con .vision-item::after {top:7px;}
    .sub_01_04 #tabCon01 .vision-list > li.v2.ver3 .r-con {padding-bottom:35px;}
    .sub_01_04 #tabCon01 .vision-list > li.type-b .r-con .item-list {margin-top:25px;}
    
    .sub_01_04 #tabCon01 .vision-list > li.type-a .r-con::before {height:350px; background:url(../images/content/bg_sub_01_04_01.png) no-repeat center / cover;}

}
@media screen and (max-width:475px) {
	.sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list > li .item .item-txt {padding:15px 10px 15px 63px; background-position:center left;}
	.sub_01_04 #tabCon01 .vision-list > li.type-a .r-con::before {top:70%; width:268px; height:193px;}

}
@media screen and (max-width:389px) {
    .sub_01_04 #tabCon01 .vision-list > li {display: block;}
    .sub_01_04 #tabCon01 .vision-list > li .l-con {margin-bottom:10px; padding-right:0;}
    .sub_01_04 #tabCon01 .vision-list > li .l-con::before {display: none;}
    .sub_01_04 #tabCon01 .vision-list > li .l-con .v-tit {display:block; width:6.9rem;}
    
    .sub_01_04 #tabCon01 .vision-list > li.v2 {margin-bottom:20px;}
/*     .sub_01_04 #tabCon01 .vision-list > li.v1 .r-con .vision-item {border-radius: 0;} */
    .sub_01_04 #tabCon01 .vision-list > li.v1 .r-con .vision-item::after {display: none;}
    .sub_01_04 #tabCon01 .vision-list > li.v2 .r-con {width:100%; padding:0; background-color:transparent;}
    .sub_01_04 #tabCon01 .vision-list > li.v2 .r-con .item-list > li {margin:0 0 10px;}
    .sub_01_04 #tabCon01 .vision-list > li.v2.ver3 .r-con .item-list > li .item {box-shadow:none;}
    .sub_01_04 #tabCon01 .vision-list > li.type-b .r-con .item-list {margin-top:0;}
}

/* ============================================================
*  sub_01_04_02
*  전략체계
* ============================================================ */
/* 공통 */
.sub_01_04 #tabCon02 .strategy-wrap {display: flex; margin: 0 -25px;}
.sub_01_04 #tabCon02 .strategy-wrap .sc {position:relative; width:33.3333%; padding:0 25px; margin-bottom:50px;}
.sub_01_04 #tabCon02 .strategy-wrap .sc .img {display: block; width:100%; box-shadow: 2px 4px 14px 0 rgba(0,0,0,0.1);}


/* ============================================================
@media 
* ============================================================ */
@media screen and (max-width:1200px) {
    .sub_01_04 #tabCon02 .strategy-wrap {margin: 0 -10px;}
    .sub_01_04 #tabCon02 .strategy-wrap .sc {padding:0 10px;}
}
@media screen and (max-width:900px) {
    .sub_01_04 #tabCon02 .strategy-wrap {display: block;}
    .sub_01_04 #tabCon02 .strategy-wrap .sc {width: 75%; margin: 0 auto 50px; padding:0;}
}
@media screen and (max-width:650px) {
    .sub_01_04 #tabCon02 .strategy-wrap .sc {width: 100%; margin: 0 auto 30px; padding:0 10px;}
}


/* ============================================================
*  sub_01_05_01
*  조직도
* ============================================================ */
.org-con-wrap {display: block; overflow: hidden; border:1px solid #ddd; border-radius: 8px; background-color:#fff; background-image :url(../images/content/bg_sub_01_06.png); background-repeat: no-repeat; background-size:206px 192px; background-position:top 30px right 30px;}
.org-con-wrap .org-list {position:relative;  padding:50px;}
.org-con-wrap .org-list .li01{ position:relative; width:100%;}
.org-con-wrap .org-list .li01::before {content:''; position:absolute; top:130px; left:25%; z-index: 1; height:calc(50% - 58px); border:1px dashed #114B93; transform: translateX(-50%);}
.org-con-wrap .org-list .li01 .tit-wrap {display: block; max-width:50%; padding-bottom:40px; text-align: center;}
.org-con-wrap .org-list .li01 .org-list-02 {width:50%;}
.org-con-wrap .org-list .li01 .tit-wrap .t-box {display: block; position:relative; z-index: 30; width:156px; height:156px; margin:0 auto; padding:10px; border-radius: 100px; border:1px dotted #114B93; background-color:#fff; box-shadow: 3px 5px 10px 0px #0000001A;}
.org-con-wrap .org-list .li02.li-list-02 {display: flex; position:relative;  z-index: 11; width:50%; justify-content: flex-end;}
.org-con-wrap .org-list .li02.li-list-02::before {content:''; position:absolute; top:50%; right:0; z-index: 1; width:50%; border:1px dashed #114B93; transform: translateY(-50%);}
.org-con-wrap .org-list .li02.li-list-02::after {content:''; display: block; clear:both;}
.org-con-wrap .org-list .li02.li-list-02 .item-box {position:relative; z-index: 10 !important; float:right; max-width:160px; width:100%; height:64px; border-radius: 100px; background:linear-gradient(90deg,#2E8996,#285C9D); }
.org-con-wrap .org-list .li02.li-list-02 .item-box .org-tit {display: flex; width:100%;height:100%; justify-content: center; align-items: center;}
.org-con-wrap .org-list .li02.li-list-02 .item-box .org-tit >.tit {font-size:2rem; color:#fff;}

.org-con-wrap .org-list .li01 .tit-wrap .t-box .t-con {display: flex; width:100%; height:100%; background-color:#114B93; border-radius: 100px;  flex-direction: column; justify-content: center;}
.org-con-wrap .org-list .li01 .tit-wrap .t-box .t-con .tit {display: block;padding:15px; font-size:2.3rem; color:#ffffff;}
.org-con-wrap .org-list .li01 .tit-wrap .t-box .t-con .org-name {display: inline-block; position:relative; font-weight:500; font-size: 1.7rem; color:#fff;}
.org-con-wrap .org-list .li01 .tit-wrap .t-box .t-con .org-name::before {content:''; position:absolute; bottom:-3px; left:50%; width:60%; height:1px; border-bottom:1px dashed #fff; transform: translateX(-50%); opacity: 0.3;}
.org-con-wrap .org-list .li01 .tit-wrap .t-box .t-con .org-tit {display: block;  font-weight:600; font-size: 2rem; color:#fff;}

.org-con-wrap .org-list .li02.li-list-03 {display: flex; position:relative; flex-wrap: wrap; text-align: center; }
.org-con-wrap .org-list .li02.li-list-03 > li {width:50%; padding:50px 0 20px;}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit {display: block; width:100%; height:100%;}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit .tit-box {position:relative; z-index: 3; padding-bottom:50px;}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit .tit-box::after {content:''; position:absolute; top:28%; right:-28%; z-index: 1; width:calc(50% + 15px); border:1px dashed #114B93; transform: translate(-50%, -50%);}
.org-con-wrap .org-list .li02.li-list-03 > li:nth-child(2) .org-tit .tit-box::after {content:''; position:absolute; top:15%; left:20%; z-index: 1; width:calc(40% + 5px); border:1px dashed #114B93; transform: translate(-50%, -50%);}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit .tit-box .tit {display: block; position:relative; z-index: 10; max-width:596px; margin:0 auto; padding:20px; border-radius: 8px; background-color: #2578B4;}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit .tit-box .tit::before {content:''; position:absolute; top:100%; left:50%; z-index: 1; height:35px; border:1px dashed #114B93; transform: translateX(-50%);}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit .tit-box .tit > span {display: inline-block;margin:0 auto; font-size:2rem; color:#fff;}

.org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03 {display: flex; position:relative; width:100%; max-width:596px; margin:0 auto; padding-top:20px; justify-content: center;}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03::before {content:''; position:absolute; top:-12px; left:50%; z-index: 1; width:100%; max-width:calc(100% - 33.333%); border:1px dashed #114B93; transform: translateX(-50%);}
.org-con-wrap .org-list .li02.li-list-03 > li:first-child .org-tit .li03::before {content:''; position:absolute; top:-12px; left:50%; z-index: 1; width:100%; max-width:50%; border:1px dashed #114B93; transform: translateX(-50%);}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03 > li {width:50%; padding:0 10px;}
.org-con-wrap .org-list .li02.li-list-03 > li:nth-child(2) .org-tit .li03 > li {width:60%;}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03 > li .tit {display: flex; position:relative; width:100%; height:100%; padding:20px; border:1px solid #114B93; border-radius: 8px; font-size:1.7rem; justify-content: center; align-items: center;}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03 > li .tit::before {content:''; position:absolute; top:-32px; left:50%; z-index: 1; height:31px; border:1px dashed #114B93; transform: translateX(-50%);}


.org-con-wrap .org-info {display: block; padding:14px 69px; border-top:1px solid #ddd; background-color:#F9F8F9;}
.org-con-wrap .org-info .list_01 > li {font-size:17px;}

/* 전문가협의체 */
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit.v2 .tit-box .tit {display: block; width: 100%; max-width: 429px; height: 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #177D8B;}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit.v2 .tit-box .tit::before {display: none;}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit.v2 .pro-list03 {display: flex; width: 100%; max-width: 429px; margin: 0 auto; padding:20px 11px; border:1px solid #177D8B ;border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: #fff; justify-content: center;}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit.v2 .pro-list03 > li {width: 33.3333%; padding:0 7px;}
.org-con-wrap .org-list .li02.li-list-03 > li .org-tit.v2 .pro-list03 > li .tit {border:1px solid #177D8B; border-radius: 8px; background-color: #fff;}

/* ============================================================
    @media 
* ============================================================ */
@media screen and (max-width:1200px) {
    .org-con-wrap .org-list .li02.li-list-02 .item-box {max-width:110px;}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03 > li .tit {padding:10px;}
}
@media screen and (max-width:1024px) {
    .org-con-wrap .org-list {padding:20px;}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03 > li {padding:0 3px;}
    .org-con-wrap .org-list .li02.li-list-02 {width:60%;}
    .org-con-wrap .org-list .li02.li-list-02::before {width:58%;}
    .org-con-wrap .org-info {padding:14px 49px;}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .tit-box::after {display: none;}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit.v2 .tit-box::after {display: block; left:17%;}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit.v2 .tit-box {margin-left:15px;}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit.v2 .tit-box .tit {padding:10px;}
}
@media screen and (max-width:800px) {
    .org-con-wrap {background-image:none;}

    .org-con-wrap .org-list .li01::before {left:50%; height:calc(30% - 50px);}

    .org-con-wrap .org-list .li01 .tit-wrap,
    .org-con-wrap .org-list .li02.li-list-02 {width:100%; max-width:100%;}
    .org-con-wrap .org-list .li02.li-list-02 .item-box {height:44px;}
    .org-con-wrap .org-list .li02.li-list-02::before {width:50%;}

    .org-con-wrap .org-list .li02.li-list-03 {display: block;}
    .org-con-wrap .org-list .li02.li-list-03 > li {position:relative; padding:15px 0; width:100%;}
    .org-con-wrap .org-list .li02.li-list-03 > li:first-child::before {content:''; position:absolute; top:100%; left:50%; z-index: 1; height:36px; border:1px dashed #114B93; transform: translate(-50%, -50%);}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .tit-box .tit::before,
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03 > li .tit::before,
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03::before,
    .org-con-wrap .org-list .li02.li-list-03 > li:nth-child(2) .org-tit .tit-box::after,
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .tit-box::after {display: none;}
    
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .tit-box {max-width:none; padding-bottom:8px;}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .tit-box .tit {max-width:none; padding:15px;}
    
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03 {margin:0; max-width:100%;}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03 > li {padding:0;}  
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03 {display: block; padding-top:0;}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03 > li,
    .org-con-wrap .org-list .li02.li-list-03 > li:nth-child(2) .org-tit .li03 > li {width:100%;}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03 > li .tit {max-width: none; margin-bottom:5px;}
    .org-con-wrap .org-list .li01 .tit-wrap .t-box .t-con .tit {font-size:2rem;}
    .org-con-wrap .org-list .li02.li-list-02 .item-box .org-tit >.tit,
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .tit-box .tit > span,
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit .li03 > li .tit,
    .org-con-wrap .org-info .list_01 > li {font-size:1.5rem;}
    
    .org-con-wrap .org-info{padding:20px 16px;}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit.v2 .tit-box {margin-left:0;}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit.v2 .tit-box .tit,
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit.v2 .pro-list03 {max-width: 100%;}
}
@media screen and (max-width:450px) {
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit.v2 .pro-list03 > li {padding: 0 4px;}
    .org-con-wrap .org-list .li02.li-list-03 > li .org-tit.v2 .tit-box .tit {display: flex; align-items: center; justify-content: center;}
}
@media screen and (max-width:375px) {
    .org-con-wrap .org-list {padding:10px;}
    .org-con-wrap .org-list .li01 .tit-wrap .t-box {width:136px; height:136px;}
    .org-con-wrap .org-list .li02.li-list-02 .item-box {max-width:80px;}
}
/* ============================================================
*  sub_01_05_02
*  조직도 - 한메콩 전문가 협의체
* ============================================================ */
.org-wrap-02 {display: block; margin-top:50px; padding:50px; border-radius:8px; background-color:#F9F8F9; background-image :url(../images/content/bg_sub_01_06.png); background-repeat: no-repeat; background-size:151px 141px; background-position:top 30px right 30px;}
.org-wrap-02 .org-list {position:relative;}
.org-wrap-02 .org-list .li01{}
.org-wrap-02 .org-list .li01 .tit-wrap {display: block; max-width:890px; margin:0 auto; padding-bottom:60px; text-align: center;}
.org-wrap-02 .org-list .li01 .tit-wrap.top  {padding-bottom:45px;}
.org-wrap-02 .org-list .li01 .org-con {}
.org-wrap-02 .org-list .li01 .tit-wrap .t-box {display: block; position:relative; width:408px; margin:0 auto; padding:10px; border-radius: 100px; background-color:rgba(37, 120, 180, 0.3); }
.org-wrap-02 .org-list .li01 .tit-wrap .t-box::before {content:''; position:absolute; top:100%; left:50%; z-index: 1; height:45px; border:1px dashed #114B93; transform: translateX(-50%);}
.org-wrap-02 .org-list .li01 .tit-wrap .t-box .t-con {display: flex; width:100%; height:100%; background-color:#2578B4; border-radius: 100px; flex-direction: column; justify-content: center;}
.org-wrap-02 .org-list .li01 .tit-wrap .t-box .t-con .tit {display: block;padding:15px;}
.org-wrap-02 .org-list .li01 .tit-wrap .t-box .t-con .org-name {display: inline-block; position:relative; font-weight:500; font-size: 1.7rem; color:#fff; opacity: 0.8;}
.org-wrap-02 .org-list .li01 .tit-wrap .t-box .t-con .org-name::before {content:''; position:absolute; bottom:-3px; left:50%; width:60%; height:1px; border-bottom:1px dashed #fff; transform: translateX(-50%); opacity: 0.3;}
.org-wrap-02 .org-list .li01 .tit-wrap .t-box .t-con .org-tit {display: block;  font-weight:600; font-size: 2rem; color:#fff;}

.org-wrap-02 .org-list .li02 {display: flex; position:relative; margin:0 -15px; flex-wrap: wrap; text-align: center; }
.org-wrap-02 .org-list .li02::after {content:''; position:absolute; top:-5px; left:50%; z-index: 1; width:100%; max-width:calc(100% - 33.333%); border:1px dashed #114B93; transform: translateX(-50%);}
.org-wrap-02 .org-list .li02 > li {width:33.3333%; padding:20px 15px;}
.org-wrap-02 .org-list .li02 > li .org-tit {display: block; width:100%; height:100%;}
.org-wrap-02 .org-list .li02 > li .org-tit .tit-wrap {position:relative; z-index: 3; padding-bottom:30px;}
.org-wrap-02 .org-list .li02 > li .org-tit .tit-wrap::before {content:''; position:absolute; top:-2px; left:-2px; z-index: 11; width:18px; height:18px; background:url(../images/content/img_sub_01_05_left.png) no-repeat center / cover;}
.org-wrap-02 .org-list .li02 > li .org-tit .tit-wrap::after {content:''; position:absolute; top:-2px; right:-2px; z-index: 11; width:18px; height:18px; background:url(../images/content/img_sub_01_05_right.png) no-repeat center / cover;}
.org-wrap-02 .org-list .li02 > li .org-tit .tit-wrap .tit-box {position:relative; z-index: 3;}
.org-wrap-02 .org-list .li02 > li .org-tit .tit-wrap .tit-box::before {content:''; position:absolute; top:-4px; left:50%; z-index: 3; width:4px; height:4px; border-radius: 50%; border:4px solid #fff; background-color:#114B93; transform: translateX(-50%);}
.org-wrap-02 .org-list .li02 > li .org-tit .tit-wrap .tit-box .tit {display: block; position:relative; z-index: 2; width:100%; padding:20px; border:1px solid #114B93; background-color:#fff; border-radius: 8px; font-size:2rem;}
.org-wrap-02 .org-list .li02 > li .org-tit .tit-wrap .tit-box .tit::before {content:''; position:absolute; top:-33px; left:50%; z-index: 1; height:32px; border:1px dashed #114B93; transform: translateX(-50%);}
.org-wrap-02 .org-list .li02 > li .org-tit .tit-wrap .tit-box .tit::after {content:''; position:absolute; top:-33px; left:50%; z-index: 1; width:6px; height:6px; border-radius: 50%; border:4px solid #114B93; background-color:#fff; transform: translateX(-50%);}
.org-wrap-02 .org-list .li02 > li .org-tit .list-wrap {display: flex; width:100%; height:100%; max-height: 174px;}
.org-wrap-02 .org-list .li02 > li .org-tit .li03 {display: block; width:100%; height:100%; margin:0;  padding:20px;  border:1px solid #114B93; background-color:#fff; border-radius: 8px; text-align: left;}
.org-wrap-02 .org-list .li02 > li .org-tit .li03 > li {margin-bottom:6px; width:100%; font-size:1.7rem; color:#222;}


.org-wrap-02 .org-list .li04 {margin-top:34px; box-shadow: 2px 4px 12px rgba(0,0,0,0.1);}
.org-wrap-02 .org-list .li04 .point {display: block; width:100%; padding:20px; background-color:#177D8B; background-image:url(../images/content/bg_sub_01_05_02.png); background-repeat: no-repeat; background-size:cover; border-radius: 8px; font-weight:600; font-size:2rem; color:#fff; box-shadow: inset 2px 4px 12px rgba(0,0,0,0.2);}

/* ============================================================
@media 
* ============================================================ */
@media screen and (max-width:1024px) {
    .org-wrap-02 {padding:30px 20px;}
    .org-wrap-02 .org-list .li02 {margin:0 -5px;}
    .org-wrap-02 .org-list .li02 > li {padding:20px 5px;}
    .org-wrap-02 .org-list .li02 > li .org-tit .list-wrap {max-height:230px;}
}
@media screen and (max-width:800px) {
    .org-wrap-02 {padding:30px 10px;}
    .org-wrap-02 .org-list .li02 > li .org-tit .li03 {padding:10px;}
    .org-wrap-02 .org-list .li02 > li .org-tit .list-wrap {max-height:194px;} 
}
@media screen and (max-width:600px) {
	.org-wrap-02 {background-image:none;}
    .org-wrap-02 .org-list .li02 > li .org-tit .tit-wrap .tit-box .tit,
    .org-wrap-02 .org-list .li02 > li .org-tit .li03 > li,
    .org-wrap-02 .org-list .li04 .point,
    .org-wrap-02 .org-list .li01 .tit-wrap .t-box .t-con .org-tit {font-size:1.5rem;}
    .org-wrap-02 .org-list .li01 .tit-wrap .t-box .t-con .org-name {font-size:1.3rem;}
}
@media screen and (max-width:550px) {
    .org-wrap-02 .org-list .li01 {position:relative; z-index: 10;}
    .org-wrap-02 .org-list .li01::before {content:''; position:absolute; top:10px; left:50%; z-index: 1; height:calc(100% - 40px); border:1px dotted #114B93; transform: translateX(-50%);}
    .org-wrap-02 .org-list .li01 .tit-wrap {padding-bottom:30px;}
    .org-wrap-02 .org-list .li01 .tit-wrap .t-box {width:100%; height:auto;}
    .org-wrap-02 .org-list .li01 .tit-wrap .t-box .t-con {position:relative; z-index: 10;}
    .org-wrap-02 .org-list .li01 .tit-wrap .t-box::before {display: none;}

    .org-wrap-02 .org-list .li02::after {display: none;}
    .org-wrap-02 .org-list .li02 > li {position:relative; z-index: 10; width:100%; padding:15px 5px;}
    .org-wrap-02 .org-list .li02 > li .org-tit {height:auto;}
    .org-wrap-02 .org-list .li02 > li .org-tit .list-wrap {display: block; max-height:none;}
    .org-wrap-02 .org-list .li02 > li .org-tit .tit-wrap {padding-bottom:6px;}
    .org-wrap-02 .org-list .li02 > li .org-tit .tit-wrap .tit-box .tit {padding:12px 20px;}
    .org-wrap-02 .org-list .li02 > li .org-tit .tit-wrap .tit-box .tit::before {display: none;}
    .org-wrap-02 .org-list .li02 > li .org-tit .tit-wrap .tit-box .tit::after {display:none;}

    .org-wrap-02 .org-list .li04 {margin-top:8px;}
    .org-wrap-02 .org-list .li04 .point {padding:13px 10px;}
}

/* ============================================================
*  sub_01_06
*  로고
* ============================================================ */
.sub_01_06 .logo-wrap {display: block;}
.sub_01_06 .logo-wrap .logo-box {display: flex; padding:32px 37px; background-color:#F9F8F9; justify-content: center; align-items: center;}
.sub_01_06 .logo-wrap .logo-box .l-con {padding:32px 123px; background-color:#fff; border-radius:8px; box-shadow: 2px 4px 14px 0 rgba(0,0,0,0.1); flex-shrink: 0;}
.sub_01_06 .logo-wrap .logo-box .l-con img {display: inline-block; width:100%;}
.sub_01_06 .logo-wrap .logo-box .r-con {padding-left:98px; flex-grow:1;}
.sub_01_06 .logo-wrap .logo-box .r-con .txt-box {display: block; padding-bottom:40px; }
.sub_01_06 .logo-wrap .logo-box .r-con .txt-box .logo-tit {display: block; margin-bottom:18px; font-weight:700; font-size:3rem; color:#114B93;}
.sub_01_06 .logo-wrap .logo-box .r-con .txt-box .txt {display: block; font-weight:500; font-size:1.7rem; color:#222;}

.sub_01_06 .logo-wrap .symbol-box .logo-area {display: flex;  padding:40px 15px; border-top:1px solid #222; border-bottom:1px solid #ccc; background:url(../images/content/bg_sub_01_06_02.png) center /cover; justify-content: center; align-items: center;}
.sub_01_06 .logo-wrap .symbol-box .logo-list {display: flex; margin:0 -30px; justify-content: space-between;}
.sub_01_06 .logo-wrap .symbol-box .logo-list > li {width:50%; padding:0 30px;}
.sub_01_06 .logo-wrap .symbol-box .logo-list .list_01 li {font-weight:600; font-size:1.9rem; color:#222;}

.sub_01_06 .logo-wrap .symbol-box .color-list {display: flex; margin:0 -15px; justify-content: space-between;}
.sub_01_06 .logo-wrap .symbol-box .color-list > li {display: flex;  width:33.3333%; padding:0 15px; align-items: center; justify-content: center;}
.sub_01_06 .logo-wrap .symbol-box .color-list > li .color-item {width:100%; padding:22px 15px; background-color:#144A92; border-radius: 100px; color:#fff; text-align:center;}
.sub_01_06 .logo-wrap .symbol-box .color-list > li:nth-child(2) .color-item {background-color:#2170B8;}
.sub_01_06 .logo-wrap .symbol-box .color-list > li:nth-child(3) .color-item {background-color:#519BD0;}
.sub_01_06 .logo-wrap .symbol-box .color-list > li .color-item .name {display: block; margin-bottom:10px; font-weight:700; font-size:1.9rem; }
.sub_01_06 .logo-wrap .symbol-box .color-list > li:last-child .color-item .name {color:#222;}
.sub_01_06 .logo-wrap .symbol-box .color-list > li:last-child .color-item .cmyk {color:#222;}
.sub_01_06 .logo-wrap .symbol-box .color-list > li .color-item .cmyk {display: block;}
.sub_01_06 .logo-wrap .symbol-box .color-list > li .color-item .cmyk >span {padding-right:10px;}


/* ============================================================
@media 
* ============================================================ */
@media screen and (max-width:1200px) {
    .sub_01_06 .logo-wrap .logo-box .l-con {padding:32px 70px;}
    .sub_01_06 .logo-wrap .logo-box .r-con {padding-left:60px;}
}
@media screen and (max-width:1024px) {
    .sub_01_06 .logo-wrap .logo-box .l-con {padding:32px 40px;}

    .sub_01_06 .logo-wrap .symbol-box .logo-area.type-a { margin:0 auto;}
    .sub_01_06 .logo-wrap .symbol-box .logo-area.type-a img {width:50%; max-width:300px;}
    .sub_01_06 .logo-wrap .symbol-box .logo-list {margin:0 -10px;}
    .sub_01_06 .logo-wrap .symbol-box .logo-list > li {padding:0 10px;}

    .sub_01_06 .logo-wrap .symbol-box .color-list {margin:0 -5px;}
    .sub_01_06 .logo-wrap .symbol-box .color-list > li {padding:0 5px;}
}
@media screen and (max-width:700px) {
    .sub_01_06 .logo-wrap .logo-box {display: block; padding:30px 23px;}
    .sub_01_06 .logo-wrap .logo-box .l-con {margin:0 auto; text-align: center;}
    .sub_01_06 .logo-wrap .logo-box .l-con img {max-width:200px;}
    .sub_01_06 .logo-wrap .logo-box .r-con {padding-left:0; padding-top:30px;}
    .sub_01_06 .logo-wrap .logo-box .r-con .txt-box {padding-bottom:20px;}
    .sub_01_06 .logo-wrap .logo-box .r-con .txt-box .logo-tit {font-size:2.3rem;}
    .sub_01_06 .logo-wrap .logo-box .r-con .txt-box .txt {font-size:1.5rem; }

    .sub_01_06 .logo-wrap .symbol-box .color-list,
    .sub_01_06 .logo-wrap .symbol-box .color-list > li {display: block; width:100%; margin-bottom:12px;}
    .sub_01_06 .logo-wrap .symbol-box .color-list > li .color-item {padding:12px 15px;}
}
@media screen and (max-width:600px) {
    .sub_01_06 .logo-wrap .symbol-box .logo-list {display: block;}
    .sub_01_06 .logo-wrap .symbol-box .logo-list > li{width:100%;}
    .sub_01_06 .logo-wrap .logo-box .l-con img {width:103px; height:95px;}
    .sub_01_06 .logo-wrap .logo-box .l-con {padding:19px 40px;}
	.sub_01_06 .logo-wrap .logo-box .r-con .txt-box .logo-tit {text-align:center;}
    .sub_01_06 .logo-wrap .symbol-box .color-list > li .color-item .name {font-size:1.5rem;}
}
@media screen and (max-width:475px) {
    .sub_01_06 .btn-download {width:100%;}   
}


/* ============================================================
*  sub_01_07
*  찾아오시는 길 
* ============================================================ */
.sub_01_07 .map-wrap {display: flex;}
.sub_01_07 .map-wrap .l-con {display: block;}
.sub_01_07 .map-wrap .l-con > .tit {display: block; margin-bottom:20px; font-weight:700; font-size:2rem; color:#114B93;}
.sub_01_07 .map-wrap .l-con .address-list {display: block;}
.sub_01_07 .map-wrap .l-con .address-list > li {display: flex; padding:28px 10px; border-bottom:1px dashed #CCCCCC;}
.sub_01_07 .map-wrap .l-con .address-list > li:first-child {border-top:1px solid #222;}
.sub_01_07 .map-wrap .l-con .address-list > li:last-child {border-bottom:1px solid #CCCCCC;}
.sub_01_07 .map-wrap .l-con .address-list > li .tit {position:relative; min-width:140px; padding-left:30px; font-weight:600; font-size:1.7rem; color:#222; flex-shrink: 0;}
.sub_01_07 .map-wrap .l-con .address-list > li .tit::before {content:''; position:absolute; top:calc(1.1rem - 10px); left:0; width:20px; height:20px; background:url(../images/content/icon_sub_01_05_04_01.png) no-repeat;}
.sub_01_07 .map-wrap .l-con .address-list > li:nth-child(2) .tit::before {background:url(../images/content/icon_sub_01_05_04_02.png) no-repeat;}
.sub_01_07 .map-wrap .l-con .address-list > li:nth-child(3) .tit::before {background:url(../images/content/icon_sub_01_05_04_03.png) no-repeat;}
.sub_01_07 .map-wrap .l-con .address-list > li:nth-child(4) .tit::before {background:url(../images/content/icon_sub_01_05_04_04.png) no-repeat;}
.sub_01_07 .map-wrap .l-con .address-list > li .txt {padding-left:5px; font-weight:400; font-size:1.7rem; color:#222; word-break: break-word; flex-grow:1;}

.sub_01_07 .map-wrap .r-con {width:796px; margin-left:50px; background-coloR:#ccc;}

/* ============================================================
@media 
* ============================================================ */
@media screen and (max-width:1024px) {
    .sub_01_07 .map-wrap {display: block;}
    .sub_01_07 .map-wrap .r-con {width:100%;  height:450px; margin-top:30px; margin-left:0;}
}
@media screen and (max-width:600px) {
    .sub_01_07 .map-wrap .l-con .address-list > li {padding:15px 10px; }
    .sub_01_07 .map-wrap .l-con .address-list > li .tit {min-width:100px;}
    .sub_01_07 .map-wrap .l-con .address-list > li .txt,
    .sub_01_07 .map-wrap .l-con .address-list > li .tit {font-size:1.5rem;}
}


/* ============================================================
*  sub_03_01_01
*  네트워크 확대 강화
* ============================================================ */
.sub_03_01 .network-wrap {display: block;}
.sub_03_01 .network-wrap .bul-tit-01 {margin-bottom:50px;} 
.sub_03_01 .network-wrap .img-box > img {display: block; width:100%;}
.sub_03_01 .network-wrap .sub-table {margin-top:65px;}
.sub_03_01 .network-wrap .sub-table tr td {padding:19px 32px; text-align: left; line-height: 1.6;}
.sub_03_01 .network-wrap .sub-table tr th {font-weight:700; font-size:1.8rem;}

/* ============================================================
@media 
* ============================================================ */
@media screen and (max-width:600px) {
    .sub_03_01 .network-wrap .sub-table {margin-top:30px;}
    .sub_03_01 .network-wrap .sub-table tr td {padding:13px 10px; font-size:1.5rem;}
    .sub_03_01 .network-wrap .sub-table tr th {font-size:1.5rem;}
    .sub_03_01 .network-wrap .bul-tit-01 {margin-bottom:30px;}
}

/* ============================================================
*  sub_03_01_02
*  글로벌 물 컨퍼런스
* ============================================================ */

 /* 글로벌 슬라이드 */
.global-wrap {position:relative; box-sizing: border-box;}
.global-wrap .sec_tit {font-size: 1.875em; color: #222; font-weight: 700;}

.global-wrap .js_quick_slide {position:relative; height:100%; box-sizing:border-box;}
.global-wrap .js_quick_slide .control a[class*="btn_"]{overflow:hidden; display:inline-block; position: absolute; top: 0; bottom: 0; width:56px; height:56px; margin: auto 0; border: none; background-repeat: no-repeat; background-position: center;  text-indent:-1000px; transition: .25s;}
.global-wrap .js_quick_slide .control a.btn_left{right: calc(100% + 1.2em); background-image: url(../images/content/icon_btn_prev.png);}
.global-wrap .js_quick_slide .control a.btn_right{left: calc(100% + 1.2em); background-image: url(../images/content/icon_btn_next.png);}
.global-wrap .js_quick_slide .control a.btn_left:hover{background-image: url(../images/content/icon_btn_prev_on.png);}
.global-wrap .js_quick_slide .control a.btn_right:hover{background-image: url(../images/content/icon_btn_next_on.png);}

.global-wrap .js_quick_slide .move {overflow:hidden; position:relative; z-index:0; width:100%; height:100%; margin-left: auto; box-sizing: border-box;}
.global-wrap .js_quick_slide .move ul {overflow:visible; display: flex;  align-items: center; justify-content: flex-start; position:relative; left:0; top:0; width:100%; height:100%; padding-bottom: 3.125em;}
.global-wrap .js_quick_slide .move ul li {width:33.3333%; height:100%; padding:0 15px; flex-shrink: 0; transition: .25s}
.global-wrap .js_quick_slide .move ul li a{display:flex; overflow: hidden; flex-direction: column; align-items: center; justify-content: center; position:relative; height:100%; border:1px solid transparent; border-radius: 8px; text-align:center; box-sizing:border-box; text-decoration: inherit; transition: color 0.25s; box-shadow: 4px 4px 10px rgba(0,0,0,0.1);}
.global-wrap .js_quick_slide .move ul li a .top {display: flex; overflow: hidden; position:relative; width:100%; align-items: center; justify-items: center; box-shadow: 0px 5px 20px 0px rgba(0, 144, 76, 0.15);}
.global-wrap .js_quick_slide .move ul li a .top::before {content:''; display: block; padding-top:51.31%;}
.global-wrap .js_quick_slide .move ul li a .top::after {content:''; visibility: hidden; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(rgba(17,75,147,0.5), #114B93); opacity: 0;}
.global-wrap .js_quick_slide .move ul li a .top .txt {visibility: hidden; position:absolute; top:50%; left:50%; z-index: 30; font-weight:600; font-size:1.8rem; color:#ffffff; text-align: center; opacity: 0; transform: translate(-50%,-50%);}
.global-wrap .js_quick_slide .move ul li a .top .img-box {display:block; overflow:hidden; position:relative; width:100%;}
.global-wrap .js_quick_slide .move ul li a .top .img-box::before {content:''; display:block; padding-top:55.172%;}
.global-wrap .js_quick_slide .move ul li a .top .img-box img {display: block; position:absolute; top:50%; left:50%; width:100%; height:auto; border-radius: 8px 8px 0 0; transform: translate(-50%,-50%);}

.global-wrap .js_quick_slide .move ul li a .bot{display:flex;  width:100%; padding:25px 30px; font-size: 1.125em; color: #222; font-weight: 600; background-color:#fff; text-align:center; justify-content: space-between;}
.global-wrap .js_quick_slide .move ul li a .bot .tit {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  flex-shrink: 1;}
.global-wrap .js_quick_slide .move ul li a .bot .date {padding-left:8px; font-weight:400; font-size:1.6rem; color:#777; flex-shrink: 1;}
.global-wrap .js_quick_slide .move ul li a:hover .bot {color:#114B93;}

.global-wrap .scroll_inform {display: none;  align-items: center; justify-content: center; position: absolute; top: 5px; left:50%; font-size: 14px; color: #114B93; font-weight: 500; transform: translateX(-50%);}
.global-wrap .scroll_inform:before {content: ""; display:block; width:3em; height:2.2em; margin-right:10px; background-image: url("../images/content/icon_slide.png"); background-repeat: no-repeat; background-position: center; transform: translate(0, 0);
	animation: scroll-left-right 1.5s infinite;
}
.global-wrap .sc-txt {margin:0 0 20px;}
      
/* ============================================================
@interaction
* ============================================================ */
.global-wrap .js_quick_slide .move ul li a {transition:border 0.3s;}
.global-wrap .js_quick_slide .move ul li a .top::after {transition:visibility 0.3s , opacity 0.3s;}
.global-wrap .js_quick_slide .move ul li a .top .txt {transition:visibility 0.2s, opacity 0.2s;}

.global-wrap .js_quick_slide .move ul li a:hover {border:1px solid #114B93;}
.global-wrap .js_quick_slide .move ul li a:hover .top::after,
.global-wrap .js_quick_slide .move ul li a:hover .top .txt {visibility: visible; opacity: 1;}

/* ============================================================
@animation
* ============================================================ */
@keyframes scroll-left-right {
	0% {
	    transform: translate(0 , 0);
	    opacity: 1;
	}
	50% {
	    transform: translate(-10px, 0);
	    opacity: 0.5;
	}
	100% {
	    transform: translate(0, 0);
	    opacity: 1;
	}
}

/* ============================================================
@media 
* ============================================================ */
@media screen and (max-width: 1500px){
	.global-wrap .js_quick_slide .move {width: calc(100% - 4em); margin: 0 auto;}
	.global-wrap .js_quick_slide .control a.btn_left{right: auto; left: 0;}
	.global-wrap .js_quick_slide .control a.btn_right{left: auto; right: 0;}
}
@media screen and (max-width: 1300px){
    .global-wrap .js_quick_slide .move ul li a .bot {padding:25px 10px;}
}
@media screen and (max-width: 1024px){
	.global-wrap .js_quick_slide .move {width: 100%;}
    .global-wrap .js_quick_slide .move ul {padding-top: 1rem;}
    .global-wrap .js_quick_slide .move ul li {padding:0 5px;}
	.global-wrap .js_quick_slide .control a[class*="btn_"] {display: none;}

	.global-wrap .scroll_inform{display: flex;width: 100%;}
}
@media screen and (max-width: 640px){
	.global-wrap {padding-top: 2em; padding-bottom: 4em;}
	.global-wrap .sec_tit {font-size: 1.6em;}
	.global-wrap .js_quick_slide .move ul li a .bot .date {font-size:1.5rem;}
    .global-wrap .js_quick_slide .move ul {padding-top: 2rem; padding-bottom:3rem;}
    .global-wrap .js_quick_slide .move ul li {width:50%;}

}
@media screen and (max-width: 425px){
	.global-wrap .sc-txt {margin:30px 0 20px;}
	.global-wrap .js_quick_slide .move ul {padding-bottom:1.5rem;}
    .global-wrap .js_quick_slide .move ul li {width:100%;}
}

/* ============================================================
*  sub_03_02
*  연구 협력사업 추진
* ============================================================ */
.sub_03_02 .dev-wrap {display: block;}
.sub_03_02 .dev-wrap .d-tit {display: block; margin:0 auto 25px; font-weight:700; font-size:3rem; color:#114B93; text-align: center;}
.sub_03_02 .dev-wrap .region-list {background-color:#f9f8f9;}
.sub_03_02 .dev-wrap .water-sc {margin-top:50px;}
.sub_03_02 .dev-wrap .water-sc .info-txt {font-size:1.7rem;}

/* md 웹 사이즈 */
.sub_03_02 .dev-wrap .region-list .md-size {display: block;}
.sub_03_02 .dev-wrap .region-list .md-size > img {display: block; width:100%;}

/* sm 모바일 사이즈 */
.sub_03_02 .dev-wrap .region-list .sm-size {display: none;}
.sub_03_02 .dev-wrap .region-list .sm-size .region-area {display: block;}
.sub_03_02 .dev-wrap .region-list .sm-size .region-area .sort-box {padding:15px 10px 10px;}
.sub_03_02 .dev-wrap .region-list .sm-size .region-area .sort-box .color {position:relative; padding-bottom:10px; padding-left:30px; font-weight:400; font-size:1.4rem;}
.sub_03_02 .dev-wrap .region-list .sm-size .region-area .sort-box .color::before {content:''; position:absolute; top:calc(0.91rem - 10px); left:0; width:20px; height:20px; border-radius: 4px; background-color:#ffffff; box-shadow: 2px 4px 12px rgba(0,0,0,0.1);}
.sub_03_02 .dev-wrap .region-list .sm-size .region-area .sort-box .color.v2::before {background-color:#DCE4EF;}

.sub_03_02 .dev-wrap .region-list .sm-size .region-area .item-list {display: block;}
.sub_03_02 .dev-wrap .region-list .sm-size .region-area .item-list > li {margin-bottom:30px;}
.sub_03_02 .dev-wrap .region-list .sm-size .region-area .item-list > li .region-box {padding:16px; border-radius:8px; background-color:#fff; box-shadow: 2px 4px 12px rgba(0,0,0,0.1);}
.sub_03_02 .dev-wrap .region-list .sm-size .region-area .item-list > li .region-box .tit {display: inline-block; padding:5px 12px; border-radius: 100px; background-color:#114B93; font-weight:700; font-size:2rem; color:#fff;}
.sub_03_02 .dev-wrap .region-list .sm-size .region-area .item-list > li .region-box .img-box {margin-top:15px;}
.sub_03_02 .dev-wrap .region-list .sm-size .region-area .item-list > li .region-box .img-box > img {display: block; width:60%;}

.sub_03_02 .dev-wrap .region-list .sm-size .region-area .item-list > li .rok-box {margin-top:12px; text-align: center;}
.sub_03_02 .dev-wrap .region-list .sm-size .region-area .item-list > li .rok-box .rok-list > li {padding:10px; border-radius:8px; background-color:#DCE4EF; font-weight:500; font-size:1.5rem; color:#114B93;}
.sub_03_02 .dev-wrap .region-list .sm-size .region-area .item-list > li .rok-box .rok-list > li:first-child {margin-bottom:10px;}


/* ============================================================
@media 
* ============================================================ */

@media screen and (max-width: 600px){
    .sub_03_02 .dev-wrap .d-tit {font-size:2.4rem;}

    .sub_03_02 .dev-wrap .region-list .sm-size {display: block;}
    .sub_03_02 .dev-wrap .region-list .md-size {display: none;}
}
@media screen and (max-width: 475px){
	.sub_03_02 .dev-wrap {margin:0 -20px;}
	.sub_03_02 .dev-wrap .water-sc {padding:0 20px;}
	.sub_03_02 .dev-wrap .region-list {padding:10px 20px;}
    .sub_03_02 .dev-wrap .region-list .sm-size .region-area .item-list > li .region-box .tit {font-weight:600; font-size:1.6rem;}
    .sub_03_02 .dev-wrap .region-list .sm-size .region-area .item-list > li .region-box .img-box > img {width:50%;}
}
/* ============================================================
*  sub_04-03-01
*  연구 협력사업 추진
* ============================================================ */
.sub_04_03_01 .newsletter-wrap {display: block; padding:45px 100px; border-radius:8px; background-color:rgba(173, 211, 255, 0.3); background-image:url(../images/content/bg_sub_04_03_01.png); background-repeat: no-repeat; background-position:center right 10px; background-size:490px 243px;}
.sub_04_03_01 .newsletter-wrap .txt-area {}
.sub_04_03_01 .newsletter-wrap .txt-area .tit {display: block;margin-bottom:20px; font-weight:700; font-size:3rem; color:#114B93;}
.sub_04_03_01 .newsletter-wrap .txt-area .txt {display: block;margin-bottom:40px; font-weight:500; font-size:1.7rem;}
.sub_04_03_01 .newsletter-wrap .btn-subscribe {display: block; min-width:140px; padding:15px 10px; border:1px solid #114B93; border-radius: 8px; background-color:#fff;  font-weight:600; font-size:1.6rem; color:#114B93; cursor: pointer;}


/* ============================================================
@interaction 
* ============================================================ */
.sub_04_03_01 .newsletter-wrap .btn-subscribe {transition:background 0.3s, color 0.3s;}
.sub_04_03_01 .newsletter-wrap .btn-subscribe:focus, 
.sub_04_03_01 .newsletter-wrap .btn-subscribe:hover {background-color:#114B93; color:#fff;}


/* ============================================================
@media 
* ============================================================ */
@media screen and (max-width: 1200px){
    .sub_04_03_01 .newsletter-wrap {padding:35px 60px; background-size:300px 149px;}
}
@media screen and (max-width: 800px){
    .sub_04_03_01 .newsletter-wrap {padding:35px 30px; background-position:bottom right 5px; background-size:230px 114px;}
}
@media screen and (max-width: 475px){
    .sub_04_03_01 .newsletter-wrap {padding:35px 30px 130px; background-position:bottom right 5px; background-size:230px 114px;}
    .sub_04_03_01 .newsletter-wrap .txt-area .tit {margin-bottom:10px; font-size:2.3rem;}
    .sub_04_03_01 .newsletter-wrap .txt-area .txt {margin-bottom:30px; font-size:1.5rem;}
    .sub_04_03_01 .newsletter-wrap .btn-subscribe {width:100%;}
}


/* ============================================================
*  sub_04-03-01
*  연구 협력사업 추진 - modal popup
* ============================================================ */
.modal-popup {visibility: hidden; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; transition: visibility 0s 0.4s;}
.modal-popup.on {visibility: visible; transition: visibility 0s 0s;}
.modal-popup .pop-bg {width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}
.modal-popup .pop-bg.no {background-color: transparent;}
.modal-popup .popup {position: absolute; top: 50%; left: 50%; max-width: 800px; width: 100%; padding: 0 20px; transform: translate(-50%, -50%);}
.modal-popup .popup .pop-con {display: block; overflow: hidden; border-radius: 10px;}
.modal-popup .popup .pop-con .pop-head {position:absolute; top:25px; right:25px;}
.modal-popup .popup .pop-con .btn-close {display:block; position: relative; width: 26px; height: 26px; font-size: 0; background-color: transparent; cursor:pointer;}
.modal-popup .popup .pop-con .btn-close::before,
.modal-popup .popup .pop-con .btn-close::after {content:""; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: #222;}
.modal-popup .popup .pop-con .btn-close::before {transform: translate(-50%, -50%) rotate(45deg); transform-origin: center; transition: transform-origin 0.3s;}
.modal-popup .popup .pop-con .btn-close::after {transform: translate(-50%, -50%) rotate(-45deg); transform-origin: center; transition: transform 0.3s;}

/* body */
.modal-popup .popup .pop-con .pop-body {overflow-x:hidden; overflow-y: auto; position:relative; max-height: calc(100vh - 50px); padding: 20px 40px; border:0; background-color: #ffffff; text-align: center;}
.modal-popup .popup .pop-con .pop-body .info-txt {padding-top:30px; background-image:url(../images/content/bg_newsletter_modal.png); background-repeat: no-repeat; background-size:cover; background-position:center; background-size:468px 233px;}
.modal-popup .popup .pop-con .pop-body .info-txt .tit {display: block; margin-bottom:12px; font-weight:700; font-size:3.8rem; color:#144A92;}
.modal-popup .popup .pop-con .pop-body .info-txt .txt {display: block; margin-bottom:12px;  font-weight:500; font-size:1.6rem; }
.modal-popup .popup .pop-con .pop-body .info-txt .email {display: block; max-width:280px; margin:0 auto; padding:12px; border:1px solid #144A92; border-radius: 100px; background-color:#fff; font-weight:600; font-size:1.7rem; color:#144A92; box-shadow: 2px 4px 10px 0px #144A9226;
}

.modal-popup .popup .pop-con .pop-body .e-sample {display: block; margin-top:40px; padding:19px 30px; border-top:1px solid #222; border-bottom:1px solid #CCCCCC; background-color:#F9F8F9; font-weight:600; font-size:1.7rem; color:#144A92;}
.modal-popup .popup .pop-con .pop-body .e-sample .sample-list {text-align: left; color:#222;}
.modal-popup .popup .pop-con .pop-body .e-sample .sample-list > li{line-height: 1.5; font-size:1.7rem;}
/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
.modal-popup .pop-bg {background-color: rgba(0,0,0,0); transition: background 0.4s;}
.modal-popup.on .pop-bg {background-color: rgba(0,0,0,0.2);}

.modal-popup .popup .pop-con .btn-close::before,
.modal-popup .popup .pop-con .btn-close::after {transition: transform 0.3s;}
.modal-popup .popup .pop-con .btn-close:focus::before,
.modal-popup .popup .pop-con .btn-close:hover::before {transform: translate(-50%, -50%) rotate(30deg);}
.modal-popup .popup .pop-con .btn-close:focus::after,
.modal-popup .popup .pop-con .btn-close:hover::after {transform: translate(-50%, -50%) rotate(-30deg);}

.modal-popup .popup .pop-con {top: 55%; opacity:0; transition: top 0.4s, opacity 0.4s;}
.modal-popup.on .popup .pop-con {top: 50%; opacity:1;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
    .modal-popup .popup {padding: 0 15px;}
}
@media screen and (max-width: 600px) {
    .modal-popup .popup {padding: 0 10px;}
    .modal-popup .popup .pop-con .pop-body {padding:20px;}
    .modal-popup .popup .pop-con .pop-body .info-txt .tit {font-size:2.5rem;}
    .modal-popup .popup .pop-con .btn-close {width: 16px; height: 16px;}
    .modal-popup .popup .pop-con .pop-head {position:absolute; top:16px; right:16px;}
    .modal-popup .popup .pop-con .pop-body .info-txt {background-size:318px 123px;}
    .modal-popup .popup .pop-con .pop-body .e-sample {padding:15px 10px;}
}
@media screen and (max-width: 475px) {
    .modal-popup .popup .pop-con .pop-body .e-sample .sample-list > li {font-size:1.5rem;}
}

/* ============================================================
*  sub_04-05-01
*  소셜미디어
* ============================================================ */
.sub_04_05_01 .social-wrap {display: block; padding:70px; background-color:#F9F8F9; border-radius: 8px;}
.sub_04_05_01 .social-wrap > .tit {display: block; margin:0 auto; font-weight:700; font-size:3rem; color:#114B93; text-align: center;}
.sub_04_05_01 .social-wrap .social-list {display: flex; margin:40px -19px 0;}
.sub_04_05_01 .social-wrap .social-list > li {width:33.3333%; padding:0 19px;}
.sub_04_05_01 .social-wrap .social-list > li .item {display: flex; height:100%; padding:38px; border-radius: 8px; background-color:#fff; justify-content: center; align-items: center; box-shadow: 2px 4px 14px 0 rgba(0,0,0,0.1);}
.sub_04_05_01 .social-wrap .social-list > li .item .img-box > img {display: block; width:100%; height:100%; }
.sub_04_05_01 .social-wrap .social-list > li .item .txt-box {padding-left:30px; flex-grow:1;}
.sub_04_05_01 .social-wrap .social-list > li .item .txt-box .tit {display: block; font-weight:600; font-size:2.5rem; color:#222;}
.sub_04_05_01 .social-wrap .social-list > li .item .txt-box .btn-link {display: inline-block; padding:8px 45px 8px 10px; margin-top:15px; border:1px solid transparent; border-radius: 100px;  background-image:url(../images/content/icon_link.png); background-repeat: no-repeat; background-size:19px; background-position:center right 10px; background-color:#144A92; }
.sub_04_05_01 .social-wrap .social-list > li .item .txt-box .btn-link > span {padding-left:4px; font-weight:600; font-size:1.5rem; color:#fff; }

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
.sub_04_05_01 .social-wrap .social-list > li .item {transition:transform 0.3s;}
.sub_04_05_01 .social-wrap .social-list > li .item .txt-box .btn-link {transition: background 0.3s, border 0.3s;}
.sub_04_05_01 .social-wrap .social-list > li .item .txt-box .btn-link > span {transition: color 0.3s;}


.sub_04_05_01 .social-wrap .social-list > li:focus .item,
.sub_04_05_01 .social-wrap .social-list > li:hover .item {transform: translateY(-20px);}
.sub_04_05_01 .social-wrap .social-list > li .item .txt-box .btn-link {transform: background 0.3s;}
.sub_04_05_01 .social-wrap .social-list > li .item .txt-box .btn-link:focus,
.sub_04_05_01 .social-wrap .social-list > li .item .txt-box .btn-link:hover {border:1px solid #114B93; background-color:#fff; background-image:url(../images/content/icon_link_on.png);}
.sub_04_05_01 .social-wrap .social-list > li .item .txt-box .btn-link:focus > span,
.sub_04_05_01 .social-wrap .social-list > li .item .txt-box .btn-link:hover > span {color:#114B93;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1300px) {
    .sub_04_05_01 .social-wrap {padding:60px 40px;} 
    .sub_04_05_01 .social-wrap .social-list {margin:40px -10px;}
    .sub_04_05_01 .social-wrap .social-list > li {padding:0 10px;}
}
@media screen and (max-width: 1200px) {
    .sub_04_05_01 .social-wrap .social-list > li .item {padding:28px;}
}
@media screen and (max-width: 1024px) {
    .sub_04_05_01 .social-wrap .social-list > li .item {padding:28px 18px;}
    .sub_04_05_01 .social-wrap .social-list > li .item .img-box > img {width:80%;}
    .sub_04_05_01 .social-wrap .social-list > li .item .txt-box {padding-left:15px;}
    .sub_04_05_01 .social-wrap .social-list > li .item .txt-box .tit {font-size:2rem;}
}
@media screen and (max-width: 800px) {
    .sub_04_05_01 .social-wrap .social-list > li .item {display: block;}
    .sub_04_05_01 .social-wrap .social-list > li .item .img-box,
    .sub_04_05_01 .social-wrap .social-list > li .item .txt-box {text-align: center;}
    .sub_04_05_01 .social-wrap .social-list > li .item .img-box > img {margin:0 auto;}
    .sub_04_05_01 .social-wrap .social-list > li .item .txt-box {margin-top:15px; padding-left:0;}
    .sub_04_05_01 .social-wrap .social-list > li .item .txt-box .btn-link {display: block;}
}
@media screen and (max-width: 600px) {
	 .sub_04_05_01 .social-wrap {padding:30px 23px;}
    .sub_04_05_01 .social-wrap .social-list {display: block;}
    .sub_04_05_01 .social-wrap > .tit {font-size:2.5rem;}
    .sub_04_05_01 .social-wrap .social-list > li{width:100%; padding-bottom:10px;}
    .sub_04_05_01 .social-wrap .social-list > li .item {display: flex; height:auto; padding: 14px 46px; justify-content:center;}
    .sub_04_05_01 .social-wrap .social-list > li .item .txt-box {margin-top: 0; padding-left:15px; text-align: left; flex-grow:0;}
    .sub_04_05_01 .social-wrap .social-list > li:focus .item,
    .sub_04_05_01 .social-wrap .social-list > li:hover .item {transform: translateY(0);}
}
@media screen and (max-width: 400px) {
    .sub_04_05_01 .social-wrap > .tit {font-size:2rem;}
    .sub_04_05_01 .social-wrap .social-list > li .item {padding:28px 46px;}
    .sub_04_05_01 .social-wrap .social-list > li .item .txt-box { padding-left:0;}
    .sub_04_05_01 .social-wrap .social-list > li .item .img-box > img {width:60%; margin: 0;}
    .sub_04_05_01 .social-wrap .social-list > li .item .txt-box .btn-link {margin-top:7px;}
}

/* ============================================================
*  sub_04-02
*  브로슈어
* ============================================================ */
.sub_04_02 .brochure-wrap {max-width:960px; margin:0 auto;}
.sub_04_02 .brochure-wrap .btn-down-box {max-width:960px; margin-bottom:20px; text-align:right;}
 .sub_04_02 .brochure-wrap #viewer {max-width:100%;}
 
 @media screen and (max-width: 475px) {
.sub_04_02 .brochure-wrap .btn-down-box {max-width:100%;}
.sub_04_02 .brochure-wrap .btn-down-box .btn-download {width:100%;}
}

/* ============================================================
*  sub_05_02_02
*  메콩 플러스
* ============================================================ */
.mekong-area .tab-box-con {margin-top:-8px;}
.sub_05_02_02 {}
.sub_05_02_02 .title-box {display: block; padding:35px 40px; text-align: center; border-radius: 8px; background-color:#F9F8F9;}
.sub_05_02_02 .title-box .tit {display: block; font-weight:700; font-size:2.2rem; line-height:1.4;}
.sub_05_02_02 .title-box .point {color:#114B93;}
.sub_05_02_02 .plus_wrap {position: relative;}
.sub_05_02_02 .plus_wrap .line_bar {position: absolute; top: 7rem; left: 2rem; width: 1px; height: 100%; background-color: rgba(221, 221, 221, 1);}
.sub_05_02_02 .plus_wrap .line_bar .line {position: absolute; top: 0; left: 0; width: 1px; height: 0; background-color: #114B93; transition: height 1s;}
.sub_05_02_02 .plus_wrap > ul {padding-left: 9.5rem; box-sizing: border-box;}
.sub_05_02_02 .plus_wrap > ul > li {display: flex; gap: 3.4rem; position: relative; padding: 5rem 0 0; box-sizing: border-box;}


.sub_05_02_02 .plus_wrap > ul > li::before,
.sub_05_02_02 .plus_wrap > ul > li::after {
    content: "";
    display: block;
    position: absolute;
    right: calc(100% + 6.6rem);
    top: 7rem;
    z-index: 1;
    width: 1.6rem;
    height: 1.6rem;
    background-color: #114B93;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s ease;
}

.sub_05_02_02 .plus_wrap > ul > li::before {opacity: 1; background-color: rgba(221, 221, 221, 1);}

.sub_05_02_02 .plus_wrap > ul > li[data-hit="on"]::before {background-color:#114B93;}
.sub_05_02_02 .plus_wrap > ul > li[data-hit="on"]::after {
    opacity: 0.8;
    animation-name: history;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.sub_05_02_02 .plus_wrap > ul > li[data-ani="off"]::after {
    display:none;
}



@keyframes history {
    0% {
        opacity: 0.8;
        transform: scale(0)
    }

    50% {
        opacity: 0.5;
        transform: scale(2)
    }

    100% {
        opacity: 0;
        transform: scale(3)
    }
}

.sub_05_02_02 .plus_wrap > ul > li {border-bottom: 1px dashed rgba(204, 204, 204, 1);}
.sub_05_02_02 .plus_wrap > ul > li ~ li {}
.sub_05_02_02 .plus_wrap > ul > li .plus_year {font-size: 4.5rem; color: #222; font-weight: 700;}
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox {flex-grow: 1; padding-left: 4rem; padding-top: 1.2rem;}
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li {display: flex; padding:50px 0; border-bottom:1px dashed rgba(204, 204, 204, 1); justify-content: space-between; align-items: center;}
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li.pt-0 {padding-top:0;}
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li:last-child {border-bottom:0;}
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con {display: flex; gap: 3.6rem; width:100%;}
/* .sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con ~ li {margin-top: 1.4rem;} */
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con > em {flex-shrink: 1; min-width: 3.7rem; font-size: 1.7rem; color: #222; font-weight: 600; font-style: normal;}
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li.key_point .l-con em {color:#114B93; font-weight: 600;}
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con .plus_list {width: calc(100% - 3.6rem);  margin-bottom: 1.4rem;  flex-grow:1;}
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con .plus_list li {display: block;font-size: 1.7rem; color: #222; font-weight: 400; }
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li.key_point .l-con .plus_list li {color:#114B93; font-weight: 700;}
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con .plus_list li ~ li {margin-top: 0.4rem;}
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con .plus_list .link-inner {display:inline-block; padding:13px 21px; border:1px solid #144A92; border-radius:8px; background-color:#fff; box-shadow: 2px 4px 10px 0px #144A9226;}
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con .plus_list .link-inner .tit {display:block; color:#114B93; font-size:1.7rem;}

.sub_05_02_02 .plus_wrap > ul > li .r-con {display: flex; width:267px; padding-left:20px; flex-shrink: 0;}
.sub_05_02_02 .plus_wrap > ul > li .r-con .plus_imgbox {overflow: hidden; position: relative; max-width: 267px; width: 100%; height: 100%; margin-left: auto; border-radius: 8px; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);}
.sub_05_02_02 .plus_wrap > ul > li .r-con .plus_imgbox:before {content:""; display:block; padding-top:55%;}
.sub_05_02_02 .plus_wrap > ul > li .r-con .plus_imgbox img {display: block; position: absolute; top: 0; left: 0;  width: 100%; height: 100%;}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con .plus_list .link-inner {transition:background 0.3s;}
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con .plus_list .link-inner .txt {transition: color 0.3s;}

.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con .plus_list .link-inner:hover {background-color:#114B93; box-shadow:inset 2px 4px 10px 0 rgba(0,0,0,0.2);}
.sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con .plus_list .link-inner:hover .tit {color:#fff;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/

@media screen and (max-width:1024px){
    .sub_05_02_02 .plus_wrap > ul > li {flex-wrap: wrap;}
    .sub_05_02_02 .plus_wrap > ul > li .plus_listbox {width: 100%;}
    .sub_05_02_02 .plus_wrap > ul > li .r-con .plus_imgbox {margin-left: 0; max-width: 100%;}
    
}
@media screen and (max-width:700px){
    .sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li {display:block;}
    .sub_05_02_02 .plus_wrap > ul > li .r-con {padding-left:0;}
    .sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li {padding:30px 0;}
}

@media screen and (max-width:640px){
    .sub_05_02_02 .plus_wrap > ul > li .plus_listbox {padding: 0;}
    .sub_05_02_02 .title-box .tit {font-size:1.8rem;}
}
@media screen and (max-width:475px){
	.sub_05_02_02 .plus_wrap > ul {padding-left:5.5rem;}
	.sub_05_02_02 .plus_wrap > ul > li::before,
	.sub_05_02_02 .plus_wrap > ul > li::after {right:calc(100% + 2.7rem);}
    .sub_05_02_02 .plus_wrap > ul > li .r-con {width:100%;}
    .sub_05_02_02 .plus_wrap > ul > li .r-con .plus_imgbox {max-width:100%;}
    .sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con {gap:2rem;}
    .sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con .plus_list {width:100%;}
    .sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con .plus_list li {font-size:1.5rem;}
    .sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con .plus_list .link-inner .tit {font-size:1.5rem;}
    .sub_05_02_02 .plus_wrap > ul > li .plus_year {font-size:3rem;}

}
@media screen and (max-width:375px){
    .sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con {display: block;}
    .sub_05_02_02 .plus_wrap > ul > li .plus_listbox > li .l-con > em {display: block; padding-bottom:10px;}
}


/* ============================================================
*  sub_02
*  QR CODE 공통
* ============================================================ */
.sub_02_01 .sc.qr-code .sc-content {display: flex; padding:32px; padding-top:32px; border-radius: 8px; background-color:#F9F8F9; justify-content: center; align-items: center;}
.sub_02_01 .sc.qr-code .sc-content .btn-qr {display: inline-block; margin-right:35px; padding:22px; border-radius: 8px; background-color:#fff;box-shadow: 2px 4px 14px 0px rgba(0,0,0,0.1);}
.sub_02_01 .sc.qr-code .sc-content .btn-qr img {display: block; width:100%; height:100%; max-width:200px; max-height:200px;}
.sub_02_01 .sc.qr-code .sc-content .txt-con .list_01 > li {font-weight:500;font-size:1.7rem;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:800px){
    .sub_02_01 .sc.qr-code .sc-content {flex-direction: row !important;}
}
@media screen and (max-width:600px){
    .sub_02_01 .sc.qr-code .sc-content {padding:20px; justify-content: flex-start;}
    .sub_02_01 .sc.qr-code .sc-content .btn-qr {width:40%; margin-right:20px; padding:15px;}
}
@media screen and (max-width:475px){
    .sub_02_01 .sc.qr-code .sc-content {padding:20px; justify-content: flex-start;}
    .sub_02_01 .sc.qr-code .sc-content .btn-qr {width:40%; margin-right:15px; padding:10px;}
    .sub_02_01 .sc.qr-code .sc-content .txt-con .list_01 > li {font-size:1.5rem;}
}
@media screen and (max-width:320px){
    .sub_02_01 .sc.qr-code .sc-content {display: block !important;}
    .sub_02_01 .sc.qr-code .sc-content .btn-qr {display: inline-block; width:90%; margin:0 auto; margin-right:0; padding:5px; text-align: center;}
    .sub_02_01 .sc.qr-code .sc-content .btn-qr img {display: block; margin:0 auto; max-width:none;max-height:none;}
}


/* ============================================================
*  sub_02_01
*  overview
* ============================================================ */
.sub_02_01 .sc {margin-bottom:60px;}
.sub_02_01 .sc.type-a {}
.sub_02_01 .sc.type-a .sc-content {display: flex; overflow:hidden; align-items: center;  }
.sub_02_01 .sc.type-a .sc-content .img-box {display: flex; overflow: hidden; width:40%; border-radius: 8px; flex-shrink: 0; box-shadow:2px 4px 10px 0 rgba(0,0,0,0.1);}
.sub_02_01 .sc.type-a .sc-content .img-box > img {display: block; width:100%; flex-shrink: 0;}
.sub_02_01 .sc.type-a .sc-content .txt-box {width:50%;flex-grow:1;}
.sub_02_01 .sc.type-a .sc-content .txt-box .txt {font-weight:400; font-size:1.7rem; color:#222; line-height:1.4; word-break:break-word;}

.sub_02_01 .sc .sc-content .btn-link {display: flex; position:absolute; top:-56px; right:0; max-width:220px; padding:6px 12px 6px 6px; border:0; border-radius: 100px; background-color:#144A92; color:#fff; font-size:1.6rem; box-shadow: 2px 4px 10px 0 rgba(0,0,0,0.1); align-items: center; }
.sub_02_01 .sc .sc-content .btn-link > img {display: block; margin-right:10px;}

.sub_02_01 .sc .mkwf-video {width:100%; max-width:960px; margin:0 auto;}
/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:1024px){
    .sub_02_01 .sc .sc-content .btn-link > img {width:auto;}
}
@media screen and (max-width:800px){
    .sub_02_01 .sc.type-a .sc-content {flex-direction: column;}
    .sub_02_01 .sc.type-a .sc-content .img-box {width:100%; align-items: stretch;}
    .sub_02_01 .sc.type-a .sc-content .txt-box {width:100%; margin-top: 10px;}
}
@media screen and (max-width:425px){
/* 	.sub_02_01 .sc.type-a .sc-content {padding:15px 20px;} */
    .sub_02_01 .sc .sc-content .btn-link {max-width:none;}
    .sub_02_01 .sc.type-a .sc-content .txt-box .txt {font-size:1.5rem;}
}


  
/* section-01 */
 .sub_02_01 #tabCon01 .sc.sc-01 .sc-content .img-box {margin-right:30px;}
 .sub_02_01 #tabCon01 .sc.sc-01 .sc-content .txt-box .txt:first-child {margin-bottom:18px;}
/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:800px){
     .sub_02_01 #tabCon01 .sc.sc-01 .sc-content .img-box {margin-right:0;}
}

/* section-02 */
 .sub_02_01 #tabCon01 .sc.sc-02 .sc-content {overflow:hidden; background-color:#F9F8F9;border-radius:8px;}
 .sub_02_01 #tabCon01 .sc.sc-02 .sc-content .img-box {width:50%; max-height:300px; border-radius:0;}
 .sub_02_01 #tabCon01 .sc.sc-02 .sc-content .txt-box {padding:33px 40px;}
 .sub_02_01 #tabCon01 .sc.sc-02 .sc-content .txt-box .h4 {margin-bottom:10px; font-weight:700; font-size:2rem; color:#114B93;}
 .sub_02_01 #tabCon01 .sc.sc-02 .sc-content .list_01 > li span {font-size:1.7rem;}
 .sub_02_01 #tabCon01 .sc.sc-02 .sc-content .list_01 > li .title {padding-right:5px; flex-shrink: 0;}
/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:800px){
     .sub_02_01 #tabCon01 .sc.sc-02 .sc-content .txt-box {padding:23px 20px;}
     .sub_02_01 #tabCon01 .sc.sc-02 .sc-content .img-box {width:100%; border-radius: 0 0 8px 8px;}
     
}
@media screen and (max-width:600px){
     .sub_02_01 #tabCon01 .sc.sc-02 .sc-content .list_01 > li span {font-size:1.5rem;}
}
@media screen and (max-width:475px){
      .sub_02_01 #tabCon01 .sc.sc-02 .sc-content .txt-box .h4 {font-size:1.7rem;}
}
@media screen and (max-width:375px){
     .sub_02_01 #tabCon01 .sc.sc-02 .sc-content .txt-box {padding:13px 10px;}
     .sub_02_01 #tabCon01 .sc.sc-02 .sc-content .list_01 li {flex-wrap:wrap;}
}

/* section-03 */
 .sub_02_01 #tabCon01 .sc.sc-03 .sc-content #viewer {max-width:960px; width:100%;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:475px){
     .sub_02_01 #tabCon01 .sc.sc-03 .sc-content .btn-download {display: block; width:100%;}
}

/* section-04 */
 .sub_02_01 #tabCon01 .sc.sc-04 .sc-content .txt-box {padding-left:30px;}
 .sub_02_01 #tabCon01 .sc.sc-04 .sc-content .txt-box .txt {margin-bottom:18px;}
  .sub_02_01 #tabCon01 .sc.sc-04 .sc-content .img-box {border-radius:8px;}
 .sub_02_01 #tabCon01 .sc.sc-04 .sc-content .btn-link {display: flex; position:static; max-width:205px; padding:6px; border:0; border-radius: 100px; background-color:#144A92; color:#fff; font-size:1.6rem; align-items: center;}
 .sub_02_01 #tabCon01 .sc.sc-04 .sc-content .btn-link > img {display: block; margin-right:10px;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:1024px){
     .sub_02_01 #tabCon01 .sc.sc-04 .sc-content .btn-link > img {width:auto;}
}

@media screen and (max-width:800px){
     .sub_02_01 #tabCon01 .sc.sc-04 .sc-content .img-box{width:80%;}
     .sub_02_01 #tabCon01 .sc.sc-04 .sc-content .txt-box {padding-left:0;}
}
@media screen and (max-width:600px){
     .sub_02_01 #tabCon01 .sc.sc-04 .sc-content .img-box{width:100%;}
}
@media screen and (max-width:425px){
     .sub_02_01 #tabCon01 .sc.sc-04 .sc-content .btn-link {max-width:none; justify-content:center;}
     .sub_02_01 .sc.type-a .sc-content .txt-box .txt {font-size:1.5rem;}
     .sub_02_01 #tabCon01 .sc.sc-04 .sc-content .txt-box .txt {font-size:1.5rem;}
}



/* ============================================================
*  sub_02_01_02
*  2nd MKWF
* ========================================================= */
.sub_02_01 #tabCon02 .mkwf-02 .sc-content {align-items: flex-start;}
.sub_02_01 #tabCon02 .sc-content .img-box {width:30%; margin-right:39px; flex-shrink: 0;}
.sub_02_01 #tabCon02 .sc-content .txt-box {width:70%; padding:40px; border:1px solid #DDDDDD; border-radius: 8px; flex-grow:1;}
.sub_02_01 #tabCon02 .sc-content .txt-box .txt-con {margin-bottom:40px;}
.sub_02_01 #tabCon02 .sc-content .txt-box .txt-con .tit {margin-bottom:20px; font-weight:700; font-size:2rem; color:#114B93;}
.sub_02_01 #tabCon02 .sc-content .txt-box .txt-con .list_01 > li {font-weight:400; font-size:1.7rem;}
.sub_02_01 #tabCon02 .sc-content .txt-box .txt-con .list_01 > li span {font-size:1.7rem;}
.sub_02_01 #tabCon02 .sc-content .txt-box .img-content {overflow: hidden; border-radius: 8px;}
.sub_02_01 #tabCon02 .sc-content .txt-box .img-content > img {display: block; width:100%;}
/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:1024px){
    .sub_02_01 #tabCon02 .sc-content .img-box { margin-right:29px;}
    .sub_02_01 #tabCon02 .sc-content .txt-box {padding:25px;}
}
@media screen and (max-width:800px){
    .sub_02_01 #tabCon02 .sc-content {flex-direction: row;}
    .sub_02_01 #tabCon02 .sc-content .txt-box {margin-top:0;padding:20px;}
    .sub_02_01 #tabCon02 .sc-content .img-box {margin-right:19px;}
}
@media screen and (max-width:600px){
    .sub_02_01 #tabCon02 .sc-content {display: block;}
    .sub_02_01 #tabCon02 .sc.qr-code .sc-content {display: flex !important;}
    .sub_02_01 #tabCon02 .sc-content .img-box {width:100%; margin-right:0; margin-bottom:30px;}
    .sub_02_01 #tabCon02 .sc-content .txt-box {width:100%;}
}
@media screen and (max-width:475px){
    .sub_02_01 #tabCon02 .sc-content .txt-box {padding:20px 10px;}
    .sub_02_01 #tabCon02 .sc-content .txt-box .txt-con .tit {font-size:1.7rem;}
    .sub_02_01 #tabCon02 .sc-content .txt-box .txt-con .list_01 > li span {font-size:1.5rem;}
}

/* ============================================================
*  sub_02_01_03
*  Logistics
* ========================================================= */
.sub_02_01 #tabCon03 .sc-content {position:relative; width:100%; padding-top:13px;}
.sub_02_01 #tabCon03 .sc-content .map-box {width:100%;}
.sub_02_01 #tabCon03 .sc-content .btn-link {display: flex; position:absolute; top:-56px; right:0; max-width:220px;}
.sub_02_01 #tabCon03 .sc-content .btn-link > img {display: block; margin-right:10px;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:390px){
    .sub_02_01 #tabCon03 .sc-content .btn-link {position: static; width: 100%; max-width: unset; margin-bottom: 20px; justify-content: center;}
}


/* ============================================================
*  sub_02_01_04
*  Registration
* ========================================================= */
.sub_02_01 #tabCon04 .sc-content {position:relative;}
.sub_02_01 #tabCon04 .sc-content .txt-box {margin-top:50px; padding:30px; border-radius:8px; background-color:#F9F8F9; background-image: url(../images/content/bg_sub_01_06.png); background-repeat: no-repeat; background-position:bottom 20px right 20px; background-size:149px 139px; text-align: center;}
.sub_02_01 #tabCon04 .sc-content .txt-box .txt-con {position:relative; padding:35px 0;}
.sub_02_01 #tabCon04 .sc-content .txt-box .txt-con::before {content:''; position:absolute; top:0; left:50%; width:21px; height:20px; background:url(../images/content/icon_quote.png) no-repeat center / cover; transform: translateX(-50%);}
.sub_02_01 #tabCon04 .sc-content .txt-box .txt-con::after {content:''; position:absolute; bottom:0; left:50%; width:21px; height:20px; background:url(../images/content/icon_quote_02.png) no-repeat center / cover; transform: translateX(-50%);}
.sub_02_01 #tabCon04 .sc-content .txt-box .txt-con .txt {margin-bottom:18px; font-weight:400; font-size:1.7rem;}
.sub_02_01 #tabCon04 .sc-content .btn-link {top:-76px; max-width:none;}
/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:600px){
    .sub_02_01 #tabCon04 .sc-content .txt-box .txt-con .txt {font-size:1.5rem;}
    .sub_02_01 #tabCon04 .sc-content .txt-box .txt-con::before {width:14px; height:13px;}
}
@media screen and (max-width:390px){
    .sub_02_01 #tabCon04 .sc-content .btn-link {position:static; margin-bottom:20px; justify-content: center;}
}

/* ============================================================
*  sub_02_01_05
*  Contact
* ========================================================= */
.sub_02_01 #tabCon05 .sc {margin-bottom:0;}
.sub_02_01 #tabCon05 .section-wrap {display: flex; width:100%; margin:0 -15px;}
.sub_02_01 #tabCon05 .section-wrap .sc {width:50%; padding:0 15px;}
.sub_02_01 #tabCon05 .section-wrap .sc-content {padding:40px; height:80%;  border-radius:8px; background-color:#f9f9f9;}
.sub_02_01 #tabCon05 .section-wrap .sc-content .txt-box {}
.sub_02_01 #tabCon05 .section-wrap .sc-content .txt-box .tit {display: block; margin-bottom:14px; font-weight:700; font-size:2rem; color:#114B93;}
.sub_02_01 #tabCon05 .section-wrap .sc-content .txt-box .type-a {display: block; padding-left:60px; font-size:1.7rem;}

.sub_02_01 #tabCon05 .section-wrap .sc-02 .sc-content {display: flex; margin:0 -10px;}
.sub_02_01 #tabCon05 .section-wrap .sc-02 .sc-content .txt-box {width:50%; padding:0 20px; font-weight:400; font-size:1.7rem;}
.sub_02_01 #tabCon05 .section-wrap .sc-02 .sc-content .txt-box .list_01 .btn-link-app {position:relative; display: inline-block; margin-bottom:4px; padding-right:25px;  color:#114B93; background:url(../images/content/icon_link_on.png) no-repeat center right;}
.sub_02_01 #tabCon05 .section-wrap .sc-02 .sc-content .txt-box .list_01 .btn-link-app::before {content:''; position:absolute; bottom:-5px; left:0; width:0; height:3px; background-color:#114B93;}

/* ============================================================
@interaction
* ========================================================= */
.sub_02_01 #tabCon05 .section-wrap .sc-02 .sc-content .txt-box .list_01 .btn-link-app::before {transition: width 0.3s;}
.sub_02_01 #tabCon05 .section-wrap .sc-02 .sc-content .txt-box .list_01 .btn-link-app:hover::before {width :100%;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:1300px){
    .sub_02_01 #tabCon05 .section-wrap .sc-content .txt-box .type-a {padding-left:0;}
}
@media screen and (max-width:1024px){
    .sub_02_01 #tabCon05 .section-wrap {margin:0 -15px;}
    .sub_02_01 #tabCon05 .section-wrap .sc {padding:0 15px;}
    .sub_02_01 #tabCon05 .section-wrap .sc-content {padding:20px;}
    .sub_02_01 #tabCon05 .section-wrap .sc-02 .sc-content {display: block; margin:0 ;}   
    .sub_02_01 #tabCon05 .section-wrap .sc-02 .sc-content .txt-box {padding:0; }   
    .sub_02_01 #tabCon05 .section-wrap .sc-02 .sc-content .txt-box {width:100%;}
}
@media screen and (max-width:800px){
    .sub_02_01 #tabCon05 .section-wrap {display: block; margin:0;}
    .sub_02_01 #tabCon05 .section-wrap .sc {width:100%; padding:0;}
    .sub_02_01 #tabCon05 .section-wrap .sc-02 {margin-top:30px;}

}
@media screen and (max-width:600px){
    .sub_02_01 #tabCon05 .section-wrap .sc-content .txt-box .tit {font-size:1.7rem;}

}


/* ============================================================
*  sub_04_01
*  홍보영상
* ========================================================= */

.promo-video iframe {max-width:960px;}

.global-wrap .js_quick_slide .control .progress_box {display: none; position: absolute; left: 0; bottom:0; width: 100%; height: 2px; border-radius:2px; background-color: #DDDDDD;}
.global-wrap .js_quick_slide .control .progress_box em {display: block; width: 100%; height:100%; border-radius:2px; background-color: #114B93; transition: width .3s;}

@media screen and (max-width:600px){
    .global-wrap .js_quick_slide .control .progress_box {display:block;}

}


/* ============================================================
*  sub_05_02
*  메콩 플러스 > 메콩 지역 국가
* ========================================================= */
.country-wrap .country-detail::after {content:''; display: block; clear: both;}
.country-wrap .country-detail .source-box {float:right; margin-top: 20px; margin-bottom:-40px; text-align: right;}
/* .country-wrap .country-detail .source-box .tit {display:block; margin-bottom:7px; color: #fadfb2;} */
.country-wrap .country-detail .source-box .content {display:block;}
.country-wrap .country-detail .source-box .txt {display: inline-block;  font-size:1.3rem; color:#ddd;}
.country-wrap .country-detail .source-box .link {display: inline-block; margin:5px 0; font-size:1.3rem; color:#ddd;}

/* 모바일 */
.country-mobile .dd::after {content:''; display: block; clear: both;}
.country-mobile .dd .source-box {margin-bottom:-10px;}
.country-mobile .dd .source-box .txt {font-size: 1.3rem;}
.country-mobile .dd .source-box .link {font-size: 1.2rem;}

/* ============================================================
 	@interaction
* ========================================================= */
.country-wrap .country-detail .source-box .link {transition: color 0.3s;}
.country-wrap .country-detail .source-box .link:hover {color:#f6fafd;}

/* ============================================================
 	@media
* ========================================================= */
@media screen and (max-width:425px){
    .country-mobile .dd .source-box{margin-bottom:0;}

}