/******************************************
HEADER
********************************************/
body, header
{background:#fff ;;}

.wrap 
{max-width: 1440px;margin: 0 auto; width:100%;}
header 
{height: 110px; display: flex; border-bottom: 2px solid rgba(0, 0, 0, 0.199); position: relative;}
.header_inner 
{display: flex; justify-content: space-between; align-items: center;}
nav 
{width: 700px; text-align: center;}
.menu 
{display: flex; justify-content: space-between; text-align: center; }
.menu>li>a 
{font-size: 16px; line-height: 108px; font-weight: 500;}
.menu>li>a:hover 
{color: #0059a9; font-weight:500;}
.sub_menu 
{position: fixed; display: none; position: absolute; top:107px; height:58px; line-height:58px;}
.sub01 
{display: block;}
.sub_menu ul 
{display: flex;align-items: center;}
.sub_menu ul li 
{margin-right: 20px;}
.sub_menu ul li.on 
{color: #0059a9;}
.sub_menu a 
{display:inline-block; font-weight:400;}
.sub_menu a.active 
{color:#0059a9;}
.sub_menu a:hover 
{font-weight: 500; color: #0059a9;}

.header_right 
{display: flex; justify-content: space-between; align-items: center; width: 15%; position: relative;}
.lang a 
{font-weight: 600;}
.lang a:hover 
{font-weight: 600; color: rgb(0, 84, 153);}
.lang a::after 
{content: '/'; padding-left: 6px;}
.lang a:last-child::after 
{display: none;}
.search i 
{font-size: 25px; font-weight: bold; color: rgb(0, 84, 153);}
.menu_right 
{padding: 10px 15px;background-color: rgb(0, 84, 153);}
.menu_right span 
{display: block; width: 25px; height: 3px; border-radius: 20px; background-color: #fff; margin: 5px 0;}
.headerBg 
{position: absolute; top: 115px; width: 100%; height: 50px; border-bottom: 2px solid rgba(0, 0, 0, 0.199); z-index: -10;}




/****************************************
SUB COMMON
*****************************************/

.sub-content
{}
.sub-area
{max-width:1440px; margin:0 auto; height:100%; padding:0 10px;}
.sub-container
{max-width:1434px; margin:0 auto;}
.sub-container-02
{max-width:1000px; margin:0 auto;}
#container
{margin:60px 0 100px;}
.img-width-100 img
{width:100%;}
.img-width-80 img
{width:80%;}
.img-width-70 img
{width:70%;}
.img-width-60 img
{width:60%;}


.box
{width:100%; height:500px; background:#eee;}
.tab02
{display:none;}
.tab03
{display:none;}
.tab04, .tab05, .tab06{display:none;}
.tab_menu
{ margin-bottom:100px; }


 /* tab menu custom */
.tab_menu 
{width: 100%; display: flex; justify-content: center; margin-bottom: 60px;}
.tab_menu a 
{border: 1px solid #000; display: block; width: 180px; height: 45px; line-height: 35px; padding: 5px 30px; margin-right: 10px; position: relative; word-break:keep-all; text-align:left;}
.sub-content .tab_inner .tab-menu-style03 a
{width: 350px; padding:5px 20px; }
.sub-content .tab_inner .tab-menu-style03 a:after
{top:5px;}
.tab_inner .tab-menu-style04 a:after
{top:5px;}
.tab_inner .tab-menu-style05 a
{width:40%;}


.tab_menu a::after 
{content: url(../images/자료실/premium-icon-check-mark-5291032\ 복사\ 2.png); position: absolute; right: 20px;}
.tab_menu a.active 
{border: none; background-color: #005ead; color: #fff; }
.tab_menu a.active::after 
{content: url(../images/자료실/premium-icon-check-mark-5291032\ 복사.png);}


/* SUB TITLE */
#container .sub-title h2
{position:relative; top:0; left:0; transform:initial; text-align:center; width:100%; margin:70px 0 110px; display:inline-block; font-size:25px; color:#005ead; font-weight:600; z-index:-1;}
#container .sub-title h2::after {
    content: '';
    display: block;
    width: 1px;
    height: 50px;
    background-color: rgb(153, 153, 153);
    position: absolute;
    left: 50%;
    margin: 8px 0;
}


/*********** GREETING 인사말 ****************/
.greeting-wrap
{display:flex; justify-content:space-between;}
.greeting-img
{margin-left:4%;}
.greeting-img .ceo-des
{text-align:center; margin-top:25px;}
.greeting-img .ceo-des .ceo-des-wrap
{display:inline-block; width:62%;}
.greeting-img .ceo-des-wrap strong
{font-size:21px; color:#000; font-weight:600;}
.greeting-img .ceo-des-wrap .ceo-name
{text-align:right; margin-top:5px;}

.greeting-txt
{width:50%;}
.greeting-txt p
{font-size:17px; font-weight:500; color:#000; margin-bottom:30px; line-height:2.0; letter-spacing:-0.5px;}
.greeting-txt p strong
{font-size:18px; font-weight:600;}
.greeting-txt p .black
{ color:#000;}
.greeting-txt p .blue
{ color:#005ead;}



/*********** HISTORY 연혁 ****************/
.history-wrapper
{position:relative;}
.history-wrapper:after
{content:''; position:absolute; top:0; left:50%; width:2px; height:calc(100% - 4.5%); background:#9fa0a0; z-index:-1;}

.history-section .dep1-years
{text-align:center;}
.history-section .dep1-years .years-inner
{display:inline-table; width:150px; height:150px; border-radius:50%; border:8px solid #b0c0d6; background:#093877; text-align:center;}
.history-section .dep1-years h2
{display:table-cell; vertical-align:middle; font-size:38px; color:#fff; font-weight:700;}

.history-box .dep2-years
{margin-bottom:15px;}
.history-box .dep2-years h3
{color:#266db3; font-size:19px; font-weight:500;}
.history-box .history-detail li,
.history-box .history-detail li span
{font-size:17px; color:#000; font-weight:500; margin-bottom:10px;}
.history-box .history-detail li:after
{content:''; display:block; clear:both;}
.history-box .history-detail li .month
{font-size:17px; font-weight:700;}

.history-box-con:after
{content:''; display:block; clear:both;}
.history-box-con
{margin:90px 0 60px;}
.history-left-con .history-box
{float:left; width:50%; text-align:right; padding-right:50px; position:relative; z-index:1;}
.history-left-con .history-box::after
{content:''; position:absolute; width:15px; height:15px; background:#093877; right:0; top:5px; border-radius:50%; transform:translateX(55%);}

.history-left-con .history-img-box
{float:left; width:40%; margin-left:50px; height:300px;}

.history-right-con .history-box
{float:right; width:50%; text-align:left; padding-left:50px; position:relative; z-index:1;}
.history-right-con .history-box::after
{content:''; position:absolute; width:15px; height:15px; background:#093877; left:0; top:5px; border-radius:50%; transform:translateX(-45%);}
.history-right-con .history-box .history-detail li .month
{float:left; width:8%;}
.history-right-con .history-box .history-detail li span
{float:right; width:calc(100% - 8%);}

.history-right-con .history-img-box
{float:right; width:40%; margin-right:50px; height:300px;}




/*************** VISION 비전 및 역할 ******************/
.vision-sec
{margin-bottom:80px;}
.vision-tit 
{margin-bottom:20px; }
.vision-tit h2
{color:#266db3; border-left:6px solid #266db3; padding-left:8px; font-size:19px; font-weight:500;}
.vision-detail .vision-txt-inner
{background:#266db3;text-align:center; border:3px solid #266db3; border-radius:25px; padding:15px; }
.vision-detail .vision-txt-inner p
{font-size:18px; color:#fff; font-weight:500; word-break:keep-all;}
.vision-detail .vision-detail-img 
{text-align:center;}




/*********** ORGANIZATION 조직 ****************/
.organization
{text-align:center;}
.organization img
{transform:translate(4%)}

/* 배경 및 목적 */
.purpose-sec
{margin-bottom:120px;}
.purpose-box-tit
{margin-bottom:60px;}
.purpose-box-tit h2
{background:#266db3; color:#fff; font-weight:400; display:inline-block; font-size:19px; display:inline-block; padding:5px 30px;}
.purpose-tit
{margin-bottom:30px;}
.purpose-tit h2
{font-size:21px; color:#266db3; border-left:6px solid #266db3; padding-left:8px; font-weight:600;}

.purpose-wrap
{display:flex; justify-content:space-between;}
.purpose-box-wrap
{display:flex; justify-content: center}

.purpose-box-wrap .purpose-box
{margin:0 20px; position:relative; width:30%; border:3px solid #b8b1ad; border-radius:100px;}
.purpose-box-wrap .purpose-box .purpose-img
{position:absolute; left:50%; transform:translateX(-50%); }
.purpose-box-wrap .purpose-box .box-inner
{padding:55px 20px 20px; text-align:center;}
.purpose-box-wrap .purpose-box .box-inner .txt p
{font-size:19px; color:#000; font-weight:400; line-height:1.6;}


.purpose-box01 .purpose-img
{ top:-40px;}
.purpose-box02 .purpose-img
{ top:-60px;}
.purpose-box03 .purpose-img
{ top:-40px;}

.purpose-arrow
{text-align:center; margin:10px 0 30px;}
.purpose-result
{text-align:center;}
.purpose-result p
{color:#fff; font-size:16px;  background:#266db3; display:inline-block; width:80%; border-radius:50px; padding:20px; font-size:19px; font-weight:400; line-height:1.8}


.purpose-detail-02
{margin-top:70px;}
.purpose-detail .purpose-detail-img
{text-align:center;}
.purpose-detail-txt .detail-txt-sec
{margin-bottom:50px;}
.purpose-detail-txt .detail-txt-sec .detail-tit h4
{font-weight:400; color:#000; font-size:19px; margin-bottom:10px; word-break:keep-all;}
.purpose-detail-txt .detail-txt-sec .detail-tit h4 span
{color:#266db3; font-size:19px;}
.purpose-detail-txt .detail-txt-sec:last-child
{margin-bottom:0;}
.purpose-detail-txt .detail-txt-sec .detail-txt li
{font-size:18px; color:#000; font-weight:400; line-height:1.8; position:relative; padding-left:10px; margin-left:5px}
.purpose-detail-txt .detail-txt-sec .detail-txt li:before
{content:''; position:absolute; left:0; top:14px; width:3px; height:3px; background:#000; border-radius:100%;}



/* SUB SUMMARY */
.summary
{max-width:1440px; margin:0 auto;}
.summary-txt-box p
{font-size:18px; line-height:2.5;}
.summary-txt-box p strong
{font-size:21px; font-weight:600;}

/* CON 01 */
.summary .summary-content01
{width:100%; max-width:1440px; margin:0 auto 150px; display:flex; justify-content: center; align-items:center;}
.summary .summary-content01 > div
{width:600px;}
.summary .summary-content01 .con01-right-box
{text-align:right;}
.summary .con01-left-box
{width:600px; box-shadow:0px 0px 16px #ababab;}
.summary .con01-left-box .declaration
{text-align:center; padding:145px 25px; height:550px; position:relative; overflow:hidden; }
.summary .con01-left-box .declaration h2
{font-size:18px; font-weight:500; line-height:2.0; word-break:keep-all;}
.summary .con01-left-box .declaration h1
{margin-top:25px; font-size:21px; font-weight:600; color:#000;}
.summary .con01-left-box .declaration .summary-bg-wrap
{position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1;}
.summary .con01-left-box .declaration .summary-bg-wrap img:nth-child(1)
{position:absolute; right:-60px; top:-60px; animation:animate01 5s infinite linear;}
.summary .con01-left-box .declaration .summary-bg-wrap img:nth-child(2)
{position:absolute; left:15%; bottom:-17%; animation-name:animate02; animation-duration:5s; animation-iteration-count:infinite; animation-timing-function:linear;}
.summary .con01-left-box .declaration .summary-bg-wrap img:nth-child(3)
{position:absolute; left:37%; top:-18%;}
.summary .con01-left-box .declaration .summary-bg-wrap img:nth-child(4)
{position:absolute; left:30%; top:-18%;}
.summary .con01-left-box .declaration .summary-bg-wrap img:nth-child(5)
{position:absolute; left:-17%; animation:animate05 5s infinite linear;}
.summary .con01-left-box .declaration .summary-bg-wrap img:nth-child(6)
{position:Absolute; bottom:4%; right:17%; animation-name:animate06; animation-duration:5s; animation-iteration-count:infinite; animation-timing-function:linear;}
.summary .con01-left-box .declaration .summary-bg-wrap img:nth-child(7)
{position:Absolute; bottom:4%; right:6%; transform:rotate(90deg); animation-name:animate06; animation-duration:7s; animation-iteration-count:infinite; animation-timing-function:linear}


@keyframes animate01{
    0%{transform:translateY(-30px);}
    50%{transform:translateX(-20px);}
    100%{transform:translateY(-30px);}
}
@keyframes animate02{
    from {transform:rotate(0);}
    to {transform:rotate(360deg);}
}
@keyframes animate03{
    0%{transform:translateY(0px);}
    50%{transform:translateY(10px);}
    100%{transform:translateY(0px);}
}

@keyframes animate04{
    0%{transform:translateY(0px);}
    50%{transform:translateY(20px);}
    100%{transform:translateY(0px);}
}
@keyframes animate05{
    0%{transform:translateX(0px);}
    50%{transform:translateX(20px);}
    100%{transform:translateX(0px);}
}

@keyframes animate06{
    from {transform:rotate(0);}
    to {transform:rotate(360deg);}
}

/* CON 02 */
.summary .con02
{background: #ececec; width: 100%; height: 525px; position: relative; margin-bottom: 90px;}
.summary .con02 .con02_inner 
{width: 100%; max-width: 1440px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: inherit;}
.summary .con02 .con02_inner > div
{width:620px;}
.summary .con02 .con02_inner div img
{margin-bottom:60px;}
.summary .con02 .con02_inner .summary-txt-box p
{padding-left:30px;}




/* SUMMARY VISION */
.tactic-content
{display:inline-block; width:100%;}
.tactic-con
{position:relative; margin-bottom:80px;}
.tactic-con::after
{content:''; display:block; clear:both;}
.tactic-bg
{background:url('../images/비전/tactic-bg.png') center top no-repeat; width:100%; height:650px;}
.tactic-top
{text-align:center;}
.tactic-top h2
{font-size:26px; color:#004e96; display:inline-block; margin:30px 0; font-weight:600; word-break:keep-all;}
.tactic-list-box
{position:absolute; top:15%; width:100%;}
.tactic-list-box li
{width:30%;}
.tactic-list-box li dt
{color:#00427e; font-size:19px; font-weight:600; margin-bottom:10px;}
.tactic-list-box li dd
{font-size:15px; color:#000; font-weight:500; line-height:1.5}

.tactic-list-box li:first-child dt
{color:#00427e;}
.tactic-list-box li:nth-child(2) dt
{color:#007be2;}
.tactic-list-box li:nth-child(3) dt
{color:#004e96;}
.tactic-list-box li.rt-txt
{text-align:left; float:right;}
.tactic-list-box li.lt-txt
{text-align:right; float:left;}
.tactic-list-box li.ct-txt
{ margin-top:380px; width:100%; float:left; text-align:Center;}




/* SUB COO_ORG */
.coo_org
{max-width:1200px; margin:0 auto;}
.organ .top-txt p
{font-size:19px; color:#000; font-weight:600; line-height:1.9;}
.organ-list
{margin-top:50px;}
.organ-list .organ-sec
{margin-bottom:40px;}
.organ-list .organ-sec::after
{content:''; display:block; clear:both;}
.organ-list .organ-sec:last-child
{margin-bottom:0px;}



.organ-list .organ-tit h3
{font-size:17px; font-weight:600;}
.organ-logo-wrap:After
{content:''; display:block; clear:both;}
.organ-logo-wrap
{margin-top:15px; display:flex; flex-wrap:wrap;}
.organ-logo-wrap .logo-box
{float:left; width:156px; margin:0 50px 25px 0; text-align:center;}
.organ-logo-wrap .logo-box:nth-child(6)
{margin-right:0;}
.organ-logo-wrap .logo-box .logo-img
{width:100%; height: 83px; box-shadow:2px 2px 5px #ddd;}
.organ-logo-wrap .logo-box[href]:hover .logo-img
{box-shadow:2px 2px 5px #c7c7c7;}
.organ-logo-wrap .logo-box .logo-img img
{padding:9px; box-sizing:content-box;}


.organ-logo-wrap .logo-box p
{text-align:center; font-size:16px; color:#000; font-weight:500; height:50px; display:table; width:100%;}
.organ-logo-wrap .logo-box p span
{display:table-cell; vertical-align:middle;}
.organ-logo-wrap .logo-box[href]:hover p
{color:#333;}


/* SUB LOCATION */
.location-map
{}
.road .list
{max-width:1440px;}


/* SUB MEKON SUMMARY */
.mekong-summary-con
{margin-top:40px;}
.mekong-summary-con p
{font-size:1.7rem; line-height:1.5; margin-bottom:25px; font-weight:500; word-break:break-word;}
.mekong-summary-con p:last-child
{margin-bottom:0;}


/* SUB MEKON COUNTRY */
.country-inner
{text-align:Center; display:flex; align-items:end; justify-content: center;;}
.country-inner:after
{content:''; display:block; clear:both;}
.country01.active,
.country02.active
{float:left; display:inline-block; width:300px;}
.country01 .map-02
{display:none; cursor:pointer}
.country01 .map-02:hover
{opacity:.8;}

.country-detail
{text-align:center; float:left; margin-left:3%; width:63%;}
.country-detail .area_box,
.country-detail .area_box02,
.country-detail .area_box03,
.country-detail .area_box04,
.country-detail .area_box05
{height:auto; padding:40px 35px 55px;}
.country-detail .prev-btn
{float:right; display:inline-block; transform:translate(20px, -25px); cursor:pointer; transition:all 0.15s ease;}
.country-detail .prev-btn:hover
{opacity:.6;}
.country-detail.hide
{display:none;}
.country-detail .box01
{text-align:left; width:100%;}

.country02 .map-02
{display:none;}
.country-mobile
{display:none;}

.country-mobile .box01>div:nth-child(1)
{margin-bottom:30px; text-align:center;}
.box01>div:nth-child(even)
{margin-top:0; margin:10px 0;}






/* 메콩 지역 국가 레이아웃 변경 이후 */

.country-detail .count-sec .tit
{color:#fadfb2; }
.country-detail .count-sec .txt
{color:#fff;}

/* 메콩지역 국가 모바일 */
@media screen and (max-width:870px){

    .country-detail .count-sec
    {margin:10px 0;}
    .country-mobile-detail .count-sec .tit
    {color:#fadfb2; font-size:16px; display:inline-block; width:100%;}
    .country-mobile-detail .count-sec .txt
    {color:#fff; font-size:15px; font-weight:400; margin-right:0;}
    .country-mobile-detail .count-sec .txt b
    {font-weight:400; font-size:15px;}


    .country-mobile-detail .tit:nth-child(1),
    .country-mobile-detail .tit:nth-child(2),
    .country-mobile-detail .tit:nth-child(3)
    {margin-right:0;}


}

.country-detail-box
{text-align:left;}
.country-detail-box .country-info-box
{}
.country-detail-box .country-info-box::after
{content:''; display:block; clear:both;}
.country-info-box .detail-info
{float:right; width:60%;}
.country-info-box .detail-info strong
{font-size:24px; font-weight:600;}


.country-description-box
{margin-top:20px}
.country-description-box .country-sec
{margin:15px 0; display:inline-block;  width:100%;}
.country-description-box .country-sec span.tit
{font-weight:500; color:#fadfb2; font-size:18px; display:block; margin-bottom:5px;}
.country-description-box .country-sec span.txt
{color:#fff; font-size:19px;}
.country-description-box .country-sec span.txt b
{font-weight:500; font-size:19px;}


/* 경제 부분 */
.country-description-box .economic
{display:flex;}
.country-description-box .economic:after
{content:''; display:block; clear:both;}
.country-description-box .economic .country-sec
{float:left; padding:0 5px; width:50%}
.country-description-box .economic .country-sec span.txt,
.country-description-box .economic .country-sec span.txt b
{font-size:25px;}


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



    .country-info-box .detail-info
    {width:50%;}

    .country-description-box .country-sec span.txt b
    {font-size:17px;}
    .country-description-box .country-sec span.txt
    {font-size:17px;}

    .country-description-box .economic
    {flex-wrap:wrap;}
    .country-description-box .economic .country-sec
    {width:49%;}
}


/* ********************  country mobile ************************ */

/* MOBILE TAB */
.country-tab
{margin-bottom:30px;}
.country-tab ul
{display:flex; justify-content:flex-start; flex-wrap:Wrap;}
.country-tab ul li
{border:1px solid #ddd; width:49%; text-align:center; margin:1% 2% 1% 0; background:#fff;}
.country-tab ul li:nth-child(even)
{margin:1% 0;}
.country-tab ul li a
{display:inline-block; padding:10px 0; font-size:14px; width:100%; height:100%;}
.country-tab ul li.on
{background:#001739;}
.country-tab ul li.on a
{color:#fff;}

/* MOBILE MAP */
.country-mobile-main-map
{text-align:center;}
.country-mobile-detail
{text-align:center; margin-top:30px;}
.country-mobile-detail .country-detail
{float:none; margin:0; width:100%;}
/* MOBILE DETAIL */
.country-mobile-detail .country-detail .country-detail-wrap .dd
{ margin-top:30px; display:block; padding:40px;}
.country-mobile-detail .country-detail .country-detail-wrap .area_box, 
.country-mobile-detail .country-detail .country-detail-wrap .area_box02, 
.country-mobile-detail .country-detail .country-detail-wrap .area_box03, 
.country-mobile-detail .country-detail .country-detail-wrap .area_box04, 
.country-mobile-detail .country-detail .country-detail-wrap .area_box05
{position:static; height:auto; max-width:100%; width:100%; }


/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:870px) {
	.country-tab ul li {margin:0; border-bottom:0; border-right:0;}
	.country-tab ul li:nth-child(even){margin:0; border-right:1px solid #ddd;}
	.country-tab ul li:nth-child(4){border-bottom:1px solid #ddd;}
	.country-tab ul li:last-child {border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
}



/* SUB WORLD */
.world-map-con:after
{content:''; display:block; clear:both;}
.world-map-con .world-map
{float:left; width:80%;}
.world-map-con .world-list
{float:right; width:20%;}
.world-map-con .world-list ul li
{margin:10px 0; border:1px solid #001739; background:#fff; font-sizxe:19px; transition:all 0.15s ease;}
.world-map-con .world-list ul li a
{display:block; padding:10px 20px; font-size:19px; font-weight:500; letter-spacing:-0.5px; color:#000; transition: all 0.15s ease;}
.world-map-con .world-list ul li.active
{background:#001739;}
.world-map-con .world-list ul li.active a
{color:#fff;}
.world-map-con .world-list ul li:hover
{background:#001739;}
.world-map-con .world-list ul li:hover a
{color:#fff;}

.world .description-con
{margin-top:30px;}
.world .detail-con
{background:#001739;}
.world .detail-inner
{padding:45px 40px;}


.world .detail-name .country-name
{margin-bottom:20px;}
.world .detail-name .country-name h1
{color:#fff; font-size:28px; font-weight:500;}

.world .detail-info
{margin-top:40px;}
.world .detail-info .info-sec
{margin-bottom:30px;}
.world .detail-info .info-sec:last-child
{margin-bottom:0;}
.world .detail-info .info-tit
{margin-bottom:10px;}
.world .detail-info .info-tit h2
{font-size:24px; font-weight:300; color:#fadfb2}
.world .detail-info .info-txt li
{font-size:19px; color:#fff; font-weight:300; margin-bottom:5px; padding-left:10px; position:relative;}
.world .detail-info .info-txt li:before
{content:''; width:3px; height:3px; position:absolute; left:0; background:#fff; border-radius:50%; top:10px}
.world .detail-info .info-txt li.etc
{margin-left:20px;}
.world .detail-info .info-txt li.etc:before
{}
.world .detail-info .info-txt li.small:before
{display:none;}





/* SUB RELATION */
.relation-top
{position:relative; text-align:center; margin-bottom:90px; padding-bottom:40px;}
.relation-top:after
{content:''; position:absolute; bottom:0; width:50px; height:2px; background:#ddd;}
.relation-top p
{font-size:17px; font-weight:500; line-height:1.8}

.relation-history-section
{margin-bottom:70px; padding-bottom:60px; border-bottom:1px solid #ddd;}
.relation-history-section:last-child
{border-bottom:none;}
.relation-history-section-top
{padding-bottom:170px; background:url('../images/relation-history-dots.jpg') no-repeat center; background-position-y:70%;}
.relation-history-section:after
{content:''; display:block; clear:both;}

.relation-history-years
{float:left; width:20%;}
.relation-history-years h1
{font-size:46px; font-weight:700; color:#7facd4;}
.relation-history-years h1.top
{color:#d1d1d1;}

.relation-history-des
{float:left; width:70%;}

.relation-history-des .relation-des-wrap
{margin-bottom:30px;}
.relation-history-des .relation-des-wrap:after
{content:''; display:block; clear:both;}
.relation-history-des .relation-history-des-list
{margin-bottom:10px; border-bottom:1px dotted rgb(173, 173, 173);; width:50%; float:left; padding-bottom:20px; height:180px;}
.relation-history-des .relation-history-des-list.full
{width:100%;}
.relation-history-des .relation-des-wrap:last-child .relation-history-des-list
{border-bottom:none;}
.relation-history-des .relation-history-des-list.none
{border-bottom:none;}
.relation-history-des .relation-history-des-list:last-child
{margin-bottom:0;}
.relation-history-des .relation-month
{margin-bottom:10px;}
.relation-history-des .relation-month span
{position:relative; padding-left:10px; font-weight:600; color:#000; font-size:18px;}
.relation-history-des .relation-month span.point
{background:#0059a9; color:#fff; padding:8px 30px; font-size:21px; font-weight:500; display:inline-block; word-break:keep-all;}
.relation-history-des .relation-month span:before
{content:''; position:Absolute; width:4px; height:4px; background:#000; left:0; border-radius:50%; top:9px; transform:translateY(30%)}
.relation-history-des .relation-month span.point:before
{content:''; left:15px; top:20px; background:#fff;}
.relation-history-des .relation-detail li
{font-size:15px; line-height:2.0; font-weight:600; color:#333; word-break:keep-all;}

.relation-history-img
{float:right; width:35%; height:180px; }


/*************************** SUB 3 ************************/
/* SUB NETWORKS */

.present-top
{text-align:center; margin-bottom:30px;}
.present-top .present-top-txt p
{font-size:19px; line-height:2.0; font-weight:500;}
.present-top .present-top-txt p strong
{font-size:19px; color:#005ead; font-weight:500;}

.present-content .firm-list
{margin-top:30px;}
.present-content .firm-list li
{position:relative; margin-bottom:15px; line-height:1.8; padding-left:12px;}
.present-content .firm-list li:before
{content:''; position:absolute; width:4px; height:4px; border-radius:50%; background:#000; left:0; top:13px;}
.present-content .firm-list li:last-child
{margin-bottom:0;}
.present-content .firm-list li:after
{content:''; display:block; clear:both;}
.present-content .firm-list li span
{font-size:18px; font-weight:500;}

.present-content .firm-list li .country
{float:left}
.present-content .firm-list li .agency
{float:left; margin-left:5px;}

.coo_tactic-wrap .tactic-tit
{font-size:21px; font-weight:600; color:#266db3; padding-left:8px; border-left:6px solid #266db3;}
.coo_tactic-wrap .tactic-list
{margin-top:80px;}
.coo_tactic-wrap .tactic-list .tactic-item
{margin-bottom:60px;}
.coo_tactic-wrap .tactic-list .tactic-item .tactic-item-tit
{font-size:19px; background:#266db3; color:#fff; padding:5px 40px; font-weight:400;}

.coo_tactic-wrap .tactic-list .tactic-item .tactic-sub-list
{background:#ececec; padding:40px 20px;}
.coo_tactic-wrap .tactic-list .tactic-item .tactic-sub-list li
{position:relative; padding-left:10px; margin-top:10px; font-size:16px ; font-weight:500; line-height:1.8; word-break:keep-all}
.coo_tactic-wrap .tactic-list .tactic-item .tactic-sub-list li:after
{content:''; display:block; clear:both;}
.coo_tactic-wrap .tactic-list .tactic-item .tactic-sub-list li:first-child,
.coo_tactic-wrap .tactic-list .tactic-item .tactic-sub-list li:last-child
{margin-top:0;}
.coo_tactic-wrap .tactic-list .tactic-item .tactic-sub-list li:before
{content:''; width:4px; height:4px; position:absolute; left:0; top:10px; background:#000; border-radius:50%;}
.coo_tactic-wrap .tactic-list .tactic-item .tactic-sub-list li.etc:before
{display:none;}
.coo_tactic-wrap .tactic-list .tactic-item .tactic-sub-list li.etc .dots
{float:left; width:1%;}
.coo_tactic-wrap .tactic-list .tactic-item .tactic-sub-list li.etc .txt
{float:right; width:99%; line-height:1.8;}



/* 추진 전략 */
.push .top-txt .tit
{margin-bottom:20px;}
.push .top-txt .tit h2
{font-size:23px; color:#266db3; font-weight:600; padding-left:8px; border-left:6px solid #266db3; position:relative;}
.push-description p
{margin-bottom:20px; font-size:19px; color:#000; font-weight:500; line-height:1.8; word-break:keep-all;}

/* 한-메콩 전문가 협의체 (K-MEC) */
.kmec-txt-con
{margin-bottom:100px;}
.kmec-txt-con .kmec-tit h3
{font-size:19px; background:#266db3; color:#fff; font-weight:600; display:inline-block; font-weight:500; padding:5px 40px; word-break:keep-all;}

.kmec-txt
{background:#ececec; padding:30px;}
.kmec-txt p
{margin-bottom:20px; font-size:17px; line-height:2.0; font-weight:500; word-break:keep-all;}
.kmec-txt p:last-child
{margin-bottom:0;}

.kmec-flow-img
{text-align:center;}

/* 센터 내부 역량 강화 CAPABILITY -> 전문가 세미나 */
.capability .top-txt
{margin-bottom:60px;}
.capability .top-txt .tit
{margin-bottom:20px;}
.capability .top-txt .tit h2
{font-size:23px; color:#266db3; font-weight:600; padding-left:8px; border-left:6px solid #266db3; position:relative;}

.capability .top-txt .list li
{font-size:19px; font-weight:500; color:#000; margin-top:10px; padding-left:15px; position:relative; word-break:keep-all;}
.capability .top-txt .list li:first-child
{margin-top:0;}
.capability .top-txt .list li:before
{content:''; position:Absolute; width:4px; height:4px; background:rgb(0, 0, 0); left:0; top:10px; border-radius:50%;}
.capability .top-txt .list li.etc
{font-size:18px; margin-top:8px;}
.capability .top-txt .list li.etc:before
{display:none;}

.capability .table-con table
{width:100%; border-spacing:0; border-collapse: collapse;}
.capability .table-con table tr
{border-bottom:3px solid #fff;}
.capability .table-con table tr:nth-child(1) th
{min-width:100px;}
.capability .table-con table th
{font-size:19px; color:#fff; background:#266db3; font-weight:500; padding:15px 20px; text-align:center; border-right:3px solid #fff;}
.capability .table-con table td
{text-align:center; background:#f3f3f3; padding:10px; font-size:17px; font-weight:500; height:100px; border-right:3px solid #fff;}
/*
.capability .table-con table td.member
{font-size:15px; font-weight:500; line-height:1.3;}
*/

/* 연구 협력 사업 추진 SUB RESEARCH PROJECT */ 
.research-project-top .tit
{margin-bottom:40px;}
.research-project-top .tit h3
{font-size:21px; font-weight:600; color:#266db3; border-left: 6px solid #266db3; padding-left:8px; position:relative;}

.research-project-top .txt p
{margin-bottom:20px; font-size:17px; font-weight:500; line-height:2.0; word-break:keep-all;}


.research-project-tbl-wrapper
{overflow-x:auto; margin-top:100px;}
.research-project-tbl .etc
{text-align:right; display:block; margin-right:15px; font-weight:500; margin-bottom:20px;}
.research-project table
{width:100%; border-collapse:collapse;}
.research-project-tbl tr.last
{border-bottom:8px solid #fff;}
.research-project-tbl tr th
{background:#005ead; padding:20px 10px; text-align:center; color:#fff;  font-size:17px; font-weight:400; border-right:4px solid #fff;}
.research-project-tbl tr td
{padding:20px; text-align:center; border-right:4px solid #fff; font-weight:500; font-size:17px;}
/* tr section 참여 */
.research-project-tbl tr.join
{background:#ebebeb; }
.research-project-tbl tr.join td span.type
{background:#fff;}
/* tr section 주최 */
.research-project-tbl tr.own
{background:#bfbfbf; }
.research-project-tbl tr.own td
{color:#000;}
.research-project-tbl tr.own td span.type
{background:#005ead; color:#fff; }
/* tr section 참여 */
.research-project-tbl tr.join-2
{background:#ebebeb; }
.research-project-tbl tr.join-2 td
{color:#000;}
.research-project-tbl tr.join-2 td span.type
{background:#fff; color:#000}
/* tr section */
.research-project-tbl tr td.name
{text-align:left;}

.research-project-tbl tr td span.type
{width:70px; display:inline-block; text-align:center; border-radius:25px; vertical-align:middle; padding:5px 0px; margin-right:20px; font-weight:500;}



/* 주요 프로젝트 */
.projects::after
{content:''; display:block; clear:both;}
.project-top .tit
{margin-bottom:15px;}
.project-top .tit h3
{font-size:19px; color:#fff; background:#266db3; display:inline-block; font-weight:400; padding:7px 20px; word-break:keep-all;}


.projects .img-wrap:after
{content:''; display:block; clear:both;}
.projects .project-logo
{float:left; width:120px; text-align:center; margin-right:5px;}

.projects .img-wrap:after
{content:''; display:block; clear:both;}
.projects .project-box
{float:left; width:10%; height:60px; display:inline-block; background:#000; margin-right:10px;}

.project-sec
{margin-top:80px;}
.project-sec::after
{content:''; display:block; clear:both;}
.project-half-sec
{float:left; width:50%;}
.project-sec .description-txt-wrap
{float:left; width:70%;}
.project-sec .description-img-wrap
{float:right; width:30%; margin-top:30px;}
.project-sec .sec-tit
{margin-bottom:40px;}
.project-sec .sec-tit h3
{position:relative; font-size:19px; color:#005ead; font-weight:600; padding-left:12px;}
.project-sec .sec-tit h3:after
{content:''; position:absolute; left:0; top:0; width:6px; height:100%; background:#005ead;}

.project-sec .sec-top-etc 
{margin-bottom:20px;}
.project-sec .sec-top-etc strong
{font-size:18px; color:#005ead; font-weight:400;}

.project-sec .sec-detail::after
{content:''; display:block; clear:both;}
.project-sec .sec-detail .txt-list
{margin-bottom:20px;}
.project-sec .sec-detail .txt-list:after
{content:''; display:block; clear:both;}
.project-sec .sec-detail .txt-list .tit
{float:left; border-radius:25px; font-weight:300; display:inline-block; margin-right:15px;}
.project-sec .sec-detail .txt-list .tit .tit-wrap
{display:inline-block; background:#005ead; color:#fff; padding:2px 20px; border-radius:25px; font-size:17px; font-weight:200;}
.project-sec .sec-detail .txt-list .tit .tit-wrap.etc1
{border-radius:10px; padding:10px 20px;}
.project-sec .sec-detail .txt-list .txt
{font-size:18px; color:#000; font-weight:500; line-height:1.5;}
.project-sec .sec-detail .txt-list .txt strong
{color:#005ead; font-weight:500; font-size:18px;}

.project-sec .sec-detail .txt-list.txt-center
{display:flex; align-items:center; margin-bottom:20px;}
.project-sec .sec-detail .txt-list .list
{display:inline-block;}
.project-sec .sec-detail .txt-list .list li
{font-size:18px; font-weight:500; color:#000;}
.project-sec .sec-detail .txt-list .list li span
{color:#005ead; font-size:18px;}


.project-sec .sec-detail-style-02::after
{content:''; display:block; clear:both;}
.project-sec .sec-detail-style-02 .text-box
{float:left; width:30%; margin-right:3%; box-shadow:10px 15px 1px #e6f1fb;}
.project-sec .sec-detail-style-02 .text-box:last-child
{margin-right:0;}
.project-sec .sec-detail-style-02 .text-box .tit-box
{display:table; color:#fff; font-weight:300; font-size:19px; height:120px; width:100%;}
.project-sec .sec-detail-style-02 .text-box .tit-box .tit-box-inner
{display:table-cell; vertical-align:middle; text-align:center}
.project-sec .sec-detail-style-02 .text-box .tit-box .tit-box-inner strong
{font-weight:500; line-height:1.8; font-size:19px; font-weight:400; padding:0 10px;}
.project-sec .sec-detail-style-02 .text-box .txt-box
{display:table; width:100%; height:200px; text-align:center;}
.project-sec .sec-detail-style-02 .text-box .txt-box .txt-box-inner
{display:table-cell; vertical-align:middle; padding:20px;}
.project-sec .sec-detail-style-02 .text-box .txt-box .txt-box-inner p
{font-size:19px; line-height:1.8; color:#000; font-weight:500;}


.project-sec .sec-detail-style-02 .text-box01
{border:4px solid #233f80;}
.project-sec .sec-detail-style-02 .text-box01 .tit-box
{background:#233f80; }
.project-sec .sec-detail-style-02 .text-box02
{border:4px solid #365fb2;}
.project-sec .sec-detail-style-02 .text-box02 .tit-box
{background:#365fb2;}
.project-sec .sec-detail-style-02 .text-box03
{border:4px solid #366db2;}
.project-sec .sec-detail-style-02 .text-box03 .tit-box
{background:#366db2;}

.project-sec .sec-detail-style-03 .txt-list .list li
{margin-bottom:30px; font-weight:500; line-height:1.8; margin-bottom:15px; position:relative; padding-left:10px;}
.project-sec .sec-detail-style-03 .txt-list .list li:before
{content:''; position:absolute; left:0; top:13px; width:3px; height:3px; background:#000; border-radius:50%;}

.project-sec .sec-detail-style-03 .txt-list .list li small
{display:block; font-size:14px; font-weight:400;}



.project-sec .sec-detail .txt-list-left
{float:left; width:65%;}
.project-sec .sec-detail .txt-list-right
{float:right; width:35%;}
.project-sec .sec-detail-style-04 .txt-list .tit
{width:110px; margin:0;;}
.project-sec .sec-detail-style-04 .txt-list .txt
{float:right; width:calc(100% - 120px); line-height:1.8}

/* 주요프로젝트 2 */
.project-sec-style-01 .sec-tit
{float:left;}
.project-sec-style-01 .sec-detail
{float:left; margin-left:6%;}/*
.project-sec-style-01 .sec-detail img
{transform:translateY(-4%);}*/
.project-sec-style-01 .sec-detail .detail-img-wrap
{text-align:center;}



/* 수자원 기대효과 */

.effect-line
{display:table; margin-bottom:60px;}
.effect-line p
{display:table-cell; vertical-align:middle; font-size:19px; color:#000; font-weight:500; padding-left:500px;}
.effect-line01
{background:url('../images/effect-01.jpg') no-repeat center; width:100%; height:114px;}
.effect-line02
{background:url('../images/effect-02.jpg') no-repeat center; width:100%; height:114px;}
.effect-line03
{background:url('../images/effect-03.jpg') no-repeat center; width:100%; height:114px;}
.effect-line04
{background:url('../images/effect-04.jpg') no-repeat center; width:100%; height:114px;}
.effect-line05
{background:url('../images/effect-05.jpg') no-repeat center; width:100%; height:114px;}




/* SUB BROCHURE 브로슈어 */
.Brochure_con
{max-width:1200px; width:100%; margin:60px auto 100px; display:flex; justify-content:space-evenly; align-items:center;}
.Brochure_con > div
{width:30%;}
.brochure-img
{width:100%; height:auto;}
.brochure-img img
{width:100%; height:auto;; display:block;}
.Brochure_con a
{width:100%; display:block; border:2px solid #000; height:50px; line-height:50px; padding:0 20px; text-align:center; margin:20px 0; font-weight:bold; border-radius:3px;}
.Brochure_con a img 
{width:20px; vertical-align:middle; padding-bottom:5px; margin-left:10px;}





/* 게시판 부분 */
#container
{padding:0;}



/* 리스트 */

.list-board table
{table-layout:auto}
.list-board table tbody td:last-child
{width:20%; font-weight:700; color:#333333;}
.list-board th
{font-size:16px;}
.list-board tbody td
{padding:0;}
.list-board tbody td a
{display:inline-block; width:100%; padding:20px 5px;}
.list-board tbody tr:hover
{background:#f4f4f4;}
/* .list-board ul li:hover */
/* {background:#f4f4f4;} */

/* 매체사 */
.press tbody tr td:nth-child(1)
{width:7%;}
.press tbody tr td:nth-child(3)
{width:7%;}


/* 게시글 뷰 */
.tab_inner
{padding:0;}

.view-board table
{table-layout: auto;}
.view-board table tr th
{word-break:keep-all;}
.view-board table td:first-child
{word-break:keep-all; padding:20px 3px}
.view-board table td.view-date
{padding:20px 30px; text-align:right;}
.view-board table td:nth-child(2)
{text-align:left;}
.view-board .view_box p
{margin:0; padding:0; border:none;}
.view_box img
{margin:0px 0; display:initial;}



@media screen and (max-width:414px){
    .list-board table tbody td
    {width:auto; }
    .press table th:nth-child(2)
    {width:40%;}

    .list-board tbody tr:hover
    {background:transparent;}
    .list-board ul li:hover
    {background:transparent;}


    /* 상세 게시글 */
    .view-board table
    {table-layout:auto;}
    .view-board table td
    {text-align:left; padding:20px 2px;}
    .view-board table td.view-date
    {text-align:center;}

    .view-board table td:last-child
    {width:50%; white-space:pre;}
    .view-board table td p a
    {word-break:break-all;}
}






@media screen and (max-width:870px){
    .country-inner
    {display:none;}
    .country-mobile
    {display:block; overflow:hidden;}
    .box01>div:nth-child(even)
    {margin-top:0;}


    footer
    {padding:20px; flex-wrap:Wrap;}
    .footer_inner
    {flex-wrap:wrap;}
    .footer_inner .copyright
    {padding:0px;}
    .footer_inner .footer_right
    {flex-wrap:wrap; justify-content:start;}
    .footer_inner .footer_right .family_site_01, 
    .footer_inner .footer_right .family_site_02,
    .footer_inner .footer_right .family_site_01 select, 
    .footer_inner .footer_right .family_site_02 select
    {width:100%; margin-left:0;}

    

}



@media screen and (max-width:1440px){
    .header_inner
    {padding:0 20px;}
    header .header_right
    {}
    footer
    {padding:60px 20px;}

  }


  @media screen and (max-width:1300px){
    .sub_menu a
    {line-height:1.8;}
    .menu li:nth-child(5) .sub_menu
    {left:60%}
  }



@media screen and (max-width:1220px){
    .header_right
    {width:200px; margin:0;}
    .header_inner .logo
    {margin:0;}
    .header_inner .logo img
    {width:100%;}
}
@media screen and (max-width:1200px){
    nav
    {display:none;}


    .headerBg
    {display:none;}
}

@media screen and (max-width:1180px){
    .lang, .search
    {display:block;}


    .sub-area
    {max-width:800px; margin:0 auto; padding:0 20px;}
    .sub-container
    {max-width:none;}
    .summary
    {padding:0 20px;}

    /* 탭메뉴 스타일 */
    .tab_inner .tab_menu a
    {text-align:left;}
    .tab_inner .tab-menu-style04
    {flex-wrap:wrap; justify-content: start;}
    .tab_inner .tab-menu-style04 a
    {width:calc(50% - 20px); margin:10px 20px 10px 0px;;}


    /* 인사말 GREETING */
    .greeting-wrap
    {flex-wrap:Wrap;}
    .greeting-img
    {text-align:center; margin-left:0; width:100%;}
    .greeting-img .ceo-des-wrap .ceo-name
    {text-align:center;}
    .greeting-img .ceo-des-wrap .ceo-name img
    {width:auto;}

    .greeting-txt
    {width:100%;}
    .greeting-txt p
    {word-break:keep-all;}
    .greeting-txt p br
    {display:none;}


    /* 센터 개요 SUMMARY */
    .summary
    {max-width:800px; overflow:hidden; padding:0 10px;}
    .summary .summary-content01
    {flex-wrap:wrap;}
    .summary .con01>div
    {width:100%; margin-bottom:20px;}
    .summary .con01-left-box .declaration
    {height:auto;}
    .summary-txt-box p
    {text-align:center; word-break:keep-all;}
    .summary-txt-box p br
    {display:none;}

    
    .summary .con02
    {height:auto;}
    .summary .con02 .con02_inner
    {max-width:800px; margin:0 auto; padding:0 20px;}
    .summary .con02 .con02_inner > div
    {width:100%; text-align:center;}
    .summary .con02 .con02_inner > div > img
    {margin-bottom:0;}
    .summary .con02 .con02_inner > div .summary-txt-box
    {padding:0 0 20px;}
    .summary .con02 .con02_inner > div .summary-txt-box p
    {padding-left:0; word-break:keep-all;}


    .con02 .con02_inner
    {flex-wrap:wrap;}
    .con02 .con02_inner > div
    {width:100%;}


    /* 연혁 HISTORY */
    .history-wrapper:after
    {height:calc(100% - 5.5%)}

    .history-right-con .history-box .history-detail li .month
    {float:none; width:100%; display:block;}
    .history-right-con .history-box .history-detail li span
    {float:none; width:100%;}


    .history-left-con .history-box .history-detail li .month
    {float:none; width:100%; display:block; margin-bottom:5px;}
    .history-left-con .history-box .history-detail li span
    {float:none; width:100%;}


    .road .list
    {margin:10px 0;}

    /* 전략체계 */
    .tactic-list-box
    {position:relative;}
    .tactic-list-box li
    {width:32%; float:left; text-align:left; margin:0 0.5%; border:1px solid #ddd;}
    .tactic-list-box li.rt-txt
    {float:left; text-align:left;}
    .tactic-list-box li.ct-txt
    {width:32%; margin-top:0;}

    .tactic-list-box li dl
    {height:230px;}
    .tactic-list-box li dt
    {background:#f4f4f4; padding:20px; text-align:center; font-size:19px; font-weight:500; background:#004e96; color:#fff !important;}
    .tactic-list-box li dd
    {text-align:left; padding:0 20px; font-size:17px;}
    .tactic-list-box li dd br
    {display:none;}


    /* 협력 기관 */
    .organ-logo-wrap .logo-box
    {width:28%;}
    .organ-logo-wrap .logo-box:nth-child(3),
    .organ-logo-wrap .logo-box:nth-child(6),
    .organ-logo-wrap .logo-box:nth-child(9)
    {margin:0;}
    

    

    /* 메콩강 개요 */
    .mekong-summary-con p
    {font-size:17px; word-break:keep-all;}
    .mekong-summary-con p br
    {display:none;}



    /* 메콩 지역 소개만 area 때문에 width 값 조정 */
    .sub-content .mekong-area
    {max-width:100%; padding:0 20px;}


    /* 기관 및 협의체 */
    .world-map-con .world-map
    {width:100%;}
    .world-map-con .world-list
    {width:100%; margin-top:40px;}
    .world-map-con .world-list ul:after
    {content:''; display:block; clear:both;}
    .world-map-con .world-list ul li
    {float:left; width:47%; text-align:Center; margin:1%;}


    /* 한-메콩 관계 */
    .relation-top p br
    {display:none;}
    .relation-history-years
    {float:none; width:100%; margin-bottom:20px;}
    .relation-history-des
    {float:none; width:100%;}
    .relation-history-des .relation-history-des-list
    {float:none; width:100%; height:auto; margin-top:20px; border:none;}
    .relation-history-img
    {float:none; width:100%;}
    

    /* 네트워크 확대 강화 */
    .present-top .present-top-txt p br
    {display:none;}
    .present-content .firm-list li
    {word-break:keep-all;}
    .present-content .firm-list li .country
    {}
    .present-content .firm-list li .agency
    {width:calc(100% - 6%)}

    /* 추진 전략 */
    .push-description p br
    {display:none;}
    /* 한메콩 전문가 협의체 */
    .kmec-txt p br
    {display:none; }

    /* 연구 협력 사업 추진 */
    .research-project-tbl tr td span.type
    {float:left;}
    .research-project-top .txt p br
    {display:none;}

    /* 주요 프로젝트 */
    .projects .project-logo
    {width:85px; height:70px;}
    .projects .project-logo img
    {width:100%; height:100%;}

    /* 주요프로젝트 1*/
    .project-sec .description-txt-wrap
    {width:100%;}
    .project-sec .description-img-wrap
    {width:100%;}
    .project-half-sec
    {width:100%; margin-bottom:80px;}
    .project-half-sec:last-child
    {margin-bottom:0;}

    /* 주요 프로젠트 2 */
    .project-sec .sec-detail .txt-list-left
    {width:100%;}
    .project-sec .sec-detail .txt-list-right
    {width:100%;}

    /* 주요 프로젝트 3 */
    .project-sec .sec-detail-style-02 .text-box
    {width:100%; margin-bottom:40px; margin-right:0;}


    /* 구축 계획 */
    .purpose-box-wrap .purpose-box
    {margin:0 5px;}
    .purpose-box-wrap .purpose-box .box-inner
    {padding:55px 10px 20px;}
    .purpose-box-wrap .purpose-box .box-inner .txt p
    {font-size:17px; word-break:keep-all;}
    .purpose-box-wrap .purpose-box .box-inner .txt p br
    {display:none;}


    /* 기대효과 */
    .effect-line05 p
    {transform:translateY(30px)}
    .effect-line p
    {padding-left:265px; word-break:keep-all;}
    .effect-line
    {background-position-x:15%;}


    .Brochure_con
    {flex-wrap:wrap;}
    .Brochure_con > div
    {width:51%; margin:0 0 30px;}


    /* 게시판 */
    .view-board table td:first-child
    {width:14%; word-break: keep-all;}


}


@media screen and (max-width:1024px){
    /* 메콩지역국가 디테일 국기 */
    .country-detail-box .country-info-box li img
    {width:35%;}
}


@media screen and (max-width:800px){
    /* 탭 메뉴 스타일 */
    .sub-content .tab_menu
    {justify-content:start; flex-wrap:wrap;}
    .sub-content .tab_inner .tab_menu a
    { margin:10px 0; width:100%; padding:5px 20px;}
    .sub-content .tab_inner .tab-menu-style02 a
    {margin:10px 0; width:100%; padding:5px 20px;}
    .sub-content .tab_inner .tab-menu-style03 a
    {margin:10px 0px; width:100%; padding:5px 20px;}

 


    .sub-content .tab-menu-style04
    {flex-wrap:wrap;}
    .sub-content .tab-menu-style04 a
    {width:100%;}


    .present-content .firm-list li .country
    {width:100%;}
    .present-content .firm-list li .agency
    {width:100%;}

    .purpose-box-wrap
    {flex-wrap:wrap;}
    .purpose-box-wrap .purpose-box
    {width:100%; margin:30px 0;}
    .purpose-result p
    {width:100%;}
    .purpose-result p br
    {display:none;}

    /* 전문가 세미나 */
    .capability .table-con table
    {table-layout: fixed;;}
    .capability .table-con table td
    {word-break:break-all;}


    .effect-line p
    {padding-left:25px;}

    .effect-line01:before
    {content:'01'; font-size:46px; font-weight:500; background-color:#febf00; font-style:italic; color:#fff; padding:10px 20px 10px 10px; border-radius:20px; box-shadow:0px 0px 3px #ddd;}
    .effect-line02:before
    {content:'02'; font-size:46px; font-weight:500; background-color:#37afc7; font-style:italic; color:#fff; padding:10px 20px 10px 10px; border-radius:20px; box-shadow:0px 0px 3px #ddd;}
    .effect-line03:before
    {content:'03'; font-size:46px; font-weight:500; background-color:#068aee; font-style:italic; color:#fff; padding:10px 20px 10px 10px; border-radius:20px; box-shadow:0px 0px 3px #ddd;}
    .effect-line04:before
    {content:'04'; font-size:46px; font-weight:500; background-color:#015cd1; font-style:italic; color:#fff; padding:10px 20px 10px 10px; border-radius:20px; box-shadow:0px 0px 3px #ddd;}
    .effect-line05:before
    {content:'05'; font-size:46px; font-weight:500; background-color:#003d92; font-style:italic; color:#fff; padding:10px 20px 10px 10px; border-radius:20px; box-shadow:0px 0px 3px #ddd;}

    .effect-line01,
    .effect-line02,
    .effect-line03,
    .effect-line04,
    .effect-line05
    {background:none; width:auto; height:auto;}
    .effect-line05 p
    {transform:translateY(0)}


    /* 브로슈어 */
    .Brochure_con > div
    {width:100%;}
    .brochure-img img
    {height:600px;}

    /* 게시판 */

    /* 언론보도 */
    .press tbody tr td:nth-child(3)
    {width:21%;}

    
}


@media screen and (max-width:700px){
    .tactic-list-box li,
    .tactic-list-box li.ct-txt
    {width:100%;}
    .tactic-list-box li
    {margin-bottom:20px;}

    .research-project-tbl-wrapper .research-project-tbl
    {width:100%;}


    .organ-logo-wrap .logo-box
    {width:27%;}


}

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

    /* 탭메뉴 */
    .sub-content .tab_menu a
    {width:100%;}



    .history-wrapper:after
    {height:calc(100% - 7%); left:10%; top:3%}
    .history-section .dep1-years
    {text-align:left;}
    .history-section .dep1-years .years-inner
    {width:100px; height:100px;}
    .history-section .dep1-years h2
    {font-size:21px;}

    .history-box .history-detail li
    {word-break:keep-all;}
    .history-box .history-detail li span
    {word-break:keep-all;}
    .history-box .history-detail li span br
    {display:none;}

    .history-right-con .history-box
    {width:90%;}

    .history-right-con .history-img-box
    {float:right; width:85%; margin-left:50px; margin-right:0;}


    .history-left-con .history-box
    {float:right; padding-right:0; padding-left:50px; text-align:left; width:90%;}
    .history-left-con .history-box::after
    {right:auto; left:0; transform:translateX(-45%);}

    .history-left-con .history-img-box
    {float:right; width:85%; margin-left:50px; margin-right:0;}



    /* 협력기관 */
    .organ-logo-wrap .logo-box
    {width:100%; margin:0;}


    
    .project-sec .sec-detail .txt-list
    {margin-bottom:40px;}
    .project-sec .sec-detail .txt-list .tit
    {width:100%; margin-bottom:10px; }

    .project-sec .sec-detail .txt-list.txt-center
    {flex-wrap:wrap;}
    .project-sec .sec-detail .txt-list .tit .tit-wrap.etc1
    {font-size:17px; font-weight:200; padding:2px 20px;}
    .project-sec .sec-detail .txt-list .tit .tit-wrap.etc1 br
    {display:none;}

    .project-sec .sec-detail-style-04 .txt-list .txt
    {width:100%;}

}




@media screen and (max-width:500px){
    .view-board table td:first-child
    {word-break: break-all;}
    .sub-content .tab_inner .tab_menu a
    {padding:5px 0;}
}

@media screen and (max-width:414px){
    .img-width-100 img
    {width:100%;}
    .img-width-80 img
    {width:100%;}
    .img-width-70 img
    {width:100%;}
    .img-width-60 img
    {width:100%;}
    
     /* 헤더 */
     .logo
    {margin-left:10px;}
    .header_inner
    {padding:0 10px;}


    
    .header_right
    {width:auto;}
    header .header_right
    {width:auto; padding:0; }
    header .header_right .lang
    {display:none;}
    header .header_right .search
    {margin-right:30px;}
    



/*     .sub-content .tab_menu a */
/*     {padding:5px 10px; width:calc(50% - 20px); margin:3px 10px; font-size:15px; height:45px;} */
    .sub-content .tab_menu a:only-child
    {width:100%;}
    .sub-content .tab_menu a
    {width:100%; text-align:left;}


    .sub-title
    {padding:0 20px;}


    .greeting-img .ceo-des .ceo-des-wrap
    {width:100%;}
    .greeting-img .ceo-des .ceo-des-wrap strong
    {font-size:17px;}
    .greeting-img .ceo-des-wrap .ceo-name img
    {width:30%;}
    .greeting-txt p
    {font-size:15px;}
    .greeting-txt p strong
    {font-size:15px;}

    .con02_inner>div:first-child img
    {height:100%; margin-bottom:0;}

    .summary .con02
    {height:auto;}
    .summary .con02 .summary-txt-box
    {padding:20px 10px; }

    .summary > .con02 .summary-txt-box p
    {padding-left:0;}



    .history-wrapper:after
    {left:12%; height:100%; top:0;}
    .history-left-con .history-box::after
    {transform:translateX(13%);}
    .history-right-con .history-box::after
    {transform:translateX(13%);}
    .history-left-con .history-img-box,
    .history-right-con .history-img-box
    {width:75%; height:auto;}

    
    .history-box .history-detail li
    {font-size:15px; font-weight:400;}
    .history-left-con .history-box .history-detail li .month,
    .history-right-con .history-box .history-detail li .month
    {font-weight:500;}
    .history-right-con .history-box .history-detail li span, 
    .history-left-con .history-box .history-detail li span
    {font-weight:500; font-size:15px;}

    .country-mobile-detail .country-detail .country-detail-wrap .dd
    {padding:15px;}

    /* 비전 */
    .tactic-top h2
    {font-size:19px;}
    .tactic-bg
    {height:330px; background-size:contain;}
    .tactic-list-box
    {margin-top:30px;}
    .tactic-list-box:after
    {content:''; display:block; clear:both;}

    .tactic-list-box li dt
    {font-size:17px;}
    .tactic-list-box li dd
    {font-size:16px; font-weight:400; margin-bottom:5px;}


    /* 조직 */
    .organization img
    {transform:none; width:100%;}

    /* 협력기관 */
    .organ .top-txt p
    {font-size:17px; font-weight:400; }
    .organ .top-txt p br
    {display:none;}

    .organ-logo-wrap .logo-box:nth-child(3), 
    .organ-logo-wrap .logo-box:nth-child(6), 
    .organ-logo-wrap .logo-box:nth-child(9)
    {margin:0;}
    .organ-logo-wrap .logo-box
    {width:48%;}

    .organ-logo-wrap .logo-box:nth-child(even)
    {margin-right:0;}
    .organ-logo-wrap .logo-box:nth-child(odd)
    {margin-right:4%;}
    .organ-logo-wrap .logo-box:nth-child(6)
    {margin-right:auto;}
    .organ-logo-wrap .logo-box .logo-img
    {height:auto;}
    .organ-logo-wrap .logo-box .logo-img img
    {width:100%; box-sizing:border-box;}


    /* 메콩지역국가 */
    .mekong-area
    {padding:0;}
    .mekong-area .tab_menu
    {padding:0 0px;}
    .mekong-area .tab01,
    .mekong-area .tab03
    {/*padding:0 20px;*/}
    .mekong-summary-con p
    {font-size:15px; font-weight:400;}
    .box01 .count_text01 span
    {margin-right:15px;}




    .world .detail-inner
    {padding:45px 20px;}
    .world-map-con .world-list ul li
    {width:48%}
    .world-map-con .world-list ul li a
    {font-size:14px; font-weight:400;}

    .world .detail-name .country-flag img
    {width:70px;}


    .world .detail-name .country-name h1
    {font-size:19px;}
    .world .detail-info .info-tit h2
    {font-size:19px;}
    .world .detail-info .info-txt li
    {font-size:16px;}

    .relation-top p
    {font-size:16px; font-weight:500; word-break:keep-all;}
    .relation-history-des .relation-month span.point
    {font-size:19px;}
    .relation-history-des .relation-detail li
    {line-height:1.8;}

    /* 네트워크 확대 강화 */
    .present-top .present-top-txt p
    {font-size:16px; line-height:1.8}
    .present-top .present-top-txt p strong
    {font-size:16px;}
    .present-content .firm-list li span
    {font-size:16px;}

    .coo_tactic-wrap .tactic-list
    {margin-top:50px;}
    .coo_tactic-wrap .tactic-list .tactic-item .tactic-sub-list
    {padding:30px 20px;}


    /* 전문역량 제고 */
    .push-description p
    {font-size:16px; font-weight:400;}

    .kmec-txt-con .kmec-tit h3
    {font-weight:400; padding:5px 30px; width:100%;}
    .kmec-txt
    {padding:15px;}
    .kmec-txt p
    {font-size:16px; font-weight:400;}

    .capability .table-con
    {overflow-x:auto}
    .capability .table-con table
    {width:100%;}
    .capability .top-txt .list li
    {font-size:16px; font-weight:400;}
    .capability .table-con table th
    {font-size:14px; word-break:keep-all; padding:15px 0;}
    .capability .table-con table td
    {font-size:13px; font-weight:400; }

    /* 연구 협력 사업 */
    .research-project-top .txt p
    {font-size:16px; font-weight:400; line-height:1.8;}
    .research-project-tbl tr th
    {font-size:14px; padding:20px 15px;}
    .research-project-tbl tr td span.type
    {display:Block; float:none; margin-bottom:10px;}
    .research-project-tbl tr td
    {font-size:15px; font-weight:400; padding:20px 10px;}

    .projects .project-logo
    {margin-right:20px;}

    .purpose-box-wrap .purpose-box .box-inner .txt p
    {font-size:15px;}
    .purpose-result p
    {font-size:16px;}
    .purpose-detail-txt .detail-txt-sec .detail-txt li
    {font-size:15px;}
    .purpose-detail-txt .detail-txt-sec .detail-tit h4
    {font-size:16px;}
    .purpose-detail-txt .detail-txt-sec .detail-tit h4 span
    {font-size:16px;}

    .project-sec .sec-tit
    {margin-bottom:20px;}
    .project-sec .sec-detail .txt-list .txt
    {font-size:16px; font-weight:400;}
    .project-sec .sec-detail .txt-list .txt strong
    {font-size:16px; font-weight:400;}
    .project-sec .sec-detail .txt-list .list li
    {font-size:16px; font-weight:400;}
    .project-sec .sec-detail .txt-list .list li span
    {font-size:16px;}

    .project-sec .sec-detail-style-02 .text-box .tit-box
    {height:95px;}
    .project-sec .sec-detail-style-02 .text-box .tit-box .tit-box-inner strong
    {font-size:16px;}
    .project-sec .sec-detail-style-02 .text-box .txt-box
    {height:175px;}
    .project-sec .sec-detail-style-02 .text-box .txt-box .txt-box-inner p
    {font-size:16px;}



    /* 수자원 정보 */
    .effect-line01:before,
    .effect-line02:before,
    .effect-line03:before,
    .effect-line04:before,
    .effect-line05::before
    {font-size:24px; padding:10px 15px 10px 10px;}
    .effect-line p
    {font-size:16px; font-weight:400;}


    .brochure-img img
    {height:400px;}
    .Brochure_con a img
    {display:none;}




    
}




@media screen and (max-width:390px){
    .tab_inner .tab_menu a:after
    {right:10px;}

    .tab_inner .tab-menu-style03 a:after
    {right:10px;}


    .tab_inner .tab-menu-style04 a
    {height:80px; display:table; line-height:1.8}
    .sub-content .tab-menu-style04 a .inner
    {display:table-cell; vertical-align:middle;}
    .tab_inner .tab-menu-style04 a:after
    {top:25px; right:10px;}
}
@media screen and (max-width:360px){
    .history-wrapper:after
    {left:14%; height:100%;}
    .history-left-con .history-box::after,
    .history-right-con .history-box::after
    {transform:translateX(45%)}
    	.tab_menu.area {height:auto; max-width:none; box-shadow:none;}
        .sub-content .tab_inner .tab_menu {display:block;}
        .sub-content .tab_inner .tab_menu a {width:100%; border:1px solid #ccc;}
}










/*20230828 mayeye추가*/


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Padding

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.pt_00{padding-top:0px !important;}
.pt_05{padding-top:5px !important;}
.pt_10{padding-top:10px !important;}
.pt_15{padding-top:15px !important;}
.pt_20{padding-top:20px !important;}
.pt_25{padding-top:25px !important;}
.pt_30{padding-top:30px !important;}
.pt_35{padding-top:35px !important;}
.pt_40{padding-top:40px !important;}
.pt_45{padding-top:45px !important;}
.pt_50{padding-top:50px !important;}

.pr_00{padding-right:0px !important;}
.pr_05{padding-right:5px !important;}
.pr_10{padding-right:10px !important;}
.pr_15{padding-right:15px !important;}
.pr_20{padding-right:20px !important;}
.pr_25{padding-right:25px !important;}
.pr_30{padding-right:30px !important;}
.pr_35{padding-right:35px !important;}
.pr_40{padding-right:40px !important;}
.pr_45{padding-right:45px !important;}
.pr_50{padding-right:50px !important;}

.pb_00{padding-bottom:0px !important;}
.pb_05{padding-bottom:5px !important;}
.pb_10{padding-bottom:10px !important;}
.pb_15{padding-bottom:15px !important;}
.pb_20{padding-bottom:20px !important;}
.pb_25{padding-bottom:25px !important;}
.pb_30{padding-bottom:30px !important;}
.pb_35{padding-bottom:35px !important;}
.pb_40{padding-bottom:40px !important;}
.pb_45{padding-bottom:45px !important;}
.pb_50{padding-bottom:50px !important;}

.pl_00{padding-left:0px !important;}
.pl_05{padding-left:5px !important;}
.pl_10{padding-left:10px !important;}
.pl_15{padding-left:15px !important;}
.pl_20{padding-left:20px !important;}
.pl_25{padding-left:25px !important;}
.pl_30{padding-left:30px !important;}
.pl_35{padding-left:35px !important;}
.pl_40{padding-left:40px !important;}
.pl_45{padding-left:45px !important;}
.pl_50{padding-left:50px !important;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Margin

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.mt_00{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}
.mt_80{margin-top:80px !important;}

.mr_00{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}

.mb_00{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}

.ml_00{margin-left:0 !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_17{margin-left:17px !important;}
.ml_18{margin-left:18px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}


.d-flex{ display: flex; }
.d-flex.flex-wrap{ flex-direction: column;}
.d-flex.gap{ margin: 0 -15px;}
.d-flex.gap > div{ padding: 0 15px; }
.d-flex.gap.flex-full > div{flex: 1;}


.al-center{ justify-content: center;}
.v-center{ align-items: center;}
.al-left{ justify-content: flex-start;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}

.img-max{ max-width: 100%;}
.img-border{ border:1px solid #dedede}
.txt-p p{margin-bottom:20px; font-size:19px ; color:#000; font-weight:500; line-height:1.8; word-break:keep-all;}

.ul-default,  .ul-default li, .ul-default li span , .ul-default li a{font-size:18px; color: #000; font-weight:500; line-height:1.6; word-break:keep-all;}
.ul-default li span.title{ flex: 0 0 auto; margin-right: 8px;}
.ul-default li{ margin: 5px 0;}
.ul-default.list-style-default li{position:relative; padding-left:12px;}
.ul-default.list-style-default li:before{content:''; position:absolute; width:4px; height:4px; border-radius:50%; background:#000; left:0; top:13px;}

h4.h4{ font-size: 20px;}

.blue{color:#005ead !important }

.btn{ display: inline-block;border:2px solid #000;  padding:8px 50px 13px; text-align:center;font-weight:bold; border-radius:3px; }
.btn span{font-size: 17px;}
.btn span:after{ display:inline-block;content: ""; width:20px ; height:22px ;  margin-left: 10px; position: relative; top: 4px;}
.btn.btn-down span:after{background-image: url(../images/브로셔/free-icon-downloading-file-69656.png); background-size: contain;  background-repeat: no-repeat;}
.btn.btn-registration span:after{ background: url(../images/ico-resistration.gif) no-repeat; background-size: contain; }
.txt-link, a.txt-link p{color:#005ead !important;  }
.txt-link:hover, a.txt-link:hover p{ text-decoration: underline;}

.img-list{ margin: 0 -15px;}
.img-list a{ display: block;}
.img-list li{ width: 33.333; padding: 0 15px; box-sizing: border-box;} 
.img-list li p{ line-height: 1.5; margin-top: 12px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -webkit-line-clamp:2;}

.ico-map{ background: url(../images/ico-map.gif) no-repeat left center; padding: 0 0 0 40px;}   

.text-quote{ border-bottom: 1px solid #dedede; padding: 0 0 50px 0 ;}
.text-quote::before, .text-quote::after{content:""; width: 100%;  display: block; height: 33px;background: url(../images/ico-quote.gif) no-repeat center center;}
.text-quote::before{ margin-bottom: 20px;}
.text-quote::after{ transform: rotate(180deg);}

.mail-box{ background-color:#dfeff9; background-image:  url(../images/ico-mail.png); background-position:  bottom -20px right 100px; 
     background-repeat:no-repeat; height: 240px;
     padding: 30px 60px; box-sizing: border-box;}

 #viewer{ max-width: 80%; margin: 0 auto;}    
.pdf_iframe{width:100%; height:900px}



.tab_menu.tab_menu_type2 a{ height: auto; line-height: 1.3; display: flex; align-items: center; padding: 11px 20px;}
.tab_menu.tab_menu_type2 sup{ position: relative; top: -5px; font-size: 12px;}

@media screen and (max-width:800px){
    .tab_menu.tab_menu_type2 a{padding: 11px 20px !important;}
}

@media screen and (max-width:1180px){
    .tab_menu.tab_menu_type2{ flex-wrap: wrap;}
    .tab_menu.tab_menu_type2 a{width:calc(50% - 20px); margin-bottom: 10px;}
    h4.h4{ font-size: 18px;}

    .txt-p p,
    .ul-default,  .ul-default li, .ul-default li span{font-size:16px; }

    .d-flex.t-column{ flex-direction: column;}
    .d-flex>div{ margin-bottom: 15px;}

    .img-list a{ text-align: center;}
    #viewer{ max-width: 100%;}
    .pdf_iframe{ height: 500px;}

    .mail-box{ height: auto; padding: 20px; background-position: bottom -20px right 30px}

    .btn{padding:5px 30px 8px}
    .btn span{ font-size: 15px;}
    .btn span:after { width: 18px; height: 20px; }
}


@media screen and (max-width:600px){
    .d-flex.m-column{ flex-direction: column;}
    #viewer .text-right{ text-align: center; margin-top: 15px;}
    
   
}



/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:1180px) {
	.world-map-con .world-list ul li {width:50%; margin:0; border:1px solid #ddd; border-bottom:0;}
	.world-map-con .world-list ul li:nth-child(odd) {border-right:0;}
	.world-map-con .world-list ul li:nth-child(9),
	.world-map-con .world-list ul li:nth-child(10) {border-bottom:1px solid #ddd;}
}
@media screen and (max-width:600px) {
	.world-map-con .world-list ul li a {font-size:1.5rem;}
}
@media screen and (max-width:380px) {
	.world-map-con .world-list ul li a {padding:10px; font-size:1.4rem;}
}