
@media screen and (max-width: 1060px) {


	/* --------------------------------
    1. wrap
	---------------------------------*/

	#wrap{
		width:100%;
		max-width:1060px;
	}

	/* --------------------------------
    2. header
	---------------------------------*/


	#header .area_header{
		max-width:1060px;
		width:100%;
		margin:0 auto;
		padding-top:10px;
	}
	#header .gnb{
		display: none;
	}
	#header h1{
		padding-left: 3.77%;
	}
	#header .m_gnb{
		display:block;
		float:right;
		position: absolute;
		top:4%;
		right:4%;
	}
	.menu_wrap {
		overflow: auto;
		position:fixed;
		left:0;
		top:0;
		width: 100%;
		height:100%;
		background:#fff;
		opacity: 1;
		z-index:9999;
		display:none;
	}

	.menu_wrap .menu_close {
		position: absolute;
		right:6%;
		top:20px;
	}

	.menu_wrap .menu_top {
		width:100%;
		height:90px;
		padding:20px 17% 0 6%;
	}
	.menu_wrap .menu_top .menu_search{
		position: relative;
	}
	.menu_wrap .menu_top img{
		position: absolute;
		right:3%;
	}
	.menu_wrap .menu_top input{
		width:100%;
		height:29px;
		border-radius: 0;
		border-bottom:1px solid #000;
		padding-left:3%;
		outline:none;
	}
	.menu_wrap .menu_member{
		float: right;
		padding-top:10px;
	}
	.menu_wrap .menu_member .logout{
		display: none;
	}
	.menu_wrap .menu_member li{
		float: left;
		letter-spacing: 0.5px;
	}
	.menu_wrap .menu_member li a{
		color: #000;
		font-size: 15px;
	}
	.menu_wrap .menu_member li .at_bar{
		display: inline-block;
		margin-left: 10px;
		width:1px;
		height:11px;
		background: #000;
		vertical-align: -1px;
	}
	.menu_wrap .menu_bottom{
		width:100%;
	}
	.menu_wrap .menu_bottom h3{
		width:100%;
		height:34px;
		background: #000;
		color: #fff;
		padding:4px 7%;
		font-size: 20px;
		font-weight: 500;
	}
	.menu_wrap .menu_bottom h3.down{
		margin-bottom:5px;
	}
	.menu_wrap .menu_bottom h3 a{
		color:#fff;
	}
	.menu_wrap .menu_bottom ul{
		margin:0 7%;
	}
	.menu_wrap .menu_bottom ul li{
		padding:5px 0;
		font-size: 18px;
		border-bottom:1px solid #000;
		padding-left:6%;
	}
	.menu_wrap .menu_bottom ul:last-child li:last-child{
		border-bottom:1px solid #000;
	}
	.menu_wrap .menu_bottom ul li a{
		color: #000;
	}
	.menu_wrap .menu_bottom ul li:last-child{
		border-bottom: 0px;
	}
	#header .m_gnb li{
		display: none;
	}
	.header_search{
		width:100%;
		height:157px;
		background: #fff;
		position: absolute;
		display: none;
	}
	.header_search .close_search{
		max-width:1060px;
		width:100%;
		margin:0 auto;
		padding-top:10px;
		text-align: right;
	}
	.header_search .section_search{
		width:631px;
		margin:0 auto;
		height:40px;
		padding:10px 0 43px 0;
	}
	.header_search .section_search .select{
		display: inline-block;
		width:100px;
		height:40px;
	}
	.header_search .section_search select{
		display: inline-block;
		width:100px;
		height:40px;
		outline: none;
		border:1px solid #d1d1d1;
		padding:10px 5px;
	}
	.header_search .section_search select option{
	}
	.header_search .section_search .input{
		display: inline-block;
		width:512px;
		height:40px;
		margin:0 5px;
	}
	.header_search .section_search input{
		display: inline-block;
		width:512px;
		height:40px;
		outline: none;
		border:1px solid #d1d1d1;
	}
	.header_search .section_search button{
		display: inline-block;
		width:100px;
		height:40px;
		background: #00699d;
		border:none;
		cursor: pointer;
		float: right;
	}
	.header_search .section_search button span{
		color: #fff;
		font-size: 16px;
	}


	/* --------------------------------
	    3. Registration
	     1) sign up
	---------------------------------*/

	.top_registration{
		padding-left:3.77%;
	}
	.bottom_registration{
		width:92.46%;
		max-width: 520px;
	}
	.bottom_registration .step01_section03 a:first-child{
		float: left;
		margin-right: 10px;
	}
	.bottom_registration .step01_section03 a:last-child{
		float: left;
		margin-left: 10px;
	}

	/* --------------------------------
	    3. Registration
	     2) forgot
	---------------------------------*/

	.top_forgot{
		padding-left:3.77%;
	}
	.bottom_forgot .forgot01_section03{
		padding-top:40px;
	}
	.bottom_forgot .forgot02_section02{
		padding-top:80px;
	}
	.bottom_forgot .under_page a{
		font-size: 14px;
	}

	/* --------------------------------
	    3. Registration
	     3) login
	---------------------------------*/

	.top_login{
		padding-left:3.77%;
	}
	.bottom_login{
		max-width:520px;
		width: 92.46%;
	}
	.bottom_login .login_section03{
		width:100%;
		padding:5.96153%;
	}
	.bottom_login .login_section02 .under_page{
		font-size: 14px;
	}


	/* --------------------------------
        4. container
         1) introduction to the platform (sub101)
    ---------------------------------*/

	.top_introduction .top_menu{
		padding-left:3.77%;
	}
	.top_introduction .top_bg{
		height:217px;
	}
	.top_introduction .top_bg h2{
		padding:58px 0 0 40px;
	}
	.bottom_introduction{
		margin:0 auto;
		padding:48px 3.77%;
	}
	.bottom_introduction .section_logo{
		min-height:357px;
		height:auto;
	}
	.section_logo .left_logo{
		width:56.7%;
		background-size:100%;
	}
	.section_logo .right_logo {
		clear: both;
		width:31.6%;
	}
	.section_logo .right_logo h4{
		font-size:17px;
	}
	.section_logo .right_logo p{
		float: right;
		font-size:15px;
		line-height: 18px;
		text-align: right;
	}
	.section_logo .right_logo .button{
		width:100%;
		height:29px;
		text-align: center;
		line-height: 27px;
		position: absolute;
	}
	.section_partners .button{
		width:31.6%;
		height:29px;
	}
	.section_partners .button span{
		color: #fff;
		font-size:15px;
		vertical-align: middle;
		display: block;
		letter-spacing: 0.5px;
	}
	.section_partners ul li,
	.section_partners.reaflet ul li{
		width:49.5%;
		height:45px;
		margin:0 1% 1% 0;
	}
	.section_partners ul li a span{
		position: absolute;
		right:20px;
	}
	.section_partners ul .no_ri02,
	.section_partners.reaflet ul .no_ri02{
		margin:0 0 1% 0
	}

	.section_partners ul li:last-child{

	}

	/* --------------------------------
        4. container
         2) Patners (sub102)
    ---------------------------------*/

	.top_partners .top_menu{
		padding-left:3.77%;
	}
	.top_partners .top_bg{
		height:auto;
	}
	.top_partners .top_bg h2{
		padding:83px 40px;
	}
	.bottom_partners h3{
		padding:37px 36px 20px 36px;
	}
	.bottom_partners .section_top{
		width:100%;
		position: relative;
	}
	.bottom_partners .left_top{
		width:50%;
	}
	.bottom_partners .right_top{
		float: right;
		width:50%;
	}
	.bottom_partners .section_bottom{
		padding:40px;
		clear: both;
	}
	.bottom_partners .section_bottom h4{
		padding-bottom:27px;
		font-size: 17px;
		letter-spacing: 0.5px;
	}
	.bottom_partners .section_bottom p{
		padding-bottom:25px;
	}
	.bottom_partners .contents_box .box{
		padding:30px 0 0 30px;
		margin-bottom:30px;
	}
	.bottom_partners .contents_box .box p{
		display: inline-block;
		padding-right:70px;
	}
	.bottom_partners .section_hide01 h4{
		padding:33px 0 28px 0;
	}
	.bottom_partners .section_hide03 h4{
		padding:33px 0 28px 0;
	}
	.bottom_partners .sns_button{
		margin-left:1.886792%;
	}
	.bottom_partners .sns_button li{
		margin-right:7px;
	}
	.bottom_partners .sns_button li:last-child{
		margin:0;
	}
	.bottom_partners .contents_button .mail{
		clear: both;
	}
	.bottom_partners .section_button{
		width:240px;
	}


	/* --------------------------------
        4. container
         3) cities and the SDGs (sub201)
    ---------------------------------*/

	.top_cities .top_menu{
		padding-left: 3.77%;
	}
	.top_cities .top_bg h2{
		padding:58px 40px;
		text-align: left;
	}
	.bottom_cities{
		width:100%;
		margin:0 auto;
	}
	.bottom_cities .go_button{
		margin:15px 0 44px 0;
	}
	.bottom_cities .go_button a{
		padding:8px 43px;
	}
	.bottom_cities .section_goals li{
		width:15.09433%;
		height:15.09433%;
		margin: 0 1.88679% 1.88679% 0;
	}
	.bottom_cities .section_goals li img{
		width:100%;
	}
	.bottom_cities .section_goals .no_ri{
		margin-right:0;
	}
	.bottom_cities .section_goalstext{
		padding:3.77%;
	}
	.bottom_cities .section_goalstext h4{
		font-size: 25px;
		padding-bottom:34px;
	}


	/* --------------------------------
        4. container
         4) introduction to the sustainable development (sub202)
    ---------------------------------*/

	.top_sdgs .top_menu{
		padding-left:3.77%;
	}
	.bottom_sdgs h2{
		padding-left:3.77%;
	}
	.bottom_sdgs .go_button a{
		color:#fff;
		font-weight: 700;
		padding:8px 30px;
		display: block;
	}
	.bottom_sdgs .section_goals li{
		float: left;
		width:9.43396%;
		height:9.43396%;
		margin: 0 1.88679% 1.88679% 0;
	}
	.bottom_sdgs .section_goals li img{
		width:100%;
	}
	.bottom_sdgs .section_goals .no_ri{
		margin-right:0;
	}
	.bottom_sdgs .section_goalsbox{
		height:auto;
		margin:20px 0;
		padding:29px 40px;
		display: inline-block;
		position: relative;
	}
	.bottom_sdgs .section_goalsbox span{
		padding:0 38px;
		display: none;
	}
	.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: 30px;
	}
	.bottom_sdgs .section_goalsbox p{
		font-size: 15px;
		line-height: 19px;
		color:#fff;
		font-family: 'Roboto', sans-serif;
	}

	.bottom_sdgs .section_goalstext{
		width:85.9375%;
		margin:0 auto;
		clear: both;
	}
	.bottom_sdgs .section_targets{
		width:85.9375%;
		margin:0 auto;
		border-top:3px solid #000;
		padding:0;
	}
	.bottom_sdgs .section_targets h4{
		padding-top:35px;
	}
	.bottom_sdgs .section_targets .target_box{
		margin:0;
	}
	.bottom_sdgs .section_targets .edge_box{
		width:100%;
	}
	.bottom_sdgs .section_targets .edge_box ul{
		min-height:100px;
		display: inline-block;
		height:auto;
		padding:26px 0;
	}
	.bottom_sdgs .section_studies h4{
		font-size: 25px;
	}
	.bottom_sdgs .section_studies .list_desc h3{
		padding:25px 0 10px 0;
	}

	/* --------------------------------
        4. container
         5) Feature Articles (sub203)
    ---------------------------------*/

	.top_featurearticles .top_menu{
		padding-left:3.77%;
	}
	.top_featurearticles h2{
		padding-left:3.77%;
	}
	.bottom_featurearticles{
		max-width:1060px;
		width:100%;
		margin:0 auto;
	}
	.bottom_featurearticles .category{
		margin:35px 0 3px 0;
	}
	.bottom_featurearticles .category li{
		float: left;
		margin-left: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;
	}
	.bottom_featurearticles .type01.no_ri{
		margin-right:20px;
	}
	.bottom_featurearticles .type02.no_ri{
		margin-right:20px;
	}
	.bottom_featurearticles .type01 .list_thumb{
		height: 217px;
	}



	/* --------------------------------
        4. container
         6) Feature Articles_inside (sub203)
    ---------------------------------*/


	.top_featurearticles .top_menu{
		padding-left:3.77%;
	}
	.top_featurearticles h2{
		padding-left:3.77%;
	}
	.bottom_featurearticles{
		max-width:1060px;
		width:100%;
	}
	.bottom_featurearticles .section00{
		width:100%;
		height:auto;
		display: inline-block;
		padding: 25px 4.15094% 25px 4.15094%;
	}
	.bottom_featurearticles .section00 .sec00_left{
		float: left;
		width:60%;
	}
	.bottom_featurearticles .section00 .sec00_left p{
		font-size: 14px;
	}
	.bottom_featurearticles .section00 .case_count{
		padding:3px 0 0px 0;
		display: inline-block;
	}
	.bottom_featurearticles .section00 .case_count li{
		padding-right:10px;
		font-size: 13px;
	}
	.bottom_featurearticles .section00 .case_sns{
		width:120px;
		height:29px;
		margin-bottom:5px;
		float: right;
	}
	.bottom_featurearticles .section00 .case_sns li{
		float:left;
		padding-left:10px;
		padding-right:0;
		margin-left:5px;
		margin-right:0;
		width:35px;
	}
	.bottom_featurearticles .section00 .case_sns li img{
		width:100%;
	}
	.bottom_featurearticles .section00 .sec00_right{
		float: right;
		width:40%;
	}
	.bottom_featurearticles .section00 .sec00_right p{
		float: right;
		font-size: 15px;
	}
	.bottom_featurearticles .section01{
		padding:35px 4.1%;
	}
	.bottom_featurearticles .section03{
		clear: both;
		margin-bottom: 60px;
	}
	.bottom_featurearticles .section03 .details{
		width:100%;
		height:245px;
		background: #ebebeb;
		margin-top:76px;
		padding:30px 44px;
	}
	.bottom_featurearticles .section03 .comments{
		width: 91.69811%;
		margin:0 auto;
	}
	.bottom_featurearticles .section03 .top_comments .left_sec{
		width:300px;
	}
	.bottom_featurearticles .section03 .registration{
		clear: both;
		width:100%;
		height:158px;
		margin:7px 0 28px 0;
	}
	.bottom_featurearticles .section03 .registration .textarea{
		width:100%;
	}
	.bottom_featurearticles .section03 .registration textarea{
		width:80.493827%;
		height:158px;
		border:1px solid #ddd;
		float: left;
	}
	.bottom_featurearticles .section03 .registration button{
		float: right;
		width:16.93415%;
		height:158px;
		padding:0 10px;
		background:#b7b7b7;
		font-size: 18px;
		border:0;
		color: #fff;
		margin-left: 2.57201%;
		letter-spacing: 0.5px;
		word-break:break-all;
	}
	.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{
		font-size: 15px;
	}
	.bottom_featurearticles .section03 .total .reply .reply_text{
		width:71%;
		float: left;
		font-size: 15px;
		padding-top:1px;
	}
	.bottom_featurearticles .section03 .total .reply .reply_text span{
		margin-left:15px;
		font-size: 13px;
		color:#b7b7b7;
		font-weight: 500;
	}
	.bottom_featurearticles .section03 .total .reply .reply_text .reply_top{
		font-weight: 600;
	}
	.bottom_featurearticles .section03 .total .reply .reply_heart{
		padding-top:9px;
		float: right;
	}
	.bottom_featurearticles .section03 .total .reply .reply_heart img{

	}
	.bottom_featurearticles .section03 .total .reply .reply_heart span{
		font-size: 14px;
	}


	/* --------------------------------
        4. container
         7) Other Relevant Platforms (sub204)
    ---------------------------------*/

	.top_relevant .top_menu{
		padding-left: 3.77%;
	}
	.top_relevant h2{
		padding-left: 3.77%;
		padding-right: 3.77%;
	}
	.bottom_relevant {
		max-width:1060px;
		width:100%;
	}
	.section_result .contents02 li{
		height:217px;
		margin-bottom:20px;
	}
	.section_result .contents02 .list_thumb{
		width:37.075471%;
	}
	.section_result .contents02 .list_desc p{
		font-size:15px;
		line-height: 15px;
		margin:24px 0 30px 0;
	}
	.section_result .contents02 .list_desc p.over{
		font-size:15px;
		line-height: 18px;
		height: 36px;
	}

	/* --------------------------------
        3. container
         8) 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;
		padding-left:3.77%;
	}
	.bottom_database .filter_section{
		padding-left:3.77%;
	}
	.bottom_database .section h3{
		margin-bottom:10px;
		font-size: 20px;
		font-weight: 500;
	}
	.bottom_database .section_goals .no_ri{
		margin-right:20px;
	}
	.bottom_database .section .radi_box button.no_ri{
		margin-right:0;
	}
	.bottom_database .section .radi_box button.no_ri{
		margin-right:17px;
	}
	.bottom_database .show_result h4{
		margin:5px 0 5px 0;
	}
	.bottom_database .show_result h4 span{
		color:#ff0000;
	}
	.bottom_database .category{
		height:20px;
		margin:7px 0 3px 0;
		float: right;
		font-family: 'Roboto-bold';
		letter-spacing: 0.5px;
	}
	.bottom_database .list{
		float: left;
		width:340px;
		height:426px;
		margin:0 20px 30px 0;
	}
	.bottom_database .list.no_ri{
		margin-right:20px;
	}
	.bottom_database .list .list_thumb{
		width:340px;
		height:217px;
	}
	.bottom_database .list .list_desc{
		width:340px;
		height:209px;
		border-bottom:1px solid #000;
		text-align: center;
	}
	.bottom_database .list .list_desc h3{
		padding:25px 0 10px 0;
	}
	/* --------------------------------
        4. News & Events
         9) News & Events
    ---------------------------------*/

	.top_news .top_menu{
		padding-left: 3.77%;
	}
	.top_news h2{
		padding-left: 3.77%;
	}
	.bottom_news{
		max-width:1060px;
		width:100%;
		margin:0 auto;
	}
	.section_content .category{
		margin:35px 0 3px 0;
	}
	.section_content .contents{
		clear: both;
	}
	.section_content .contents li{
		border:1px solid #d3d3d3 ;
		padding:31px 5.6603%;
		margin-bottom:20px;
	}
	/* News and Events detail 부분 */

	.bottom_news .section00{
		width:100%;
		height:auto;
		padding: 0 4.15094% 35px 4.15094%;
		border-bottom:2px solid #000;
	}
	.bottom_news .section00 .case_sns{
		width:120px;
		height:36px;
		margin-bottom:61px;
		float: right;
	}
	.bottom_news .section00 .case_sns li{
		float:left;
		padding-left:10px;
		padding-right:0;
		margin-left:5px;
		margin-right:0;
		width:35px;
	}
	.bottom_news .section00 .case_sns li img{
		width:100%;
	}
	.bottom_news .section00 .sec00_right{
		float: right;
		width:40%;
		padding-top:7px;
	}
	.bottom_news .section00 .sec00_right p{
		float: right;
		font-size: 15px;
		text-align: right;
	}
	.bottom_news .section01{
		clear: both;
		padding:35px 44px;
	}
	.bottom_news .section01 .column{
		padding-bottom:40px;
	}
	.bottom_news .section01 .column > img {width: 100%;}
	.bottom_news .section01 .column h3{
		font-size: 22px;
		padding-bottom: 22px;
		font-weight: 500;
	}

	/* --------------------------------
        3. container
         10) Urban SDG Forum (sub403)
    ---------------------------------*/
	#container{
		width:100%;
		margin:0 auto;
		max-width: 1060px;
	}
	.top_forum .top_menu{
		padding-left:3.77%;
	}
	.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;
		font-weight: 300;
		letter-spacing: 1px;
	}
	.bottom_forum{
		width:100%;
		margin:0 auto;
	}
	.bottom_forum h3{
		padding:40px 36px 23px 36px;
		font-size: 25px;
		font-weight:500;
	}
	.bottom_forum .section_top{
		height:137px;
	}
	.bottom_forum .left_top{
		float: left;
		width:50%;
		height:137px;
	}
	.bottom_forum .left_top img{
		width:108px;
		height:79px;
		margin:24px 0 7px 0;
	}
	.bottom_forum .left_top span{
		font-weight: 800;
		font-size: 12px;
		letter-spacing: 0.5px;
	}
	.bottom_forum .left_top span a{
		color:#000;
	}
	.bottom_forum .right_top{
		float: right;
		width:50%;
		background-position: center;
		background-size: cover;
	}
	.bottom_forum .section_objectives{
		padding:3.77358%;
	}
	.bottom_forum .section_objectives h4{
		padding-bottom:27px;
		font-size: 17px;
	}
	.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_organizer h4{
		padding: 0 0 30px 40px;
		font-size: 17px;
	}
	.section_organizer .list{
		width:32.07547%;
		margin:0 1.88679% 1.88679% 0;
	}
	.section_organizer .list_thumb{
		width:100%;
		height:auto;
	}
	.section_organizer .list_thumb img{
		max-width: 100%;
	}
	.section_organizer .list_desc{
		width:100%;
	}
	.section_organizer .list_desc img{
		margin:18px 1px 25px 0;
		max-width: 100%;
	}
	.section_organizer .list_desc span{
		font-size:25px;
		line-height: 25px;
		font-weight:500;
	}

	.bottom_forum .section_supporting{
		clear: both;
		padding:40px;
		padding-top:20px;
	}
	.bottom_forum .section_supporting h4{
		font-size: 17px;
		font-weight:500;
		letter-spacing: 0.5px;
	}
	.section_supporting .organizations{
		width:100%;
		height:40px;
		margin:28px 0 48px 0 ;
	}
	.section_supporting li{
		width:auto;
		height:auto;
		margin:0 20px 20px 20px;
	}
	.section_supporting li:last-child{
		margin:0 20px 20px 20px;
	}

	/* --------------------------------
        4. container
         11) Profile
    ---------------------------------*/

	.top_profile .top_menu{
		padding-left:3.77%;
	}
	.top_profile h2{
		padding-left:3.77%;
		padding-right:3.77%;
	}
	.top_profile .info_profile {
		display: block;
		width:100%;
		margin:0 auto;
		margin-bottom:45px;

	}
	.top_profile .info_profile > div {
		padding: 0 calc(40/720*100vw);
	}
	.top_profile .info_profile > div.toolkit_link {
		padding: 0;
		margin-top: calc(40/720*100vw);
	}
	.top_profile .info_profile > div.toolkit_link a {
		display: block;
		background-size: cover;
		width: 100%;
	}
	.toolkit_link .left p {
		display: none;
	}
	.toolkit_link .right {
		margin-top: calc(20/720*100vw);
	}
	.top_profile .info_profile .profile_text{
		float: left;
		padding:17px 0 0 5.44%;
		width:80%;
	}
	.top_profile .info_profile .profile_text h3{
		padding-bottom:20px;
	}
	.top_profile .info_profile .profile_text p{
		font-size: 13px;
		line-height: 17px;
		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 .top a{
		width:100%;
		height:30px;
		float: left;
		padding:3px;
		display: none;
	}
	.top_profile .info_profile .profile_btn .bottom a{
		margin-left:0;
		width:100%;
		height:30px;
		background: #e0e0e0;
		padding:3px;
	}
	.top_profile .tab_account{
		width:100%;
		height:51px;
		margin:0 0 55px 0;
	}
	.top_profile .tab_account li{
		width:33.3333333%;
		height:51px;
		line-height: 45px;
		float: left;
	}
	.top_profile .tab_account li a{
		color:#d9d9d9;
		font-weight: 500;
		font-size: 17px;
	}
	.bottom_profile{
		max-width:1060px;
		width:100%;
		padding: 0 2%;
	}
	.bottom_profile .tab_menu{
		height:51px;
		margin:56px 0 15px 0;
	}

	/* 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;
	}


	/* profile - profile main */



	.bottom_profile .section01 .sec01_left{
		padding:3px 4.15% 0 4.15%;
	}
	.bottom_profile .section01 .sec01_left .text_box{
		padding-bottom:24px;
	}
	.bottom_profile .section01 .sec01_left .case_box .case_sns{
		clear: both;
		padding-top:10px;
	}
	.bottom_profile .sec01_left h3{
		font-size: 29px;
		line-height: 31px;
	}
	.bottom_profile .section01 .sec01_left p .black_box{
		width:32%;
		margin-right:0;
		line-height: 19px;
		margin-left: 2%;
		float: right;
	}
	.bottom_profile .case_count{
		padding:2px 0 28px 0;
		clear: both;
		display: block;
	}
	.bottom_profile .case_count li span{
		font-weight: 600;
	}
	.bottom_profile .case_sns li{
		float: left;
		padding-right:10px;
		width:35px;
		margin-right:5px;
	}
	.bottom_profile .case_sns li img{
		width:100%;
	}
	.bottom_profile .section01 .case_box p{
		font-size: 13px;
	}
	.bottom_profile .section01 .sec01_right{
		float: right;
		width:50%;
		height:auto;
		padding:0 3.7% 0 0;
	}
	.bottom_profile .source p{
		padding-top:5px;
	}
	.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%;
	}
	.bottom_profile .sec02_left h3{
		font-size: 22px;
	}
	.bottom_profile .sec02_right{
		line-height: 19px;
	}
	.bottom_profile .sec02_right li p{
		float: right;
		width:70%;
		margin-bottom:2px;
	}
	.bottom_profile .sec02_right li p span{
		width:40px;
		padding-top:5px;
	}
	.bottom_profile .section03{
		padding:35px 4.15094%;
	}
	.bottom_profile .google_map{
		height:463px;
		padding-top:10px;
	}
	.bottom_profile .sec03_left{
	}
	.bottom_profile .sec03_left h3{
		font-size: 22px;
		font-weight: 500;
		line-height: 21px;
	}
	.bottom_profile .sec03_right{
		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:30%;
		float: left;
		font-family: 'Oswald';
		font-size:15px;
		letter-spacing: 0.5px;
	}
	.bottom_profile .sec03_right li p{
		float: right;
		width:70%;
		margin-bottom:2px;
	}
	.bottom_profile .section04{
		clear: both;
		border-top:2px solid #000;
		padding:35px 4.15094%;
	}
	.bottom_profile .section04 .column{
		padding-bottom:40px;
	}
	.bottom_profile .section04 .column img{width:100%;}
	.bottom_profile .section04 .column:last-child{
		padding:0;
	}
	.bottom_profile .section04 .column h3{
		font-size: 22px;
		padding-bottom: 22px;
		font-weight: 500;
	}
	.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:24px 44px;
		font-size: 22px;
		font-weight: 500;
		line-height: 23px;
	}
	.bottom_profile .section05 .media_box{
		padding:43px 4.15094%;
		display:inline-block;
		border-top:1px solid #000;
		height: auto;
	}
	.bottom_profile .section05 .media_option{
		width:256px;
		height:350px;
		float: left;
		position: relative;
		margin-right:10%;
	}
	.bottom_profile .section05 .media_option h4{
		font-size: 17px;
		margin-bottom:35px;
		font-weight: 500;
	}
	.bottom_profile .section05 .media_option h3{
		font-size: 30px;
		line-height: 30px;
		margin-bottom:18px;
		font-weight: 500;
		padding: 0;
	}
	.bottom_profile .section05 .media_option p{
		font-size:14px;
		max-width: 300px;
		font-family: 'Roboto', sans-serif;
	}
	.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: absolute;
		bottom: 0;
	}
	.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;
	}
	.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:596px;
		float: left;
		padding-bottom:43px;
	}

	.bottom_profile .section05 .media_box02{
		padding:40px 4.15094%;
		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:5px;
	}
	.bottom_profile .section05 .media_box02 .media_bottom{
		width:100%;
	}
	.bottom_profile .section05 .media_box02 .media_columns{
		width:50%;
		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:65%;
	}
	.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:35%;

	}

	/* 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:76px;
		padding:30px 4.15094%;
	}
	.bottom_profile .profile_comments .details h3{
		font-size: 22px;
		float: left;
		width:35.47169%;
		font-weight: 500;
		letter-spacing: 0.5px;
		margin-bottom:10px;
	}
	.bottom_profile .profile_comments .details .top{
		float: left;
		padding-bottom:30px;
		font-size: 13px;
		line-height: 19px;
		width:100%;
	}
	.bottom_profile .profile_comments .details li{
		width:100%;
		height:20px;
	}
	.bottom_profile .profile_comments .details .top li span{
		float: left;
		width:150px;
		letter-spacing: 0.5px;
	}
	.bottom_profile .profile_comments .details .top li p{
		float:left;
		font-family: 'Roboto', sans-serif;
	}
	.bottom_profile .profile_comments .details .keywords{
		clear: both;
		border-top:1px solid #000;
		padding-top:20px;
	}
	.bottom_profile .profile_comments .details .keywords #keyword{
		width:;
		float: left;
	}
	.bottom_profile .profile_comments .details .keywords h3{
		font-weight: 500;
		letter-spacing: 0.5px;
		margin-bottom:10px;
	}
	.bottom_profile .profile_comments .details .keywords ul li{
		float: left;
		width:auto;
		height:35px;
		background: #fff;
		color: #000;
		margin-right:1.22641%;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		line-height: 35px;
		font-size: 15px;
		padding:0 15px;
	}
	.bottom_profile .profile_comments .details .keywords ul li:last-child{
		margin:0;
	}
	.bottom_profile .profile_comments .heart{
		width:100px;
		margin:34px auto;
		text-align: center;
	}
	.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{
		font-size: 22px;
		padding-bottom:15px;
		font-weight: 500;
		letter-spacing: 0.5px;
	}
	.bottom_profile .profile_comments .top_comments .left_sec{
		float: left;
		width:300px;
		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: right;
		font-size: 15px;
	}
	.bottom_profile .profile_comments .top_comments .right_sec img{
		margin-right: 3px;
	}

	.bottom_profile .profile_comments .top_comments .right_sec p{
		font-size: 15px;
		font-weight: 500;
		float: left;
		margin-right: 4px;
		padding-top:3px;
		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 .top_comments .right_sec img{
		padding-left: 3px;
	}
	.bottom_profile .profile_comments .registration{
		clear: both;
		width:100%;
		height:158px;
		margin:7px 0 28px 0;
	}
	.bottom_profile .profile_comments .registration  textarea{
		width:80.493827%;
		height:158px;
		border:1px solid #ddd;
		float: left;
	}
	.bottom_profile .profile_comments .registration button{
		float: right;
		width:16.93415%;
		height:158px;
		padding:0 10px;
		background:#b7b7b7;
		font-size: 18px;
		border:0;
		color: #fff;
		margin-left: 2.57201%;
		letter-spacing: 0.5px;
		word-break:break-all;
		font-family: "Oswald"
	}
	.bottom_profile .profile_comments .total{
		clear: both;
	}
	.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:71%;
		float: left;
		font-size: 15px;
		padding-top:1px;
	}
	.bottom_profile .profile_comments .total .reply .reply_text p{
		padding-bottom: 5px;
		line-height: 15px;
	}
	.bottom_profile .profile_comments .total .reply .reply_text span{
		margin-left:15px;
		font-size: 13px;
		color:#b7b7b7;
		font-weight: 500;
	}
	.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;
	}
	.bottom_profile .profile_comments .total .reply .reply_heart img{

	}
	.bottom_profile .profile_comments .total .reply .reply_heart span{
		vertical-align: top;
		padding-top:11px;
		display: inline-block;
		margin-left: 10px;
		font-size: 14px;
	}

	#container .bottom_profile .no_topline{
		border:0;
	}

	/* profile list 공통 영역 */

	.bottom_profile .profile_list{
		border-top:3px solid #000;
		clear: both;
		height:auto;
		margin-bottom: 47px;
	}

	.bottom_profile .profile_list.no_top{
		border:none;
	}
	.bottom_profile .profile_list h4{
		font-size: 25px;
		font-weight: 700;
		padding:25px 0 15px 0;
		font-weight: 500;
		letter-spacing: 0.5px;
	}
	.bottom_profile .profile_list .list{
		float: left;
		width:340px;
		height:426px;
		margin:0 20px 30px 0;
	}
	.bottom_profile .profile_list .list.no_ri{
		margin-right:0;
	}

	.bottom_profile .profile_list .list_thumb{
		width:340px;
		height:217px;
	}
	.bottom_profile .profile_list .list_thumb .approved{
		text-align: center;
	}
	.bottom_profile .profile_list .list_thumb .approved .box{
		width:100%;
		height:100%;
		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_desc{
		width:340px;
		height:209px;
		border-bottom:1px solid #000;
		text-align: center;
	}
	.bottom_profile .profile_list .list_desc h3{
		font-size: 13px;
		font-weight: 500;
		padding:25px 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: 60px;
	}
	.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;
	}

	.bottom_profile .article_list .type01.no_ri,.bottom_profile .article_list .type02.no_ri{
		margin-right:20px;
	}
	.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:340px;
		height:426px;
		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;
	}
	/*	toolkit list */
	.bottom_profile .toolkit_list > p {
		padding-left: 4.15094%;
		padding-right: 4.15094%;
	}


	.bottom_profile .toolkit_list li.type02 {
		width: 48%;
		height: auto;
		margin: 4% 4% 0 0;
		padding-left: 0;
		padding-right: 0;
		border-bottom: none;
	}
	.bottom_profile .toolkit_list li:nth-child(2n) {
		margin-right: 0;
	}
	.bottom_profile .toolkit_list li:nth-child(-n+2) {
		margin-top: 0;
	}
	.bottom_profile .toolkit_list li.type02 .list_thumb {
		width: 100%;
		height: calc(220/360*100vw);
	}
	/* profile_columns */

	.bottom_profile .profile_comments.column_border{
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		padding-bottom:40px;
	}
	.bottom_profile .arrow{
		width:100%;
		margin:0 auto;
	}
	.bottom_profile .arrow .box{
		width:70px;
		height:23px;
	}
	.bottom_profile .arrow .arrow_left{
		float: left;
	}
	.bottom_profile .arrow .arrow_left span{
		float: right;
		font-size: 15px;
	}
	.bottom_profile .arrow .arrow_right{
		float: right;
	}
	.bottom_profile .arrow .arrow_right img{
		float: right;
	}
	.bottom_profile .arrow .arrow_right span{
		font-size: 15px;
	}
	.bottom_profile .top_columns{
		clear: both;
		width:100%;
		height:auto;
		padding: 25px 44px 25px 44px;
		display: inline-block;
		border-bottom:2px solid #000;
	}
	.bottom_profile .top_columns  h3{
		font-size: 34px;
		line-height: 38px;
		margin-bottom:7px;
		font-weight: 500;
		text-align: center;
	}
	.bottom_profile .top_columns .topc_left{
		float: left;
		width:60%;
		padding-top:12px;
	}
	.bottom_profile .top_columns .topc_left p{
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
	}
	.bottom_profile .top_columns .case_count{
		padding:3px 0 0px 0;
		display: inline-block;
	}
	.bottom_profile .top_columns .case_count li{
		float: left;
		padding-right:10px;
		font-family: 'Roboto', sans-serif;
		font-size: 13px;
	}
	.bottom_profile .top_columns .case_sns{
		width:120px;
		height:29px;
		margin-bottom:5px;
		float: right;
	}
	.bottom_profile .top_columns .case_sns li{
		float:left;
		padding-left:10px;
		padding-right:0;
		margin-left:5px;
		margin-right:0;
		width:35px;
	}
	.bottom_profile .top_columns .case_sns li img{
		width:100%;
	}
	.bottom_profile .top_columns .topc_right{
		float: right;
		width:40%;
	}
	.bottom_profile .top_columns .topc_right p{
		color:#dc1668;
		clear: both;
		float: right;
		font-size: 15px;
		text-align: right;
	}
	.bottom_profile .contents_columns{
		clear: both;
		padding:35px 3.77%;
		font-size:14px;
	}
	.bottom_profile .contents_columns .column{
		padding-bottom:40px;
	}
	.bottom_profile .contents_columns .column:last-child{
		padding:0;
	}
	.bottom_profile .contents_columns .column h3{
		font-size: 22px;
		padding-bottom: 22px;
		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%;
	}
	.bottom_profile .column_border .attach_link ul{
		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: 10px;
	}
	.bottom_profile .column_border button{
		width:96px;
		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: 19px;
		margin-bottom:10px;
	}
	.columns_upload .error span{
		font-weight: 600;
	}
	.columns_upload .case_section{
		width:100%;
		clear: both;
		margin-top:45px;
	}
	.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.attachment{
		height:132px;
	}
	.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 .subject{
		float: left;
		width:22.73584%;
		min-height:67px;
		height:100%;
		border-right:1px solid #c2c2c2;
		border-bottom:1px solid #c2c2c2;
		background: #e1e1e1;
		padding:2.07547%;
		font-size: 17px;
		line-height: 15px;
		letter-spacing: 0.5px;
		display: inline-block;
	}
	.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;
	}
	.columns_upload .form_row .content{
		float: left;
		width:77.07547%;
		min-height:67px;
		height:100%;
		padding:15px 30px;
		display: inline-block;
	}
	.columns_upload .form_row.editor .content{
		margin-left:22.7%;
	}
	.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;
		margin:0 auto;
		width:520px;
	}
	.columns_upload .button_section a{
		float: left;
		width:250px;
	}
	.columns_upload .button_section a:first-child{
		float: left;
		width:250px;
		margin-right: 10px;
	}
	.columns_upload .button_section a:last-child{
		float: left;
		width:250px;
		margin-left: 10px;
	}

	/* 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:100%;
		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;
	}
	.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;
		vertical-align: middle;
	}
	.profile_myprofile_edit .form_row .subject{
		float: left;
		width:22.73584%;
		min-height:67px;
		height:100%;
		border-right:1px solid #c2c2c2;
		border-bottom:1px solid #c2c2c2;
		background: #e1e1e1;
		padding:2.07547%;
		font-size: 17px;
		line-height: 15px;
		letter-spacing: 0.5px;
		display: inline-block;
	}
	.profile_myprofile_edit i{
		display: block;
	}
	.profile_myprofile_edit .form_row .content{
		float: left;
		width:77.07547%;
		min-height:67px;
		height:100%;
		padding:15px 30px;
		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 .button_section{
		padding-top:40px;
		margin:0 auto;
		width:520px;
	}
	.profile_myprofile_edit .button_section a{
		float: left;
		width:250px;
	}
	.profile_myprofile_edit .button_section a:first-child{
		float: left;
		width:250px;
		margin-right: 10px;
	}
	.profile_myprofile_edit .button_section a:last-child{
		float: left;
		width:250px;
		margin-left: 10px;
	}

	/* profile info edit */

	.profile_info_edit{
		max-width:520px;
		width:100%;
		margin:0 auto;
	}
	.profile_info_edit .top_section{

	}
	.profile_info_edit .top_section h4{
		float: left;
		width:151px;
		font-size: 15px;
		font-weight: 500;
		font-family: 'Roboto', sans-serif;
		padding-top:7px;
	}
	.profile_info_edit .top_section .checkbox{
		float: left;
		margin-bottom: 30px;
	}
	.profile_info_edit .top_section span{
		font-size: 19px;
		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:40px;
	}
	.profile_info_edit .button_section a{
		float: left;
		width:250px;
	}
	.profile_info_edit .button_section a:first-child{
		float: left;
		width:250px;
		margin-right: 10px;
	}
	.profile_info_edit .button_section a:last-child{
		float: left;
		width:250px;
		margin-left: 10px;
	}

	/* profile_password_edit */

	.profile_password_edit{
		max-width:520px;
		width:100%;
		margin:0 auto;
	}

	.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:40px;
	}
	.profile_password_edit .button_section a{
		float: left;
		width:250px;
	}
	.profile_password_edit .button_section a:first-child{
		float: left;
		width:250px;
		margin-right: 10px;
	}
	.profile_password_edit .button_section a:last-child{
		float: left;
		width:250px;
		margin-left: 10px;
	}

	/* membership withdrawal */

	.withdrawal{
		max-width:520px;
		width:100%;
		margin:0 auto;
	}
	.withdrawal h3{
		text-align: center;
		font-size: 24px;
		font-weight: 500;
		margin-bottom:40px;
	}
	.withdrawal .with_box{
		border:1px solid #d1d1d1;
		width:100%;
		height:auto;
		padding:5.9615%;
	}
	.withdrawal .with_box p{
		font-family: 'Roboto',sans-serif;
		font-size: 15px;
		line-height:  18px;
		padding-bottom:27px;
	}
	.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;
	}
	.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;
	}
	.withdrawal .button_section a{
		float: left;
		width:250px;
	}
	.withdrawal .button_section a:first-child{
		float: left;
		width:250px;
		margin-right: 10px;
	}
	.withdrawal .button_section a:last-child{
		float: left;
		width:250px;
		margin-left: 10px;
	}

	/* --------------------------------
        5. newsletter
    ---------------------------------*/

	.newsletter_font{
		width:54.716%;
		margin:0 auto;
	}
	.newsletter .newsletter_font h2{
		font-size: 34px;
		padding:51px 0 18px 0;
	}
	.newsletter .subscribe_box{
		width:100%;
		padding-bottom:53px;
	}
	.newsletter_font button span{
		font-size: 17px;
		font-weight: 500;
	}
	.newsletter .subscribe_box  input{
		width:69.3%;
		height:56px;
		background:#c0c0c0;
		border: 2px solid #fff;
		outline: none;
		padding-left:38px;
		letter-spacing: 0.5px;
	}

	/* --------------------------------
        6. footer
    ---------------------------------*/

	.footer_box{
		width:100%;
		margin:0 auto;
	}
	.foot_logo{
		width:345px;
		margin:0 auto;
		height:60px;
	}
	.foot_logo li{
		width:auto;
		float:left;
		margin-right:30px;
	}
	.foot_menu{
		width:520px;
		height:20px;
		margin:0 auto;
		float:none;
		padding-top:0px;
		margin-top:10px;
	}
	.foot_menu li{
		float:left;
		margin-left:10px;
	}
	.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{
		float: none;
		display: block;
		text-align: center;
		padding-top:6px;
		margin-bottom: 10px;
		font-size:11px;
	}

	/* --------------------------------
        7. foot_menu
         1) contact
    ---------------------------------*/


	.top_contact .top_menu{
		padding-left: 3.77%;
	}
	.top_contact h2{
		padding-left: 3.77%;
	}
	.bottom_contact{
		margin-bottom:300px;
		width:92.46%;
	}
	.bottom_contact .contact_info .detail_info{
		float: left;
		width:70%;
	}
	.bottom_contact .contact_info p {
		line-height: 20px;
		font-size: 15px;
		padding: 0 0 20px 0;
	}
	.bottom_contact .google_map{
		padding-top:30px;
	}


	/* --------------------------------
        7. foot_menu
         2) newsletter subscribe
    ---------------------------------*/

	.top_subscribe .top_menu{
		padding-left: 3.77%;
	}
	.top_subscribe h2{
		padding-left: 3.77%;
	}
	.bottom_subscribe{
		max-width:520px;
		width:100%;
		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;
	}
	.input_box .asd123{
		position: relative;
	}
	.input_box .lbl{
		position: absolute;
		left: 0;
		top:0;
	}
	.bottom_subscribe .section_button{
		margin:40px auto 0;
		width:260px;
	}
	.bottom_subscribe .section_button a{
		margin-bottom:10px;
	}

	/* --------------------------------
        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-bold';
		letter-spacing: 0.5px;
		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;
	}
	.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:30px;
		font-weight: 500;
		padding-left: 3.77%;
	}
	.bottom_unsubscribe{
		max-width:520px;
		width:100%;
		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';
		letter-spacing: 0.5px;
		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;
		letter-spacing: 0.5px;
		padding-left: 3.77%;
	}
	.bottom_terms{
		padding:25px 4.0566%;
	}
	.bottom_terms div h3{
		font-size:17px;
		padding-bottom:20px;
		font-weight: 500;
	}
	.bottom_terms div p{
		font-size:15px;
		line-height:19px;
		padding-bottom:20px;
		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';
		padding-left:3.77%;
	}
	.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;
		padding-left:3.77%;
	}
	.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{
		max-width:720px;
		width:92.46%;
		margin:0 auto;
		height:40px;
		padding:0px 0 43px 0;
	}
	.serach .section_search .select{
		display: inline-block;
		width:13.8%;
		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%;
		height:40px;
		margin:0 5px;
	}
	.serach .section_search input{
		display: inline-block;
		width:100%;
		height:40px;
		outline: none;
		border:1px solid #d1d1d1;
	}
	.serach .section_search button{
		display: inline-block;
		width:14.7%;
		height:40px;
		background: #00699d;
		border:none;
		cursor: pointer;
		float: right;
	}
	.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:340px;
		height:426px;
		margin:0 20px 20px 0;
	}
	.section_result .contents .no_ri{
		margin-right:20px;
	}

	.section_result .contents .list_thumb{
		width:340px;
		height:217px;
	}
	.section_result .contents .list_desc{
		width:340px;
		height:209px;
		border-bottom:1px solid #000;
		text-align: center;
	}
	.section_result .contents .list_desc h3{
		font-size: 13px;
		font-weight: 500;
		padding:23px 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: 30px;
		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 {
		padding-left: 4.15094%;
		padding-right: 4.15094%;
	}
	/*.navigator ul.list > li {*/
		/*margin-right: 2%;*/
		/*margin-bottom: 2%;*/
		/*width: 32%;*/

	/*}*/
	/*.navigator ul.list > li:nth-child(5n) {*/
		/*margin-right: 2%;*/
	/*}*/
	/*.navigator ul.list > li:nth-child(3n) {*/
		/*margin-right: 0;*/
	/*}*/

	/* test result */

	.sdg_result03 .content .left {
		display: none;
	}
	.sdg_result03 .content .target_list {
		flex-wrap: wrap;
		width: 100%;
		padding: 0 24px;
	}
	.sdg_result03 .content .target_list > li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 5%;
	}
	.sdg_result03 .content .target_list li:nth-child(3n) {
		margin-right: 0;
	}
	.sdg_result03 .content .target_list li img {
		width: 100%;
	}
	.sdg_result03 .content {
		margin: 0;
	}
	.sdg_result03 .title {
		margin-bottom: 24px;
	}
	/*설문조사 form*/
	.test_form .q_list li .chk_list li {
		width: 100%;
	}
	.test_form .q_list li .chk_list li input[type="text"] {
		width: 80%;
	}
	.test_form .q_list > li ul.except li .input_list {
		display: block;
	}
	.test_form .q_list > li ul.except li .input_list label {
		margin-bottom: calc(30/720*100vw);
	}
	.test_form .q_list > li ul.except li .input_list label:nth-last-of-type(1) {
		margin-bottom: 0;
	}

	/*statistics*/
	.type_tab{margin: 29px 20px 40px; }
	.bottom_sdgs{padding: 0 40px;}
	.bottom_sdgs .section_studies .list{width: calc(33.3% - 14px);}
	.pie-chart-wrap .chart-legend-wrap{padding-right: 40px;}

	/*toolkit*/
	.toolkit-wrap > p{width: 70%;margin: 0 auto;}
}

@media screen and (max-width: 920px) {
	.pie-chart-wrap .chart-legend-wrap{width: 44%;}
	.pie-chart-wrap .chart-legend-wrap ul li div{font-size: 13px;}
	.pie-chart-wrap .chart-legend-wrap ul li .goal{text-align: left;}
	.pie-chart-wrap .chart-legend-wrap ul li .goal .color{width: 18px; margin-right: 8px;}

}