@charset "utf-8";
/* CSS Document */
/* sub-common { *********************************************************************************************/
*{ word-break:keep-all}
img{ max-width:100%;}
.gray_bg{background-color: #f6f5f2;}
#container{ padding-top:97px}
#container .sub_visual{ max-width:1740px; width: 100%; background-image:url(../../img/sub_visual4.jpg); background-repeat:no-repeat; background-size:cover; height:420px; overflow:hidden; background-position:center; position: relative; padding: 0 250px; left: 0; right: 0; margin: auto; }
#container .sub_visual > p{ font-family: 'Nanum Gothic', sans-serif; text-align: left; vertical-align: middle;color: #fff;font-weight: 600;font-size: 62px;  max-width:1240px; position: absolute; bottom: 97px; width: 100%;  }
/* #container .sub_visual.menu1{ background-image:url(../../img/sub_visual1.jpg)}
#container .sub_visual.menu2{ background-image:url(../../img/sub_visual2.jpg)}
#container .sub_visual.menu3{ background-image:url(../../img/sub_visual3.png)}
#container .sub_visual.menu4{ background-image:url(../../img/sub_visual4.jpg)}
#container .sub_visual.menu5{ background-image:url(../../img/sub_visual5.png)} */
#container .sub_tit_area{height: 150px; }
#container .sub_tit_area h1{font-size: 36px; letter-spacing: 0; text-align:left; color:#111; line-height:50px; font-weight: 900; font-family: 'nanumsquare';}
.mob_show { display: none; }

/* 반응형 */
@media all and (max-width : 1280px){
    #container .sub_visual { width: 100%; padding: 0 5%; }
    #container .sub_visual > p { font-size: 50px; }
}

/* 탭버튼 */
.mob_tab_btn { display: none; }

.locationD { margin-top: 97px; }
.depthD .twoD { margin: 0 auto; display: table; border-radius: 50px; font-weight: bold; font-size: 20px; border: 1px solid #e5e5e5;  }
.depthD .twoD a { color: #888888; vertical-align: middle; position: relative; display: table-cell; text-align: center; width: 206px; font-family: 'nanumsquare'; padding: 23px 0; border-radius : 50px; font-weight: bold; font-size: 20px; }
.depthD .twoD a:before { position: absolute; content: '';  display: inline-block; width: 2px; height: 15px; background-color: #d9d9d9; top: 25px; left: 0; }
.depthD .twoD a:nth-child(1):before { display: none; }
.depthD .twoD a.on { background-color: #edbb00; color: #fff; }
.depthD .twoD a.on+a:before { display : none; }
.depthD .twoD a.on::before { display : none; }

@media all and ( max-width : 1280px ){
.depthD .twoD a { font-size: 17px; padding: 20px 0;}
}
@media all and ( max-width : 765px ){
.mob_tab_btn { cursor: pointer; border: 1px solid #e5e5e5; border-radius: 30px; background-color: #fff; display: flex; justify-content: space-between; width: 100%; padding: 15px 40px; font-size: 16px; text-align: center; }
.locationD { position: absolute; width: 95%; margin: auto; left: 0; right: 0; z-index: 3; top: 150px; }
.depthD { background: #fff; border-radius: 30px; }
.menu2 { transition: all 0.4s ease-in-out; overflow: hidden; max-height: 0px; }
.menu2.show { max-height: 500px; } 
.depthD .twoD { border: 1px solid #e5e5e5; margin: -1px auto 0; border-radius: 30px; font-weight: bold; font-size: 20px; display: flex; flex-direction: column; }
.depthD .twoD a { width: 100%; margin: auto; font-size: 16px; padding: 15px 0; } 
.depthD .twoD a:before { display: none; }
}

.subCon{ width:100%; padding: 145px 0 170px;}
.blue{color:#afc511} 
.blue_bg{background:#0ca2e0}
.depth1_title, .depth1_title02, .depth1_bbsTitle, .depth1_bbsTitle02{margin-bottom: 22px;color: #313131;letter-spacing: -1px;line-height: 1.3;font-size: 24px;}
.depth1_title::before, .depth1_title02::before, .depth1_bbsTitle::before, .depth1_bbsTitle02::before {display: block; width: 26px; height: 2px;margin-bottom:10px;background-color:#0ca2e0;content: "";}
.depth1_title02, .depth1_bbsTitle02 {margin-top: 50px;}
.circle_lstyle {margin-bottom: 40px;}
p.circle_lstyle, a.circle_lstyle, .circle_lstyle > li {padding-left: 15px;position: relative; font-size:16px; line-height:1.9}
.t_normal{font-size:16px; line-height:1.9; font-weight:300; letter-spacing:0}
a.circle_lstyle:before, p.circle_lstyle:before, .circle_lstyle > li:before {content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #0ca2e0;position: absolute;top:14px;left: 0;}
.cube {display: block;float: left; width: 15%;font-size: 1.250em; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;vertical-align: top; position:relative; z-index:11}
.cube span {position: relative;background:#0ca2e0;color: #fff;height: 85px;text-align: center;display: inline-block;vertical-align: top;width: 100%;padding-top: 24px;box-sizing: border-box;font-weight: 400; letter-spacing: -0.05em;overflow: hidden; z-index:11}
.cube span:after {position: absolute; bottom: -60px; right: 0;content: "";border-color: transparent #27dde8 transparent transparent;border-width: 60px;border-style: solid;}
.pur_info dd{float: right;width: 77.5%;border: 1px solid #e1e1e1;padding: 28px; position:relative}
.pur_info dt:after{ background:url(../../img/line_strateProjectItem.png) no-repeat left center; display: block;content: '';position: absolute;top: 50%;right: -94px;margin-top: -5px;width: 95px;height: 9px; z-index:1}
.table_wrap{position: relative; overflow-x: auto;}
.table_wrap table {min-width: 640px;}
.table_wrap.typeFull table{ min-width:auto; width:100%;}
/* sub-common { *********************************************************************************************/

/* sub-purpose { *********************************************************************************************/
.purpose_wrap .base{padding: 50px 0;margin-bottom: 50px;position: relative;z-index: 1;    background: url(../../img/purpose.png) no-repeat right center;}
.purpose_wrap .base.crc{background: url(../../img/crc.png) no-repeat right center;}
.purpose_wrap .base .base_box {width: 694px;height: 327px;box-sizing: border-box;padding:60px;position: relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.purpose_wrap .base .base_box:after {content: "";display: block;width: 100%;height: 100%;box-sizing: border-box;mix-blend-mode: overlay;border: 10px solid #e5f0e2;position: absolute; left: 0;top: 0; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.purpose_wrap .base .base_box dl{ width:85%;}
.base_box dl dt{font-size: 24px;font-weight:600;color:#0ca2e0;position: relative;display: inline-block;}
.base_box dl dt:after {content: "";display: block;width:100%;height: 2px;background-color:#27dde8;margin-top:20px;}
.base_box dl dd{font-size: 16px;line-height: 1.8;margin-top: 30px;letter-spacing:0px; font-weight:300}
.purpose_wrap .in_box.section02{ border-bottom:1px solid #ddd; padding-bottom:30px}
.purpose_wrap .in_box.section03{padding:50px 40px;border-radius: 10px;overflow: hidden;}
.purpose_wrap .in_box.section03 figure img{float:left;width:40%;padding-right: 30px;}
.purpose_wrap .in_box.section03 figure figcaption{padding-left:40%}
/*2020-01-06 수정*/
.purpose_wrap .summery_box{position: relative;padding: 50px 3.5% 50px 22%;min-height: 126px; text-align:left}
.purpose_wrap .summery_box:after{background-image: url(../../img/purpose_icon.png)!important;content: "";display: block;width: 109px;height: 126px;position: absolute;left: 6%;top:45px;background-position: center 50%;background-repeat: no-repeat;}
.purpose_wrap .summery_box p.title {margin-bottom: 12px;color: #1a5bb1;font-size: 21px;line-height: 26px;font-weight: 500;}
.purpose_wrap  .summery_box p {color: #222; font-size: 16px; line-height: 1.6;letter-spacing: 0;-webkit-text-size-adjust: none; text-size-adjust: none;word-wrap: break-word;word-break: keep-all;font-weight: 300;}

/* sub-ceo { *********************************************************************************************/
.greeting_wrap { font-family: 'nanumsquare'; width: 1238px; margin: 68px auto 0;}
.greeting_txt { text-align: center; }
.greeting_txt h2 { color: #111; font-size: 36px; font-weight: 900; font-family: 'nanumsquare';}
.greeting_txt p { line-height: 32px; font-weight: 900; color: #111; margin-top: 75px; font-size: 20px; font-weight: normal;}
.greeting_txt p .yellow { color: #edbb00; font-weight: 900; }

.greeting_img { width: 1742px; margin: 100px 0; }
.greeting_txt.btm {/* display: flex; *//* flex-wrap: wrap; */margin-top: 110px;/* justify-content: space-between; */}
.greeting_txt.btm p { letter-spacing: -0.5px; margin-top: 0; margin-bottom: 40px; text-align: left; }
/* .greeting_txt.btm .txt_left { max-width: 585px;}
.greeting_txt.btm .txt_right { max-width: 585px; } */
.greeting_txt.btm .ceo { width: 100%; text-align: right; font-weight: 900; font-size: 24px;}
.greet_con { font-family: 'nanumsquare'; width:100%; position:relative; background:url(../../img/greeting_bg.png) no-repeat 1050px 125px; }

/* 반응형 */
@media all and (max-width : 1742px){
    .greeting_img { width: 100%; }
}
@media all and (max-width : 1280px){
    .greet_con { background: url(../../img/greeting_bg.png) no-repeat 670px 125px; }

    .greeting_txt h2 { font-size: 32px; }
    .greeting_txt p { margin-top: 50px; font-size: 18px; line-height: 26px; }
    .greeting_img { margin: 80px 0; }
}
@media all and (max-width : 1232px){
    .greeting_txt.btm { margin-top: 0; justify-content: center; }
    .greeting_txt.btm p { margin-bottom: 35px; }
    .greeting_txt.btm .txt_left { max-width: 850px; }
    .greeting_txt.btm .txt_right { max-width: 850px; }
    .greeting_txt.btm .ceo { max-width: 850px; margin-top: 50px; }
}
@media all and (max-width : 765px){
    .greeting_img { margin: 60px 0; }
    .greeting_txt h2 { font-size: 24px; }
    .greeting_txt p { margin-top: 40px; font-size: 16px; line-height: 22px; }
    .greeting_txt.btm p { margin-bottom: 30px; }
    .greeting_txt.btm .ceo { margin-top: 40px; font-size: 22px; }
}
@media all and (max-width : 660px){}
@media all and (max-width : 589px){
    .greeting_txt.top p br { display: none; }
}
@media all and (max-width : 500px){
    .greeting_img { margin: 40px 0; }
}
@media all and (max-width : 360px){
    .greeting_txt.btm .ceo { font-size: 18px; }
    .greeting_txt p { font-size: 14px; }
}


/* sub-activity { *********************************************************************************************/
.act_wrap { padding-top: 160px; }
.act_cont { font-family: 'nanumsquare'; }
.act_txt { text-align: center; }
.act_txt h2 { color: #111; font-size: 36px; font-weight: 900; font-family: 'nanumsquare';}
.act_txt p { color: #111; margin-top: 30px; font-size: 20px; font-weight: normal;}

.act_sec_wrap { margin-top: 130px; }
.act_sec_wrap .act_sec { display: flex; justify-content: space-between; margin-bottom: 70px; }
.act_sec_wrap .act_sec .act_sec_tit { display: flex; }
.act_sec_wrap .act_sec .act_sec_tit .tit_icon { width: 47px; margin-top: 5px; margin-right: 15px; }
.act_sec_wrap .act_sec .act_sec_tit h5 { line-height: 36px; color: #111; font-size: 26px; font-weight: 900; font-family: 'nanumsquare'; }

.act_sec_wrap .act_sec .act_group { max-width: 760px; display: flex; width: 100%; flex-wrap: wrap;}
.act_sec_wrap .act_sec .act_group .act { width: calc(100% / 2 - 20px); margin: 10px; }
.act_sec_wrap .act_sec .act_group .act:nth-child(2) { margin-right: 0; }
.act_sec_wrap .act_sec .act_group .act .act_img { }
.act_sec_wrap .act_sec .act_group .act p { color: #000; font-size: 20px; margin-top: 20px; text-align: center; }

/* 반응형 */
@media all and (max-width : 1280px){
    .act_txt h2 { font-size: 32px; }
    .act_txt p { font-size: 18px; }
    .act_sec_wrap .act_sec .act_sec_tit .tit_icon { width: 40px; margin-right: 10px; }
    .act_sec_wrap .act_sec .act_sec_tit h5 { font-size: 24px; line-height: 32px; }
    .act_sec_wrap .act_sec .act_group .act p { font-size: 18px; margin-top: 18px; }
}
@media all and (max-width : 1180px){
    .act_sec_wrap .act_sec { flex-direction: column; }
    .act_sec_wrap .act_sec .act_group { max-width: 100%; }
    .act_sec_wrap .act_sec .act_sec_tit { margin-bottom: 15px; }
    .act_sec_wrap .act_sec .act_sec_tit .tit_icon { margin-right: 15px; }
    .act_sec_wrap .act_sec .act_sec_tit br { display: none; }
}
@media all and (max-width : 765px){
    .act_txt h2 { font-size: 24px; }
    .act_txt p { margin-top: 30px; font-size: 16px; line-height: 22px;}
    .act_txt p .mob_show { display: block; }
    .act_sec_wrap { margin-top: 10%; }
    .act_sec_wrap .act_sec { margin-bottom: 60px; }
    .act_sec_wrap .act_sec .act_sec_tit h5 { font-size: 20px; }
    .act_sec_wrap .act_sec .act_group .act { margin-right: 10px; }
    .act_sec_wrap .act_sec .act_group .act p { font-size: 16px; }
}
@media all and (max-width : 500px){
    .act_txt h2 { font-size: 20px; }
    .act_sec_wrap .act_sec .act_group { flex-direction: column; }
    .act_sec_wrap .act_sec .act_group .act { width: calc(100% / 1); margin-right: 0; }
    .act_sec_wrap .act_sec .act_group .act:nth-last-child(1) { margin-top: 20px;  }
    .act_sec_wrap .act_sec .act_sec_tit .tit_icon { margin-right: 10px; margin-top: 3px; }
    .act_sec_wrap .act_sec .act_sec_tit h5 { font-size: 18px; line-height: 24px; }
}
@media all and (max-width : 360px){
    .act_txt h2 { font-size: 20px; }
    .act_txt p { font-size: 14px; }
    .act_sec_wrap .act_sec { margin-bottom: 50px; }
    .act_sec_wrap .act_sec .act_sec_tit h5 { font-size: 18px; line-height: 22px; }
    .act_sec_wrap .act_sec .act_sec_tit .tit_icon { width: 30px; margin-top: 3px;}
    .act_sec_wrap .act_sec .act_group .act p { font-size: 15px; }
}

/* sub-history { *********************************************************************************************/
.historyCon {position: relative;margin: 0 auto;width:100%;}
.historyDecade .decade{display:table;position:relative;width:100%; z-index:2; margin-bottom: 100px;}
.historyDecade .decade .txtArea{ vertical-align:middle;position: relative;z-index: 2; text-align: center; }
.historyDecade .decade .txtArea h2{ color: #111; font-size: 36px; font-weight: 900; font-family: 'nanumsquare'; }
.historyDecade .decade .txtArea p{ color: #111; margin-top: 30px; font-size: 20px; font-weight: normal; }
.historyDecade .topYear{display:block;margin:60px auto 25px;width:182px;height:66px;text-indent:-9999em;}
.historyDecade.bg .topYear{background:url(../../img/img_history_topYear.png) no-repeat center center;}
.historyCon{position:relative;margin:0 auto;max-width:1238px; }
.historyCon .historyList{position:relative;}
.historyCon .historyList:after{display:block;content:'';position:absolute;top:23px;left:50%;margin-left:-.5px;bottom:0;border-right:1px solid #d3d3d3;}
.historyCon .historyList > ul{position:relative;padding:70px 0 50px;}
.historyCon .historyList > ul:before{display:block;content:'';position:absolute;top:0;left:50%;margin-left:-11.5px;width:23px;height:23px;
background:url(../../img/icon_historyList_before.gif) no-repeat;}
.historyCon .historyList > ul:after{display:block;content:'';clear:both;}
.historyCon .historyList > ul > li{clear:both;position:relative;width:50%;box-sizing:border-box;}
.historyCon .historyList > ul > li:after{display:block;content:'';clear:both;}
.historyCon .historyList > ul > li.left{float:left;padding-right:32px;text-align:right;}
.historyCon .historyList > ul > li.right{float:right;padding-left:32px;text-align:left;}
.historyCon .historyList > ul > li .year{display:block;margin-bottom:10px;font-size:32px;color:#10275c;letter-spacing:-1px; font-weight:500}
.historyCon .historyList > ul > li .listCon > li{color:#212121; display: block;position: relative;font-size: 16px;line-height:22px;padding: 10px;}
.historyCon .historyList > ul > li .listCon > li em{ font-style:normal; color:#edbb00}
.historyCon .historyList > ul > li.left .listCon > li{padding-right:10px;}
.historyCon .historyList > ul > li.left .listCon.dot > li:before{left:inherit;right:0;}
.historyCon .historyList > ul > li .exp{padding-left:10px;font-size:15px;color:#555;line-height:145%;}
.historyCon .historyList > ul > li.left .exp{padding-right:10px;}
.historyCon .historyList > ul > li.scroll .year{color:#edbb00;}
.historyCon .historyList > ul > li.scroll.left:before{right:0;}
.historyCon .historyList > ul > li.scroll.right:before{left:0;}
.historyCon .historyList > ul > li > ul{ padding-bottom:25px}
.historyCon .scrollActionBar{z-index: 1; display:block;position:absolute;top:0;left:0;right: 0; margin: auto; width:5px;height:100px;background:#edbb00;transition-duration:0.5s;}
.chairmanList li{ float:left; width: calc( 50% - 3%); margin:0 6% 8% 0;}
.chairmanList li:nth-of-type(2n){ margin-right:0}
.chairmanList  .cube{width:100%; overflow:hidden; margin-bottom:20px;}
.chairmanList  .cube span {padding: 0;font-size: 18px;line-height: 45px; padding-left: 30px; height:45px; text-align:left; border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:10px; border-top-right-radius:10px; width:45%}
.chairmanList  .cube:before{width:100%; height:2px; background:#0ca2e0; content:""; display:block; position:absolute; bottom:0; left:0;z-index: 1111;}
.chairmanList .profile-list > div{ float:left; width:70%;}
.chairmanList .profile-list > div.img{width:30%;}
.chairmanList .profile-list > div.img > img{width:90%;}
.profile_info{padding: 15px 0px 0 20px;}
.profile_info.top p{ font-size:18px; color:#222; margin-bottom:20px;}
.profile_info.top p > strong{display:block; font-size:25px; margin-top:7px;}
.profile_info.bottom p{display:table; width:100%; font-size:16px;}
.profile_info.bottom p span{ display:table-cell; vertical-align:top; font-weight:300; color:#666; line-height:1.8; }
.profile_info.bottom p span:first-child{font-weight:500; color:#222;width:85px;}
.profile_info:last-child{ padding-top:0}
.table_wrap{}
caption{width: 100%;height: 1px;color: transparent; overflow: hidden;}
.tstyle_list{border-top: solid 2px #000;border-bottom: solid 1px #dcdbdb;}
.tstyle_list  tr td, .tstyle_list tr th{ font-size:16px; font-weight:300}
.tstyle_list tbody td.bg, .tstyle_list thead th {padding: 15px;background: #fafafa;border-top: solid 1px #dcdbdb;color: #333;}
.tstyle_list thead th {background:#eef8f8;font-size: 16px;line-height: 24px;font-weight: 700;vertical-align: middle;padding: 16px 12px;
color: #222;}
.tstyle_list td, .tstyle_list th {padding:15px;position: relative;border-bottom: 0;text-align: center; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1}
.tstyle_list tbody td.bg, .tstyle_list th:first-child, .mamberCon .tstyle_list td:first-child{border-left:1px solid #e1e1e1} 

.unit{text-align: right;line-height: 1.8;font-size: 15px;font-weight: 300;margin-bottom: 9px; letter-spacing: 0;color: #999;}
.tstyle_list td a{font-weight:400;}
.tstyle_list td a:hover{ text-decoration:underline; color:#005cb9}

@media all and (max-width : 1280px){
    .historyDecade .decade .txtArea h2 { font-size: 32px; }
    .historyDecade .decade { margin-bottom: 80px; }
}
@media all and (max-width : 765px){
    .historyDecade .decade .txtArea h2 { font-size: 24px; }
    .historyDecade .decade { margin-bottom: 60px; }
}
@media all and (max-width : 500px){
    .historyDecade .decade { margin-bottom: 40px; }   
}



/* sub-people { *********************************************************************************************/
.peo_txt { text-align: center; margin-bottom: 100px; }
.peo_txt h2{ color: #111; font-size: 36px; font-weight: 900; font-family: 'nanumsquare'; }
.peo_txt p{ color: #111; margin-top: 30px; font-size: 20px; font-weight: normal; }

.peo_sec {}
.peo_sec th { font-size: 18px; padding: 15px 0;  text-align: center; background-color: #f0f0f0; border-bottom: 1px solid #ddd; }
.peo_sec td {font-weight: 500;color: #111;line-height: 24px;padding: 10px 0;text-align: center;font-size: 16px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
/* .peo_sec td:nth-last-child(1) { padding-left: 30px; border-left: 1px solid #ddd; text-align: left; } */
.peo_sec .peo_sec_tit { display: flex; }
.peo_sec .peo_sec_tit .tit_icon { width: 47px; margin-top: 5px; margin-right: 15px; }
.peo_sec .peo_sec_tit h5 { line-height: 36px; color: #111; font-size: 26px; font-weight: 900; font-family: 'nanumsquare'; }
.peo_sec table { border: 1px solid #ddd; border-bottom: none; border-top: 2px solid #afc511; margin-top: 20px;}

.peo_sec_wrap { font-family: 'nanumsquare'; }
.peo_sec.top { }

.peo_sec.btm { margin-top: 80px; }
.peo_sec.btm .title { background-color: #f0f0f0; color: #edbb00; font-weight: 900; border-right: 1px solid #ddd; }

/* 회원 혜택 */
.solution_box {display: flex;margin:45px auto 100px;justify-content: space-between;}
.solution_box li{position: relative;float: left;width: 220px;height: 230px;padding: 40px 25px;/* margin-left:58px; */background: url(/img/bg_platformVision_dt2.gif) no-repeat center / cover;box-sizing: border-box;font-weight: 300;font-size: 15px;line-height: 20px;color: #222;text-align: center;text-transform: uppercase;word-break:keep-all;}
.solution_box li:before{
	content: "";
	position: absolute;
	top: 110px;
	left: -75px;
	background: url(/img/line_strateProjectItem.png) no-repeat center / contain;
	width: 70px;
	height: 9px;
	display:block;
	z-index: -1;
}
.solution_box li:first-child{margin-left:5px;}
.solution_box li:first-child:before, .solution_box.right.top li:first-child:before{display:none}
.solution_box li span{display: block;padding-bottom: 20px;font-weight: 500;font-size: 40px;line-height: .8;color: #ffcb05;font-family: 'Raleway', sans-serif;}


/* 후원신청 버튼 */
.sponsor_banner{border-top: 1px solid #ddd; width: 100%; margin-top: 85px;}
.sponsor_banner div.clearfix{ width:100%; position:relative; padding:55px 0; box-sizing:border-box;}
.sponsor_banner div.clearfix > div{ float:left;}
.sponsor_banner div.clearfix > div.sponsor_left{padding-top: 10px;}
.sponsor_banner div.clearfix > div.sponsor_left dl dt{font-size:34px;color: #edbb00;font-family: 'Raleway', sans-serif;margin-bottom:20px;font-weight:bold;}
.sponsor_banner div.clearfix > div.sponsor_left dl dd{font-size:18px; color:#555;}
.sponsor_banner div.clearfix > div.sponsor_right{ float:right;}
.sponsor_banner div.clearfix > div.sponsor_right a, a.sponsor_btn.small{background: url(/img/subArr_next.png) no-repeat calc(100% - 22px) 44% #edbb00;display:block;width: 300px;padding: 27px 100px 30px 22px;position:relative;color:#fff;font-weight:bold;border-radius:5px;}
.sponsor_banner div.clearfix > div.sponsor_right a:before, a.sponsor_btn.small:before{content: "";background-color: rgba(255, 255, 255, 0.5);height: 100%; width: 3em;display: block;position: absolute; top: 0;left: -4.5em;  -webkit-transform: skewX(-45deg) translateX(0);transform: skewX(-45deg) translateX(0);-webkit-transition: none; transition: none;}
.sponsor_banner div.clearfix > div.sponsor_right a:hover:before, a.sponsor_btn.small:hover:before {-webkit-transform: skewX(-45deg) translateX(13.5em); transform: skewX(-45deg) translateX(25.5em);-webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.sponsor_banner div.clearfix > div.sponsor_right a span, .sponsor_banner div.clearfix > div.sponsor_right a i,
a.sponsor_btn.small, a.sponsor_btn.small i{ vertical-align:middle}
.sponsor_banner div.clearfix > div.sponsor_right a span{ font-size:19px; display:inline-block;}
.sponsor_banner div.clearfix > div.sponsor_right a i.spon_arr{position: relative;top: auto;right: auto;display:inline-block;padding-right: 0;text-align: left; margin: 0 0 0 15px;}




/* 반응형 */
@media all and ( max-width : 1280px ){
    .peo_txt { margin-bottom: 80px; }
    .peo_txt h2{ font-size: 32px; } 

    .peo_sec .peo_sec_tit .tit_icon { width: 45px; margin-right: 10px; }
    .peo_sec .peo_sec_tit h5 { font-size: 24px; }
}
@media all and ( max-width : 765px ){
    .peo_txt { margin-bottom: 60px; }
    .peo_txt h2{ font-size: 24px; } 
    
    .peo_sec .peo_sec_tit .tit_icon { width: 40px;  margin-top: 7px;}
    .peo_sec .peo_sec_tit h5 { font-size: 18px; }
    .peo_sec th { font-size: 16px; }
    .peo_sec td { font-size: 14px; line-height: 18px; padding: 10px 5px;}
    .peo_sec td:nth-last-child(1) { padding-left: 20px; }
    
    .peo_sec table { margin-top: 5px; }
    .peo_sec.btm { margin-top: 50px; }
}
@media all and ( max-width : 360px ){
    .peo_sec th { font-size: 15px; }
}


/* sub-video { *********************************************************************************************/
.video_txt { text-align: center; margin-bottom: 100px; }
.video_txt h2{ color: #111; font-size: 36px; font-weight: 900; font-family: 'nanumsquare'; }
.video_sec { display: flex; flex-wrap: wrap;}
.video_sec li{width:  calc(100% / 3 - 20px); margin: 10px;}

/* 반응형 */
@media all and ( max-width : 1280px ){
    .video_txt { margin-bottom: 80px; }
    .video_txt h2{ font-size: 32px; } 
}
@media all and ( max-width : 765px ){
    .video_txt { margin-bottom: 60px; }
    .video_txt h2{ font-size: 24px; } 
    
    .video_sec li{width:100%; }
    .video_sec li iframe{height: 450px;}
}
@media all and ( max-width : 360px ){
    .video_txt h2 { font-size: 24px; }
}


/* sub-slogan { *********************************************************************************************/
.slog_txt { text-align: center; margin-bottom: 100px; }
.slog_txt h2{ color: #111; font-size: 36px; font-weight: 900; font-family: 'nanumsquare'; }
.slog_txt p{ color: #111; margin-top: 30px; font-size: 20px; font-weight: normal;  font-family: 'nanumsquare'; }

.slog_sec_wrap { font-family: 'nanumsquare'; }
.slog_sec_wrap .bold{ font-weight: bold; margin-right: 10px; }
.slog_sec_wrap .slog_sec.top { position: relative; }
.slog_logo { width: 100%; max-width: 500px; margin: 0 auto;}

.slog_sec_tit { font-weight: 900; font-family: 'nanumsquare';  font-size: 26px; color: #111; text-align: left; padding: 60px 0 30px; border-top: 1px solid #ddd;}

.slog_sec.mid { max-width: 1125px; margin: 80px auto 0; }
.slog_sec.mid .txt p { font-size: 20px; margin-bottom: 12px; position: relative; padding-left: 20px; color: #111; }
.slog_sec.mid .txt p::before { display: block; content: ''; width: 8px; height: 8px; border-radius: 50px; background: #edbb00; position: absolute; left: 0; top: 5px; }
 
.slog_sec.btm { display: flex; flex-direction: column; max-width: 1125px; margin: 80px auto 0;  justify-content: center; }
.slog_sec.btm .slog { display: flex; align-items: center; }
.slog_sec.btm .slog_box_group { display: flex; }
.slog_sec.btm .slog_box_group .box { width: 76px; height: 76px; margin-right: 25px; }
.slog_sec.btm .slog_box_group .box.yellow { background-color: #edbb00; }
.slog_sec.btm .slog_box_group .box.yellow_green { background-color: #a8d151; }
.slog_sec.btm .slog_box_group .box.black { background-color: #878787; }

.slog_text { position: relative; padding-left: 20px; }
.slog_text::before { display: inline-block; content: ''; width: 2px; height: 100%; position: absolute; left: 0; background-color: #ddd;   }
.slog_text .txt:nth-child(1) { margin-bottom: 13px; }
.slog_text .txt { display: flex; align-items: center; }
.slog_text .txt p { color: #111; font-size: 20px; }
.fw900 { font-weight: 900; margin-right: 13px;}

/* 반응형 */
@media all and ( max-width : 1280px ){
    .slog_txt { margin-bottom: 80px; }
    .slog_txt h2{ font-size: 32px; } 
    .slog_txt p { font-size: 18px; }

    .slog_sec_tit { font-size: 24px; padding: 40px 0 30px; }
    .slog_sec.mid .txt p { line-height: 22px; font-size: 18px; margin-bottom: 15px; }
    .slog_text .txt p { font-size: 18px; line-height: 20px;}

    .slog_sec.btm .slog_box_group .box { width: 66px; height: 66px; margin-right: 20px; }
}
@media all and ( max-width : 1050px ){
    .slog_text .txt { flex-direction: column; align-items: flex-start; }
    .fw900 { margin-bottom: 8px; }
}
@media all and ( max-width : 765px ){
    .slog_sec_tit { font-size: 20px; padding: 40px 0 30px;}
    .slog_sec.mid { margin: 50px auto 0; }
    .slog_sec.mid .txt p { line-height: 20px; font-size: 16px; margin-bottom: 10px; }
    .slog_text { margin-top: 40px; padding-left: 15px; }
    .slog_text .txt p { font-size: 16px; }
    .slog_txt { margin-bottom: 60px; }
    .slog_txt h2{ font-size: 24px; } 
    .slog_txt p { margin-top: 30px; font-size: 16px; line-height: 22px; }
    .slog_sec.btm { margin: 50px auto 0; }
    .slog_sec.btm .slog { display: flex; align-items: flex-start; flex-direction: column; }
    .slog_sec.btm .slog_box_group { width: 100%; justify-content: center; }
    .slog_sec.btm .slog_box_group .box { width: 76px; height: 76px; margin-right: 15px; }
    .slog_sec.btm .slog_box_group .box.black { margin-right: 0; }
    .slog_logo { width: 80%; }  
}
@media all and ( max-width : 580px ){
}
@media all and ( max-width : 360px ){
    .slog_txt h2 { font-size: 24px; }
    .slog_txt p { font-size: 14px; }
    .slog_sec.mid .txt p { margin-bottom: 15px; }
}


/* sub-promotion { *********************************************************************************************/
.pro_txt { text-align: center; margin-bottom: 100px; }
.pro_txt h2{ color: #111; font-size: 36px; font-weight: 900; font-family: 'nanumsquare'; }
.pro_txt p{ color: #111; margin-top: 30px; font-size: 20px; font-weight: normal;  font-family: 'nanumsquare'; }
    
.pro_click_wrap { display: none; font-family: 'nanumsquare'; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 3;}
.pro_click_wrap .pro_sec_cl_wrap{ padding: 30px 30px 50px; max-width: 700px; height: auto; background-color: #fff; position: absolute; top: 35%; left: 0; right: 0; margin: auto;  }
.pro_click_wrap .pro_sec_cl_wrap .close_btn { cursor: pointer; display: block; position: absolute; top: 10px; right: 11px; }
.pro_click_wrap .pro_sec_cl_wrap .close_btn i { font-size: 30px; color: #111;}
.pro_click_wrap .pro_sec_cl_wrap .pro_sec_cl li { display: block; }
.pro_click_wrap .pro_sec_cl_wrap .pro_sec_cl li .name { color: #111; font-size: 28px; font-weight: 600; padding: 20px 0 15px; position: relative; }
.pro_click_wrap .pro_sec_cl_wrap .pro_sec_cl li .name:after { content: ''; display: block; width: 100%; height: 2px; background: #ddd; position: absolute; left: 0; bottom: 0; }
.pro_click_wrap .pro_sec_cl_wrap .pro_sec_cl li .commission { padding-top: 40px; display: flex; flex-direction: column; }
.pro_click_wrap .pro_sec_cl_wrap .pro_sec_cl li .activity { padding-top: 25px; display: flex; flex-direction: column; }
.pro_click_wrap .pro_sec_cl_wrap .pro_sec_cl li p .tit { color: #111; font-size: 22px; font-weight: 600; }
.pro_click_wrap .pro_sec_cl_wrap .pro_sec_cl li p .con { font-size: 17px; padding-top: 10px; }
.pro_bg { width: 100%; height: 100%; background: rgba(0,0,0,0.4); }

.pro_sec { display: flex; font-family: 'nanumsquare'; }
.pro_sec .pro { width: calc(100% / 3); margin-right: 20px; cursor: pointer; }
.pro_sec .pro:nth-last-child(1) { margin-right: 0px; }
.pro_sec .pro .pro_tit { font-weight: 600; font-size: 20px; margin-top: 20px; text-align: center; color: #111;}
.pro_sec .pro .pro_img { overflow: hidden; position: relative; background-color: #a8d151; }
.pro_sec .pro .pro_img > img { transform: scale(1); opacity: 100%; transition: all 0.3s ease; }
.pro_sec .pro .pro_img .view_btn { transform: scale(0.5); z-index: 2; opacity: 0; visibility: hidden; width: 66px; height: 66px; position: absolute; left: 0; right: 0; top: 37%; margin: auto; transition: all 0.3s;} 
.pro_sec .pro .pro_img .view_btn img { width: 100%; }  

.pro_sec .pro:hover .pro_img > img { transform: scale(1.1); opacity: 30%; } 
.pro_sec .pro:hover .pro_img .view_btn {transform: scale(1.2); opacity: 1; visibility: visible; } 


/* 반응형 */
@media all and ( max-width : 1280px ){
    .pro_txt { margin-bottom: 80px; }
    .pro_txt h2{ font-size: 32px; } 
    .pro_sec .pro .pro_tit { font-size: 18px; }
    .pro_sec .pro .pro_img .view_btn { top: 37%; }
    .pro_click_wrap .pro_sec_cl_wrap { top: 30%; }
}
@media all and ( max-width : 980px ){
    .pro_sec { flex-wrap: wrap; }
    .pro_sec .pro { width: calc(100% / 2 - 10px); margin-right: 20px; margin-bottom: 20px;}
    .pro_sec .pro:nth-last-child(1) { margin-right: 20px; }
    .pro_sec .pro:nth-last-child(2) { margin-right: 0; }
}
@media all and ( max-width : 765px ){
    .pro_txt { margin-bottom: 60px; }
    .pro_txt h2{ font-size: 24px; } 
    .pro_sec .pro { width: calc(100% / 2 - 5px ); margin-right: 10px; }

    .pro_sec .pro .pro_img .view_btn { width: 50px; height: 50px; top: 38%; }
    .pro_click_wrap .pro_sec_cl_wrap .pro_sec_cl li .name { font-size: 24px; }
    .pro_click_wrap .pro_sec_cl_wrap .pro_sec_cl li p .tit { font-size: 20px; }
    .pro_click_wrap .pro_sec_cl_wrap .pro_sec_cl li p .con { font-size: 16px; line-height: 21px; }
}
@media all and ( max-width : 580px ){
    .pro_sec .pro { width: calc(100% / 1 ); margin-right: 0; margin-bottom: 20px;}
    .pro_sec .pro:nth-last-child(1) { margin-right: 0; }
    .pro_sec .pro .pro_img .view_btn { width: 66px; height: 66px; top: 38%; }
}
@media all and ( max-width : 360px ){
    .pro_txt h2 { font-size: 24px; }
    .pro_sec .pro .pro_tit { font-size: 16px; }
    .pro_sec .pro .pro_img .view_btn { width: 50px; height: 50px; top: 37%; }
    .pro_click_wrap .pro_sec_cl_wrap .pro_sec_cl li .commission { padding-top: 30px; }
}

/* sub-board { *********************************************************************************************/
.bo_txt { text-align: center; margin-bottom: 100px; }
.bo_txt h2 { color: #111; font-size: 36px; font-weight: 900; font-family: 'nanumsquare'; }
.bo_txt p { color: #111; margin-top: 30px; font-size: 20px; font-weight: normal; font-family: 'nanumsquare'; }
    
/* 반응형 */
@media all and ( max-width : 1280px ){
    .bo_txt { margin-bottom: 80px; }
    .bo_txt h2{ font-size: 32px; } 
}
@media all and ( max-width : 765px ){
    .bo_txt { margin-bottom: 60px; }
    .bo_txt h2{ font-size: 24px; } 
}
@media all and ( max-width : 360px ){
    .bo_txt h2 { font-size: 24px; }
}

/*양식 팝업*/
.popup.main_popup{width:50%;background: #fff;z-index:1200;display: none;box-sizing:border-box; overflow:hidden}
.main_popup .pop_header{position: relative;padding: 2.5rem 2rem;background:#0ca2e0;}
.main_popup .pop_header .pop_tit {font-size:25px; color: #fff;font-weight: 400;}
.main_popup .pop_header .pop_close {position: absolute; right: 2rem;top: 50%;width: 2.5rem;height: 2.5rem;transform: translateY(-50%);background: url(../../img/i_pop_close.png) no-repeat 0 0;background-size: 100%;}
.main_popup .pop_content {position: relative;height: 45rem;overflow-y: scroll;padding:2rem;font-size: 1.8rem;text-align: left;min-height: 35rem; letter-spacing:0}
.main_popup + .popup_bg {display:none;width:100%; height:100%; _height:800px;background:#000; filter:alpha(opacity=70); opacity:0.7; position:fixed;_position:absolute; _filter:alpha(opacity=70); top:0px; left:0px; z-index:1000;}
.main_popup .txt_box {background: #efefef;width: 100%; padding:30px 25px;margin-bottom:2rem;font-size:15px; line-height:1.7; font-weight:300; text-align:left; letter-spacing:0; max-height: 300px;overflow-y: scroll; letter-spacing:0}
.main_popup .txt_box p > span{display:block; margin-bottom:5px; font-weight:500; font-size:12px; color:#0ca2e0}
.main_popup .txt_box p > strong{ font-weight:400;display:block; margin-bottom:10px; font-size:18px; color:#222}
.pop_content h2{ font-size:20px; color:#0ca2e0; margin-bottom:10px}
.pop_content ol li.first{ margin-top:25px;}
.pop_content ol li{ font-size:15px; font-weight:300; line-height:1.6}
.pop_content ol li h5{font-size: 17px; font-weight: 500;margin-top:30px; margin-bottom:5px}
.pop_content ol li p{ margin-top:5px; padding-left:10px;}

/* 찾아오시는 길 */
.location_txt { text-align: center; margin-bottom: 100px; }
.location_txt h2{ color: #111; font-size: 36px; font-weight: 900; font-family: 'nanumsquare'; }
.location_txt p{ color: #111; margin-top: 30px; font-size: 20px; font-weight: normal;  font-family: 'nanumsquare'; }
.location_wrap { }

/* 반응형 */
@media all and ( max-width : 1280px ){
    .location_txt { margin-bottom: 80px; }
    .location_txt h2{ font-size: 32px; } 
}
@media all and ( max-width : 765px ){
    .location_txt { margin-bottom: 60px; }
    .location_txt h2{ font-size: 24px; } 
}
@media all and ( max-width : 360px ){
    .location_txt h2 { font-size: 24px; }
}


.map-tbl-con{overflow:hidden;}
.map-tbl{width:100%;}
.map-tbl th,.map-tbl td{padding:20px 2%; letter-spacing:-0.3px; font-size:15px;}
.map-tbl th{width:110px; border-bottom:1px solid #000; color:#1e1e1e; text-align:left; font-weight:600; }
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#5b5b5b; font-weight:400; line-height:14px;}
.location-list > li{margin-bottom:30px; font-family: 'nanumsquare';}
.location-list > li > dl > dt{border-bottom:1px solid #ddd;}
.location-list > li > dl > dt span{position:relative; display:inline-block; top:1px; border-bottom:1px solid #333; font-size:18px; font-weight:900; padding-bottom:6px; color:#333;}
.location-list > li > dl > dt span i{vertical-align:middle; font-size:22px; margin-right: 5px;}
.location-list > li > dl > dd{padding-top:15px; color:#333; font-size:15px; line-height:22px; word-break:keep-all;}
.location-list > li > dl > dd .bus-info{display:block; position:relative; margin-bottom:5px; padding-left:40px;}
.location-list > li > dl > dd .train-info{display:block; position:relative; margin-bottom:5px; padding-left:25px;}
.location-list > li > dl > dd em{font-style: inherit; position:absolute; top:0px; left:0px; color:#fff; padding:1px 5px; border-radius:2px; margin-right:5px; font-size:12px;}
.location-list > li > dl > dd .train-info em{top:2px; padding:0; width:20px; height:20px; border-radius:20px; text-align:center; line-height:20px}
.location-list > li > dl > dd .car-come {display:block; color:#b75353; font-weight:600;}
.map{ padding-top:0!important}
@media all and (max-width:1280px) {
/*인사말*/
#pSb0 .greeting_wrap{ background-size:45% auto;}	
#pSb0 .greeting_wrap dl{ width:52%;}
#pSb0 .greeting_wrap dl dt{ font-size:27px}
#pSb0 .greeting_wrap dl dd{ font-size:16px; line-height:1.7}
.three_list li dl dt{ font-size:1.35vw;padding: 20px 0 30px 0;}
.three_list li dl dd{font-size:1.2vw;padding: 35px 15px 0 15px;min-height: 150px;}
#pSb0 .greeting_wrap dl dd p:nth-child(2) { margin-top:20px}
#pSb0 .greeting_wrap dl dd > span.sign{font-size:15px;}
#pSb0 .greeting_wrap dl dd > span.sign strong{font-size:20px;}
/*유엔협약*/
.summery_box .justice {padding: 10px 0;font-size: 22px; line-height: 30px; position:relative}
.summery_box .justice:before {left: -35px;top: 5px;}
.summery_box .justice:before, .summery_box .justice:after {width: 25px;height: 22px;}
.summery_box .justice span {line-height: 30px; display:block}
.ability .justice:after {right: -35px;top: 5px;}
.platformVision dl{ padding:40px 0 40px 0}
.platformVision dl dt { float: none;width: 100%;}
.platformVision dl dd {float: none;}
.platformVision dl dd ul.type3 >li{width: 31%;min-height: 100px;height: auto !important;min-height: 165px;}
.platformVision dl dt:after{ right:50%; transform:rotate(90deg); background-position: top right; width:45px;  margin-right:-22.5px; background-size:cover; top:100%; margin-top:5px}
.popup.main_popup{ width:58%}
.spon_step ul li {padding:35px 3.5% 35px 3.5%; margin:0 0 40px 0; min-height:164px;}
.spon_step ul li ul li{ font-size:15px; }
.spon_step ul li ul li:before{ top:11px}
.spon_step ul li:before {width:90px; height:104px; background-size:100% auto !important; left:3.5%;}
.spon_step ul li h5 {font-size:21px; line-height:26px; margin-left:120px;}
.spon_step ul li h5 em {width:26px; height:26px; line-height:26px;}
.spon_step ul li ul {margin-left:120px; margin-bottom:0; margin-right:320px;}
.spon_step ul li .btn_box a.spon_btn{ font-size:13px}
/*2020-01-06*/
.purpose_wrap .summery_box{padding: 35px 3.5% 35px 21%;;margin: 0 0 40px 0;min-height: 164px;}
.purpose_wrap .summery_box:after{width: 90px;height: 104px;background-size: 100% auto !important;left: 3.5%;}
.root_daum_roughmap{ width:100%!important}
.root_daum_roughmap .wrap_btn_zoom{ opacity:0!important}
}
@media all and (max-width:1180px) {	
.purpose_wrap .base .base_box{background-color:rgba(255,255,255,0.7);}	
.cube{ margin-bottom:30px}


}
@media all and (max-width:1150px) {
}
@media all and (max-width:1080px) {
#pSb0 .greeting_wrap dl dd p br{ display:none}	
.spon_step ul li ul{ margin-right:190px}	
.spon_step ul li .btn_box{ margin-top:-46px}	
.spon_step ul li .btn_box a.spon_btn{ font-size:12px;display:block; margin-bottom:5px}	
}

@media all and (max-width:981px) {
#container{ padding-top:45px}
#container .sub_visual > p{font-size:42px}
#container .sub_tit_area{ height:80px;}
.subCon{padding:76px 0 76px; }
#container .sub_tit_area h1{font-size: 25px;height: 80px;line-height: 80px;}
#container .indicatorD .locationD span, .indicatorD .locationD .depthD > a{font-size:14px;}
/*후원신청*/
.cube {width: 100%; float: none;}
.cube span {padding: 7px 32px;height: auto;text-align: left;}
.pur_info dd{float:none; width:100%;}
.pur_info dt:after{bottom:0;right:auto;left:4%; margin-top:20px;width: 9px;height: 40px; background:url(../../img/line_strateProjectItem2.png) no-repeat top center;}
/*취지*/
.purpose_wrap .base .base_box{ padding:40px 20px 40px 30px}	
/*인사말*/
#pSb0 .greeting_wrap{ background:none}
#pSb0 .greeting_wrap figure{ display:block;}
#pSb0 .greeting_wrap figure > img{ width:100%; height:auto;}
#pSb0 .greeting_wrap dl{width: 100%; padding-right:0; margin-top: 6%;}
#pSb0 .greeting_wrap dl dd p:first-child{padding-top: 9.5%; padding-bottom:0}
/*역대회장*/
.profile_info dl dd span{font-size:14px;}
.chairmanList .profile-list .profile_info.bottom{ float:none; width:100%; padding:0;}
.chairmanList .profile-list .profile_info.bottom p:first-child { padding-top:20px;}
.tstyle_list tr td, .tstyle_list tr th, .tstyle_list tr td a{ font-size:15px;line-height: 1.6;}
.crc_history .crc_history_list:after{left:30px; top:26%; height:75%}
.crc_history .crc_history_list:before{margin:15px 0 0 0;}
.crc_history_list>li{margin:0 0 20px 0;width:100%;float:none;padding-left:24px;}
.crc_history_list>li.year_present{float:left;}
.crc_history_list>li.year_present h3{position:relative;left:0;padding-left:30px;margin-bottom:20px;}
.crc_history_list>li.year_present h3:after{right:auto;left:0;}
.crc_history_list>li.year_past h3{position:relative;right:auto;margin-bottom:20px;}
.crc_history_list>li.year_past{text-align:left;}
.crc_history_list>li.year_past .date{float:left;}
.three_list li{ float:none; width:100%; margin:0; margin-bottom:5%; }
.three_list li:last-child{ margin-bottom:0}
.three_list li dl{display:table;}
.three_list li dl dt, .three_list li dl dd{display:table-cell; vertical-align:middle; padding:0;font-size:14px; padding:15px; line-height:1.6}
.three_list li dl dt{width:30%; border:0; border-right:1px solid #ddd; font-size:15px;padding-right: 40px;}
.three_list li dl dd{ width:70%; text-align:left; padding-left:40px}
.three_list li dl dt:after{width: 30px;height: 30px;font-size: 12px; line-height: 30px; left: auto; right: 0;top: 50%; margin: 0;margin-right: -15px;margin-top: -15px;}
.platformVision dl dd ul.type3 > li > ul li{ font-size:14px}
.popup.main_popup{ width:80%}
.main_popup .pop_header{padding: 1.2rem 1rem;}
.main_popup .pop_header .pop_tit{font-size:18px;}
.main_popup .pop_header .pop_close{right:1rem;top:50%;width:1.2rem;height:1.2rem;}
.main_popup .txt_box{ font-size:13px; margin-bottom:1.8rem}
.main_popup .txt_box p > strong, .pop_content h2{font-size:16px}
.pop_content ol li h5{ font-size:15px; margin-top:15px;}
.pop_content ol li{ font-size:13px}

.gu_table thead th {font-size:14px; line-height:24px;padding: 14px 6px;}
.gu_table thead th:first-child {padding-left: 12px;}
.gu_table thead th:last-child {padding-right: 12px;}
.gu_table tbody td {font-size: 14px;line-height: 24px;padding: 18px 6px;color: #444;}
.gu_table tbody td:first-child {padding-left: 12px;}
.gu_table tbody td:last-child {padding-right:12px;}
.gu_caption_area {margin-top:15px;font-size:13px;}
/* 다운로드 버튼 */
.gu_btn_down {text-align:left;}
.gu_btn_down a {font-size: 12px;}
.gu_btn_down a span {padding-right: 23px;}
.gu_btn_down a span:before {width: 14px;height: 14px;}
/*  테이블 안 다운로드 버튼 */
.gu_table tbody td span.down_icon:before{width:14px;height:14px;/* right:-23px; *//* background:url('../../img/common/ico_download.png') no-repeat center center / contain; */}
.gu_table tbody td span.down_icon:hover:before{background:url('../../img/ico_download.png') no-repeat center center / contain;}
/*아동총회*/
.purpose2_wrap .purpose2{padding:40px 10px 80px 10px;}
.purpose2_wrap .purpose2 figcaption{font-size:30px;}
.purpose2_wrap .purpose2 figure figcaption span{font-size:19px;}
.quiz_list dl{ padding:15px 15px 15px; margin-top:30px;}
.quiz_list dl dt {margin:10px 0 10px; font-size:18px; }
.quiz_list dl dt span {font-size:15px; padding-left:10px;}
.quiz_list dl dd {line-height:20px; padding:0 0 13px; font-size:13px;}
.downInfo .btnD{margin-top:10px}
.downInfo .btnD a{padding:0 15px; height:40px; font-size:12px; line-height:38px}
.downInfo .btnD a span{padding-right:20px; background:url('../../img/ico_download.png') no-repeat right 1px center; background-size:12px}
.downInfo .btnD a:hover{color:#555; background:#fff; border:1px solid rgba(34, 34, 34, 0.2)}
.downInfo .btnD a:hover span{background:url('../../img/ico_download.png') no-repeat right 1px center; background-size:12px}
}

@media all and (max-width:850px) {
.spon_step ul li h5{ font-size:19px}	
.spon_step ul li h5 em{ width: 23px;height: 23px;line-height: 23px;font-size: 12px;margin-top: 2px;}
.spon_step ul li ul li{font-size: 14px;letter-spacing: -0.5px;}	
.tstyle_list tr td, .tstyle_list tr th, .tstyle_list tr td a, .tstyle_list td a.btn_down{ font-size:13px;}	
.summery_box .justice {font-size: 20px; line-height: 28px;padding: 0;}
.summery_box .justice:before { top: 0;}
.summery_box .justice span {line-height: 28px;}
.summery_box .justice:after {top: 0;}
.gu_table .btn_see{width:2rem;  height:2rem; background-size:35%}
#container .sub_visual.menu1{ background-image:url(../../img/m_sub_visual1.jpg)}
#container .sub_visual.menu2{ background-image:url(../../img/m_sub_visual2.png)}
#container .sub_visual.menu3{ background-image:url(../../img/m_sub_visual3.png)}
#container .sub_visual.menu4{ background-image:url(../../img/m_sub_visual4.jpg)}
#container .sub_visual.menu5{ background-image:url(../../img/m_sub_visual5.png)}
.purpose_wrap .summery_box p{ margin-right:0; font-size:15px; }
/*퀴즈대회*/
.quiz_wrap .summery_box {padding:25px 3.5%; margin-bottom:35px;}
.quiz_wrap .summery_box p.title, .purpose_wrap .summery_box p.title {font-size:18px; line-height:24px; margin-bottom:10px;}
.quiz_wrap .summery_box p{ font-size:15px; margin-right: 140px;}
.quiz_wrap .summery_box:after {width:90px; height:104px; margin-top:-52px; background-size:100% auto;}
}
@media all and (max-width:765px) {
#container .sub_tit_area .indicatorD{display:none}	
#container .sub_visual{height:130px;}	
#container .sub_visual > p{font-size:30px; bottom: 50px; left: 0; right: 0; margin: auto; width: 100%; text-align: center;}
.depth1_title02, .depth1_bbsTitle02 {margin-top: 30px;}
.depth1_title, .depth1_title02, .depth1_bbsTitle, .depth1_bbsTitle02{margin-bottom: 15px; font-size:19px}
p.circle_lstyle:before, .circle_lstyle > li:before {top:12px;}
p.circle_lstyle, a.circle_lstyle, .circle_lstyle > li, .t_normal {font-size:14px}
.circle_lstyle{ margin-bottom:20px}
.cube {border-right: 0;}

/*연혁*/
.historyDecade .decade .txtArea b{font-size:35px;}
.historyDecade .decade .txtArea p{font-size:16px;}
.chairmanList .cube span{ padding-left:20px; font-size:16px;}
.profile_info.top p{ font-size:15px;}
.profile_info.top p > strong{ font-size:20px}
.profile_info.bottom p span{font-size:14px;}
/*조직현황*/
.tstyle_list thead th, .tstyle_list td, .tstyle_view th, .tstyle_view td, .tstyle_list td a.btn_down{padding:10px 5px;}
.crc_history .crc_history_list{background:none;}
/*유엔아동권리협약의 이해*/
.crc_history .crc_history_list:after{top:22%;}
.crc_history .crc_history_list h3{font-size: 1.450em;}
.crc_history_list>li li{ font-size: 1.15em;}
/*유엔협약*/
.platformVision dl dd ul.type3 >li{float:none;width: 100%;margin: 5px 0; min-height:auto;}
.platformVision dl dt{font-size: 20px;}
.btn_down i{ margin-left:5px}
/*아동총회*/
.purpose2_wrap .purpose2{background-size: 175%;padding-bottom: 40px;}
.purpose2_wrap .purpose2 figcaption{font-size:25px;}
.purpose2_wrap .purpose2 figure figcaption span{font-size:16px;}

.purpose_wrap .summery_box p{ font-size:13px; }
.purpose_wrap .summery_box:after{width: 75px;height: 87px;}
/*퀴즈대회*/
.quiz_wrap .summery_box {padding:20px 4%; margin-bottom:25px;}
.quiz_wrap .summery_box p.title,  .purpose_wrap .summery_box p.title{font-size:16px; line-height:22px; margin-bottom:7px;}
.quiz_wrap .summery_box p{ font-size:13px;margin-right: 110px;}
.quiz_wrap .summery_box span{ font-size:12px}
.quiz_wrap .summery_box:after{width: 75px;height: 87px;margin-top: -43.5px;}

}
@media screen and (max-width:660px ){
/* #container .sub_visual > p{font-size:27px} */

.spon_step ul li {padding:25px 4%; margin:0 0 30px 0; min-height:135px;}
.spon_step ul li:before {width:75px; height:87px; top:25px; left:4%;}
.spon_step ul li:after {border-left:20px solid transparent; border-right:20px solid transparent; border-top:21px solid #f0f3f8; margin-left:-20px; bottom:-21px;}
.spon_step ul li h5 {font-size:19px; line-height:24px; margin-left:95px; margin-bottom:10px;}
.spon_step ul li h5 em {width:22px; height:22px; line-height:22px; font-size:13px; margin-right:5px; margin-top:2px;}
.spon_step ul li ul {margin-left:95px; margin-bottom:0; margin-right:0;}
.spon_step ul li ul li {margin:3px 0 0 0;}
.spon_step ul li .btn_box {position:relative; right:auto; top:auto; margin:15px 0 0 95px;}
.spon_step ul li .btn_box a.spon_btn{display:inline-block; padding:11px 18px}


#pSb0 .greeting_wrap dl dd{ font-size:14px}	
#pSb0 .greeting_wrap dl dd p:first-child{ padding-top: 11.5%; padding-left: 145px;}	
#pSb0 .greeting_wrap dl dd p:nth-child(2){ margin-top:13px;}
#pSb0 .greeting_wrap dl dd > span.sign{font-size:13px; margin-top:15px}
#pSb0 .greeting_wrap dl dd > span.sign strong{font-size:17px;}
.historyDecade.bg .decade{ background-position:65% center;}
.historyDecade .decade .txtArea b{ font-size:25px}
.historyDecade .decade .txtArea p {padding: 0 5%;font-size:15px;line-height: 1.7;}
.historyCon .scrollActionBar { left: -3px; right: inherit;}
.historyCon .historyList{margin-bottom:40px;}
.historyCon .historyList:after,
.historyCon .historyList > ul:before{left:0;}
.historyCon .historyList > ul{padding:35px 0 25px;}
.historyCon .historyList > ul > li{float:none!important;margin:0 0 20px;width:auto;}
.historyCon .historyList > ul > li.left{padding-left:32px;padding-right:0px;text-align:left;}
.historyCon .historyList > ul > li.left .listCon > li{padding-right:0;display:table}
.historyCon .historyList > ul > li.left .listCon > li em{ padding-right:10px;}
.historyCon .historyList > ul > li.left .listCon > li em, .historyCon .historyList > ul > li.left .listCon > li > span{ display:table-cell; vertical-align:top;}
.historyCon .historyList > ul > li.left .listCon.dot > li:before{left:0;right:inherit;}
.historyCon .historyList > ul > li > ul{ padding-bottom:25px}
/*회장리스트*/
.chairmanList li{float:none; width:100%; margin:0 0 10% 0}
.profile_info.top p{ font-size:18px;}
.profile_info.top p > strong{ font-size:22px; margin-top: 12px;}
.chairmanList li:last-child{margin:0}
.crc_history_list .date{ margin:0 0 0 20px}
.crc_history_list>li li {font-size: 0.938em;}
.pur_info dd i{font-size: 0.938em; letter-spacing:0}

.three_list li dl{display:block;}
.three_list li dl dt, .three_list li dl dd{display:block; width:100%;}
.three_list li dl dt{border:0; border-bottom:1px solid #ddd;padding: 0;padding: 15px 10px 26px;}
.three_list li dl dt > br{ display:none!important}
.three_list li dl dd{text-align:center;padding: 0;padding: 35px 10px;min-height: auto;}
.three_list li dl dt:after{right:50%;top:100%; }

.summery_box {padding: 30px 4.5%;}
.summery_box .justice {font-size:16px;line-height: 26px;padding: 0 20px;}
.summery_box .justice:before, .summery_box .justice:after {width: 21px;height: 18px;}
.summery_box .justice span {line-height: 26px;}
.summery_box .justice:before {left: 0;}
.summery_box .justice:after {right: 0;}

.main_popup .pop_header{padding: 1rem 0.9rem;}
.main_popup .pop_header .pop_tit{font-size:16px;}
.main_popup .pop_header .pop_close{width:1rem;height:1rem;}
.main_popup .pop_content{ padding: 1.3rem;height:15rem;min-height: 400px;}
.pop_content ol li.first{ margin-top:15px}
.main_popup .txt_box{padding: 1rem 1.2rem;}
.main_popup .txt_box p > strong, .pop_content h2{font-size:15px}
.pop_content ol li h5{ font-size:14px; margin-top:15px;}
.pop_content ol li{ font-size:12px}
.gu_table tbody td {font-size:13px;}
/*  테이블 안 다운로드 버튼 */
.gu_table tbody td span.down_icon:before{right:-10px;}
.quiz_list dl {padding:0; margin-top:15px; background:none;border:0; border-top: 2px solid #14b0dd; }
.quiz_list dl dt {font-size:15px; }
.quiz_list dl dt span {font-size:13px; padding-left:5px;}
.quiz_list dl dd {font-size:13px;}
.downInfo .btnD a{width:100%;}
}
@media screen and (max-width:570px ){
.base_box dl dt{ font-size:20px}
.base_box dl dd{ font-size:14px; margin-top:20px; font-weight:normal;}
/*인사말*/
#pSb0 .greeting_wrap dl dt{ font-size:22px;}
.chairmanList li{float:none; width:100%; margin:0 0 15% 0}
/*조직현황*/
.tstyle_list td, .tstyle_list th, .tstyle_list tbody td.bg, .tstyle_list thead th{padding:10px}
.tstyle_list tr td, .tstyle_list tr th, .tstyle_list tr td a, .tstyle_list td a.btn_down{font-size:12px;}
.tstyle_list td:last-child, .tstyle_list th:last-child{ padding:10px 5px}
/*유엔아동권리협약의 이해*/
.crc_history .crc_history_list h3{font-size: 1.250em;}
.crc_history_list>li >li{font-size: 1em;}
.purpose2_wrap .purpose2 figcaption{font-size:22px;}
.purpose2_wrap .purpose2 figure figcaption span{font-size:14px;}
.purpose_wrap .summery_box{padding: 20px 4%; margin-bottom:0}
/*퀴즈대회*/
.quiz_wrap .summery_box:after, .purpose_wrap .summery_box:after{display:none;}
.quiz_wrap .summery_box p{ margin-right:0}	
.quiz_list dl{display:none;border: 0;background: #f9f9f9;margin-top: 0;padding: 15px;}
.quiz_list dl dt:first-child{ margin-top:0}
.quiz_list .question {display: block;position: relative;font-weight:400;color: #222;background: url(../../img/accorD_icon_open.png) no-repeat 95% center;padding: 13px 30px;font-size: 15px;line-height: 22px;background-size: 11px 6px;border-top: 2px solid #14b0dd; border-bottom: 1px solid #ddd;word-break: keep-all; margin-top:20px}
.quiz_list .question:after {content: '';display: block;position: absolute;top: 50%;left: 0;background: url(../../img/faqDiv_question.png) no-repeat left center; margin-top: -10px;width: 20px;height: 20px;background-size: 20px;}
.quiz_list.on .question {background: url(../../img/accorD_icon_close.png) no-repeat 95% center;background-size: 11px 6px;}
}
@media screen and (max-width:550px ){
.purpose2_wrap .purpose2 {background-size:auto 150px;}
.purpose2_wrap .purpose2 img{ max-width:120%; position:relative; right:10%;}
}
@media screen and (max-width:480px ){
	
.greeting_txt dl dt{ display:block; width:100%; box-sizing:border-box;}
.greeting_txt dl dt > p{ float:left;font-size:20px}
.greeting_img{ display:block;}
.greeting_txt dl dt > p:last-child{ float:right; width:calc(100% - 145px); word-break:keep-all; padding-top: 18%;}
#pSb0 .greeting_wrap dl dd{ background:none;}
#pSb0 .greeting_wrap dl dd p:first-child{ padding:0}
/*아동총회*/
.purpose2_wrap .purpose2 figcaption{font-size:18px; font-weight:500}
.purpose2_wrap .purpose2 figure figcaption span{font-size:12px; letter-spacing:0px}
}

@media screen and (max-width:420px ){
/*인사말*/
#pSb0 .greeting_wrap dl dt{ font-size:20px;}	
.platformVision dl dt{ background-size:50%!important;height:180px;}
.platformVision dl dt span{ text-align:center;letter-spacing: 0;}
#pSb0 .greeting_wrap dl dd p:nth-child(2){ margin-top:0px;}
.location-list > li > dl > dt span i{ font-size:18px}
.location-list > li > dl > dt span{ font-size:16px}
.location-list > li > dl > dd{ font-size:13px}
.wrap_map{ height:350px!important}
}
@media screen and (max-width:330px ){
	
}