@charset "utf-8";

@import url('reset.css');
@import url('swiper.min.css');
@import url('layout.css?v2');

/*
    height: 100%;
    width: 50px;
    content: "";
    pointer-events: none;
 	background: linear-gradient(to left, var(--yt-spec-brand-background-primary) 20%, rgba(255, 255, 255, 0) 80%);
 * */
@media (min-width: 768px) {
/*768~*/
	.tab_select{margin-bottom: 50px}
	.tab_select .selected{display: none}
	.tab_select ul{margin: 0 -15px}
	.tab_select ul:after{display: block;content: '';clear: both}
	.tab_select li{float: left;width: 25%;display: table;table-layout: fixed;box-sizing: border-box;padding: 0 15px}
	.tab_select li > a,
	.tab_select li > button{display: table-cell;height: 73px;border: 1px solid #eaeaea;text-align: center;vertical-align: middle;font-size: 18px;font-weight: 300;color: #888;border-radius: 12px}
	.tab_select li.on > a,
	.tab_select li.on > button{font-weight: 700;color: #000;border-color: #000}
	.tab_select .option_list{display: block !important;}
	
	.board_view .date,
	.board_view .etc{padding-top: 6px;}
	
	.magazine_part.n2 .tbl3,
	.magazine_part.n3 .tbl3{border-bottom: 0}
	.magazine_part.n3 .tbl3{border-top: 0}
	.magazine_part.n3 .tbl3 thead,
	.magazine_part.n4 .tbl3 thead{display: none}
	
	.business_list .icon{display: block;width: 48px;height: 48px;margin: 0 auto 15px;position: relative}
	.business_list .icon:before,
	.business_list .icon:after{display: block;content:'';background: #fff url(../images/sp_icn_business.png) no-repeat 0 0;position: absolute;top:0;left:0;width: 100%;height: 100%}
	.business_list .icon:before{background-image: url(../images/sp_icn_business_bk.png);z-index: 1;opacity: 1}
	.business_list > li:nth-child(2) .icon:before,
	.business_list > li:nth-child(2) .icon:after{background-position: -48px 0;}
	.business_list > li:nth-child(3) .icon:before,
	.business_list > li:nth-child(3) .icon:after{background-position: -96px 0}
	.business_list > li:nth-child(4) .icon:before,
	.business_list > li:nth-child(4) .icon:after{background-position: -144px 0}
	.business_list > li:nth-child(5) .icon:before,
	.business_list > li:nth-child(5) .icon:after{background-position: -192px 0}
	.business_list .tit{margin-bottom: 12px;font-size: 19px;font-weight: 700;color: #111;}
	.sec1.active .business_list .icon:before{opacity: 0;transition: opacity .8s ease-in .4s}
	/*
	.business_list.active > li:nth-child(2) .icon:before{transition-delay: .5s}
	.business_list.active > li:nth-child(3) .icon:before{transition-delay: .8s}
	.business_list.active > li:nth-child(4) .icon:before{transition-delay: 1.1s}
	.business_list.active > li:nth-child(5) .icon:before{transition-delay: 1.4s}
	*/
	
	.sec1 .fix_in{transform:translateY(50px);opacity: 0;transition: transform .8s cubic-bezier(0.12, 0.4, 0.41, 0.86), opacity .8s cubic-bezier(0.12, 0.4, 0.41, 0.86);}
	.sec1.active .fix_in{transform:translateY(0);opacity: 1}
	
	.sec2 .sec_col{transform:translateY(60px);opacity: 0;transition: transform 1.2s ease, opacity 1s ease;}
	.sec2 .sec_col:nth-child(1){transition-delay: .2s}
	.sec2 .sec_col:nth-child(2){transition-delay: .4s}
	.sec2 .sec_col:nth-child(3){transition-delay: .6s}
	.sec2.active .sec_col{transform:translateY(0);opacity: 1}
	
	.sec3 .sns_area > li{opacity: 0}
	/*
	.sec3.active .sns_area > li{transition: opacity 1300ms ease 450ms;opacity: 1;}
	.sec3.active .sns_area > li:nth-child(1){transition-delay: 0}
	.sec3.active .sns_area > li:nth-child(2){transition-delay: 800ms}
	.sec3.active .sns_area > li:nth-child(3){transition-delay: 200ms}
	.sec3.active .sns_area > li:nth-child(4){transition-delay: 600ms}
	.sec3.active .sns_area > li:nth-child(5){transition-delay: 400ms}
	.sec3.active .sns_area > li:nth-child(6){transition-delay: 900ms}
	*/
	.sec3.active .sns_area > li{transition: opacity 2000ms ease 450ms;opacity: 1;}
	.sec3.active .sns_area > li:nth-child(1){transition-delay: 100ms}
	.sec3.active .sns_area > li:nth-child(2){transition-delay: 500ms}
	.sec3.active .sns_area > li:nth-child(3){transition-delay: 350ms}
	.sec3.active .sns_area > li:nth-child(4){transition-delay: 400ms}
	.sec3.active .sns_area > li:nth-child(5){transition-delay: 250ms}
	.sec3.active .sns_area > li:nth-child(6){transition-delay: 600ms}
	.sec3.active .sns_area > li:nth-child(7){transition-delay: 300ms}
	.sec3.active .sns_area > li:nth-child(8){transition-delay: 400ms}
	.sec3.active .sns_area > li:nth-child(9){transition-delay: 700ms}
}

@media (max-width: 1780px) {
	#header{padding: 0 20px}
	/*.lnb_area{text-align: center}*/
	.hamberger{right: 17px}
	#header .top_search{right: 60px}
	#header .head .lang{right: 105px;}
	.btn_support{font-size: 16px;padding: 7px 0 8px;width: 110px;}
	.lnb_area .inner{padding-right: 230px}
	/*#lnb > li{margin-left: 50px}*/
}

@media (max-width: 1400px) {
	#lnb > li{margin-left: 46px;}
	
	.business_list > li{line-height: 1.3;padding-top: 8px;font-size: 14px}
	.business_list .tit{font-size: 17px;line-height: 1.2;margin-bottom: 9px;}
	.business_list .icon:before{margin-bottom: 5px}
	.sec1 .sec_col:last-child{width: 54.5%}
	.sec2 .board_area{margin: 0 -15px}
	.sec2 .sec_col{padding: 0 15px}
	.sec2 .board_box{font-size: 15px}
	.sec2 .board_box li {margin-bottom: 12px;}
	
	.title1{font-size: 28px;}
	
	.sec3 .cont_box{margin-left: 310px;}
	.sns_area .cont{font-size: 15px}
	.sns_area .cont p{height: 4.2em;-webkit-line-clamp: 3;}
	.sns_area .icn_row{margin-bottom: 20px;}
	
	.main_visual .swiper-option{box-sizing: border-box}
	
	.asian_organization .package{padding-right: 79px}
	.asian_organization .package .img{right: 0}
	.asian_organization .package .cont{padding-right: 350px}
	
	.partner_area ul .inner span{font-size: 1.285vw;}
}

@media (max-width: 1200px) {
	#lnb > li{margin-left: 30px}
	#lnb > li:first-child{margin-left: 90px}
	#lnb > li > a{font-size: 18px;}
	/*.lnb_area .inner{padding-right: 137px;}*/
	.lnb_area .inner{padding-right: 230px;}
	.btn_support{font-size: 16px;width: 96px;}
	
	#snb > li{margin-left: 40px}
	#snb > li > a{font-size: 17px}
	
	.business_list > li{padding-top: 2px;font-size: 13px}
	.business_list .tit{font-size: 16px;margin-bottom: 5px;}
	
	.sec2 .board_box li > a{max-width: 70%;}
	
	.sns_area > li{padding: 0 10px;margin-bottom: 20px;}
	.sns_area .date{margin-top: 16px;}
	
	.greeting_row {padding-right: 448px;}
	
	.management_area .cont_row{font-size: 32px}
	
	.transparent_management .part.t1 .cont{padding-left: 30px;}
	.transparent_management .cont:before{width: 65px;}
	.transparent_management .part.t2 .cont{padding-right: 30px;}
	
	.circle_list > li .cont{font-size: 14px}
	.circle_list > li .no{font-size: 18px;margin-bottom: 12px;}
	
	.leadership_academy .part.n1 .col:last-child{width: 528px;}
	.leadership_academy .part.n3 .col:last-child{width: 39%}
	.list5 > li{padding-left: 5%}
	.list5 .no{width: 100px}
	
	.our_vision li{padding: 0 15px}
	
	.btn_aora{right: 105px;}
}

@media screen and (min-width:1023px) and (max-width: 1200px) {
	.support_box .tit{font-size: 28px}
	.support_box .cont{font-size: 14px;margin-top: -58px;right: 20px;}
}

@media screen and (min-width:768px) and (max-width: 1200px) {
	#footer .fix_in{flex-wrap: wrap;    max-width: 768px;margin: 0 auto;}
	#footer .col:nth-child(1){-webkit-box-ordinal-group: 1;-ms-flex-order: 1;order: 1;}
	#footer .col:nth-child(2){-webkit-box-ordinal-group: 2;-ms-flex-order: 2;order: 2;}
	#footer .col:nth-child(3){-webkit-box-ordinal-group: 3;-ms-flex-order: 3;order: 3;margin-top: 50px}
	
	.main_visual .inner2{font-size: 1.928vw;}
	.main_visual .slide_cont .tit {font-size: 4.285vw;margin-bottom: .6em;}
	
	.asian_organization .package .img img{width: 300px}
	.asian_organization .package .cont {padding: 30px 0;padding-left: 25px;padding-right: 213px;}
	.asian_organization .package li{font-size: 16px;line-height: 1.8;}
	
	.asian_organization .green_box dt, 
	.asian_organization .green_box dd{font-size: 18px}
	.asian_organization .txt{font-size: 20px;margin-bottom: 50px}
	
	.list4 > li{padding: 0 10px;margin-bottom: 20px;}
	.list4 > li .inner{font-size: 18px;height: 126px;}
	
	.tbl4 th, 
	.tbl4 td{font-size: 16px}
	.asian_organization .grid_col .tbl4:last-of-type{margin-bottom: 0}
	
	.title2{font-size: 28px}
	.title2:before{top: 7px}
	
	.list7 .tit,
	.title7,
	.title8{font-size: 22px}
	.list7 > li,
	.tbl5 th, 
	.tbl5 td,
	.people_list3 .col:last-child,
	.tbl6 th, 
	.tbl6 td{font-size: 16px}
	.contact_info .name{display: block;margin-bottom: 9px;}
	.people_list3 .box{padding: 15px !important;}
	.people_list3 .name {margin-bottom: 6px;}
	.people_list3 .name strong{font-size: 24px}
	.people_list3 .col:last-child{padding-bottom: 10px}
	.people_list4 .name{font-size: 18px}
	.people_list4 > li{width: 33.333%;margin-bottom: 21px;}
}

@media (max-width: 1135px) {
	#header .logo > a{width: 160px;height: 40px;}
	.lnb_area{left: 0;transform: translateX(0);}
	.lnb_area .inner{padding-right: 200px;margin-right: 202px;margin-left:106px}
	#lnb > li{margin-left: 25px;}
	#lnb > li > a {font-size: 17px;}
	#header .head .lang {right: 100px;}
	#header .lang a{font-size:15px}
	.btn_aora {right: 102px;}
}
							
@media (max-width: 1024px) {
/*~ 1024*/
	#header .lang{display: block}
	#header .head .lang{display: none}
	#header .lang{text-align: center;margin-top: 18px}
	#header .lang .bar{margin: 0 15px}
	#header{height: 50px;text-align: center;padding: 0}
	#header .logo{margin-top: 11px;}
	#header .logo > a{width: 112px;height: 28px;background-image: url(../images/mo/logo.png)}
	.hamberger{right: auto;left:8px;background: none;border: 0;margin-top: -17px;}
	.hamberger .btn_total,
	.hamberger .btn_total:before, 
	.hamberger .btn_total:after{background-color: #000;width:20px;margin-left:-10px;}
	.hamberger .btn_total:before{top:-7px;}
	.hamberger .btn_total:after{top:7px;}
	
	#header .top_search{position: static;right: 8px}
	.top_search > .btns.search{position: absolute;right: 8px;top: 50%;margin-top: -17px;}
	.top_search.open > .btns.search{background-size: 16px 16px}
	.search_box{top: 60px;padding: 0 16px;right:auto;left:0;width: 100%;box-sizing: border-box;
		-webkit-transform: translateY(-15%);
	    -moz-transform: translateY(-15%);
	    -o-transform: translateY(-15%);
	    -ms-transform: translateY(-15%);
	    -sand-transform: translateY(-15%);
	    transform:translateY(-15%);
	}
	.search_box form{border-radius: 15px;width: 100%;padding: 0 65px 0 20px;}
	.search_box input[type='text']{height: 46px;font-size: 13px;}
	.search_box .btns.search{right: 12px;}
	
	.btns.ico.close{background-image: url(../images/mo/icn_close.png);background-size: 10px auto}
	.top_banner .close{right: 3px}
	
	.snb_area,
	.lnb_area{display: none}
	
	#wrap.fixed{padding-top: 50px}
	#wrap.fixed #header{position: fixed;width: 100%;top:0;left:0;border-bottom: 1px solid #f2f2f2;}
	#wrap.fixed .total_navi .inner{/*padding-top: 50px;*/}
	#header .head{position: relative;z-index: 100;background-color: #fff;height: 100%}
	.total_navi{top:auto;background-color: rgba(0,0,0,.5);position: fixed;height: 100% !important;box-sizing: border-box;border-top: 0;z-index: 90}
	.total_navi .inner{padding: /*92px*/ 0 16px 0;text-align:left;position:absolute;top:0;left:0;background-color: #f8f8f8;max-width: none;width: 66%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;
		-webkit-transform: translateX(-100%);
	    -moz-transform: translateX(-100%);
	    -o-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	    -sand-transform: translateX(-100%);
	    transform:translateX(-100%);
	    transition: transform 0.3s ease;
	}
	.total_navi.open .inner{
		-webkit-transform: translateX(0);
	    -moz-transform: translateX(0);
	    -o-transform: translateX(0);
	    -ms-transform: translateX(0);
	    -sand-transform: translateX(0);
	    transform:translateX(0);
	}
	.total_navi .menu > li{float: none;width: 100%;border-bottom: 1px solid #f2f2f2}
	.total_navi .menu > li.on > a{background-image: url(../images/bul_up2.png);transition: background 0.2s ease; }
	.total_navi .menu > li > a{font-size: 17px;padding: 22px 0;background: url(../images/bul_down2.png) no-repeat right 16px top 50%;background-size: 12px auto}
	.total_navi .sub_depth{background-color: #f2f2f2;padding-top: 0;padding-left: 16px;display: none}
	.total_navi a{display: block;padding: 7px 0}
	.total_navi .depth1{padding-top: 6px;padding-bottom: 7px;}
	.total_navi .depth1 > li {margin-bottom: 4px;}
	.total_navi .depth1 > li:last-child{margin-bottom: 0}
	.total_navi a{-webkit-tap-highlight-color:transparent;}
	.total_navi .depth1 > li > a{font-size: 14px;}
	.total_navi .depth2{padding-top: 5px}
	.total_navi .depth2 > li {margin-bottom: 6px;}
	.total_navi .depth2 > li:last-child{margin-bottom: 0}
	.total_navi .depth2 > li > a{font-size: 12px}
	.total_navi .lang a{padding-bottom: 0}
	.total_navi .btn_area{display: block;font-size: 0;text-align: center;padding-top: 20px}
	.total_navi .btn_area a{display: inline-block;vertical-align: middle;margin: 0 5px}
	.total_navi .btn_aora{width:68px;height:30px;padding: 0;position: relative;top: auto;right:auto;margin: 0}
	.total_navi .btn_support{width: 90px;font-size: 14px;padding: 6px 0;}
	.total_navi .btn_support span{padding-left: 22px;}
	.total_navi .btn_support span:after{width: 22px;height: 15px;background-size: auto 15px;margin-top: -7px;}
	
	.title1{font-size: 26px;}
	.title5,
	.title6{font-size: 32px;}
	
	.sec1 .fix_in{display: block;}
	.sec1 .sec_col:first-child,
	.sec1 .sec_col:last-child{width: 100%}
	.sec1 .sec_col:first-child {margin-bottom: 74px;}
	
	.business_list{margin-bottom: 50px;}
	.business_list > li{line-height: 1.45;font-size: 15px;padding-top: 15px;}
	.business_list .icon:before{margin: 0 auto 15px;}
	.business_list .tit{margin-bottom: 12px;font-size: 18px;}
	
	.sec2 .board_area{margin: 0 -10px}
	.sec2 .sec_col{padding: 0 10px}
	.sec2 .board_box {font-size: 14px;padding-top: 24px;}
	.sec2 .board_box li {margin-bottom: 10px;}
	.sec2 .board_box .newsletter{margin-top: 6px;}
	.sec2 .board_box li .date{letter-spacing: -.02em;font-size: 13px;margin-top: 1px}
	
	.sec3 .tit_box{float: none;position: relative;margin-bottom: 21px;}
	.sec3 .cont_box{margin-left: 0}
	.sec3 .title1{margin-bottom: 14px;}
	.sec3 .btn_more{margin-top: 0;position: absolute;bottom: 0;right:0;}
	
	.container{padding-top: 58px;padding-bottom: 50px;transition: padding 0.2s}
	.container.history,
	.container.people{padding-top: 57px;}
	.container.map{padding-top: 45px;}
	.container.pd1{padding-top: 45px;}
	
	.sub_visual{font-size: 20px}
	
	.newsletter_top .cont_area{font-size: 16px;line-height: 1.5;}
	.newsletter_top .cont{padding-top: 30px;}
	.newsletter_top .cont p{margin-bottom: 20px;}
	.newsletter_top .tit{font-size: 22px;}
	.newsletter_top .more span{font-size: 16px}
	
	.cnt_zone .btn_area{max-width: 510px;}
	.cnt_zone .btn_area .btns{margin-left: 15px}
	
	.greeting_area .leaf{top:-105px;}
	.greeting_row {padding-right: 342px;}
	.greeting_row .img{width: 320px;}
	.greeting_area .top_row{font-size: 38px;margin-bottom: 50px;}
	
	.vision_area .top_row{padding-top: 5px}
	.vision .circle{top: -440px;right: -306px;}
	.vision_area .top_row .point{font-size: 32px}
	.strategy_area .img{width: 125px}
	.strategy_area .tit{font-size: 21px}
	.goal_area .cont,
	.strategy_area > ul > li,
	.mission_list .tit span,
	.mission_list > li{font-size: 16px}
	.mission_list {margin: 0 -30px;}
	.mission_list > li{padding: 0 30px}
	.mission_list .tit:after{right: -60px;width: 60px;background-position: 55% 0}
	.mission_list .tit{height: 72px;font-size: 20px;}
	
	.history_area .top_row{margin-bottom: 50px;}
	.history_box .col:last-child{padding-left: 0}
	.history_box li{font-size: 16px}
	.history_box li:before,
	.history_box li:after{top: 8px;}
	
	.organ_img{padding-bottom: 60px;}
	.organ_img .mo{width: 100%;margin: 0 auto;}
	.organ_info .col:first-child{padding-right: 10px;}
	.organ_info .col:last-child{padding-left: 10px;}
	
	.tbl1{font-size: 15px;}
	.tbl1 .w1{width: 100px}
	.tbl1 .w2,
	.tbl1 .w3{width: 160px}
	.ico{padding-left: 24px;background-size: 12px auto;background-position: 0 3px;}
	
	.people_list1, 
	.people_list2 {margin: 0 -6px;}
	.people_list1 > li,
	.people_list2 > li{padding: 0 6px;}
	.people_list1 .col:last-child{padding-bottom: 5px;padding-left: 15px;}
	.people_list1 .name strong{font-size: 24px;}
	.people_list1 .col:last-child,
	.people_list2 .info,
	.tbl2 th, 
	.tbl2 td,
	.people_list2 .name .s{font-size: 16px;}
	.people_list1 .inner{padding: 15px;}
	.people_list2 .name{font-size: 20px}
	.tbl2 th, 
	.tbl2 td{line-height: 2.4;}
	
	.map_info{margin-left: -10px;margin-right: -10px}
	.map_info > li{padding: 0 10px}
	.map_info .inner{font-size: 16px;padding: 0 5px}
	.map_info .ico{background-position: 0 3px;padding-left: 18px;}
	.map_info em{margin-right: 2px;}
	.transport .tit{font-size: 22px}
	.transport li{font-size: 16px;line-height: 1.8;}
	
	.management_top{font-size: 18px;}
	.management_area .cont_row{font-size: 24px}
	.management_top .img .txt{display: inline-block;padding-right: 10px;
	    -webkit-animation: text_flow 25s infinite linear;
	    animation: text_flow 25s infinite linear;
	}
	
	.file_slide .swiper-slide a{font-size: 16px;}
	.file_slide .swiper-slide a:before{margin-bottom: 10px}
	
	.sustainable_management .tit1{padding-left: 38px;font-size: 18px}
	.sustainable_management .col:first-child {width: 38%;}
	.sustainability_list > li{width: 50%}
	
	.tab_select ul{margin: 0 -5px}
	.tab_select li{padding: 0 5px}
	.tab_select li > a, 
	.tab_select li > button{font-size: 16px}
	
	.tab > li a, 
	.tab > li button{font-size: 20px}
	
	.thumbnail_list .date{display: block;position: relative;top: auto;margin-bottom: 2px;}
	.thumbnail_list .tit_row{padding-right: 0}
	.thumbnail_list .title{font-size: 20px}
	.thumbnail_list .cont{margin-left: 392px;}
	.thumbnail_list .list .label:before{top: .4em;}
	
	.thumbnail_list.t2 > li{padding: 25px 0 23px;}
	.thumbnail_list.t2 .cont{text-align: left;padding-top: 15px;}
	
	.text_box,
	.thumbnail_list .date,
	.thumbnail_list .cont{font-size: 15px}
	
	.tbl3 thead th,
	.tbl3 td{font-size: 16px;}
	
	.gallery_list .cont{padding-right: 100px;}
	.gallery_list .title{font-size: 17px;}
	.gallery_list .btns{font-size: 16px;}
	
	.list3 > li .no{font-size: 20px;margin-bottom: 15px;}
	.company_swiper .thumbs_slider .swiper-slide{font-size: 18px}
	.list3 > li .inner{font-size: 15px}
	
	/*
	.main_visual .inner2{font-size: 15px;padding-bottom: 47px;}
	.main_visual .slide_cont .tit{font-size: 30px;margin-bottom: 6px;}
	.main_visual .swiper-option{bottom: 66px;}
	.main_visual .swiper-pagination{margin-left: 17px;font-size: 12px}
	*/
	.main_visual .swiper-progress-bar{max-width: 200px}
	
	.circle_list {margin: 0 -57px 57px 12px;}
	.circle_list > li .inner{padding: 100% 0 0;}
	.circle_list > li .no{font-size: 14px;margin-bottom: 8px}
	.circle_list > li .cont{font-size: 12px;line-height: 1.4;}
	
	.diagram .depth1{margin: 0 -5px;}
	.diagram .depth1 > li{padding: 0 5px;}
	
	.leadership_academy .part.n1{margin-bottom: 50px;}
	.leadership_academy .part.n1,
	.leadership_academy .part.n1 .col{display: block;}
	.leadership_academy .part.n1 .col:last-child{text-align: center;width: 100%;padding-top: 40px;}
	
	.leadership_academy .part.n3 {margin-top: 55px;}
	.leadership_academy .part.n3 .col:first-child,
	.leadership_academy .part.n3 .col:last-child{float: none;width: 100%}
	.leadership_academy .part.n3 .col:first-child{padding-bottom: 30px;}
	
	.leadership_academy .list5 br{display: none;}
	
	.climatus_college .part2 .col.img{width: 36%;text-align: center}
	
	.climatus_college .part3{height: auto;padding-bottom: 125px;}
	
	.origin_vision .item .tit{font-size: 14px;padding-bottom: 15px;margin-bottom: 14px;}
	.origin_vision .item .cont{font-size: 12px}
	
	.our_vision li{padding: 0 10px}
	.our_vision .box{font-size: 15px}
	
	.cc_text,
	.cdm_area,
	.clean_cookstoves,
	.gcf_area,
	.empowerment_area,
	.gkp_area,
	.gao_box{font-size: 20px}
	.cdm_area .point{font-size: 28px}
	
	.gkp_area ul .inner{font-size: 16px;}
	
	.asian_organization .part:nth-child(3) {padding-bottom: 140px;}
}

@media (max-width: 767px) {
	html, body{font-size: 14px;}
	.pc,
	.pc.t1{display: none;}
	.mo{display: block;}
	.mo.t1{display: inline;}
	
	colgroup.pc,
	col.pc,
	th.pc,
	td.pc{display: none}
	
	#header .logo > a,
	.btns.ico.close,
	.top_banner img{
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;
	}

	#wrap{min-width:320px;overflow-y: auto}
	.page_area,
	.container > .fix_in{position: static}
	
	.main_visual .swiper-slide{padding-bottom: 70.219%;}
	
	.title1{font-size: 20px;margin-bottom: 17px;}
	.title2{font-size: 17px;margin-bottom: 28px;padding-left: 10px;}
	.title2:before{width: 2px;height: 11px;top: 4px;}
	.title3{font-size: 16px;margin-bottom: 9px;}
	.title3 .line{padding-bottom: 3px;}
	.title4{font-size: 15px;margin-bottom: 9px;}
	.title5{font-size: 19px;margin-bottom: 8px;}
	.title6{font-size: 21px;margin-bottom: 8px;}
	.title2.t1{font-size: 15px;margin-bottom: 12px;}
	
	.sec1 {padding-top: 46px;margin-bottom: 45px;}
	.sec1 .sec_col:first-child {margin-bottom: 46px;}
	
	.business_list{padding-top: 0;border-top: 1px solid #eaeaea;}
	.business_list > li{height: 66px;padding-top: 0;float: none;width: 100%;border-bottom: 1px solid #eaeaea;display: table;width: 100%;table-layout: fixed}
	.business_list .icon,
	.business_list .tit,
	.business_list p{display: table-cell;vertical-align: middle;text-align: left}
	.business_list .tit{font-size: 14px;padding-left: 8px;width: 80px;}
	.business_list .icon{width: 70px;text-align: center}
	.business_list p{font-size: 13px;line-height: 1.35}
	.business_list .icon:before{width: 34px;height: 34px;margin-bottom: 0;background-image: url(../images/mo/sp_icn_business.png);background-size: auto 34px;}
	.business_list > li:nth-child(2) .icon:before{background-position: -34px 0}
	.business_list > li:nth-child(3) .icon:before{background-position: -68px 0}
	.business_list > li:nth-child(4) .icon:before{background-position: -102px 0}
	.business_list > li:nth-child(5) .icon:before{background-position: -136px 0}
	
	.support_box .tit{font-size: 28px;margin-bottom: 16px;}
	.support_box p{font-size: 14px;line-height: 1.35;letter-spacing: -0.02em;}
	.support_box .cont{margin-top: -60px;right: 20px;}
	
	.data_platform_pc{display: none;}
	.data_platform_mo{display: block;margin-bottom: 46px;padding: 0 16px;}
	
	.sec2 {margin-bottom: 8px;}
	.sec2 .board_area{margin: 0}
	.sec2 .sec_col{float: none;width: 100%;padding-bottom: 42px;padding-left: 0;padding-right: 0}
	.sec2 .board_box{padding-top: 14px;}
	.sec2 .board_box li,
	.sec2 .board_box li .date{font-size: 14px;margin-top:0;margin-bottom: 8px;padding: 1px 0;}
	.sec2 .board_box li .date{margin-bottom: 0}
	.sec2 .title1{margin-bottom: 9px;}
	.sec2 .more{top: -25px;}
	
	.more{padding-right: 10px;font-size: 12px;background-size: 5px auto;}
	.btn_more{padding: 4px 9px 5px;border-radius: 4px;}
	.btn_more span{font-size: 11px;background-size: 5px auto;padding-right: 24px;}
	
	.sec3{padding-top: 54px;padding-bottom: 40px;}
	.sec3 .tit_box{font-size: 13px;}
	
	.sns_area{margin: 0 -5px;}
	.sns_area .inner{border-radius: 12px;}
	.sns_area > li{width: 50%;padding: 0 5px;margin-bottom: 10px;}
	.sns_area .date{margin-top: 12px;}
	
	.partner_slide{background-color: #fff;height: 87px;overflow: hidden;padding-top: 1px}
	.partner_slide .swiper-slide{height: 86px;}
	.partner_slide .fix_in{padding: 0 20px;}
	.partner_slide .fix_in:after{display: block;content: '';width: 35px;height: 100%;
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 31%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 31%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 31%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		position: absolute;top:0;right:0;z-index: 9;
	}
	.partner_slide img{height: 100%}
	.partner_slide .swiper-button-next, 
	.partner_slide .swiper-button-prev{width:20px;background: url(../images/mo/btn_prev1.png) no-repeat 0 50%;background-size: 8px 14px}
	.partner_slide .swiper-button-next{background-image: url(../images/mo/btn_next1.png);background-position: 100% 50%}
	
	#footer{padding-top: 36px;padding-bottom: 40px;}
	#footer .fix_in{display: block;}
	#footer .fix_in:after{display: block;content: '';clear: both}
	#footer .col{float: left;width: 50%;font-size: 12px}
	#footer .col:last-child{width: 100%;padding-top: 35px;}
	#footer .col:last-child .tit{margin-bottom: 9px;}
	#footer .tit{font-size: 13px;margin-bottom: 5px;}
	#footer .sns_link{padding-top: 4px;}
	#footer .sns_link .sns{margin-right: 16px;width: 18px;height: 18px;background-size: auto 100%}
	#footer .sns_link .sns.youtube{width: 21px}
	#footer .col:nth-child(2){font-size: 11px}
	#footer .col:nth-child(2) .tit{margin-bottom: 7px;}
	#footer .util_link {margin-bottom: 10px;}
	#footer address{ line-height: 1.3;margin-bottom: 12px;}
	.btn_down{letter-spacing: -.05em;padding-bottom: 2px;}
	.btn_down span{padding-right: 15px;background-size: 9px auto}
	
	.search_area{display: block;padding-bottom: 14px;}
	.search_area .search_form{margin: 0 -5px;margin-bottom: 18px;-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.search_area .search_form > .sel_box{width: 100%;margin-bottom: 9px;}
	.search_area .has_btn{width: 100%;padding-right: 120px;}
	.search_area .has_btn .btns{width: 110px;}
	.cnt_row{font-size: 13px;}
	.search_area .int, 
	.search_area .sel_box, 
	.search_area .btns{border-radius: 6px;}
	.search_area .sel_box{-ms-flex: 1 1 40%;flex: 1 1 40%;margin: 0 5px}
	.search_area .has_btn{margin: 0 5px}
	.search_area.t2{margin-bottom: 24px;margin-top: -9px;}
	.search_area.t2 .search_form{margin: 0}
	
	.cnt_zone{display: block;padding-bottom: 15px;}
	.cnt_zone .btn_area{margin-bottom: 17px;max-width: 100%;}
	.cnt_zone .btn_area .btns{margin-left: 10px}
	
	.sub_visual{height: 120px;font-size: 15px;line-height: 1.4;letter-spacing: -0.04em}
	.sub_visual .light{font-size: 12px;}
	
	.tbl_board1 thead th{font-size: 12px;height: 45px;}
	.tbl_board1 td{font-size: 11px;height: 52px;}
	.tbl_board1 th.title{text-align: center}
	.tbl_board1 .title a{font-size: 13px}
	.tbl_board1 .date:not(.mo),
	.tbl_board1 .name:not(.mo){display: none}
	.tbl_board1 .icn_file{width: 12px;height: 14px;background-image: url(../images/mo/cont/icn_file.png);background-size: 100% auto}
	.tbl_board1 .date.mo,
	.tbl_board1 .name.mo{margin-top: 2px}
	.tbl_board1 .w1{width: 12%}
	.tbl_board1 .w2{width: 14%}
	.tbl_board1 .w3{width: 18%}
	.tbl_board1 .info span{margin-right: 8px}
	.tbl_board1 .info .date.mo,
	.tbl_board1 .info .name.mo{display: inline-block}
	
	.base_paging{margin-top: 50px;}
	.base_paging .number a,
	.base_paging .number .on{font-size: 12px;}
	.base_paging a.page{width:24px;height:25px;background-size: auto 9px;margin: 0 1px;}
	.base_paging a.page.first{background-image: url(../images/mo/cont/paging_first.png)}
	.base_paging a.page.prev{background-image: url(../images/mo/cont/paging_prev.png)}
	.base_paging a.page.next{background-image: url(../images/mo/cont/paging_next.png)}
	.base_paging a.page.last{background-image: url(../images/mo/cont/paging_last.png)}
	.base_paging .number{font-size: 0}
	.base_paging .number a,
	.base_paging .number .on{min-width:25px;line-height:23px;margin: 0 5px;border-radius: 6px;}
	.base_paging .number{margin: 0 4px;}
	
	.sel_box, .int, .textarea {height: 43px;}
	.int {padding: 0 15px;}
	.sel_box{padding-left: 15px;padding-right: 21px;background-position: right 15px top 50%}
	.int_tel,
	.int_mail{margin: 0 -2px;}
	.int_tel .int,
	.int_tel .sel_box,
	.int_mail .int,
	.int_mail .sel_box,
	.int_mail .at{margin: 0 2px}
	.int_mail{-webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.int_mail .int,
	.int_mail .sel_box{flex: 1 1 40%;}
	.int_mail .sel_box{margin-top: 5px}
	.int_mail .at{flex: 1 1 20px;text-align: center;box-sizing: border-box}
	
	.check label{font-size: 13px}
	
	.radio label{font-size: 13px;padding-left: 26px;}
	
	.layer_tit{padding: 18px 12px 19px;font-size: 18px;color: #000;background-color: #fff;border-bottom: 1px solid #eaeaea;font-weight: 700}
	.layer_zone .close{top: 14px;right:5px;background-image: url(../images/mo/btn_close.png);background-size: 17px auto}
	
	.sel_box, .int, .textarea,
	.sel_opt, .sel_opt .selected{font-size: 15px}
	.textarea{height: 100px}
	
	.int_3, .int_tel, .int_mail{margin: 0 -2px;width: calc(100% + 4px);}
	.int_3 .sel_box, .int_3 .int, .int_tel .int, .int_tel .sel_box, .int_mail .int, .int_mail .sel_box, .int_mail .at{margin: 0 2px;}
	.int_mail .sel_box{margin-top: 5px;}
	
	.btns.t1,
	.btns.t2,
	.btns.t3,
	.btns.t5{font-size: 14px;}
	.btns.t2,
	.btns.t3,
	.btns.t5{height: 43px;border-radius: 6px;}
	.btns.t3{max-width: 160px;height: 41px;}
	.btns.t4{padding-bottom: 2px;}
	.btns.t4 span{padding-right: 12px}
	.btns.t3.s1 {height: 42px;max-width: 100%;}
	.btns.t6{font-size: 13px;}
	.btns.t7,
	.btns.t8{font-size: 15px;height: 48px}
	.btns.t9{font-size: 11px;height: 21px;width: 68px;}
	
	.btn_bot{padding-top: 16px;}
	.btn_bot .btns{position: relative;top:auto;right:0;}
	
	.newsletter_top,
	.newsletter_top .col{display: block;width: 100%}
	.newsletter_top{padding-bottom: 20px;margin-bottom: 24px;}
	.newsletter_top .img_area{margin-bottom: 12px;}
	.newsletter_top .cont_area{padding-left: 0;font-size: 13px;line-height: 1.35;}
	.newsletter_top .num{font-size: 11px}
	.newsletter_top .tit{font-size: 17px;line-height: 1.4;padding-right: 60px;letter-spacing: -0.03em}
	.newsletter_top .more{line-height: 1.35;top:4px}
	.newsletter_top .more span{font-size: 12px;padding-right: 13px;background-position: 100% 45%}
	.newsletter_top .cont p{margin-bottom: 15px;}
	.newsletter_top .cont{padding-top: 10px;}
	
	.greeting_area {margin-top: -33px;}
	.greeting_area .leaf{width: 140px;height: 93px;/*top: -40px;*/top: -20px;right:15px;background-image: url(../images/mo/cont/leaf.png);background-size: cover;}
	.greeting_area .top_row{margin-bottom: 31px;font-size: 22px;padding-left: 50%;display: table;width: 100%;height:240px;height: 69vw;box-sizing: border-box;line-height: 1.6;}
	.greeting_area .top_row .inner{display: table-cell;vertical-align: middle}
	.greeting_row{position: static}
	.greeting_row .img{width: 164px;width: 50%;top:0;right: auto;left:0;box-sizing: border-box;font-size: 13px;}
	.greeting_row .thumb{padding-right: 21px;}
	.greeting_row .sign img{height: 18px;}
	.greeting_row{padding-right: 0}
	.greeting_row .box{padding: 14px 17px 16px;font-size: 16px;line-height: 1.5;}
	.greeting_row .img p {margin-top: 6px;}
	.greeting_row .sign {margin-left: 7px;}
	.greeting_area .line{border-bottom-width: 1px}
	.greeting_row .box p{margin-bottom: 20px;}
	
	.container .bar{height: 7px}
	
	.vision{padding-top: 56px;}
	.vision .circle{top: -84px;right: -127px;width: 360px;height: 360px;}
	.vision_area .top_row{margin:0;padding: 0;padding-bottom: 38px;}
	.vision_area .top_row .tit{font-size: 10px;margin-bottom: 21px;}
	.vision_area .video_box{margin-bottom: 56px;width: 100%;position: relative;}
	.vision_area .top_row .point{font-size: 21px;margin-bottom: 8px;}
	.vision_area .top_row p{font-size: 13px;}
	
	.mission_row {padding-bottom: 57px;}
	.mission_list{margin: 0}
	.mission_list > li{width: 100%;font-size: 13px;margin-bottom: 43px;position: relative}
	.mission_list > li:last-child{margin-bottom: 0}
	.mission_list .tit{font-size: 15px;max-width: 240px;margin: 0 auto 15px}
	.mission_list .tit span{font-size: 13px;padding-left: 20px;}
	.mission_list .tit span:before{width: 2px;height: 2px;margin-top: -1px}
	.mission_list .tit:after{display: none}
	.mission_list > li:after{position:absolute;bottom:-43px;left:50%;margin-left:-1px;display: block;content:'';width: 6px;height: 38px;background: url(../images/mo/cont/dot_line.png) 0 50% no-repeat;background-size: 6px auto}
	.mission_list > li:last-child:after{display: none}
	
	.vision_area.bg{padding-top: 56px;padding-bottom: 26px;}
	.goal_area{margin: 0}
	.goal_area .col{padding: 0 0 29px}
	.goal_area .col:first-child,
	.goal_area .col:last-child{width: 100%}
	.goal_area .tit{font-size: 16px;margin-bottom: 10px;}
	.goal_area .thumb{margin-bottom: 22px;}
	.goal_area .cont{font-size: 14px}
	.goal_area .cont > strong{margin-bottom: 5px;}
	.goal_area .col:last-child .cont{width: 100%}
	.goal_area .col:last-child .cont1,
	.goal_area .col:last-child .cont2{padding: 0}
	.goal_area .col:last-child .cont1{padding-bottom: 11px}
	
	.vision_area:last-of-type {padding-top: 57px;}
	.strategy_area > ul > li{width: 100%;font-size: 13px;margin-bottom: 20px;}
	.strategy_area > ul > li:last-child{margin-bottom: 0}
	.strategy_area .tit{font-size: 14px;margin-bottom: 11px;}
	.strategy_area .cont{padding-left: 13px;}
	.strategy_area .cont li{line-height: 1.5}
	
	.tab {margin-bottom: 34px;}
	.tab > li a, 
	.tab > li button{font-size: 14px;height: 36px;letter-spacing: -0.02em;line-height: 1}
	.tab > li.on:after{height: 2px;}
	.tab.mg1{margin-bottom: 33px;}
	.tab.mg2{margin-bottom: 25px;}
	
	.history_area .top_row{margin: 0 -16px 41px;}
	.year_flow{padding: 0 16px}
	.year_flow li{width: 58px;}
	.year_flow li a{font-size: 16px;height: 26px;padding-top: 0}
	.year_flow li.on a{font-size: 19px;height: 29px;line-height: 1;padding-bottom: 2px;}
	.year_flow li.on a:after{height: 2px}
	.history_box,
	.history_box .col{display: block;}
	.history_box .img{padding: 0;margin-bottom: 22px;text-align: center}
	.history_box .col:last-child{padding-left: 0}
	.history_box .col .circle.c1{width: 175px;height: 175px;bottom: -50px;right:-50px}
	.history_box .col .circle.c2{width: 64px;height: 64px;right: auto;top: 25%;left: -28px;}
	.history_box li{font-size: 14px;padding-bottom: 12px;padding-left: 10px;line-height: 1.4;}
	.history_box li:before{width: 3px;height: 3px}
	.history_box li:after{left: 1px}
	.history_box li:before,
	.history_box li:after{top: 7px}
	
	.map_box{padding-bottom: 68.606%;}
	.map_box iframe{position: absolute;top:0;left:0;width: 100%;height: 100%;}
	.rough_map{padding: 0}
	
	/* 구글지도 네임카드 제거 */
	.map_box{height: 310px;padding-bottom: 0}
	.map_box iframe {height: 610px;}
	
	.map_info{margin: 17px -5px 20px}
	.map_info > li{width: 50%;padding: 0 5px;margin-bottom: 10px}
	.map_info > li:nth-child(1){width: 100%;}
	.map_info .inner{font-size: 13px;height: 40px;}
	.map_info em{margin-right: 2px;}
	.map_info .ico {background-position: 0 3px;padding-left: 15px;}
	
	.transport .col{float: none;width: 100%}
	.transport .col:first-child{padding-right: 0;padding-bottom: 25px;}
	.transport .col:last-child{padding-left: 0}
	.transport .tit{font-size: 16px;margin-bottom: 10px;}
	.transport li{font-size: 14px;line-height: 1.65;margin-bottom: 12px;}
	.transport .subway{top: 1px;font-size: 11px;width: 40px;line-height: 21px;}
	.subway_list > li {padding-left: 48px;}
	
	.organ_img{padding-bottom: 58px;}
	.organ_info,
	.organ_info .col{display: block;padding: 0}
	.organ_info .col:last-child{padding-left: 0}
	.organ_info{padding-top: 20px;padding-bottom: 20px;margin-bottom: 18px;}
	.organ_info:last-of-type{padding-bottom: 0}
	
	.tbl1{font-size: 13px}
	.tbl1 th, 
	.tbl1 td{line-height: 2.2;line-height: 2.4;}
	.tbl1 td{padding-left: 16px;}
	.tbl1 .w1,
	.tbl1 .w2{width: 76px}
	.tbl1 .w3{width: 130px}
	.ico{padding-left: 18px;}
	
	.container.people {padding-top: 57px;}
	.people_area .title2 {margin-bottom: 30px;}
	.people_list1{margin: 0;display: block;}
	.people_list1 > li{float: none;width: 100%;margin-bottom: 10px;padding: 0}
	.people_list1 > li:last-child{margin-bottom: 0}
	.people_list1 .inner{padding: 9px}
	.people_list1 .col:last-child{font-size: 12px;padding-left: 10px;padding-bottom: 14px;}
	.people_list1 .name{font-size: 13px;margin-bottom: 5px;}
	.people_list1 .name strong{font-size: 18px}
	.people_area:nth-child(1){padding-bottom: 58px;}
	.people_area:nth-child(2){padding-top: 57px;padding-bottom: 34px}
	.people_area:nth-child(3){padding-top: 58px;padding-bottom: 50px;}
	.people_area:nth-child(4){padding-top: 57px;padding-bottom: 50px;}
	.people_list2{margin: 0 -5px;}
	.people_list2 > li,
	.people_list2.has_5 > li{width: 50%;padding: 0 5px;margin-bottom: 20px;}
	.people_list2.has_5 > li{margin-bottom: 5px;}
	.people_list2 .info{font-size: 13px;line-height: 1.59;padding-top: 10px;}
	.people_list2 .name{font-size: 16px;margin-bottom: 2px;}
	.people_list2 .name .s{font-size: 12px;}
	.people_area:nth-child(3) .title2{margin-bottom: 12px;}
	.tbl2.has_2 table{float: none;width: 100%;}
	.tbl2{padding-top: 8px;}
	.tbl2 th, 
	.tbl2 td{font-size: 13px;line-height: 2.45;}
	.tbl2 th{width: 50px;}
	.people_area:nth-child(3) .part {margin-bottom: 48px;}
	
	.container.management {padding-top: 34px;}
	.management_top{font-size: 15px;margin-bottom: 26px}
	.management_top p,
	.management_top .img img{height: 192px}
	
	.management_area .cont_row{font-size: 18px;letter-spacing: -0.02em;margin-bottom: 59px;}
	.fiscal_report img{
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;
	}
	
	.search_year .sel_opt{width: 100%}
	
	.transparent_management {padding-bottom: 42px;}
	.transparent_management .col,
	.transparent_management .part.t2 .img{float: none;width: 100%}
	.transparent_management .part.t1 .cont,
	.transparent_management .part.t2 .cont{padding: 21px 0 0;text-align: left}
	.transparent_management .cont:before{display: none}
	.transparent_management{font-size: 14px}
	.transparent_management .txt {padding-bottom: 14px;}
	.transparent_management .accent:before{width: 30px;height: 30px;border-radius: 6px;}
	.transparent_management .accent{padding-top: 15px;padding-left: 40px;}
	.transparent_management .part.t1{margin-bottom: 32px;}
	.transparent_management.n2{padding: 57px 16px 58px;margin: 0 -16px;}
	.transparent_management.n2 .title2{margin-bottom: 24px;}
	
	.file_slide{padding: 0 35px;margin-top: 38px;}
	.file_slide .swiper-button-next, 
	.file_slide .swiper-button-prev{width: 25px;height: 25px;background-image: url(../images/mo/cont/btn_prev2.png);margin-top: -12px;
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;
	}
	.file_slide .swiper-button-next{background-image: url(../images/mo/cont/btn_next2.png)}
	.file_slide .swiper-slide a{font-size: 12px;height: 91px;line-height: 1.2}
	.file_slide .swiper-slide a:before{width: 13px;height: 15px;background-image: url(../images/mo/cont/icn_file2.png);background-size: auto 15px;margin-bottom: 7px;
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;
	}
	.file_slide .swiper-slide a:hover:before{background-image: url(../images/mo/cont/icn_file3.png)}
	
	.sustainable_management,
	.sustainable_management .col,
	.sustainable_management .col:first-child{width: 100%;display: block;font-size: 14px;padding: 0}
	.sustainable_management .col:first-child{padding-top: 28px;border-bottom: 0}
	.sustainable_management .col:last-child{padding-bottom: 33px;}
	.sustainable_management .tit1{font-size: 16px;padding-left: 28px;margin-bottom: 17px;}
	.sustainable_management .tit2{margin-bottom: 6px;}
	
	.sustainability_list > li{width: 50%}
	.sustainability_list .icn{font-size: 11px;padding-left: 11%;height: 42px;border-radius: 8px;}
	.sustainability_list .icn:before{margin-right: 5px;width: 27px;height: 23px;background-size: 27px auto;background-image: url(../images/mo/cont/icn1.png)}
	.sustainability_list > li:nth-child(2) .icn:before{background-image: url(../images/mo/cont/icn2.png)}
	.sustainability_list > li:nth-child(3) .icn:before{background-image: url(../images/mo/cont/icn3.png)}
	.sustainability_list > li:nth-child(4) .icn:before{background-image: url(../images/mo/cont/icn4.png)}
	.sustainability_list > li:nth-child(5) .icn:before{background-image: url(../images/mo/cont/icn5.png)}
	.sustainability_list > li:nth-child(6) .icn:before{background-image: url(../images/mo/cont/icn6.png)}
	.sustainability_list > li:nth-child(7) .icn:before{background-image: url(../images/mo/cont/icn7.png)}
	.sustainability_list > li:nth-child(8) .icn:before{background-image: url(../images/mo/cont/icn8.png)}
	
	.management_area .cont_row{font-size: 17px;letter-spacing: -0.05em;}
	.management_top p,
	.management_top .img img{height: 128px}
	.sustainable_management .col .list1 {margin-top: 21px;}
	.sustainable_management .col .list2 {margin-top: 10px;}

	.list1{display: block;}
	.list1 > li{margin-left: 0;margin-right: 0;border-radius: 6px;padding: 14px 17px;}
	.list1 .tit{font-size: 14px;margin-bottom: 5px;}
	
	.list2 > li{font-size: 14px;}
	
	.text_box{margin-bottom: 25px;font-size: 13px;line-height: 1.5;padding: 14px 10px;}
	.text_box .info span{font-size: 12px}
	
	.thumbnail_list{margin-top: 22px;margin-bottom: 20px;}
	.thumbnail_list > li{padding: 20px 0;border-bottom: 0}
	.thumbnail_list .thumb{width: auto;height: auto;float: none;width: 100%;}
	.thumbnail_list .cont{margin-left: 0;text-align: center;padding-top: 7px;font-size: 14px}
	.thumbnail_list .tit_row{padding-right: 0;margin-bottom: 12px;}
	.thumbnail_list .date{font-size: 13px;margin-bottom: 4px;}
	.thumbnail_list .title{font-size: 17px}
	.thumbnail_list p {line-height: 1.35;}
	.thumbnail_list .list .label{padding-right: 5px;padding-left: 8px;}
	.thumbnail_list .list .label:before{top: .4em;height: 8px;}
	
	.thumbnail_list.t2 .tit_row{margin-bottom: 10px;}
	
	.thumbnail_list.t3 > li{padding: 25px 0 23px;border-bottom: 1px solid #eaeaea}
	.thumbnail_list.t3 .cont{text-align: left;padding-top: 17px;}
	
	.tab_select{position: relative;margin-bottom: 25px;}
	.tab_select .selected{border: 1px solid #000;height: 42px;width: 100%;border-radius: 6px;background: url(../images/sel_arr.png) right 17px top 50% no-repeat;background-size: 10px auto;font-weight: 700;color: #000}
	.tab_select .option_list{display:none;position: absolute;top:38px;left:0;width: 100%;background-color: #fff;box-sizing: border-box;border: 1px solid #eaeaea;border-top: 1px solid #000;z-index: 2}
	.tab_select ul{padding: 8px 0;}
	.tab_select .selected,
	.tab_select li > a,
	.tab_select li > button{padding-left: 16px;font-size: 15px;text-align: left;display: block;}
	.tab_select li > a,
	.tab_select li > button{color: #888;font-weight: 300;padding-top: 5px;padding-bottom: 5px}
	.tab_select li{margin-bottom: 1px}
	
	.board_view{padding: 16px;/*margin-bottom: 24px;*/}
	.board_view .title_row{display: block;text-align: center;padding-top: 2px;margin-bottom: 20px;}
	.board_view .label{margin-right: 0;margin-bottom: 5px;}
	.board_view .label span{font-size: 12px;line-height: 22px;width: 40px;border-radius: 6px;}
	.board_view .title{font-size: 17px;margin-bottom: 5px;}
	.board_view .date,
	.board_view .writer{font-size: 12px;}
	.board_view .cont_row{line-height: 1.4;}
	.board_view .thumb_img{margin-bottom: 22px;}
	.board_view .writer.pc{display: none}
	.board_view .writer.mo{display: inline;vertical-align: initial;padding-left: 7px;margin-left: 6px;}
	.board_view .writer:before{height: 8px;margin-top: -4px}
	.board_view .file_list{margin-top: 22px;padding: 11px 16px;}
	.board_view .file_list li{margin-bottom: 1px}
	.board_view .file_list .label{margin-right:3px;padding-left: 17px;margin-bottom: 0;background-image: url(../images/mo/cont/icn_file.png);background-size: 12px auto}
	.board_view .file_list .label, 
	.board_view .file_list a{padding-top: 3px;padding-bottom: 3px;font-size: 12px}
	.board_view .etc .bar {margin: 0 5px 1px;}
	
	.board_view.t1 .title_row{padding-top: 4px;padding-bottom: 22px;}
	.board_view.t1 .title{line-height: 1.38;}
	.board_view.t1 .cont_row{padding-top: 21px;padding-bottom: 10px;}
	
	.board_view.t2 .title_row{padding-bottom: 21px;margin-bottom: 21px;}
	.board_view.t2 .cont_row{line-height: 1.35;}
	
	.board_view.t3{padding-bottom: 30px}
	.board_view.t3 .title_row{padding-bottom: 18px;margin-bottom: 18px;}
	.board_view.t3 .cont_row{line-height: 1.35;}
	
	.magazine_part{margin-bottom: 39px;}
	.magazine_part.n1{padding-top: 15px;}
	.magazine_part.n4{margin-bottom: 0}
	.magazine_part .title2{display: block;margin-bottom: 21px;}
	.tbl3 thead th, 
	.tbl3 td{font-size: 13px}
	.tbl3 td{padding-left: 8px;height: 35px;}
	.tbl3 .w2{width: 28%}
	.tbl3 .w3{width: 18%}
	.tbl3 thead th{height: 44px;}
	
	.btn_location{padding-left: 12px;background-size: 10px auto;background-position: 0 50%}
	
	.account_num{padding: 21px 16px 24px;margin-top: 50px;}
	.account_num .inner{padding-right: 0}
	.account_num,
	.account_num em,
	.account_num span{font-size: 13px;}
	.account_num .btns{position: relative}
	.account_num .bar{height: 10px;margin: 0 5px}
	.account_num .tit{margin-bottom: 12px;}
	.account_num p{margin-bottom: 6px;}
	.account_num .mail{margin-top: 6px;}
	.account_num .info{margin-bottom: 18px}
	
	.gallery_list{margin: 0 -10px;}
	.gallery_list > li{padding: 0 10px}
	.gallery_list .cont{padding-right: 85px;margin-top: 14px;}
	.gallery_list .btns{font-size: 12px;}
	
	.gallery_list.t1{margin: 0}
	.gallery_list.t1 > li{width: 100%;padding: 0;margin-bottom: 16px}
	
	.board_list1 .title{height: 52px;font-size: 16px}
	.board_list1 .title:after{top: 23px;right: 16px}
	.board_list1 .cont{font-size: 14px}
	.board_list1 .cont .inner{padding: 22px 17px}
	
	.list3 > li{width: 50%}
	.list3 > li .inner{font-size: 14px;display: block;padding-top: 21px;height: 133px;letter-spacing: -0.05em}
	.list3 > li .no{font-size: 16px;margin-bottom: 12px;}
	.list3 p{line-height: 1.45;}
	
	.company_sponsorship .list3 {margin-bottom: 40px;}
	.company_sponsorship .btns{margin: 0 5px}
	.company_swiper{margin-bottom: 50px;padding-right: 39%;}
	.company_swiper .thumbs_slider{right: 5px;width: 39%}
	.company_swiper .thumbs_slider .swiper-container{padding-left: 5px}
	.company_swiper .thumbs_slider .swiper-slide{font-size: 12px}
	.company_swiper .thumbs_slider .swiper-slide:before{width: 5px;height: 8px;background-size: cover;margin-top: -4px;left: -5px;}
	
	.main_visual .inner1{padding-left: 16px}
	.main_visual .inner2{font-size: 12px;font-size: 3.1vw;padding-bottom: 13.5%;line-height: 1.28;}
	.main_visual .slide_cont .tit{font-size: 25px;font-size: 7.037vw;margin-bottom: .35em;}
	.main_visual .swiper-progress-bar{max-width: 92px;}
	.main_visual .swiper-option{bottom: 25%;padding-left:16px;box-sizing: border-box}
	.main_visual .swiper-pagination{margin-left: 17px;font-size: 12px}
	.main_visual .swiper-progress-bar,
	.main_visual .swiper-progress-bar .slide_progress-bar{height: 2px}
	.main_visual .btn_control{width: 7px;height: 8px;background-size: 7px auto;margin-right: 5px}
	
	.asian_organization .green_box{padding: 15px 16px 15px;border-radius: 5px;margin-bottom: 45px;}
	.asian_organization .green_box dt, 
	.asian_organization .green_box dd{font-size: 13px;line-height: 1.4;}
	
	.circle_list {margin: 71px auto 57px;max-width: 570px;text-align: center}
	.circle_list > li{width: 33.333%;margin-top: -32px;max-width: 174px}
	
	.asian_organization .grid_fluid,
	.asian_organization .grid_col{display: block;}
	.asian_organization .grid_col:first-child,
	.asian_organization .grid_col:last-child{padding: 0;}
	.asian_organization .part:nth-child(1) {padding-bottom: 21px;margin-bottom: 56px;}
	.asian_organization .part:nth-child(2) {padding-bottom: 49px;margin-bottom: 55px;}
	.asian_organization .part:nth-child(2) .title2{margin-bottom: 29px;}
	.asian_organization .part:nth-child(3) {padding-bottom: 58px;margin-bottom: 55px;}
	.asian_organization .part:nth-child(3) .title2 {margin-bottom: 25px;}
	.asian_organization .part:nth-child(4) .title2 {margin-bottom: 29px;}
	.asian_organization .txt{font-size: 14px;line-height: 1.35;margin-bottom: 29px;}
	.asian_organization .package{padding: 0}
	.asian_organization .package .cont{padding: 23px 16px 126px;
		background-image:url(../images/mo/cont/asian_bg2.png), url(../images/mo/cont/asian_bg1.png);
		background-size:100% auto;
		background-position:0 100%, 0 0; 
		background-repeat:no-repeat;
	}
	.asian_organization .package .cont:after{display: block;content: '';width: 100%;height:80%;position: absolute;bottom:0;left:0;top:auto;right:auto;
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(255,255,255,0.3) 40%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.asian_organization .package .img{position: static;top:auto;right:auto;padding: 0 21px;display:block;margin: -105px auto 0;text-align:center;
		-webkit-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -o-transform: translateY(0);
	    -ms-transform: translateY(0);
	    -sand-transform: translateY(0);
	    transform: translateY(0);
	}
	.asian_organization .package .tit{font-size: 16px;margin-bottom: 11px;}
	.asian_organization .package li{line-height: 1.4;margin-bottom: 9px;}
	.asian_organization .img_list{margin: 0 -3px}
	.asian_organization .img_list > li{padding: 0 3px}
	.asian_organization .img_list.t1 > li{width: 100%;margin-bottom: 6px;}
	
	.gao_box{margin-top: 14px;margin-bottom: 38px;min-height: 250px;font-size: 13px;letter-spacing: -0.03em}
	.gao_box p {margin-bottom: 17px;}
	.annual_fees{font-size: 13px;}
	.annual_fees .tit{font-size: 14px;padding-bottom: 14px;margin-bottom: 13px;}
	.annual_fees .btns.t2{margin-top: 23px;width: 190px;}
	
	.tbl4{margin-bottom: 36px;}
	.tbl4 th, 
	.tbl4 td{padding-top: 13px;}
	
	.list4{margin: 0}
	.list4 > li{float: none;width: 100%;padding: 0;margin-bottom: 10px;}
	.list4 > li .inner{border-radius: 6px;font-size: 14px;padding: 14px 0 14px 5%;height: auto}
	.list4 .no{margin-right: 2px;}
	
	.diagram{padding-top: 0;margin-bottom: 31px;}
	.diagram .depth1:before{width: calc(66.5%);}
	.diagram .title{padding-bottom: 41px;background-size: 250px auto;}
	.diagram .title em{width: 250px;}
	.diagram .leader{width: 206px;height: 84px;margin-bottom: 66px;}
	.diagram .leader em{font-size: 16px;margin-bottom: 2px;}
	.diagram .leader .inner{font-size: 11px}
	.diagram .depth1 > li{width: 33.333%;margin-bottom: 10px;}
	.diagram .depth1 .inner{font-size: 12px;height: 42px;}
	.diagram .depth1 li:nth-child(3) .inner:before{display: block}
	.diagram .depth1 li:nth-child(4) .inner:before,
	.diagram .depth1 li:nth-child(5) .inner:before{display: none}
	
	.partnership{padding-top: 0}
	.partnership .part > p{font-size: 14px;line-height: 1.4;margin-bottom: 15px;}
	.partnership .goal{border-top: 0;display: block;padding-top: 33px;/*padding-bottom: 35px;*/padding-bottom:0;line-height: 1.35;}
	.partnership .part{padding-bottom: 0;}
	.partnership .goal .col{padding-top: 0}
	/*
	.partnership .goal .col:nth-child(2){width: 100%;padding-bottom: 10px;}
	.partnership .goal .col:nth-child(2), 
	.partnership .goal .col:nth-child(3){padding-top: 0}
	*/
	.partnership .goal .title5,
	.partnership .goal .title3{margin-bottom: 5px}
	
	.partnership .goal .col{width: 100%;padding-bottom: 15px;}
	.partnership .goal .col:last-child{padding-bottom: 0}
	.partnership .img img{height: 25px}
	
	.board_list2 > li{padding-right: 0;height: 71px;}
	.board_list2 .title{font-size: 16px}
	.board_list2 .date{position: relative;top:auto;display:block;font-size: 12px;margin-top: 4px;
		-webkit-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -o-transform: translateY(0);
	    -ms-transform: translateY(0);
	    -sand-transform: translateY(0);
	    transform:translateY(0);
	}
	.board_list2 .writer{display: inline-block;vertical-align: middle;padding-left: 6px;margin-left: 4px;font-size: 12px;}
	.board_list2 .writer:before{height: 8px;margin-top: -4px}
	
	.sub_text{font-size: 16px;margin-bottom: 15px;}
	.sub_text p{border-top: 0;display: block;line-height: 1.35;}
	.sub_text .title5{margin-bottom: 6px;}
	
	.leadership_academy .part.n1,
	.leadership_academy .part.n1 .col{display: block;}
	
	.leadership_academy .sub_text,
	.leadership_academy .box p{margin-bottom: 15px;}
	.leadership_academy .box{padding-top: 12px;font-size: 14px;line-height: 1.35}
	.leadership_academy .part.n1{margin-bottom: 20px}
	.leadership_academy .part.n1 .col:last-child{width: 100%;text-align: center;padding-top: 25px}
	
	.academy_list{width: 328px;height: 304px;background-size: cover}
	.academy_list > li{width: 176px;height: 176px;}
	.academy_list > li:nth-child(1){margin-left: -88px;}
	.academy_list .title3{margin-bottom: 6px;}
	.academy_list p{line-height: 1.3;}
	
	.leadership_academy .part.n3{margin-top: 40px;}
	.leadership_academy .part.n3 .col:first-child,
	.leadership_academy .part.n3 .col:last-child{float: none;width: 100%}
	.leadership_academy .part.n3 .col:first-child{padding-bottom: 21px}
	.leadership_academy .list5 br{display: block;}
	
	.list5 > li{height: 86px;}
	.list5 .no{font-size: 40px;width: 68px;}
	.list5 p{font-size: 14px;letter-spacing: -0.05em}
	
	.academy_record .sub_text{padding-top: 0;margin-bottom: 23px;}
	.board_list3 > li{margin-bottom: 0px;}
	.board_list3 .title{padding-left: 16px;font-size: 16px;height: 45px;border-radius: 6px;}
	.board_list3 .title:after{right: 15px}
	
	.tbl_grid1{display: block;border-bottom: 1px solid #eaeaea}
	.tbl_grid1 .row{height: auto;}
	.tbl_grid1 .mr{float: none;width: 100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;position: relative;padding-top: 32px}
	.tbl_grid1 .col{display: block;text-align: left;-ms-flex: 1 1 auto;flex-grow: 1;padding:5px 0;padding-left: 10px;min-height: 34px;
		display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
	}
	.tbl_grid1 .col.label{width: 100%;height:32px;position: absolute;top:0;left:0;-ms-flex: 0 0 100%;flex-shrink: 0;padding-left: 0;
		-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
	}
	.tbl_grid1 .mr:nth-child(2) .col.label{border-left: 1px solid #e7eedd;}
	.tbl_grid1 .col:not(.label){border-top: 0;border-left: 1px solid #eaeaea;border-bottom: 0;padding-left: 8px;}
	.tbl_grid1 .col:not(.label):last-child{border-right: 1px solid #eaeaea}
	.tbl_grid1 .col.name{border-right: 0;width: 92px;text-align: left;-ms-flex: 0 0 92px;flex-grow: 0;flex-shrink: 0;}
	
	.tbl_grid2 .row{height: auto}
	.tbl_grid2 .mr{float: none;width: 100%;height: auto}
	.tbl_grid2 .label{height: 32px}
	.tbl_grid2 .hr .mr:last-child{display: none}
	.tbl_grid2 .mr .col:first-child,
	.tbl_grid2 .col.name{width: 92px;}
	.tbl_grid2 .row:not(.hr) .col{padding:5px 0;padding-left: 10px;height: 34px;text-align: left}
	
	.climatus_college{padding-top: 16px;}
	.climatus_college .en{margin-bottom: 10px;}
	.climatus_college .en,
	.climatus_college .part1 .en{font-size: 12px;letter-spacing: 0.05em}
	.climatus_college .part1{height: 158px;padding-bottom: 2px;padding-top: 0;margin-bottom: 60px;}
	.climatus_college .part1 .en{margin-bottom: 5px;}
	.climatus_college .part1 .title{margin-bottom: 19px;font-size: 21px;}
	.climatus_college .part1 p{font-size: 12px}
	
	.climatus_college .part2{margin-bottom: 67px;}
	.climatus_college .part2 .col.img,
	.climatus_college .part2 .col.cont{float: none;width: 100%}
	.climatus_college .part2 .col.cont{padding-bottom: 21px;}
	.climatus_college .part2 .en{margin-bottom: 34px;}
	.climatus_college .part2 .title6{margin-bottom: 26px;}
	.climatus_college .part2 p{margin-bottom: 15px;}
	.climatus_college .part2 .safc{padding-top: 17px;margin-bottom: 28px}
	.climatus_college .part2 .safc img{max-width: 327px}
	.climatus_college .part2 .txt1{font-size: 12px;line-height: 1.95;margin-bottom: 28px;}
	.climatus_college .part2 .txt1 span{padding-bottom: 2px}
	.climatus_college .part2 .txt2{font-size: 15px;line-height: 1.5;}
	
	.climatus_college .part3{height: auto;padding-top: 60px;padding-bottom: 67px;margin-bottom: 0;}
	.climatus_college .part3 .tit_row{margin-bottom: 38px;padding-bottom: 21px;}
	.climatus_college .part3 .title3{margin-bottom: 34px;}
	.climatus_college .part3 .title6 .highlighter{padding: 0 4px;letter-spacing: -0.05em}
	.climatus_college .part3 .txt{font-size: 14px;padding: 13px 5px 14px;display: block;border-radius: 6px;}
	.origin_vision .symbol{width: 100%}
	
	.origin_vision{display: block;font-size: 0;margin: 0 auto;margin-bottom: 42px;max-width: 420px;}
	.origin_vision .sb1{display: none}
	.origin_vision .item{width: 50%;display: inline-block;vertical-align: top;padding: 12px;margin: 0 -8px}
	.origin_vision .symbol.sb2 img{height: 20px;margin: 5px auto 28px}
	
	.climatus_college .part4 .fix_in{padding-top: 61px;padding-bottom: 66px;}
	.climatus_college .part4 .title3{margin-bottom: 33px;}
	
	.our_vision ul{margin-bottom: 87px;}
	.our_vision li{float: none;width: 100%;padding: 0 0;margin-bottom: 33px;}
	.our_vision li:before{width: 66px;height: 66px;margin-bottom: 17px}
	.our_vision .box{font-size: 14px;padding: 13px 5px 14px;max-width: 240px;margin: 0 auto}
	.our_vision li:after{top: 64px;margin-bottom: 16px;height: 129px;}
	.our_vision ul:before{display: none}
	.our_vision p.cc_text:before{top: -26px;width: 7px;height: 7px;margin-left: -2px;}
	
	.cc_text{font-size: 15px}
	.cc_text .line{padding-bottom: 2px;}
	
	.climatus_college .part5{padding-top: 61px;padding-bottom: 50px;}
	.climatus_college .part5 .title3{margin-bottom: 27px;}
	
	.ci_list{margin: 0 -7px}
	.ci_list > li{margin-bottom: 12px;padding: 0 7px;}
	.ci_list .tit{margin-bottom: 7px}
	
	.climatus_college .part6 .fix_in{padding-bottom: 66px;}
	.climatus_college .part6 .tit_row{margin-bottom: 38px;}
	.climatus_college .part6 .title3{margin-bottom: 33px}
	.climatus_college .part6 .img{margin-bottom: 22px;}
	.climatus_college .part6 .img,
	.climatus_college .part6 .img li{display: block;}
	.climatus_college .part6 .img li:first-child,
	.climatus_college .part6 .img li:last-child{padding: 0}
	.climatus_college .part6 .img li{margin-bottom: 15px;}
	
	.climatus_college .part7{padding-top: 38px;padding-bottom: 63px;}
	.climatus_college .part7 .title3{margin-bottom: 33px;}
	.climatus_college .part7 .img{display: block;margin-bottom: 22px;}
	.climatus_college .part7 .img .col:first-child,
	.climatus_college .part7 .img .col:last-child{width: 100%}
	.climatus_college .part7 .img .col:after{display: block;content: '';clear: both}
	.climatus_college .part7 .img .col:last-child{padding-top: 10px;}
	.climatus_college .part7 .img .col div{float: left;width: 50%;box-sizing: border-box;}
	.climatus_college .part7 .img .col div:first-child{padding-right: 5px;}
	.climatus_college .part7 .img .col div:last-child{padding-left: 5px;}
	
	.climatus_college .part8{padding-top: 62px;padding-bottom: 17px;}
	.climatus_college .part8 .title6{margin-bottom: 31px}
	.climatus_college .part8 .cc_text{letter-spacing: -0.08em}
	.climatus_college .part8 .cc_text .line{letter-spacing: -0.02em}
	.climatus_college .sns_img,
	.climatus_college .part8 .cc_text{margin-bottom: 20px;}
	.climatus_college .sns_img img{
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;
	}
	
	.climatus_college .part9{background-size: auto 100%;height: 200px;}
	.climatus_college .part9 img{height: 82px}
	
	.climatus_college .part10{padding: 55px 0 65px;}
	.climatus_college .part10 .title5{font-size: 21px;line-height: 1.98;margin-bottom: 40px;}
	.climatus_college .part10 .title5 .line{display: inline;padding-bottom: 5px;}
	.climatus_college .part10 .cc_text{line-height: 1.35;}
	
	.climatus_college .part11{padding: 47px 0 49px;}
	.climatus_college .part11 .tit{font-size: 16px;margin-bottom: 13px;}
	.climatus_college .part11 .info span{font-size: 13px}
	.climatus_college .part11 .info .bar{height: 8px;margin-top: -4px;margin: 0 10px;}
	
	.sec1 .sc1,
	.business_list > li,
	.support_box,
	.sec2 .sec_col,
	.sns_area > li,
	.data_platform_mo{transform:translateY(50px);opacity: 0;transition: transform .8s cubic-bezier(0.12, 0.4, 0.41, 0.86), opacity .8s cubic-bezier(0.12, 0.4, 0.41, 0.86);}
	.sec2 .sc1{transition-delay: .1s}
	.sec2 .sc2{transition-delay: .3s}
	.sec2 .sc3{transition-delay: .5s}
	.sec1 .sc1.m_active,
	.sec1 .business_list.m_active  > li,
	.support_box.m_active,
	.sec2 .sc1.m_active,
	.sec2 .sc2.m_active,
	.sec2 .sc3.m_active,
	.sns_area.m_active > li,
	.data_platform_mo.m_active{transform:translateY(0);opacity: 1}
	.business_list > li:nth-child(2){transition-delay: .3s}
	.business_list > li:nth-child(3){transition-delay: .6s}
	.business_list > li:nth-child(4){transition-delay: .9s}
	.business_list > li:nth-child(5){transition-delay: 1.2s}
	.support_box{transform:translateY(0);}
	.sns_area > li:nth-child(2){transition-delay: .2s}
	.sns_area > li:nth-child(3){transition-delay: .4s}
	.sns_area > li:nth-child(4){transition-delay: .6s}
	.sns_area > li:nth-child(5){transition-delay: .8s}
	.sns_area > li:nth-child(6){transition-delay: 1s}
	.sns_area > li:nth-child(7){transition-delay: 1.2s}
	.sns_area > li:nth-child(8){transition-delay: 1.4s}
	
	.pwd_layer{max-width: 312px;font-size: 14px;padding: 43px 23px 34px}
	.pwd_layer .int_pass{margin-top: 14px;padding-right: 85px}
	.pwd_layer .int_pass input{height: 39px}
	.pwd_layer .close{top: 5px;right: 5px;}
	.pwd_layer .int_pass .btns{width: 80px;}
	
	.write_type01 .tbl{padding: 6px 0 24px;}
	.write_type01 .tbl, 
	.write_type01 .row, 
	.write_type01 .hd.col, 
	.write_type01 .col{display: block;width: 100%;height: auto;}
	.write_type01 .hd.col{padding: 16px 0 5px;font-size: 15px;font-weight: 700;}
	.write_type01 div.col{padding: 4px 0;font-size: 14px;}
	.write_type01 .int, 
	.write_type01 .sel_box{height: 42px;font-size: 14px;padding-left: 12px;}
	.write_type01 .grid_fluid.mail > .grid_col:not(.etc){width: 50%;}
	.write_type01 .grid_fluid.mail{display: table;position: relative;padding-bottom: 47px;width: 100%;box-sizing: border-box}
	.write_type01 .grid_fluid.mail > .grid_col.last{position: absolute;left:0;bottom: 0;padding-left: 0;width: 100%}
	.write_type01 .check.pc_ml{margin: 8px 0;margin-left: 10px}
	.write_type01 .file_list li{font-size: 12px}
	
	.file_box{padding-right: 105px;}
	.file_box .btns{width: 100px;font-size: 13px;line-height: 42px;}
	
	.btn_center.line{padding-top: 30px;}
	.btn_center.line .btns{height: 45px;font-size: 15px;}
	
	.board_view02{margin-bottom: 30px}
	.board_view02 .board_top,
	.board_view02 .board_top .item{display: block;height: auto;box-sizing: border-box}
	.board_view02 .board_top .tit,
	.board_view02 .board_top .etc{width: 100%;padding: 18px 8px;}
	.board_view02 .board_top .tit{border-bottom: 1px solid #f2f2f2;font-size: 17px;}
	.board_view02 .board_top .bar{height: 10px;margin: 0 7px;}
	.board_view02 .board_row{height: 45px;/*font-size: 11px;*/}
	.board_view02 .board_row .dh{padding: 0 7px;}
	.board_view02 .board_top .info .col,
	.board_view02 .board_row .dd{padding-left: 6px;padding-right: 6px;}
	.board_view02 .board_cont{padding: 22px 8px;/*font-size: 12px;*/}
	.board_view02 .board_top .info .col > *{font-size: 16px;}
	.board_view02 .board_row .dh, 
	.board_view02 .board_row .dd{height: 64px;}
	.board_view02 .file_list .label, 
	.board_view02 .file_list a {padding-top: 2px;padding-bottom: 2px;margin-bottom: 0;font-size: 12px;}
	.board_view02 .file_list .label{margin-right:3px;padding-left: 17px;background-image: url(../images/mo/cont/icn_file.png);background-size: 12px auto;
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;
	}
	
	.search_cnt{font-size: 14px;margin-bottom: 28px;}
	.board_list4 > li{font-size: 13px;padding-top: 22px;padding-bottom: 21px;}
	.board_list4 > li .no{width: 10%}
	.board_list4 > li .title{font-size: 15px;margin-bottom: 5px;}
	.board_list4 > li p{height: 4.2em;line-height: 1.4;}
	
	.basic_tbl{font-size: 13px;margin-bottom: 24px;}
	.basic_tbl th, 
	.basic_tbl td{height: 46px;}
	.basic_tbl th{width: 88px;}
	.basic_tbl .up_bul,
	.basic_tbl .down_bul{padding-left: 23px}
	
	.cdm_area{padding-top: 14px;padding-bottom: 3px;font-size: 14px;line-height: 1.4}
	.cdm_area .part{padding-bottom: 37px;}
	.cdm_area .txt1{margin-top: 33px;}
	.cdm_area .point{font-size: 18px;line-height: 1.38;}
	.cdm_area .p1 {margin-bottom: 38px;}
	.cdm_area .p2 .row{padding-right: 0}
	.cdm_area .p2 .point{margin-bottom: 9px}
	.cdm_area .p2 .row{margin-bottom: 21px;}
	.cdm_area .p2 .img1{position: relative;width: 100%;margin-bottom: 7px}
	.cdm_area .p2 .row2{margin-bottom: 25px;}
	.cdm_area .p2 .row2 .img_area{margin: 15px 0;}
	.cdm_area .cdm_box{padding:13px 18px 14px}
	.cdm_area .cdm_box p{padding-left: 55px;background-size: 45px auto;line-height: 1.35;}
	
	.list6 > li{padding-left: 11px}
	.list6 > li:before{width: 4px;height: 4px}
	
	.clean_cookstoves{font-size: 14px;padding-top: 17px;padding-bottom: 3px;}
	.clean_cookstoves .grid_fluid,
	.clean_cookstoves .grid_col{display: block;}
	.clean_cookstoves .grid_col:first-child,
	.clean_cookstoves .grid_col:last-child{padding: 0}
	.clean_cookstoves .grid_col:first-child{margin-bottom: 25px}
	.clean_cookstoves .grid_col p{line-height: 1.4;padding-top: 23px;}
	.clean_cookstoves .grid_col p:before{width: 50px}
	.clean_cookstoves .grid_fluid{margin-bottom: 21px;}
	.clean_cookstoves .clean_box{padding: 22px 18px 20px;}
	.clean_cookstoves .clean_box p{padding: 0;padding-left: 67px;background-size: 57px auto;line-height: 1.35;}
	
	.clean_cookstoves .part{padding-bottom: 25px;margin-bottom: 22px;}
	.clean_cookstoves .title5{margin-bottom: 8px;}
	.clean_cookstoves .p2{margin-bottom: 22px}
	.clean_cookstoves .img{margin-top: 15px;}
	
	.gcf_area{padding-top: 14px;padding-bottom: 30px;font-size: 14px;line-height: 1.4}
	.gcf_area .part{padding-bottom: 20px;margin-bottom: 22px;}
	.gcf_area .part .title5{margin-bottom: 8px;}
	.gcf_area .p2{margin-bottom: 20px}
	.gcf_area .gcf_box{padding: 11px 18px;}
	.gcf_area .gcf_box p{padding-left: 0;background: none}
	.gcf_area .gcf_box p:after{display: block;content: '';clear: both}
	.gcf_area .gcf_box .img{display: inline;float: left;width: 68px;margin-right: 10px}
	
	.empowerment_area{padding-top: 10px;padding-bottom: 3px;font-size: 14px;line-height: 1.4}
	.empowerment_area > p{margin-bottom: 18px;}
	.empowerment_area .img_list {margin: 38px 0 0;}
	.empowerment_area .img_list > li{float: none;padding: 0;width: 100%}
	.empowerment_area .img_list > li:last-child{margin-bottom: 0}
	
	.partner_area{margin-top: 0;padding-top: 6px}
	.partner_area ul{margin: 0 -3px}
	.partner_area ul > li{width: 33.333%;padding: 3px}
	.partner_area .title2{margin-bottom: 26px;}
	.partner_area .part{margin-bottom: 40px;padding-bottom: 38px;}
	.partner_area ul .inner span{font-size: 13px;font-size: 3.061vw;}
	
	.gkp_area{font-size: 13px;}
	.gkp_area .top{width: 190px;height: 190px;margin-bottom: 42px}
	.gkp_area .txt_row1{margin-bottom: 8px;}
	.gkp_area .txt_row1:before{width: 10px;height: 22px;top:-22px;margin-left:-5px;}
	.gkp_area .row{line-height: 1.4;padding: 14px 0}
	.gkp_area .row,
	.gkp_area ul .inner{border-radius: 6px}
	.gkp_area ul{margin: 0 -4px}
	.gkp_area ul > li{width: 50%;height:72px;padding: 0 4px;margin-bottom: 8px}
	.gkp_area ul .inner{font-size: 12px}
	
	.sub_part{font-size: 14px;line-height: 1.4;margin-bottom: 25px;}
	
	.list7 > li{float: none;width: 100%;padding: 0;font-size: 13px;margin-bottom: 18px;}
	.list7 > li:after{display: none}
	.list7 .tit{font-size: 15px;margin-bottom: 6px;}
	
	.council_area .part{margin-bottom: 56px;padding-bottom: 37px;}
	.council_area .title2{margin-bottom: 23px;}
	.council_area .map_info{margin-bottom: 12px}
	.council_area .contact_info{margin-bottom: 36px;}
	.council_area .board_list3 .title{font-size: 15px;margin-bottom: 24px}
	.council_area .board_list3 .people_img{margin-bottom: 33px}
	
	.title7{font-size: 15px;margin-bottom: 8px;}
	.title7 .kr{font-size: 14px}
	.title8{font-size: 15px;margin-bottom: 14px;}
	
	.half_fluid .col{width: 100%;margin-bottom: 35px;}
	.half_fluid .col:nth-child(odd){padding-right: 0}
	.half_fluid .col:nth-child(even){padding-left: 0}
	.half_fluid .col:last-child{margin-bottom: 18px}
	.half_fluid.has_3{margin: 0 -5px}
	.half_fluid.has_3 .col:nth-child(odd){padding-right: 5px}
	.half_fluid.has_3 .col:nth-child(even){padding-left: 5px}
	.half_fluid.has_3 .col{padding: 0 5px;}
	
	.tbl5 tbody tr:first-child th, 
	.tbl5 tbody tr:first-child td{padding-top: 22px;}
	.tbl5 th, .tbl5 td{font-size: 13px;padding-top: 12px;}
	
	.map_info.t1 > li{width: 100% !important}
	
	.contact_info > li{width: 100%;font-size: 13px;margin-bottom: 21px;}
	.contact_info .name{display: block;font-size: 15px;margin-bottom: 9px;}
	.contact_info .ico.tel{margin-left: 0}
	
	.people_list3{margin-bottom: 27px}
	.people_list3 > li{width: 100%}
	.people_list3 .box{padding: 9px !important;}
	.people_list3 .col:last-child{padding-bottom: 11px;padding-left: 10px;font-size: 13px}
	.people_list3 .name{margin-bottom: 4px}
	.people_list3 .name strong{font-size: 17px}
	
	.people_list4{margin: 0 -5px 7px}
	.people_list4 > li{width: 50%;margin-bottom: 21px;padding: 0 5px;}
	.people_list4 .img {margin-bottom: 6px;}
	.people_list4 .name{font-size: 16px;margin-bottom: 2px;}
	.people_list4 p{font-size: 13px}
	
	.tbl6 th,
	.tbl6 td{height: 34px;font-size: 12px;padding: 6px 10px;box-sizing: border-box;text-align: left}
	.tbl6 tbody td{padding-left: 10px;line-height: 1.6}
	.tbl6 .w1{width: 28%}
	
	.gov_site{border-top: 0;margin-top: 0}
	.gov_site a{height: 35px;width: 23px}
	.gov_site a.site02{width: 47px;}
	
	.sponsor_intro{padding-top: 0}
	.sponsor_intro .point{font-size: 22px;margin-bottom: 26px;}
	.sponsor_intro .sponsor_part01{padding-bottom: 70px}
	.sponsor_intro .sponsor_part01 > p, 
	.sponsor_intro .sponsor_part02 > p{font-size: 15px;line-height: 1.5;}
	.sponsor_intro .video_area{margin:40px auto 45px;padding-bottom:56.25%;}
	.sponsor_intro .btn_center .btns{margin: 0 5px;}
	.sponsor_intro .sponsor_part02{padding: 60px 16px;}
	.sponsor_intro .sponsor_part02 .point {margin-bottom: 12px;}
	.sponsor_tab{margin: 0 -5px}
	.sponsor_tab > li{padding: 0 5px}
	.sponsor_intro .half_fluid .col {margin-bottom: 10px;}
	.sponsor_intro .sponsor_part02 .tit {padding-top: 25px;margin-bottom: 16px;font-size: 16px;}
	.sponsor_intro .sponsor_part02 dl{margin-bottom: 20px;}
	.sponsor_intro .sponsor_part02 dd {padding-bottom: 10px;}
	.sponsor_intro .sponsor_part03{padding-top: 50px}
	.sponsor_intro .notice_info{font-size: 15px;line-height: 1.6;}
	.sponsor_intro .notice_info .part {padding-bottom: 35px;}
	.sponsor_intro .notice_info .tit{font-size: 16px;margin-bottom: 12px;}
	.sponsor_intro .notice_info .list > li{padding-left: 18px;}
	.sponsor_intro .notice_info .list > li:before{width: 3px;height: 3px;top: 0.7em;}
	.sponsor_intro .point_box{font-size: 16px;height: 75px;}
	
	.accordion_area{margin-bottom: 46px;}
	.accordion_area li .section-title h2{font-size: 14px;}
	.accordion_area{margin-left: -16px;margin-right: -16px}
	.accordion_area li .tit{font-size: 12px}
	.accordion_area ul{height: 356px}
	.accordion_area li .box{padding: 15px 10px 10px;line-height: 1.4;}
	.accordion_area li.active .section-content{font-size: 11px}
	.accordion_area li.active .section-title{margin-bottom: 8px}
}

@media (max-width: 480px) {
	.int_mail .at{flex: 1 1 10px;}
	
	.business_list .tit{width: 75px;}
	.business_list p{font-size: 12px;}
	
	.sec2 .board_box li,
	.sec2 .board_box li .date{margin-bottom: 6px;}
	.sec2 .board_box li .date{margin-bottom: 0}
	
	.support_box .tit{font-size: 17px;margin-bottom: 8px;}
	.support_box p{font-size: 10px;line-height: 1.25;letter-spacing: -0.06em;}
	.support_box .cont{margin-top: -34px;right: 10px;}
	
	.sns_area .icn_row{margin-bottom: 11px;padding-bottom: 12px;}
	.sns_area .icon img{height: 19px}
	.sns_area .cont{font-size: 13px;line-height: 1.3;padding-left: 5px;padding-right: 5px;box-sizing: border-box}
	.sns_area .cont p{max-height: 3.8em;-webkit-line-clamp: 3;}
	.sns_area .date{font-size: 10px;margin-top: 10px;}
	.sns_area .blog,
	.sns_area .youtube{border-radius: 6px;}
	
	.greeting_row .img{font-size: 10px;}
	.greeting_area .leaf{width: 93px;height: 62px;}
	.greeting_area .top_row{font-size: 16px;height: 64.5vw;}
	.greeting_row .box{font-size: 14px}
	.greeting_row .box p{margin-bottom: 15px;}
	
	.management_top{font-size: 13px;}
	.management_area .cont_row{font-size: 17px;letter-spacing: -0.05em;}
	.management_top p,
	.management_top .img img{height: 128px}
	
	.tbl3 thead th, 
	.tbl3 td{font-size: 12px}
	
	.gallery_list{margin: 0;}
	.gallery_list > li{padding: 0;float: none;width: 100%;margin-top: 0;margin-bottom: 40px;}
	.gallery_list > li:last-child{margin-bottom: 0}
	
	.list3 > li .inner{font-size: 13px;}
	
	.circle_list {margin: 0 -20px 57px 12px;text-align: left}
	.circle_list > li{width: 50%;margin-top: -12px;max-width: none}
	
	.ci_list > li{float: none;width: 100%;}
	
	.sub_visual{height: 96px;font-size: 12px;}
	.sub_visual .light{font-size: 10px;}
	
	.write_type01 .hd.col{font-size: 14px;}
	.write_type01 div.col,
	.write_type01 .int, 
	.write_type01 .sel_box{font-size: 13px;}
	
	.board_view02 .board_row .dh, 
	.board_view02 .board_row .dd {height: 52px;}
	.write_type01 .check.pc_ml{margin: 8px 0;margin-left: 0}
	
	.tab > li a, 
	.tab > li button{font-size: 13px}
}

@media (max-width: 320px) {
	.base_paging .number a, 
	.base_paging .number .on{margin: 0 2px;}
	
	.academy_list{width: 288px;height: 267px;background-size: cover}
	.academy_list > li{width: 154px;height: 154px;font-size: 12px}
	.academy_list > li:nth-child(1){margin-left: -77px;}
}