@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%; height: 280px; } 
 #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: #009a4c; 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: 178px; } 
.depthD { background: #fff; border-radius: 30px; } 
.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; } 
.depthD > .menu1,.depthD > .menu2,.depthD > .menu3,.depthD > .menu4,.depthD > .menu5,.depthD > .menu6 { transition: all 0.4s ease-in-out; overflow: hidden; max-height: 0px; } 
.menu1.show,.menu2.show,.menu3.show,.menu4.show,.menu5.show,.menu6.show{ max-height: 500px; } 
 }

.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: #009a4c; font-weight: 600; } 
.catal_img_box { padding-top: 60px; } 
.catal_img_box img { display: block; margin: 0 auto; } 

.greeting_img { width: 1742px; margin: 100px auto; } 
.greeting_img img { max-height: 400px; margin: 0 auto; display: block; } 
.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: 600; font-size: 24px; } 
.more_4{
    font-size: 20px;
    line-height: 1.7;
    color: #111;
    font-weight: 500;
    background: #ebebeb;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 40px;
}
.more_4 h4{font-size: 26px;}

/* 반응형 */
@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: 1000px; 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:#009a4c } 
.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:#009a4c; } 
.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:#009a4c; 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: #009a4c; 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: #009a4c; 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% #009a4c; 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: #009a4c; 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: #009a4c; } 
.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: 0; } 
#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: 240px; } 
#container .sub_visual > p { font-size:30px; bottom: 100px; 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 ) { }