@media (min-width:1059px){html{font-size:15px;}}
@media (min-width:719px){html{font-size:14px;}}


@media screen and (max-width: 640px) {
	/* --------------------------------
    2. header
---------------------------------*/

	#header .gnb{
		display: none;
	}
	#header h1{
		width:80%;
	}
	#header h1 img{
		max-width:100%;
	}
	#header .m_gnb{
		width:40px;
		height:30px;
		top:4.4%;
		right:3.77%;
	}
	#header .m_gnb img{
		width:100%;
	}
	#header h1{
		float: left;
		padding-left:3.77%;
	}


	/* --------------------------------
    3. Registration
     1) sign up
---------------------------------*/



	.bottom_registration .step01_section03 a{
		margin:15px auto;
	}
	.bottom_registration .step01_section03 a:first-child{
		float: none;
		margin:15px auto;
	}
	.bottom_registration .step01_section03 a:last-child{
		float: none;
		margin:0 auto;
	}

	/* --------------------------------
    3. Registration
     2) forgot
---------------------------------*/

	.bottom_forgot{
		max-width:520px;
		width:92.46%;
		margin:0 auto;
	}
	.bottom_forgot h3 i{
		display: block;
	}
	.bottom_forgot .forgot01_section03{
		padding-top:30px;
	}
	.bottom_forgot .forgot02_section02{
		padding-top:50px;
	}


	/* --------------------------------
    3. Registration
     3) login
---------------------------------*/


	.bottom_login .login_section02 .under_page{
		font-size: 14px;
	}



	/* --------------------------------
    4. container
     1) introduction to the platform (sub101)
---------------------------------*/

	.top_introduction .top_bg{
		height: auto;
	}
	.top_introduction .top_bg h2{
		padding:58px 40px;
		text-align: center;
	}
	.bottom_introduction{
		margin:0 auto;
		padding:9% 3.77%;
	}
	.bottom_introduction .section_introduction p:last-child{
		padding-bottom:35px;
	}
	.bottom_introduction .section_logo{
		min-height:460px;
		height:auto;
		display: inline-block;
	}
	.bottom_introduction .logo_contents{
		padding:2% 0;
	}
	.bottom_introduction .section_logo h3{
		padding:35px 0 0 0;
		text-align: center;
	}
	.section_logo .left_logo{
		width:82.625%;
		min-width: 250px;
		margin:0 auto;
		height:165px;
		background-position: center;
		background-size:100%;
		display: block;
	}
	.section_logo .right_logo {
		padding-top:13px;
		width:100%;
		float: none;
	}
	.section_logo .right_logo h4{
		float: none;
		font-weight: 500;
		font-size:19px;
		display: block;
		margin-bottom:15px;
	}
	.section_logo .right_logo p{
		float: none;
		font-size:16px;
		line-height: 19px;
		text-align: left;
	}
	.section_logo .right_logo .button{
		float: none;
		height:auto;
		padding:20px 0;
		line-height: 27px;
		margin-top:33px;
		position: relative;
	}
	.section_logo .right_logo .button span{
		font-size:20px;
	}
	.bottom_introduction .section_partners h3{
		padding:35px 0 30px 0;
		float: none;
		text-align: center;
		line-height: 27px;
	}
	.section_partners .button{
		float: none;
		width:100%;
		height:auto;
		padding:20px 0;
		margin:0;
		margin-bottom: 28px;
	}
	.section_partners .button span{
		color: #fff;
		font-size:20px;
		vertical-align: middle;
		display: block;
	}
	.section_partners ul li,
	.section_partners.reaflet ul li{
		width:100%;
		height:auto;
		margin:0;
		margin-bottom:8px;
	}

	.section_partners ul li a{
		color:#000;
		padding:15px 0;
	}
	.section_partners ul li a span{
		position: absolute;
		right:20px;

	}
	.section_partners ul .no_ri{
		margin-right:0;
	}
	.section_partners ul li:last-child{
		width:100%;
		height:auto;
		margin:0;
		text-align: center;
		font-size:20px;
	}

	/* --------------------------------
    4. container
     2) Patners (sub102)
---------------------------------*/

	.top_partners .top_bg h2{
		padding:83px 40px;
		text-align: center;
	}
	.bottom_partners .contents{
		width:92.46%;
		margin:0 auto;
	}
	.bottom_partners h3{
		padding:9% 0 25px 0;
		font-size: 23px;
	}
	.bottom_partners .section_top{
		position: relative;
	}
	.bottom_partners .left_top{
		width:100%;
	}
	.bottom_partners .right_top{
		float: right;
		width:100%;
	}
	.bottom_partners .section_bottom{
		padding:0;
		padding-bottom:17%;
	}
	.bottom_partners .section_bottom p:last-child{
		padding-bottom:27px;
	}
	.bottom_partners .section_bottom h4{
		padding:25px 0 17px 0;
		font-size: 19px;
	}
	.bottom_partners .contents_box .box{
		padding:30px 0 0 30px;
		margin-bottom:30px;
	}
	.bottom_partners .contents_box .box p{
		display: inline-block;
		padding-right:30px;
	}
	.bottom_partners .section_hide01 h4{
		padding:25px 0 17px 0;
	}
	.bottom_partners .section_hide03 h4{
		padding:25px 0 17px 0;
	}
	.bottom_partners .go_button{
		float: left;
		width:33.63636%;
		min-width: 110px;
	}
	.bottom_partners .sns_button li{
		margin-right:5px;
	}
	.bottom_partners .contents_button .mail{
		display: block;
	}
	.bottom_partners .contents_button .mail a{
		font-size: 13px;
	}
	.bottom_partners .section_button{
		width:31.81818%;
	}
	.bottom_partners .section_button span a{
		padding-right:17%;
		font-size: 14px;
	}

	/* --------------------------------
    4. container
     3) cities and the SDGs (sub201)
---------------------------------*/

	.top_cities .top_bg{
		height:auto;
	}
	.top_cities .top_bg h2{
		padding:58px 0 58px 0;
		text-align: center;
	}
	.bottom_cities{
		width:92.46%;
		margin:0 auto;
	}
	.bottom_cities .go_button{
		margin:15px 0 30px 0;
		width:83%;
	}
	.bottom_cities .go_button a{
		padding:8px 13px;
		font-size: 13px;
	}
	.bottom_cities .section_goals li{
		width:30.90909%;
		width:30.90909%;
		margin: 0 3.63636% 3.63636% 0;
	}
	.bottom_cities .section_goals .no_ri{
		margin-right:3.63636%;
	}
	.bottom_cities .section_goals .no_ri640{
		margin-right:0;
	}
	.bottom_cities .section_goalstext{
		padding:0;
	}
	.bottom_cities .section_goalstext h4{
		font-size: 23px;
		line-height: 27px;
		padding:7% 0 25px 0;
		text-align: center;
		width:100%;
	}


	/* --------------------------------
    4. container
     4) introduction to the sustainable development (sub202)
---------------------------------*/

	.bottom_sdgs h2{
		line-height: 35px;
		padding-left:3.77%;
		padding-right:3.77%;
	}
	.bottom_sdgs .go_button{
		float: right;
		margin:15px 0 44px 0;
		width:auto;
		height:auto;
		background:#00699d;
	}
	.bottom_sdgs .go_button a{
		color:#fff;
		font-weight: 700;
		padding:8px 30px;
		display: block;
	}
	.bottom_sdgs .section_goals{
		width:92.46%;
		margin:0 auto;
	}
	.bottom_sdgs .section_goals li{
		float: left;
		width:14.36363%;
		height:14.36363%;
		margin: 0 2.72727% 2.72727% 0;
	}
	.bottom_sdgs .section_goals .no_ri{
		margin-right:2.72727%;
	}
	.bottom_sdgs .section_goals .no_ri640{
		margin-right:0;
	}
	.bottom_sdgs .section_goalsbox{
		padding:29px 28px;
	}
	.bottom_sdgs .section_goalsbox .text_goalsbox{
		padding-top:10px;
		width:100%;
		float: left;
		text-align: left;
	}
	.bottom_sdgs .section_goalsbox .text_goalsbox strong{
		width:70%;
	}
	.bottom_sdgs .section_goalsbox .button_goalsbox{
		float: right;
		position: absolute;
		top:40px;
		right:29px;
	}
	.bottom_sdgs .section_goalsbox strong{
		font-size: 28px;
		line-height: 30px;
	}
	.bottom_sdgs .section_goalsbox p{
		font-size: 15px;
		line-height: 19px;
		color:#fff;
		font-family: 'Roboto', sans-serif;
	}

	.bottom_sdgs .section_goalstext{
		padding:0 0 35px 0;
		width:92.46%;
	}
	.bottom_sdgs .section_targets{
		width:92.46%;
	}
	.bottom_sdgs .section_targets h4{
		font-size: 23px;
		padding-top:30px;
	}
	.bottom_sdgs .section_targets .edge_box ul li p{
		width:93%;
	}
	.bottom_sdgs .section_studies{
		height:auto;
	}
	.bottom_sdgs .section_studies h4{
		font-size: 23px;
		padding:30px 0 26px 0;
		width:92.46%;
		margin:0 auto;
	}
	.bottom_sdgs .section_studies .list{
		float: left;
		width:100%;
		height:auto;
		margin:0 0 20px 0;
		max-width: 100%;
	}
	.bottom_sdgs .section_studies .list_thumb{
		width:100%;
		height:auto;
	}
	.bottom_sdgs .section_studies .list_thumb img{
		width:100%;
	}
	.bottom_sdgs .section_studies .list_desc{
		width:100%;
		height:209px;
	}
	.bottom_sdgs .section_studies .list_desc p{
		width:85.9375%;
		height: 30px;
	}

	/* --------------------------------
    4. container
     5) Feature Articles (sub203)
---------------------------------*/


	.bottom_featurearticles .category{
		margin:35px 0 5px 3.77%;
		float: left;
	}
	.bottom_featurearticles .category li{
		float: left;
		margin-left:0;
		margin-right:10px;
	}
	.bottom_featurearticles .category li a{
		color: #919191;
		font-size:12px;
		font-weight:500;
	}
	.bottom_featurearticles .category li.on a{
		color: #000;
		font-size:12px;
		font-weight:600;
	}
	.bottom_featurearticles .type01.no_ri{
		margin-right:0;
	}
	.bottom_featurearticles .type02.no_ri{
		margin-right:0;
	}
	.bottom_featurearticles .type01{
		width:100%;
		height:auto;
		margin: 0 0 20px 0 ;
	}
	.bottom_featurearticles .type01 .list_thumb{
		width:100%;
		height: auto;
	}
	.bottom_featurearticles .type01 .list_thumb img{
		width:100%;
	}
	.bottom_featurearticles .type02{
		width:100%;
		margin: 0 0 20px 0 ;
	}

	/* --------------------------------
    4. container
     6) Feature Articles_inside (sub203)
---------------------------------*/


	.bottom_featurearticles .section00 .sec00_left{
		float: none;
		width:100%;
		text-align: center;
	}
	.bottom_featurearticles .section00 .sec00_left p{
		font-size: 14px;
	}
	.bottom_featurearticles .section00 .case_box{
		text-align: center;
	}
	.bottom_featurearticles .section00 .case_count{
		/*width:279px;
	margin:0 auto;
	text-align: center;*/
		padding:1px 0 8px 0;
		text-align: center;
		display: table;
		display: inline-block;
		margin-right:auto;
		margin-left:auto;
	}
	.bottom_featurearticles .section00 .case_count li{
		padding-right:6px;
		font-size: 12px;
	}
	.bottom_featurearticles .section00 .case_count .at_bar{
		margin-right:6px;
	}
	.bottom_featurearticles .section00 .case_count li:last-child{
		padding:0;
	}

	.bottom_featurearticles .section00 .case_sns{
		clear: both;
		width:120px;
		margin:0 auto;
		height:36px;
		margin-bottom:25px;
		float: none;
	}
	.bottom_featurearticles .section00 .case_sns li{
		float:left;
		padding-left:5px;
		padding-right:5px;
		margin-left:2px;
		margin-right:2px;
		width:35px;
	}
	.bottom_featurearticles .section00 .case_sns li img{
		width:100%;
	}
	.bottom_featurearticles .section00 .sec00_right{
		float: none;
		width:100%;
		padding-top:7px;
	}
	.bottom_featurearticles .section00 .sec00_right p{
		float: none;
		font-size: 15px;
		text-align: center;
	}
	.bottom_featurearticles .section01{
		padding:30px 4.15094%;
	}
	.bottom_featurearticles .section01 .column{
		padding-bottom:30px;
	}
	.bottom_featurearticles .section01 .column h3{
		padding-bottom: 20px;
	}
	.bottom_featurearticles .section03{
		margin:0;
		padding-top:20px;
	}
	.bottom_featurearticles .section03 .details{
		width:100%;
		height:245px;
		background: #ebebeb;
		margin-top:76px;
		padding:30px 44px;
	}
	.bottom_featurearticles .section03 .heart img{
		width:90%;
	}
	.bottom_featurearticles .section03 .comments h4{
		text-align: center;
	}
	.bottom_featurearticles .section03 .top_comments .left_sec{
		width:170px;
	}

	.bottom_featurearticles .section03 .top_comments .right_sec{
		float: left;
		font-size: 15px;
	}
	.bottom_featurearticles .section03 .registration{
		clear: both;
		height:158px;
		padding:7px 0 20px 0;
	}
	.bottom_featurearticles .section03 .registration textarea{
		width:68.18181%;
		height:158px;
		border:1px solid #ddd;
		float: left;
	}
	.bottom_featurearticles .section03 .registration button{
		float: right;
		width:28.18181%;
		display: inline-block;
		height:158px;
		padding:0 10px;
		background:#b7b7b7;
		font-size: 18px;
		line-height: 19px;
		border:0;
		color: #fff;
		margin-left: 2.57201%;
		letter-spacing: 0.5px;
		word-break:break-all;
		font-size: 14px;

	}
	.bottom_featurearticles .section03 .total{
		clear: both;
	}
	.bottom_featurearticles .section03 .total h5{
		font-size: 15px;
		margin-bottom:15px;
		font-weight: 500;
		letter-spacing: 0.5px;
	}
	.bottom_featurearticles .section03 .total h5 span{
		color: #ff0000;
	}
	.bottom_featurearticles .section03 .total .reply .reply_img{
		width:57px;
		float: left;
		margin-right:20px;
	}
	.bottom_featurearticles .section03 .total .reply .reply_text .red_dot{
		display: inline;
		margin-left: 5px;
		font-size: 15px;
	}
	.bottom_featurearticles .section03 .total .reply .reply_text{
		width:60%;
		float: left;
		font-size: 15px;
		padding-top:0;
	}
	.bottom_featurearticles .section03 .total .reply .reply_text p{
		padding-bottom: 5px;
		line-height: 16px;
	}
	.bottom_featurearticles .section03 .total .reply .reply_text span{
		margin-left:0;
		padding-top:3px;
		font-size: 13px;
		color:#b7b7b7;
		font-weight: 500;
		display: block;
	}
	.bottom_featurearticles .section03 .total .reply .reply_heart{
		padding-top:9px;
		float: right;
		text-align: center;
		width:10%;
	}
	.bottom_featurearticles .section03 .total .reply .reply_heart img{
		width:85%;
	}
	.bottom_featurearticles .section03 .total .reply .reply_heart span{
		padding-top:5px;
		margin-left: 0;
		text-align: center;
		font-size: 13px;
		display: block;
	}

	/* --------------------------------
    4. container
     7) Other Relevant Platforms (sub204)
---------------------------------*/

	.top_relevant h2{
		line-height: 35px;
	}
	.section_result .contents02 li{
		height:auto;
		margin-bottom:30px;
	}
	.section_result .contents02 .list{
		height:auto;
	}
	.section_result .contents02 .list_thumb{
		width:100%;
		height:auto;
		float: none;
	}
	.section_result .contents02 .img01 .list_thumb{
		width:100%;
		height:0;
		padding-top:70%;
	}
	.section_result .contents02 .img02 .list_thumb{
		width:100%;
		height:0;
		padding-top:70%;
	}
	.section_result .contents02 .img03 .list_thumb{
		width:100%;
		height:0;
		padding-top:70%;
	}
	.section_result .contents02 .list_desc{
		width:100%;
		height:auto;
		float: none;
		border-top:0;
		border-left:0;
		border-right:0;
		padding:7.8125% 7.03125%;
	}
	.section_result .contents02 .list_desc h3{
		text-align: center;
	}
	.section_result .contents02 .list_desc p{
		font-size:13px;
		line-height: 14px;
		margin:24px 0 20px 0;
	}
	.section_result .contents02 .list_desc p.over{
		font-size:15px;
		line-height: 18px;
		height: 54px;
	}

	/* --------------------------------
    3. container
     ) CASE STUDY DATABASE (sub301)
---------------------------------*/

	.top_database .top_menu{
		padding-left:3.77%;
	}
	.bottom_database h2{
		padding-left:3.77%;
	}
	.bottom_database .filter{
		font-size: 25px;
		width:92.46%;
		margin:0 auto;
		padding:0;
	}
	.bottom_database .filter_section{
		width:92.46%;
		padding:0;
		left:50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.bottom_database .section h3{
		margin:8px 0;
		display: inline-block;
		font-size: 20px;
		font-weight: 500;
	}
	.bottom_database .section_goals button{
		float: left;
		width:14.18181%;
		height:14.18181%;
		margin: 0 2.72727% 2.72727% 0;
		background: #fff;
	}
	.bottom_database .section_goals button img{
		width:100%;
	}
	.bottom_database .section_goals .no_ri{
		margin-right:2.72727%;
	}
	.bottom_database .section_goals .no_ri02{
		margin-right:0;
	}
	.bottom_database .section .radi_box button{
		width:31.45454%;
		border-radius: 15px;
		margin:0 2.72727% 2.72727% 0;
		text-align: center;
		font-size: 10px;
	}
	.bottom_database .section .radi_box button.no_ri{
		margin-right:2.72727% ;
	}
	.bottom_database .section .radi_box button.no_ri02{
		margin-right:0;
	}
	.bottom_database .show_result{
		padding-top:30px;
	}
	.bottom_database .show_result h4{
		margin:5px 0 5px 3.77%;
	}
	.bottom_database .show_result h4 span{
		color:#ff0000;
	}
	.bottom_database .category{
		height:20px;
		margin:7px 0 5px 3.77%;
		float: left;
		font-family: 'Roboto', sans-serif;
		letter-spacing: 0.5px;
	}
	.bottom_database .category li{
		float: left;
		margin-left: 0px;
		margin-right:10px;
	}
	.bottom_database .list{
		float: left;
		width:100%;
		height:auto;
		margin:0 0 30px 0;
	}
	.bottom_database .list.no_ri{
		margin-right:0;
	}

	.bottom_database .list .list_thumb{
		width: 92.46%;
		margin: 0 auto;
		min-height: calc(217/360*100vw);
	}
	.bottom_database .list .list_thumb img{
		position: relative;
		width: 100%;
	}
	.bottom_database .list .list_desc{
		width:100%;
		height:209px;
		border-bottom:1px solid #000;
		text-align: center;
	}
	.bottom_database .list .list_desc h3{
		padding:22px 0 10px 0;
	}
	.bottom_database .list .list_desc .rcs_icon li{
		float: left;
		padding-left:5px;
	}



	/* --------------------------------
    4. News & Events
     ) News & Events
---------------------------------*/


	.bottom_news{
		max-width:1060px;
		width:100%;
	}
	.section_content .category{
		margin:35px 0 5px 3.77%;
	}
	.section_content .category li{
		float: left;
		margin-left: 0px;
		margin-right: 10px;
	}
	.section_content .contents{
		clear: both;
	}
	.section_content .contents li{
		border:1px solid #d3d3d3 ;
		padding:31px 3.77%;
		margin-bottom:20px;
	}

	/* News and Events detail 부분 */

	.bottom_news .section00{
		width:92.46%;
		padding:0 0 25px 0;
		margin:0 auto;
		height:auto;
		display: block;
		border-bottom:2px solid #000;
	}
	.bottom_news .section00 .sec00_left{
		float: none;
		width:100%;
		text-align: center;
	}
	.bottom_news .section00 .sec00_left h3{
		font-size: 30px;
		line-height: 38px;
		padding-bottom:16px;
		font-weight: 500;
	}
	.bottom_news .section00 .case_box{
		text-align: center;
	}
	.bottom_news .section00 .case_count{
		padding:1px 0 8px 0;
		text-align: center;
		display: table;
		display: inline-block;
		margin-right:auto;
		margin-left:auto;
	}
	.bottom_news .section00 .case_count li{
		font-size: 12px;
	}
	.bottom_news .section00 .case_count li:last-child{
		padding:0;
	}
	.bottom_news .section00 .case_sns{
		clear: both;
		width:120px;
		margin:0 auto;
		height:36px;
		margin-bottom:15px;
		float: none;
	}
	.bottom_news .section00 .case_sns li{
		float:left;
		padding-left:5px;
		padding-right:5px;
		margin-left:5px;
		margin-right:0;
		width:35px;
	}
	.bottom_news .section00 .case_sns li:first-child{
		margin:0;
	}
	.bottom_news .section00 .case_sns li img{
		width:100%;
	}
	.bottom_news .section00 .sec00_right{
		float: none;
		width:100%;
		padding-top:7px;
	}
	.bottom_news .section00 .sec00_right p{
		float: none;
		font-size: 15px;
		text-align: center;
	}
	.bottom_news .section01{
		clear: both;
		padding:30px 4.15094%;
	}
	.bottom_news .section01 .column{
		padding-bottom:30px;
	}
	.bottom_news .section01 .column h3{
		font-size: 22px;
		padding-bottom: 20px;
		font-weight: 500;
	}



	/* --------------------------------
    4. container
     10) Urban SDG Forum (sub403)
---------------------------------*/
	#container{
		width:100%;
		margin:0 auto;
	}
	.top_forum .top_bg{
		width:100%;
		height:auto;
		background: url(../images/sub/sub403_1060img01.jpg) no-repeat;
		background-position: center;
		background-size: cover;
	}
	.top_forum .top_bg h2{
		padding:83px 40px;
		font-size:50px;
		line-height: 48px;
		color:#fff;
		text-align: center;
	}
	.bottom_forum{
		width:100%;
		margin:0 auto;
	}
	.bottom_forum h3{
		padding:9% 25px;
		font-size: 23px;
		font-weight:500;
		text-align: center;
		line-height: 26px;
	}
	.bottom_forum h3 i{
		display: block;
	}
	.bottom_forum .section_top{
		height:auto;
	}
	.bottom_forum .left_top{
		float: none;
		width:100%;
		height:auto;
	}
	.bottom_forum .left_top img{
		width:108px;
		height:79px;
		margin:20px 0;
	}
	.bottom_forum .left_top span{
		font-weight: 500;
		font-size: 12px;
		letter-spacing: 0.5px;
	}
	.bottom_forum .left_top span a{
		color:#000;
	}
	.bottom_forum .right_top{
		float: none;
		width:100%;
	}
	.bottom_forum .section_objectives{
		padding:0 3.77%;
	}
	.bottom_forum .section_objectives h4{
		padding:25px 0 17px 0;
		font-size: 19px;
	}
	.bottom_forum .section_objectives i{
		display: block;
	}
	.bottom_forum .section_objectives p{
		padding-bottom:25px;
		line-height: 19px;
		font-size: 15px;
		font-family: 'Roboto', sans-serif;
	}
	.bottom_forum .section_objectives p:last-child{
		padding-bottom: 35px;
	}
	.bottom_forum .section_organizer h4{
		padding: 0 0 17px 3.77%;
		font-size: 19px;
	}
	.section_organizer .list{
		width:100%;
		height:auto;
		margin:0 0 20px 0;
	}
	.section_organizer .list:last-child{
		margin-right:0;
	}
	.section_organizer .list_thumb{
		width:100%;
		height:auto;
	}
	.section_organizer .list_thumb img{
		width: 100%;
	}
	.section_organizer .list_desc{
		width:100%;
		height:150px;
		border-bottom:5px solid #000;
		background:#eee;
		text-align: center;
		margin-top:-1%;
	}
	.section_organizer .list_desc img{
		margin:27px 1px 12px 0;
		max-width: 100%;
	}
	.section_organizer .list_desc span{
		font-size:21px;
		line-height: 25px;
		font-weight:500;
	}

	.bottom_forum .section_supporting{
		clear: both;
		padding:40px;
		padding-top:20px;
	}
	.bottom_forum .section_supporting h4{
		font-size: 19px;
		font-weight:500;
		letter-spacing: 0.5px;
		text-align: center;
	}
	.section_supporting .organizations{
		width:100%;
		height:auto;
		display: inline-block;
		margin:28px 0 48px 0 ;
	}
	.section_supporting .organizations ul{
		width:40%;
		margin:0 auto;
	}
	.section_supporting li{
		width:100%;
		height:auto;
		margin: 0 0 15px 0;
		text-align: center;
		display: inline-block;
	}
	.section_supporting li img{
		max-width:100%;
	}
	.section_supporting li:last-child{
		margin:0;
	}


	/* --------------------------------
    4. container
     11) Profile
---------------------------------*/

	.top_profile .info_profile {
		/* height:auto; */

	}
	.top_profile .info_profile .profile_pic{
		width:31%;
	}
	.top_profile .info_profile .profile_pic img{
		width:100%;
	}
	.top_profile .info_profile .profile_text{
		float: left;
		padding:2% 0 0 7.6%;
		width:60%;
	}
	.top_profile .info_profile .profile_text h3{
		padding-bottom:24px;
	}
	.top_profile .info_profile .profile_text p{
		font-size: 13px;
		line-height: 15px;
		font-family: 'Roboto', sans-serif;
	}
	.top_profile .info_profile .profile_btn{
		float: none;
		clear: both;
		text-align: center;
		padding-top:12px;
		line-height: 24px;
		width:100%;
	}
	.top_profile .info_profile .profile_btn li{
		float: left;
		width:49%;
		margin-right:2%;
	}
	.top_profile .info_profile .profile_btn li:last-child{
		margin-right:0;
	}
	.top_profile .info_profile .profile_btn a{
		font-size: 14px;
	}
	.top_profile .info_profile .profile_btn .top a{
		width:100%;
		height:auto;
		line-height: 14px;
		float: left;
		padding:7px;
		display: none;
	}
	.top_profile .info_profile .profile_btn .top a i{
		display: block;
	}
	.top_profile .info_profile .profile_btn .bottom a i{
		display: block;
	}
	.top_profile .info_profile .profile_btn .bottom a{
		height:auto;
		line-height: 14px;
		padding:7px;
	}
	.top_profile .tab_account{
		width:100%;
		height:auto;
		margin:0 0 0 0;
	}
	.top_profile .tab_account li{
		height:auto;
		min-height: 51px;
		line-height: 17px;
		vertical-align: middle;
		display: inline-block;
	}
	.top_profile .tab_account li i{
		display: block;
	}
	.top_profile .tab_account li a{
		color:#d9d9d9;
		font-weight: 500;
		font-size: 16px;
		display: inline-block;
		padding:10px 0;
	}
	.bottom_profile .tab_menu{
		height:auto;
		display: inline-block;
		margin:13px 0 10px 0;
	}
	.bottom_profile .tab_menu li {


	}
	.bottom_profile .tab_menu li.off01,
	.bottom_profile .tab_menu li.off02{
		width: 100%;
	}
	.bottom_profile .tab_menu li.off01 {
		border-left: 3px solid #d9d9d9;
	}
	.bottom_profile .tab_menu li.off02 {
		border-right: 3px solid #d9d9d9;
	}
	.bottom_profile .tab_menu li a{
		font-size: 15px;
	}
	.bottom_profile .tab_menu li.on {
		width: 100%;
	}
	.bottom_profile .toolkit_list li.type02 {
		width: 100%;
		margin: 0 0 4% 0;
	}
	.bottom_profile .toolkit_list li.type02:last-child {
		margin-bottom: 0;
	}

	/*.bottom_profile .toolkit_list li .list_desc .info .left {*/
	/*	width: calc(83/720*100vw);*/
	/*}*/
	/*.bottom_profile .toolkit_list li .list_desc .info .right h3 {*/
	/*	font-size: calc(30/16*1rem);*/
	/*	height: 2.2em;*/
	/*}*/
	/*.bottom_profile .toolkit_list li .list_desc .info .left strong {*/
	/*	font-size: calc(28/16*1rem);*/
	/*}*/
	/* profile - profile_main section */

	.bottom_profile .yet_box{
		width:92.46%;
		margin:0 auto;
		height:103px;
		line-height: 15px;
		border:1px solid #eee;
		text-align: center;
		margin-bottom:45px;
	}
	.bottom_profile .yet_box span{
		color:#00699d;
		font-size: 15px;
		display: block;
		padding:40px 10px;
		font-family: 'Roboto', sans-serif;
	}
	.bottom_profile .yet_box span i{
		display: block;
	}



	/* profile - profile main */



	.bottom_profile .section01 .sec01_left{
		width:100%;
		padding:3px 4.15% 0 4.15%;
	}
	.bottom_profile .section01 .sec01_left .text_box{
		text-align: center;
	}
	.bottom_profile .sec01_left h3{
		font-size: 30px;
		line-height: 33px;
		padding-bottom:22px;
		font-weight: 500;
		text-align: center;
	}
	.bottom_profile .section01 .sec01_left p{
		margin-bottom: 0;
	}
	.bottom_profile .section01 .sec01_left .black_box{
		width:50%;
		line-height: 19px;
		margin:13px auto 0;
	}
	.bottom_profile .section01 .sec01_left .black_box a{
		height:100%;
		display: block;
		padding-bottom: 2px;
	}
	.bottom_profile .case_count li .at_bar{
		margin-right: 6px;
	}
	.bottom_profile .section01 .sec01_left .case_box{
		text-align: center;
	}
	.bottom_profile .section01 .sec01_left .case_count{
		/*width:100%;
	width:279px;
	margin:0 auto;*/
		padding:1px 0 15px 0;
		text-align: center;
		display: table;
		display: inline-block;
		margin-right:auto;
		margin-left:auto;

	}
	.bottom_profile .section01 .sec01_left .case_count li{
		padding-right:6px;
		font-size: 12px;
	}
	.bottom_profile .section01 .sec01_left .case_count li:last-child{
		padding:0;
	}

	.bottom_profile .section01 .sec01_left .case_sns{
		display: flex;
		justify-content: center;
		clear: both;
		height:36px;
		margin-bottom:20px;
		float: none;
	}
	.bottom_profile .section01 .sec01_left .case_box .case_sns{
		padding:0;
	}
	.bottom_profile .section01 .sec01_left .case_sns li{
		float:left;
		padding-left:5px;
		padding-right:5px;
		margin-left:2px;
		margin-right:2px;
		width:35px;
	}
	.bottom_profile .section01 .sec01_left .case_sns li img{
		width:100%;
	}
	.bottom_profile .section01 .case_box p{
		font-size: 13px;
		text-align: center;
	}
	.bottom_profile .section01 .sec01_right{
		float: right;
		width:100%;
		height:auto;
		padding-right:0;
	}
	.bottom_profile .section01 .sec01_right img{
		width:100%;
	}
	.bottom_profile .source p{
		padding-top:0;
		padding-right:3.77%;
	}
	.bottom_profile .section01 .sec01_right img{
		max-width:100%;
		float: right;
	}
	.bottom_profile .section02{
		clear: both;
		width:100%;
		height:auto;
		display: inline-block;
		border-top:2px solid #000;
		padding:35px 4.15094% 32px 4.15094%;
	}
	.bottom_profile .sec02_left{
		width:100%;
	}
	.bottom_profile .sec02_left h3{
		font-size: 23px;
		text-align: center;
	}
	.bottom_profile .sec02_right{
		width:100%;
		line-height: 19px;
	}
	.bottom_profile .sec02_right li span{
		width:40%;
	}
	.bottom_profile .sec02_right li p{
		float: right;
		width:60%;
		margin-bottom:2px;
	}
	.bottom_profile .sec02_right li.img p{
		float: right;
		width:60%;
		margin-bottom:2px;
		clear: both;
	}
	.bottom_profile .sec02_right li p span{
		width:40px;
		padding-top:5px;
	}
	.bottom_profile .section03{
		width:100%;
		padding:35px 4.15094%;
	}
	.bottom_profile .google_map{
		height:300px;
		padding-top:20px;
	}
	.bottom_profile .google_map #map_canvas{
		height:100%;
	}
	.bottom_profile .sec03_left{
		width: 100%;
	}
	.bottom_profile .sec03_left h3{
		font-size: 22px;
		font-weight: 500;
		line-height: 21px;
		text-align: center;
	}
	.bottom_profile .sec03_right{
		width: 100%;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		line-height: 19px;
	}
	.bottom_profile .sec03_right li{
		clear: both;
	}
	.bottom_profile .sec03_right li span{
		width:40%;
		float: left;
		font-family: 'Oswald';
		font-size:15px;
		letter-spacing: 0.5px;
	}
	.bottom_profile .sec03_right li p{
		float: right;
		width:60%;
		margin-bottom:2px;
		word-break: break-all;
	}

	.bottom_profile .section04{
		clear: both;
		border-top:2px solid #000;
		padding:35px 4.15094% 50px ;
	}
	.bottom_profile .section04 .column{
		padding-bottom:30px;
	}
	.bottom_profile .section04 .column.view{padding-bottom:20px;}
	.bottom_profile .section04 .column img{width:100%;}
	.bottom_profile .section04 .column:last-child{
		padding:0;
	}
	.bottom_profile .section04 .column h3{
		font-size: 23px;
		padding-bottom: 20px;
		font-weight: 500;
		text-align: center;
	}
	.bottom_profile .section04 .column h4{
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		margin-bottom:5px;
	}
	.bottom_profile .section04 .column p{
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		line-height: 19px;
		padding-bottom:20px;
	}
	.bottom_profile .section04 .column.colums_nobo p{
		padding:0;
	}
	.bottom_profile .section04 .column p:last-child{
		padding:0;
	}
	.bottom_profile .section04 .column p i{
		display: block;
	}
	.bottom_profile .section04 .column p span{
		font-weight: 700;
	}
	.bottom_profile .section04 .column p .down{
		display: block;
	}
	.bottom_profile .section05{
		border-top:3px solid #000;
	}
	.bottom_profile .section05 h3{
		padding:20px 44px;
		font-size: 22px;
		font-weight: 500;
		line-height: 23px;
		text-align: center;
	}
	.bottom_profile .section05 .media_box{
		padding:30px 4.15094%;
		display:inline-block;
		border-top:1px solid #000;
		height: auto;
	}
	.bottom_profile .section05 .media_option{
		width:256px;
		height:auto;
		display: inline-block;
		float: left;
		position: relative;
	}
	.bottom_profile .section05 .media_option h4{
		font-size: 17px;
		margin-bottom:20px;
		font-weight: 500;
	}
	.bottom_profile .section05 .media_option h3{
		font-size: 30px;
		line-height: 30px;
		margin-bottom:18px;
		font-weight: 500;
		padding: 0;
		text-align: left;
	}
	.bottom_profile .section05 .media_option p{
		font-size:14px;
		max-width: 300px;
		font-family: 'Roboto', sans-serif;
		padding-bottom:30px;
	}
	.bottom_profile .section05 .media_option h5{
		font-size: 15px;
		margin-bottom:5px;
		font-weight: 500;
		letter-spacing: 0.5px;
	}
	.bottom_profile .section05 .media_option .link h5{
		color:#00699d;
	}
	.bottom_profile .section05 .media_option .link{
		position:relative;
		bottom: 0;
		padding-bottom: 20px;
	}
	.bottom_profile .section05 .media_option .link li{
		font-family: 'Roboto', sans-serif;
		margin-bottom:5px;
	}
	.bottom_profile .section05 .media_option .link a{
		text-decoration: underline;
		color: #000;
		font-size: 13px;
	}
	.bottom_profile .section05 .media_option .media_text{
		font-family: 'Roboto', sans-serif;
	}
	.bottom_profile .section05 .media_option button{
		width:96px;
		height:24px;
		background: #eeeeee;
		border:1px solid #d8d8d8;
		margin-bottom:16px;
		font-family: 'Roboto', sans-serif;
	}
	.bottom_profile .section05 .media_option p span{
		font-weight: 500;
	}
	.bottom_profile .section05 .media_option p .down{
		display: block;
	}
	.bottom_profile .section05 .media_img{
		width:100%;
		float: right;
		padding-bottom:0;
	}
	.bottom_profile .section05 .media_img iframe{
		height:300px;
	}
	.bottom_profile .section05 .media_img img{
		width:100%;
	}

	.bottom_profile .section05 .media_box02{
		padding:40px 4.15094% 27px;
		display:inline-block;
		border-top:1px solid #000;
		height: auto;
	}
	.bottom_profile .section05 .media_box02 .media_top h4{
		font-size: 17px;
		margin-bottom:35px;
		font-weight: 500;
		letter-spacing: 0.5px;
		line-height: 19px;
	}
	.bottom_profile .section05 .media_box02 .media_top h5{
		font-size: 15px;
		color:#00699d;
		font-weight: 500;
		letter-spacing: 0.5px;
		margin-bottom:12px;
	}
	.bottom_profile .section05 .media_box02 .media_bottom{
		width:100%;
	}
	.bottom_profile .section05 .media_box02 .media_columns{
		width:100%;
		float: left;
	}
	.bottom_profile .section05 .media_box02 .media_columns ul li{
		float: left;
		font-size: 15px;
		line-height: 20px;
		font-family: 'Roboto', sans-serif;
		margin-bottom:15px;
	}
	.bottom_profile .section05 .media_box02 .media_columns ul li span{
		font-weight: 600;
	}
	.bottom_profile .section05 .media_box02 .media_columns ul .text_box{
		width:75%;
	}
	.bottom_profile .section05 .media_box02 .media_columns ul .text_box .under{
		text-decoration: underline;
		font-weight: 400;
	}
	.bottom_profile .section05 .media_box02 .media_columns ul .but_box{
		text-align: center;
		vertical-align: middle;
		display: block;
		padding:10px 0 0 0;
		width:25%;

	}



	/* profile comments 공통 영역 */

	.bottom_profile .profile_comments{
		border-top:3px solid #000;
		margin-bottom: 40px;
	}
	.bottom_profile .profile_comments .details{
		width:100%;
		height:auto;
		display: inline-block;
		background: #ebebeb;
		margin-top:40px;
		padding:30px 4.15094%;
	}
	.bottom_profile .profile_comments .details h3{
		font-size: 22px;
		float: left;
		width:100%;
		font-weight: 500;
		letter-spacing: 0.5px;
	}
	.bottom_profile .profile_comments .details .top{
		float: left;
		width:100%;
		padding-bottom:25px;
		font-size: 13px;
		line-height: 19px;
	}
	.bottom_profile .profile_comments .details .top li span{
		float: left;
		width:30%;
		letter-spacing: 0.5px;
	}
	.bottom_profile .profile_comments .details .top li p{
		float:right;
		width:70%;
		font-family: 'Roboto', sans-serif;
		word-break: break-all;
	}
	.bottom_profile .profile_comments .details .keywords{
		clear: both;
		border-top:1px solid #000;
		padding-top:20px;
	}
	.bottom_profile .profile_comments .details .keywords #keyword{
		width:100%;
		float: left;
	}
	.bottom_profile .profile_comments .details .keywords h3{
		font-weight: 500;
		letter-spacing: 0.5px;
		width:100%;
		margin-bottom:10px;
	}
	.bottom_profile .profile_comments .details .keywords ul li{
		float: left;
		width:auto;
		height:35px;
		background: #fff;
		color: #000;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		line-height: 35px;
		font-size: 15px;
		padding:0 15px;
		margin:0 10px 10px 0;
	}
	.bottom_profile .profile_comments .details .keywords ul li:last-child{
		margin:0;
	}
	.bottom_profile .profile_comments .heart{
		width:100px;
		margin:26px auto;
		text-align: center;
	}
	.bottom_profile .profile_comments .heart img{
		width:90%;
	}
	.bottom_profile .profile_comments .heart span{
		font-size: 20px;
	}
	.bottom_profile .profile_comments .comments{
		width: 91.69811%;
		margin:0 auto;
	}
	.bottom_profile .profile_comments .comments h4{
		text-align: center;
		font-size: 22px;
		padding-bottom:15px;
		font-weight: 500;
		letter-spacing: 0.5px;
	}
	.bottom_profile .profile_comments .top_comments .left_sec{
		float: left;
		width:auto;
		margin-top:3px;
	}
	.bottom_profile .profile_comments .top_comments .left_sec p{
		font-size: 15px;
		font-weight: 500;
		float: left;
		margin-right: 10px;
		letter-spacing: 0.5px;
	}
	.bottom_profile .profile_comments .top_comments .left_sec .star li{
		float: left;
		margin-right: 1px;
	}
	.bottom_profile .profile_comments .top_comments .right_sec{
		float: left;
		font-size: 15px;
	}
	.bottom_profile .profile_comments .top_comments .right_sec img{
		margin-right: 0px;
	}
	.bottom_profile .profile_comments .top_comments .right_sec p{
		font-size: 15px;
		font-weight: 500;
		float: left;
		margin-right: 4px;
		padding-top:4px;
		letter-spacing: 0.5px;
	}
	.bottom_profile .profile_comments .top_comments .right_sec p span{
		color: #00699d;
		border-bottom:1px solid #00699d;
	}
	.bottom_profile .profile_comments .registration{
		clear: both;
		height:auto;
		display: inline-block;
		padding:7px 0 20px 0;
		margin:0px 0 0px 0;
	}
	.bottom_profile .profile_comments .registration  textarea{
		width:68.18181%;
		height:158px;
		border:1px solid #ddd;
		float: left;
	}
	.bottom_profile .profile_comments .registration button{
		float: right;
		width:28.18181%;
		display: inline-block;
		height:158px;
		padding:0 10px;
		background:#b7b7b7;
		font-size: 18px;
		line-height: 19px;
		border:0;
		color: #fff;
		margin-left: 2.57201%;
		letter-spacing: 0.5px;
		word-break:break-all;
		font-size: 14px;
		font-family: "Oswald"
	}
	.bottom_profile .profile_comments .total h5{
		font-size: 15px;
		margin-bottom:15px;
		font-weight: 500;
		letter-spacing: 0.5px;
	}
	.bottom_profile .profile_comments .total h5 span{
		color: #ff0000;
	}
	.bottom_profile .profile_comments .total .reply .columns{
		width:100%;
		font-family: 'Roboto', sans-serif;
		margin-bottom: 15px;
		clear: both;
		height: auto;
		display: inline-block;
	}
	.bottom_profile .profile_comments .total .reply .reply_img{
		width:57px;
		float: left;
		margin-right:20px;
	}
	.bottom_profile .profile_comments .total .reply .reply_text{
		width:60%;
		float: left;
		font-size: 15px;
		padding-top:0;
	}
	.bottom_profile .profile_comments .total .reply .reply_text p{
		padding-bottom: 5px;
		line-height: 16px;
	}
	.bottom_profile .profile_comments .total .reply .reply_text span{
		margin-left:0;
		padding-top:3px;
		font-size: 13px;
		color:#b7b7b7;
		font-weight: 500;
		display: block;
	}
	.bottom_profile .profile_comments .total .reply .reply_text .reply_top{
		font-weight: 600;
	}
	.bottom_profile .profile_comments .total .reply .reply_heart{
		padding-top:9px;
		float: right;
		text-align: center;
		width:10%;
	}
	.bottom_profile .profile_comments .total .reply .reply_heart img{
		width:85%;
	}
	.bottom_profile .profile_comments .total .reply .reply_heart span{
		vertical-align: top;
		padding-top:0px;
		display: inline-block;
		margin-left: 0;
		text-align: center;
		font-size: 13px;
		display: block;
	}
	#container .bottom_profile .no_topline{
		border:0;
	}

	/* profile list 공통 영역 */

	.bottom_profile .profile_list{
		border-top:3px solid #000;
		clear: both;
		height:auto;
		margin-bottom: 40px;
	}
	.bottom_profile .profile_list.no_top{
		border:none;
	}
	.bottom_profile .profile_list h4{
		font-size: 23px;
		font-weight: 700;
		padding:25px 0 15px 0;
		font-weight: 500;
		letter-spacing: 0.5px;
		text-align: center;
	}
	.bottom_profile .profile_list .list{
		float: left;
		width:100%;
		height:auto;
		margin:0 0 30px 0;
	}
	.bottom_profile .profile_list .list.no_ri{
		margin-right:0;
	}

	.bottom_profile .profile_list .list_thumb{
		width:100%;
		height:auto;
	}
	.bottom_profile .profile_list .list_thumb .approved{
		text-align: center;
	}
	.bottom_profile .profile_list .list_thumb .approved .box{
		width:100%;
		height:99.1%;
		background: #000;
		opacity: 0.5;
		position: absolute;
	}
	.bottom_profile .profile_list .list_thumb .approved p{
		color: #fff;
		font-size: 25px;
		width: 100%;
		text-align: center;
		position: absolute;
		top:43%;
	}
	.bottom_profile .profile_list .list_thumb img{
		width:100%;
	}
	.bottom_profile .profile_list .list_desc{
		width:100%;
		height:209px;
		border-bottom:1px solid #000;
		text-align: center;
	}
	.bottom_profile .profile_list .list_desc h3{
		font-size: 13px;
		font-weight: 500;
		padding:22px 0 10px 0;
		letter-spacing: 0.5px;
		font-family: 'Roboto', sans-serif;
	}
	.bottom_profile .profile_list .list_desc h2{
		width:80%;
		margin:0 auto;
		font-size: 25px;
		line-height: 27px;
		margin-bottom:17px;
		height: 54px;
		white-space: nowrap;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		letter-spacing: 0.5px;
		font-weight: 500;
	}
	.bottom_profile .profile_list .list_desc p{
		font-family: 'Roboto', sans-serif;
		width:100%;
		margin:0 auto;
		font-size: 13px;
		line-height: 15px;
		height: 28px;
		padding:0 15px;
		white-space: nowrap;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.bottom_profile .profile_list .list_desc .rcs_box{
		width:92%;
		margin:0 auto;
		height:17px;
		padding-top: 20px;

	}
	.bottom_profile .profile_list .list_desc .rcs_date{
		float: left;
		padding-left:5px;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		padding-top:4px;
	}
	.bottom_profile .profile_list .list_desc .rcs_icon{
		float: right;
	}
	.bottom_profile .profile_list .list_desc .rcs_icon li{
		float: left;
		padding-left:5px;
	}
	.bottom_profile .profile_list .list_desc .rcs_icon li img{
		vertical-align: middle;
	}
	.bottom_profile .profile_list .list_desc .rcs_icon li span{
		padding:1px 5px 5px 5px;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
	}


	/* article list 공통 영역 */

	.bottom_profile .article_list{
		border-top:3px solid #000;
		clear: both;
		height:auto;
		margin-bottom: 40px;
	}
	.bottom_profile .article_list.no_top{
		border:none;
	}

	.bottom_profile .article_list h4{
		font-size: 25px;
		font-weight: 700;
		padding:25px 0 15px 0;
		font-weight: 500;
		letter-spacing: 0.5px;
		text-align: center;
	}

	.bottom_profile .article_list .type01.no_ri,.bottom_profile .article_list .type02.no_ri{
		margin-right:0;
	}
	.bottom_profile .article_list .type01{
		width:340px;
		height:426px;
		border:1px solid #d1d1d1;
		float: left;
		text-align: center;
		margin: 0 20px 30px 0 ;
	}
	.bottom_profile .article_list .type01 .list_thumb{
		width:100%;
		height: 217px;
		text-align: center;
	}
	.bottom_profile .article_list .type01 .list_thumb img{
		width:100%;
	}
	.bottom_profile .article_list .type01 .list_desc{
		width:100%;
		height: 209px;
		text-align: center;
		border:0;
	}
	.bottom_profile .article_list .type01 h3{
		font-size: 24px;
		line-height:27px;
		padding:21px 40px;
		height: 76px;
		font-weight: 500;
		white-space: nowrap;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: center;
		font-family:"Oswald";
	}
	.bottom_profile .article_list .type01 p{
		width:100%;
		margin:0 auto;
		font-size: 13px;
		line-height:15px;
		height:75px;
		overflow: hidden;
		padding:15px 15px;
		font-family: 'Roboto', sans-serif;
	}
	.bottom_profile .article_list .list_desc .rcs_box{
		width:92%;
		margin:0 auto;
		height:17px;
		padding-top:20px;
	}
	.bottom_profile .article_list .list_desc .rcs_date{
		float: left;
		padding-left:5px;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		padding-top:4px;
	}
	.bottom_profile .article_list .list_desc .rcs_icon{
		float: right;
	}
	.bottom_profile .article_list .list_desc .rcs_icon li{
		float: left;
		padding-left:5px;
	}
	.bottom_profile .article_list .list_desc .rcs_icon li img{
		vertical-align: middle;
	}
	.bottom_profile .article_list .list_desc .rcs_icon li span{
		padding:1px 5px 5px 5px;
		font-family: 'Roboto', sans-serif;

		font-size: 13px;
	}
	.bottom_profile .article_list .type02{
		width:100%;
		height:auto;
		border:1px solid #d1d1d1;
		float: left;
		text-align: center;
		margin: 0 20px 30px 0 ;
	}
	.bottom_profile .article_list .type02 .list_thumb{
		width:100%;
		height: 217px;
		text-align: center;
	}
	.bottom_profile .article_list .type02 .list_desc{
		width:100%;
		height: 209px;
		text-align: center;
		border:0;
	}
	.bottom_profile .article_list .type02 .list_thumb{
		border-bottom:1px solid #d1d1d1;
	}
	.bottom_profile .article_list .type02 h3{
		font-size: 24px;
		line-height:27px;
		padding:36px 40px;
		height: 144px;
		font-weight: 500;
		white-space: nowrap;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: center;
	}
	.bottom_profile .article_list .type02 p{
		width:100%;
		margin:0 auto;
		font-size: 13px;
		line-height:15px;
		height:152px;
		overflow: hidden;
		padding: 31px 15px;
		font-family: 'Roboto', sans-serif;
	}


	/* profile_columns */

	.bottom_profile .profile_comments.column_border{
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		padding-bottom:17px;
	}
	.bottom_profile .arrow{
		width:92.46%;
		margin:0 auto;
	}
	.bottom_profile .arrow .box{
		width:60px;
		height:23px;
	}
	.bottom_profile .arrow .arrow_left{
		float: left;
	}
	.bottom_profile .arrow .arrow_left span{
		float: right;
		font-size: 14px;
	}
	.bottom_profile .arrow .arrow_right{
		float: right;
	}
	.bottom_profile .arrow .arrow_right img{
		float: right;
	}
	.bottom_profile .arrow .arrow_right span{
		font-size: 14px;
		margin-left:4px;
	}
	.bottom_profile .top_columns{
		width:92.46%;
		padding:31px 0 30px 0;
		margin:0 auto;
		height:auto;
		display: block;
	}
	.bottom_profile .top_columns .topc_left{
		float: none;
		width:100%;
		text-align: center;
	}
	.bottom_profile .top_columns .topc_left h3{
		font-size: 30px;
		line-height: 32px;
		padding-bottom:23px;
		font-weight: 500;
	}
	.bottom_profile .top_columns .topc_left p{
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
	}
	.bottom_profile .top_columns .topc_left p .black_box{
		background:#000;
		color:#fff;
		width:140px;
		display: block;
		margin-top:10px;
		line-height: 19px;
		text-align: center;
		margin:15px auto;
	}
	.bottom_profile .top_columns .case_box{
		text-align: center;
	}
	.bottom_profile .top_columns .case_count{
		padding:1px 0 15px 0;
		text-align: center;
		display: table;
		display: inline-block;
		margin-right:auto;
		margin-left:auto;
	}
	.bottom_profile .top_columns .case_count li{
		float: left;
		padding-right:6px;
		font-family: 'Roboto', sans-serif;
		font-size: 12px;
	}
	.bottom_profile .top_columns .case_count li .at_bar{
		margin-right:6px;
	}
	.bottom_profile .top_columns .case_count li:last-child{
		padding:0;
	}
	.bottom_profile .top_columns .case_sns{
		clear: both;
		width:120px;
		margin:0 auto;
		height:36px;
		margin-bottom:22px;
		float: none;

	}
	.bottom_profile .top_columns .case_sns li{
		float:left;
		padding-left:5px;
		padding-right:5px;
		margin-left:2px;
		margin-right:2px;
		width:35px;
	}
	.bottom_profile .top_columns .case_sns li img{
		width:100%;
	}
	.bottom_profile .top_columns .topc_right{
		float: none;
		width:100%;
		padding-top:7px;
	}
	.bottom_profile .top_columns .topc_right p{
		color:#dc1668;
		clear: both;
		float: none;
		font-size: 15px;
		text-align: center;
	}
	.bottom_profile .contents_columns{
		clear: both;
		padding:35px 4.15094%;
		font-size:14px;
	}
	.bottom_profile .contents_columns .column{
		padding-bottom:30px;
	}
	.bottom_profile .contents_columns .column:last-child{
		padding:0;
	}
	.bottom_profile .contents_columns .column h3{
		font-size: 23px;
		padding-bottom: 20px;
		font-weight: 500;
	}
	.bottom_profile .contents_columns .column p{
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		line-height: 19px;
	}
	.bottom_profile .contents_columns .column p span{
		font-weight: 700;
	}
	.bottom_profile .contents_columns .column p .down{
		display: block;
	}
	.bottom_profile .list_button{
		width:116px;
		margin:0 auto;
	}
	.bottom_profile .column_border .attach_link{
		width:100%;
		height:auto;
		display: inline-block;
		padding:35px 4.1% 0 4.1%;
	}
	.bottom_profile .column_border .attach_link ul{
		width:100%;
		float: left;
		margin-right:50px;
	}
	.bottom_profile .column_border .attach_link  h4{
		padding-bottom:10px;
		font-size: 15px;
		font-weight: 500;
	}
	.bottom_profile .column_border .attach_link li{
		float: left;
		margin-right: 2%;
		width:32%;
	}
	.bottom_profile .column_border .attach_link li:last-child{
		margin-right:0;
	}
	.bottom_profile .column_border button{
		width:100%;
		height:24px;
		background: #eee;
		border: 1px solid #d8d8d8;
		margin-bottom: 16px;
		font-family: 'Roboto', sans-serif;
	}



	/* profile - columns upload  */

	.columns_upload .error{
		text-align: right;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		line-height: 17px;
		margin-bottom:10px;
		display: inline-block;
		height:auto;
		text-align: right;
		padding-right:3.77%;
	}
	.columns_upload .error i{
		display: block;
	}
	.columns_upload .error span{
		font-weight: 600;
	}
	.columns_upload .case_section{
		width:92.46%;
		margin:0 auto;
		clear: both;
	}
	.columns_upload .case_section h3{
		font-size:28px;
		margin-bottom:18px;
		font-weight: 500;
	}
	.columns_upload .form_row{
		width:100%;
		min-height:67px;
		border-top:1px solid #c2c2c2;
		border-left:1px solid #c2c2c2;
		border-right:1px solid #c2c2c2;
	}
	.columns_upload .form_row.thumnail{
		height:89px;
	}
	.columns_upload .form_row.thumnail input{
		padding-left: 0;
	}

	.columns_upload .form_row.attachment{
		height:132px;
	}
	.columns_upload .form_row.attachment input{
		padding-left: 0;
	}
	.columns_upload .form_row.link{
		height:150px;
	}
	.columns_upload .form_row.editor{
		height:366px;
	}
	.columns_upload .form_row.period{
		height:89px;
	}
	.columns_upload .form_row.thumnail .subject{
		line-height: 20px;
	}
	.columns_upload .form_row .subject{
		float: left;
		width:30%;
		min-height:67px;
		height:100%;
		border-right:1px solid #c2c2c2;
		border-bottom:1px solid #c2c2c2;
		background: #e1e1e1;
		padding:3.16363%;
		font-size: 15px;
		letter-spacing: 0.5px;
		line-height: 16px;
	}
	.columns_upload .form_row .subject i{
		display: block;
	}
	.columns_upload .form_row  span{
		color:red;
		vertical-align: middle;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		display: inline-block;
		line-height: 15px;
	}
	.columns_upload .form_row .content{
		float: left;
		width:70%;
		min-height:67px;
		height:100%;
		padding:15px 5.45454%;
		display: inline-block;
	}
	.columns_upload .form_row.editor .content{
		margin-left:30%;
	}
	.columns_upload .form_row.editor textarea{
		width:100%;
		height:330px;
		border:0;
		background: #eeeeee;
	}
	.columns_upload .form_row .basic_input input{
		background: #eeeeee;
		width:100%;
		height:35px;
		border:0;
		font-family: 'Roboto', sans-serif;
	}
	.columns_upload .form_row .basic_input button{
		float: right;
		width: 80px;
		height:36px;
		background: #00699d;
		color: #fff;
		border:0;
		font-size: 15px;
		margin-right: 17px;
	}
	.columns_upload .form_row.link input{
		margin-bottom:7px;
	}
	.columns_upload .form_row  .content:last-child{
		border-bottom:1px solid #c2c2c2;
	}
	.columns_upload .button_section{
		padding-top:40px;
		width:250px;
		margin:0 auto;
	}
	.columns_upload .button_section a{
		float: none;
	}
	.columns_upload .button_section a:first-child{
		float: none;
		width:250px;
		margin:15px auto;
	}
	.columns_upload .button_section a:last-child{
		float: none;
		width:250px;
		margin:0 auto;
	}


	/* profile - columns upload02 */


	.columns_upload02{
		max-width:580px;
		width:92.46%;
		margin:0 auto;
	}
	.columns_upload02 .text{
	}
	.columns_upload02 .text p{
		padding-bottom: 24px;
		color:#000;
		text-align: center;
		font-size: 15px;
		font-weight: 19px;
		font-family: 'Roboto', sans-serif;
	}
	.columns_upload02 .button_section{
		padding-top:40px;
		margin:0 auto;
		width:260px;
	}



	/*profile_myprofile_edit*/

	.profile_myprofile_edit .case_section{
		width:92.46%;
		margin:0 auto;
		clear: both;
	}
	.profile_myprofile_edit .case_section h3{
		font-size:28px;
		margin-bottom:18px;
		font-weight: 500;
	}
	.profile_myprofile_edit .form_row{
		width:100%;
		min-height:67px;
		border-top:1px solid #c2c2c2;
		border-left:1px solid #c2c2c2;
		border-right:1px solid #c2c2c2;
	}
	.profile_myprofile_edit .form_row.thumnail{
		height:200px;
	}
	.profile_myprofile_edit .form_row.your{
		height:112px;
	}
	.profile_myprofile_edit .your textarea{
		width:100%;
		height:80px;
		border:0;
	}
	.profile_myprofile_edit .profile_img{
		width:103px;
		height:97px;
		margin:13px;
		margin-left:0;
	}
	.profile_myprofile_edit .profile_img img{
		max-width: 100%;
	}
	.profile_myprofile_edit .form_row span{
		color:red;
		font-family: 'Roboto' , sans-serif;
		font-size: 13px;
		line-height: 15px;
		vertical-align: middle;
		display: inline-block;
	}
	.profile_myprofile_edit .form_row.thumnail .subject{
		line-height: 20px;
	}
	.profile_myprofile_edit .form_row .subject{
		float: left;
		width:30%;
		min-height:67px;
		height:100%;
		border-right:1px solid #c2c2c2;
		border-bottom:1px solid #c2c2c2;
		background: #e1e1e1;
		padding:3.16363%;
		font-size: 15px;
		line-height: 16px;
		letter-spacing: 0.5px;
	}
	.profile_myprofile_edit i{
		display: block;
	}
	.profile_myprofile_edit .form_row .content{
		float: left;
		width:70%;
		min-height:67px;
		height:100%;
		padding:15px 5.45454%;
		display: inline-block;
	}
	.profile_myprofile_edit .form_row .content textarea{
		background: #eee;
	}
	.profile_myprofile_edit .form_row.link input{
		margin-bottom:7px;
	}
	.profile_myprofile_edit .form_row .content:last-child{
		border-bottom:1px solid #c2c2c2;
	}
	.profile_myprofile_edit .form_row .content input{
		padding-left:0;
	}
	.profile_myprofile_edit .button_section{
		padding-top:40px;
		width:250px;
		margin:0 auto;
	}
	.profile_myprofile_edit .button_section a{
		float: none;
	}
	.profile_myprofile_edit .button_section a:first-child{
		float: none;
		width:250px;
		margin:15px auto;
	}
	.profile_myprofile_edit .button_section a:last-child{
		float: none;
		width:250px;
		margin:0 auto;
	}


	/* profile info edit */


	.profile_info_edit{
		max-width:520px;
		width:92.46%;
		margin:0 auto;
		padding-top:30px;
	}
	.profile_info_edit .top_section{
		text-align: center;
	}
	.profile_info_edit .top_section h4{
		float: none;
		width:100%;
		font-size: 15px;
		font-weight: 500;
		font-family: 'Roboto', sans-serif;
		padding-top:0px;
	}
	.profile_info_edit .top_section .checkbox{
		float: left;
		margin-bottom: 30px;
		width:100%;
	}
	.profile_info_edit .top_section span{
		font-size: 21px;
		letter-spacing: 0.5px;
		display: block;
		margin-bottom:5px;
	}
	.profile_info_edit .checkbox label{
		font-size: 13px;
		margin:5px;
		font-family: 'Roboto',sans-serif;
	}
	.profile_info_edit .error{
		clear: both;
		margin-bottom:5px;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
	}
	.profile_info_edit .sign_box{
		clear: both;
		width:100%;
		height:40px;
		border:1px solid #d1d1d1;
		margin-bottom:13px;
		position: relative;
	}
	.profile_info_edit .sign_box input{
		width:100%;
		height:38px;
		border: 0;
		outline-color: #00699d;
		padding-left:20px;
		font-family: 'Roboto', sans-serif;
	}
	.profile_info_edit .sign_box select{
		width:100%;
		height:38px;
		border: 0;
		padding-left:16px;
		font-size: 15px;
		font-family: 'Roboto', sans-serif;
	}
	.profile_info_edit .sign_box .error{
		display: block;
		color:red;
		position: absolute;
		right:25px;
		top:12px;
		font-size: 13px;
		z-index: 10;
		font-family: 'Roboto',sans-serif;
	}
	.profile_info_edit .sign_box330{
		width:100%;
		clear: both;
		height:40px;
		margin-bottom:13px;
		position: relative;
	}
	.profile_info_edit .sign_box330 input{
		width:63.461538%;
		height:38px;
		border: 0;
		outline-color: #00699d;
		border:1px solid #d1d1d1;
		padding-left:20px;
		font-family: 'Roboto', sans-serif;
	}
	.profile_info_edit .sign_box330 button{
		width:34.61538%;
		height:38px;
		border:0;
		background: #888888;
		padding-left:1.92307% ;
		float: right;
		color:#fff;
	}
	.profile_info_edit .sign_box330 .error{
		display: block;
		color:red;
		position: absolute;
		right:40%;
		top:12px;
		font-size: 13px;
		z-index: 10;
		font-family: 'Roboto',sans-serif;
	}
	.profile_info_edit .button_section{
		padding-top:30px;
	}
	.profile_info_edit .button_section a{
		float: none;
		width:250px;
		margin:0 auto;
	}
	.profile_info_edit .button_section a:first-child{
		float: none;
		width:250px;
		margin:15px auto;
	}
	.profile_info_edit .button_section a:last-child{
		float: none;
		width:250px;
		margin:0 auto;
	}



	/* profile_password_edit */

	.profile_password_edit{
		max-width:520px;
		width:92.46%;
		margin:0 auto;
		padding-top:43px;
	}

	.profile_password_edit .sign_box{
		width:100%;
		height:40px;
		border:1px solid #d1d1d1;
		margin-bottom:13px;
		position: relative;
	}

	.profile_password_edit .sign_box input{
		width:100%;
		height:38px;
		border: 0;
		outline-color: #00699d;
		padding-left:20px;
		font-family: 'Roboto', sans-serif;
	}
	.profile_password_edit .sign_box select{
		width:100%;
		height:38px;
		border: 0;
		padding-left:16px;
		font-size: 15px;
		font-family: 'Roboto', sans-serif;
	}
	.profile_password_edit .sign_box div.error{
		display: block;
		color:red;
		position: absolute;
		right:25px;
		top:12px;
		font-size: 13px;
		z-index: 10;
		font-family: 'Roboto',sans-serif;
	}

	.profile_password_edit .button_section{
		padding-top:30px;
	}
	.profile_password_edit .button_section a{
		float: none;
		width:250px;
		margin:0 auto;
	}
	.profile_password_edit .button_section a:first-child{
		float: none;
		width:250px;
		margin:15px auto;
	}
	.profile_password_edit .button_section a:last-child{
		float: none;
		width:250px;
		margin:0 auto;
	}


	/* membership withdrawal */

	.withdrawal{
		max-width:520px;
		width:92.46%;
		margin:0 auto;
		padding-top:30px;
	}
	.withdrawal h3{
		text-align: center;
		font-size: 24px;
		font-weight: 500;
		margin-bottom:25px;
	}
	.withdrawal .with_box{
		border:1px solid #d1d1d1;
		width:100%;
		height:auto;
		padding:5.9615%;
		display: inline-block;
	}
	.withdrawal .with_box p{
		font-family: 'Roboto',sans-serif;
		font-size: 15px;
		line-height:  18px;
		padding-bottom:27px;
	}
	.withdrawal .with_box p:last-child{
		padding-bottom: 20px;
	}
	.withdrawal .check_error p.error{
		font-size: 13px;
	}
	.withdrawal .with_box span{
		font-size: 18px;
		display: block;
		padding-bottom:10px;
		letter-spacing: 0.5px;
	}
	.withdrawal .check_error{
		text-align: right;
		margin-bottom:20px;
		display: inline-block;
	}
	.withdrawal .checkbox{
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		margin-bottom:5px;
	}
	.withdrawal .checkbox label{
		vertical-align: top;
		padding-left: 5px;
		font-size: 14px;
	}

	.withdrawal .know_box{
		border:1px solid #d1d1d1;
		width:100%;
		height:auto;
		min-height: 100px;
		padding:20px 29px;
		margin-top:20px;
	}
	.withdrawal .know_box textarea{
		width:100%;
		height:70px;
		border:0;
		background: #eee;
	}
	.withdrawal .button_section{
		padding-top:40px;
		width:250px;
		margin:0 auto;
	}
	.withdrawal .button_section a{
		float: none;
		width:250px;
	}
	.withdrawal .button_section a:first-child{
		float: none;
		width:250px;
		margin:15px auto;
		margin-right: 0px;
	}
	.withdrawal .button_section a:last-child{
		float: none;
		width:250px;
		margin:0 auto;
		margin-right: 0px;
	}


	/* --------------------------------
    5. newsletter
---------------------------------*/

	.newsletter_font{
		width:83.9375%;
		margin:0 auto;
	}
	.newsletter .newsletter_font h2{
		font-size: 31px;
		line-height: 35px;
		padding:40px 0 18px 0;
	}
	.newsletter .subscribe_box{
		width:100%;
		padding-bottom:44px;
	}
	.newsletter .subscribe_box  input{
		border-radius: 0;
	}
	.newsletter_font button span{
		font-size: 15px;
		font-weight: 500;
	}
	.newsletter .subscribe_box  input{
		width:69.3%;
		height:56px;
		background:#c0c0c0;
		border: 2px solid #fff;
		outline: none;
		padding-left:5%;
		letter-spacing: 0.5px;
	}

	/* --------------------------------
    6. footer
---------------------------------*/

	.footer_box{
		width:85.9375%;
		margin:0 auto;
	}
	.foot_logo{
		width:420px;
		display: none;
	}
	.foot_logo li{
		width:auto;
		float:left;
		margin-right:8.75%;
	}
	.foot_menu{
		width:100%;
		clear: both;
		float: none;
		padding-top:0px;
		text-align: center;
		height:auto;
	}
	.foot_menu li{
		float:left;
		margin-left:10px;
	}
	.foot_menu i{
		display: block;
	}
	.foot_menu li a{
		color:#000;
		font-size:14px;
	}
	.foot_menu .at_bar{
		display: inline-block;
		margin-right: 10px;
		width:1px;
		height:11px;
		background: #000;
		vertical-align: -1px;
	}
	#footer .copyright{
		clear: both;
		float: none;
		text-align: center;
		padding-top:6px;
		font-size:11px;
	}

	/* --------------------------------
    7. foot_menu
     1) contact
---------------------------------*/

	.bottom_contact{
		margin-bottom:300px;
		width:92.46%;
	}
	.bottom_contact .contact_info .detail_info{
		clear: both;
		float: none;
		width:100%;
		text-align: left;
		padding-left:0;
		padding-top:25px;
	}
	.bottom_contact .contact_info p {
		line-height: 20px;
		font-size: 15px;
		padding: 0 0 17px 0;
	}
	.bottom_contact .google_map{
		padding-top:15px;
	}
	#map_canvas{
		height:473px;
	}



	/* --------------------------------
    7. foot_menu
     2) newsletter subscribe
---------------------------------*/

	.bottom_subscribe{
		width:92.46%;
		margin:20px auto;
	}
	.bottom_subscribe .subs_box{
		width:100%;
		height:40px;
		border:1px solid #d1d1d1;
		margin-bottom:13px;
		position: relative;
	}
	.bottom_subscribe .subs_box input{
		width:100%;
		height:38px;
		border: 0;
		outline-color: #00699d;
		padding-left:20px;
	}

	/* --------------------------------
    7. foot_menu
     3) newsletter unsubscribe
---------------------------------*/


	.top_unsubscribe{
		width:100%;
	}
	.top_unsubscribe .top_menu{
		width:100%;
		height:20px;
		margin:18px 0 3px 0;
		font-family: 'Roboto', sans-serif;
		padding-left: 3.77%;
	}
	.top_unsubscribe .top_menu li{
		float: left;
		margin-right:10px;
	}
	.top_unsubscribe .top_menu li a{
		color: #000;
		font-size:9px;
		font-weight:600;
	}
	.top_unsubscribe .top_menu .at_bar{
		display: inline-block;
		margin-right: 10px;
		width:1px;
		height:9px;
		background: #000;
		vertical-align: -1px;
	}
	.top_unsubscribe h2{
		font-size: 33px;
		line-height: 32px;
		padding-bottom:36px;
		font-weight: 500;
		padding-left: 3.77%;
	}
	.bottom_unsubscribe{
		width:92.46%;
		margin:20px auto;
	}
	.bottom_unsubscribe .subs_box{
		width:100%;
		height:40px;
		border:1px solid #d1d1d1;
		margin-bottom:13px;
		position: relative;
	}
	.bottom_unsubscribe .subs_box input{
		width:100%;
		height:38px;
		border: 0;
		outline-color: #00699d;
		padding-left:20px;
	}
	.bottom_unsubscribe .subs_box .error{
		display: block;
		color:red;
		position: absolute;
		right:25px;
		top:12px;
		z-index: 10;
		font-family: 'Roboto',sans-serif;
	}
	.bottom_unsubscribe .section_button{
		margin:40px auto 0;
		width:260px;
	}
	.bottom_unsubscribe .section_button a{
		margin-bottom:10px;
	}

	/* --------------------------------
    7. foot_menu
     4) terms
---------------------------------*/


	.top_terms{
		width:100%;
	}
	.top_terms .top_menu{
		width:100%;
		height:20px;
		margin:18px 0 3px 0;
		font-family: 'Roboto-bold';
		padding-left: 3.77%;
	}
	.top_terms .top_menu li{
		float: left;
		margin-right:10px;
	}
	.top_terms .top_menu li a{
		color: #000;
		font-size:9px;
	}
	.top_terms .top_menu .at_bar{
		display: inline-block;
		margin-right: 10px;
		width:1px;
		height:9px;
		background: #000;
		vertical-align: -1px;
	}
	.top_terms h2{
		font-size: 33px;
		line-height: 32px;
		padding-bottom:30px;
		font-weight: 500;
		padding-left: 3.77%;
	}
	.bottom_terms{
		padding:5px 4.0566%;
	}
	.bottom_terms div h3{
		font-size:16px;
		padding-bottom:20px;
	}
	.bottom_terms div p{
		font-size:15px;
		line-height:20px;
		padding-bottom:25px;
		font-family: 'Roboto', sans-serif;
	}
	.bottom_terms div:first-child{
		padding-bottom: 20px;
	}


	/* --------------------------------
    8. etc
     1) search & keyword
---------------------------------*/


	.top_search{
		width:100%;
	}
	.top_search .top_menu{
		width:100%;
		height:20px;
		margin:18px 0 3px 0;
		font-family: 'Roboto-bold';
	}
	.top_search .top_menu li{
		float: left;
		margin-right:10px;
	}
	.top_search .top_menu li a{
		color: #000;
		font-size:9px;
	}
	.top_search .top_menu .at_bar{
		display: inline-block;
		margin-right: 10px;
		width:1px;
		height:9px;
		background: #000;
		vertical-align: -1px;
	}
	.top_search h2{
		font-size: 33px;
		line-height: 32px;
		padding-bottom:30px;
		font-weight: 500;
		letter-spacing: 1px;
	}
	.bottom_search{
		max-width:1060px;
		width:100%;
		margin:0 auto;
	}
	.bottom_search h3{
		text-align: center;
		font-size:18px;
		font-weight: 500;
		padding-bottom:10px;
	}
	.bottom_search h3{
		text-align: center;
		font-size:21px;
		font-weight: 500;
		letter-spacing: 0.5px;
	}
	.bottom_search .search_color{
		color:#ff6a42;
		font-weight: 500;
	}


	/* serach title 있는거 */

	.serach .section_search{
		width:92.46%;
		margin:0 auto;
		height:auto;
		padding:0px 0 0 0;
	}
	.serach .section_search .select{
		display: inline-block;
		width:28.18181%;
		height:40px;

	}
	.serach .section_search select{
		display: inline-block;
		width:100%;
		height:40px;
		outline: none;
		border:1px solid #d1d1d1;
		padding:10px 5px;
	}
	.serach .section_search select option{
	}
	.serach .section_search .input{
		display: inline-block;
		width:68.18181%;
		height:40px;
		margin:0 0 0 2.73636%;
	}
	.serach .section_search input{
		display: inline-block;
		width:100%;
		height:40px;
		outline: none;
		border:1px solid #d1d1d1;
	}
	.serach .section_search button{
		display: block;
		width:24.18181%;
		margin:20px auto 0;
		height:40px;
		background: #00699d;
		border:none;
		cursor: pointer;
		float: none;
	}
	.serach .section_search button span{
		color: #fff;
		font-size: 16px;
	}

	/* serach title 있는거 */


	.section_result .contents{
		width:100%;
		clear: both;
	}
	.section_result .contents .list{
		float: left;
		width:100%;
		height:auto;
		margin:0 20px 20px 0;
	}
	.section_result .contents .no_ri{
		margin-right:20px;
	}

	.section_result .contents .list_thumb{
		width:100%;
		height:auto;
	}
	.section_result .contents .list_thumb img{
		width:100%;
	}
	.section_result .contents .list_desc{
		width:100%;
		height:209px;
		border-bottom:1px solid #000;
		text-align: center;
	}
	.section_result .contents .list_desc h3{
		font-size: 13px;
		font-weight: 500;
		padding:22px 0 10px 0;
		font-family: 'Roboto', sans-serif;
		letter-spacing: 0.5px;
	}
	.section_result .contents .list_desc h2{
		font-weight: 500;
		width:80%;
		margin:0 auto;
		font-size: 25px;
		line-height: 27px;
		margin-bottom:17px;
		height: 54px;
		white-space: nowrap;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		letter-spacing: 0.5px;
	}
	.section_result .contents .list_desc p{
		font-family: 'Roboto', sans-serif;
		width:92.46%;
		margin:0 auto;
		font-size: 13px;
		line-height: 15px;
		height: 28px;
		white-space: nowrap;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.section_result .contents .list_desc .rcs_box{
		width:92%;
		margin:0 auto;
		height:17px;
		padding-top: 20px;

	}
	.section_result .contents .list_desc .rcs_date{
		float: left;
		padding-left:5px;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
		padding-top:4px;
	}
	.section_result .contents .list_desc .rcs_icon{
		float: right;
	}
	.section_result .contents .list_desc .rcs_icon li{
		float: left;
		padding-left:5px;
	}
	.section_result .contents .list_desc .rcs_icon li img{
		vertical-align: middle;
	}
	.section_result .contents .list_desc .rcs_icon li span{
		padding:1px 5px 5px 5px;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
	}

	/* navigator */
	.navigator ul.list > li {
		margin-right: 2%;
		margin-bottom: 2%;
		width: 49%;
	}
	.navigator ul.list > li:nth-child(2n) {
		margin-right: 0;
	}
	.navigator ul.list > li:nth-child(5n) {
		margin-right: 2%;
	}
	/* test_form */
	.test_form .top {
		height: auto;
		padding: 20px 10px;
	}
	.test_form .q_list li .chk_list {
		display: block;
		margin-top: 24px;
		padding-left: 18px;
	}
	.test_form .q_list li .chk_list li {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.test_form .q_list li .chk_list li:last-child {
		margin-bottom: 0;
	}
	.test_form .email {
		padding: 0 8px;
	}
	.test_form .email input {
		width: 80%;
	}
	.section_enquete.theme {
		min-height: auto;
	}

	/*about*/
	.view_pc{display: none !important;}
	.view_mo{display: block !important;}
	.pt_48{padding-top: 35px !important;}
	.pb_48{padding-bottom: 35px !important;}
	.section .banner_img{}
	.bottom_introduction .section h3,
	.bottom_introduction .section h4{padding-top: 35px;}

	/*statitics*/
	.pc-area{display: none;}
	.mo-area{display: block;}
	.type_tab{margin: 29px 20px;}
	.type_tab li a{font-size: 15px;}

	.mo-chart-wrap{}
	.mo-chart-wrap .chart{position: relative;  margin-top: 50px;}
	.mo-chart-wrap .chart #noData{position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-65%); z-index: 1; text-align: center;}
	.mo-chart-wrap .chart .chart-area{display: flex; width: 180px; height: 195px; margin: 0 auto;}
	.mo-chart-wrap .chart .chart-area .box{width: 60px; height: 100%; transition: all 0.2s linear; background: #fff; position: relative;}
	.mo-chart-wrap .chart .chart-area .box .bar{min-height: 40%;}
	.mo-chart-wrap .chart .chart-area.active div{}
	.mo-chart-wrap .chart .chart-area .box.first{ order: 2;}
	/*.chart-wrap .chart .chart-area.active div.first:after{height: 10%; position: absolute;bottom: 0;}*/
	.mo-chart-wrap .chart .chart-area .box.second{  order: 1;}
	.mo-chart-wrap .chart .chart-area .box.third{ order:3;}
	/*.chart-wrap .chart .chart-area box:after{display: block; content: ''; height: 0%; position:absolute; bottom: 0;width: 100%;background: red;}*/
	.mo-chart-wrap .chart .chart-area .box .bar{height: 0%; position:absolute; bottom: 0;width: 100%;background: red;}
	/*.chart-wrap .chart .chart-area .box.first:after{  opacity: 1; transition: all 0.3s linear; }*/
	.mo-chart-wrap .chart .chart-area .box.first .bar{  opacity: 1; transition: all 0.3s linear; }
	.mo-chart-wrap .chart .chart-area .box.second .bar{opacity: 0.5; transition: all 0.2s linear;}
	.mo-chart-wrap .chart .chart-area .box.third .bar{ opacity: 0.3; transition: all 0.1s linear;}
	/*.chart-wrap .chart .chart-area.active .box.first:after{height: 90%;}*/
	.mo-chart-wrap .chart .chart-area.active .box.first .bar{height: 90%;}
	.mo-chart-wrap .chart .chart-area.active .box.second .bar{height: 70%;}
	.mo-chart-wrap .chart .chart-area.active .box.third .bar{height: 50%;}

	.mo-chart-wrap .chart .chart-area .box p{text-align: center;margin-top: -27px; opacity: 0;font-size: 13px;}
	.mo-chart-wrap .chart .chart-area .box span{display: block; font-size: 20px; color: #fff; font-weight: 500; text-align: center;margin-top: 35px; opacity: 0;}
	.mo-chart-wrap .chart .chart-area.active .box p{ opacity: 1;}
	.mo-chart-wrap .chart .chart-area.active .box span{opacity: 1;}
	.mo-chart-wrap .chart-list{margin: 30px 23px; }
	.mo-chart-wrap.bottom_sdgs .section_goals{width: 100%;}
	.mo-chart-wrap.bottom_sdgs .section_goalsbox{margin: 20px 0 0 ; padding: 16px 20px;}
	.mo-chart-wrap.bottom_sdgs .section_goalsbox .text_goalsbox{margin-top: 0;}
	.mo-chart-wrap.bottom_sdgs .section_goalsbox .text_goalsbox strong{width: 100%;padding-bottom: 0;font-size: 28px; font-weight: bold;margin-bottom: 10px; }
	.mo-chart-wrap.bottom_sdgs .section_goalsbox p{font-size: 13px;}
	.mo-chart-wrap .score-wrap{width: 60%;margin: 30px auto 26px;}
	.mo-chart-wrap .score-wrap .top,
	.mo-chart-wrap .score-wrap .bottom{display: flex; align-items: center; justify-content: center; font-size: 30px;font-weight: bold;}
	.mo-chart-wrap .score-wrap .top{
		margin-bottom: 26px;}
	.mo-chart-wrap .score-wrap .top strong,
	.mo-chart-wrap .score-wrap .bottom strong{font-size: 50px;}
	.mo-chart-wrap .score-wrap .top strong{
		display: inline-block;
		margin-left: 30px;
		margin-right: 20px;}
	.mo-chart-wrap .score-wrap .top span{color: #C0C0C0;}
	.mo-chart-wrap .score-wrap .bottom strong{
		display: inline-block;
		margin-left: 26px;}

		/*.mo-chart-wrap .chart-list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}*/
	/*.mo-chart-wrap .chart-list ul li{width: 14%; margin: 0 3.2% 10px 0;}*/
	/*.mo-chart-wrap .chart-list ul li:nth-child(6n){margin-right: 0;}*/
	.mo-chart-wrap .chart-list ul li img{width: 100%;}
	.mo-chart-wrap .chart-list li div{width: 100px; height: 100px; background: red; opacity: 0.5;}
	.mo-chart-wrap .chart-list li:nth-child(2) div{background: green;}
	.mo-chart-wrap .chart-list li:nth-child(3) div{background: blue;}
	.mo-chart-wrap .chart-list li.active div{opacity: 1;}
	.bottom_sdgs.statistics .section_studies h4{text-align: center;}
	.bottom_sdgs.statistics .section_studies .list{padding: 0 20px; max-width: 100%;}

	/*statistics*/
	.type_tab li a{font-size: 15px;}
	.bottom_sdgs{padding: 0 20px;}
	.mo-chart-wrap.bottom_sdgs{padding: 0;}

	/*toolkit*/
	.toolkit-wrap h3{padding: 0 20px; font-size: 30px;line-height: 1.3;margin-bottom: 16px;}
	.toolkit-wrap > p{padding: 0 20px;font-size: 13px;line-height: 1.3;}
	.toolkit-wrap .toolkit-chart-wrap{width: calc(100% - 60px);height: 170px; margin: 66px auto 0;}
	.toolkit-wrap .toolkit-chart-wrap .toolkit-bar .bar{min-height: 40%;}
	.toolkit-wrap .toolkit-chart-wrap .toolkit-bar .bar p {padding-top: 10px;}
	.toolkit-wrap .toolkit-chart-wrap .toolkit-bar .bar p, .toolkit-wrap .toolkit-chart-wrap .toolkit-bar .bar span{font-size: 20px;}
	.toolkit-wrap .related-listp-wrap{margin: 30px 20px 0; border-bottom: 0;}
	.toolkit-wrap .related-listp-wrap .list{display: block; padding-bottom: 0;}
	.toolkit-wrap .related-listp-wrap .list .img-wrap{width: 100%; height: 230px;margin-bottom: 16px;}
	.toolkit-wrap .related-listp-wrap .list .txt-wrap{width: 100%;  display: block; text-align: center;}
	.toolkit-wrap .related-listp-wrap .list .txt-wrap h4{font-size: 30px;line-height: 1.2;margin-bottom: 14px;}
	.toolkit-wrap .related-listp-wrap .list .txt-wrap p{font-size: 15px;}
	.toolkit-wrap .related-listp-wrap .list .txt-wrap ul{ justify-content: center; margin-top: 30px;}
	.toolkit-wrap .related-listp-wrap .list .txt-wrap ul li{width: 50px; height: 50px;}
	.toolkit-wrap .related-listp-wrap .list .txt-wrap ul li img{width: 100%;}
	.toolkit-wrap .related-listp-wrap .list .txt-wrap .btn-more{width: 130px; margin: 30px auto 0;font-size: 15px;}
}

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

	#header .m_gnb{
		width:40px;
		height:30px;
		top:4.4%;
		right:3.77%;
	}
	/* test result */
	.sdg_result03 .content .target_list > li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5%;
	}
	.sdg_result03 .content .target_list li:nth-child(3n) {
		margin-right: 0;
	}

}

@media screen and (max-width: 380px) {
	#header .m_gnb{
		width:40px;
		height:30px;
		top:5.2%;
		right:3.77%;
	}
}