@charset "utf-8";


/*

------------------------------------

	[URBAN SDG] SUB - CSS MAP

------------------------------------

	1. wrap

	2. header

	3. Registration
	 1) sign up
	 2) forgot
	 3) login

	4. container
     1) introduction to the platform (sub101)
     2) Patners (sub102)
     3) cities and the SDGs (sub201)
	 4) introduction to the sustainable development (sub202)
	 5) Feature Articles (sub203)
	 6) Feature Articles_inside (sub203)
	 7) Other Relevant Platforms (sub204)
	 8) case study database (sub301)
	 9) news & events
	 10) Urban SDG forum (sub403)
	 11) Profile
	 12) upload case studies

	5. newsletter

	6. footer

	7. foot_menu
	 1) contact
	 2) newsletter subscribe
     3) newsletter unsubscribe
     4) terms

	8. etc
	 1) search & keyword

-----------------------------------

*/
/* common */
.scroll_hide {
	-ms-overflow-style: none;
}
.scroll_hide::-webkit-scrollbar{
	display:none;
}
.btn_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn_b {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 140px;
	height: 44px;
	border: 1px solid #000000;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	background: #FFFFFF;
}
.btn_b span {
	margin-top: -4px;
	margin-left: 7px;
	font-size: 15px;
}

.input_custom {
	border: 1px solid #d8d8d8;
	font-family: Roboto, sans-serif;
	font-size: 13px;
}
.input_custom:focus {
	outline: none;
}
/* --------------------------------
    1. wrap
---------------------------------*/

#wrap{
	width:100%;
	margin:0 auto;
}

/* --------------------------------
    2. header
---------------------------------*/

#header{
	width:100%;
	height:110px;
	border-bottom:1px solid #e5e5e5;
}
#header .area_header{
	width:1060px;
	margin:0 auto;
	padding-top:10px;
}
#header h1{
	float: left;
}
.gnb{
	float: right;
}
.gnb button{
	border: 0;
	width:13px;
	height:15px;
	margin-top:1px;
	vertical-align: top;
}
.m_gnb{
	float: right;
	display: none;
}
.menu_wrap{
	display: none;
}
.gnb .top_gnb{
	float: right;
}
.gnb .top_gnb li{
	float: left;
	margin-right:10px;
	letter-spacing: 0.5px;
}
.top_gnb li .at_bar{
	display: inline-block;
	margin-right: 0px;
	margin-left:10px;
	width:1px;
	height:11px;
	background: #000;
	vertical-align: -1px;
}
.top_gnb_logout li .at_bar{
	display: inline-block;
	margin-right: 0px;
	margin-left:10px;
	width:1px;
	height:11px;
	background: #000;
	vertical-align: -1px;
}
.top_gnb_logout{
	float: right;
	display: none;
}
.top_gnb li{
	float: left;
	margin-right:15px;
	font-size:14px;
}
.top_gnb li a{
	color:#000;
}
.gnb button img{
	outline: none;
	vertical-align: top;
}
.bottom_gnb{
	float: right;
	clear: both;
}
.bottom_gnb .dropdown {
	float: left;
	height:56px;
	font-size:14px;
	overflow: hidden;
	margin-left:13px;
	letter-spacing: 0.5px;
	padding:14px 0 64px 0;
}
.bottom_gnb .dropdown a{
	font-size:15px;
}

.bottom_gnb .dropdown .dropbtn {
	border: none;
	outline: none;
	padding: 42px 8px;
	background-color: inherit;
	width:120px;
	height:67px;
	color:#000;
	font-size: 13px;
}
.bottom_gnb .dropdown:hover {
	background:#000;
	color:#fff;
}
.bottom_gnb .dropbtn:hover{
	color:#fff;
}
.bottom_gnb .dropdown-content {
	width:200px;
	height:auto;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 3px solid #f89c27;
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	z-index: 1;
	padding:20px;
	margin-top:42px;
}
.bottom_gnb .dropdown-content li{
	width:160px;
	min-height:23px;
	height:auto;
	border-bottom:1px solid #d9d9d9;
}
.bottom_gnb .dropdown-content a {
	font-size:14px;
	height:18px;
	float: none;
	color: black;
	text-decoration: none;
	display: block;
	text-align: left;
}
.bottom_gnb .dropdown-content a span{}
.bottom_gnb .dropdown-content a:hover , .dropdown:hover .dropbtn {
	background-color: #000;
	color:#fff
}
.bottom_gnb .dropdown:hover .dropdown-content {
	display: block;
}

#header .gnb .t_red{
	margin:0px;
	width:155px;
	height:22px;
	background:#dc1668;
	color:#fff;
	font-size:13px;
	text-align: center;
	margin-right:20px;
	padding:0;
}
#header .gnb .t_red a{
	color:#fff;
	width: 100%;
	display: block;
}
.header_search{
	width:100%;
	height:157px;
	background: #fff;
	position: absolute;
	display: none;
	border-bottom: 1px solid #d1d1d1;
}
.header_search .close_search{
	width:1060px;
	margin:0 auto;
	padding-top:10px;
	text-align: right;
}
.header_search .section_search{
	width:720px;
	margin:0 auto;
	height:40px;
	padding:0px 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:490px;
	height:40px;
	margin:0 5px;
}
.header_search .section_search input{
	display: inline-block;
	width:490px;
	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;
}
.header_search .section_search button span{
	color: #fff;
	font-size: 16px;
}

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

.top_registration{
	width:100%;
}
.top_registration .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold';
	letter-spacing: 0.5px;
}
.top_registration .top_menu li{
	float: left;
	margin-right:10px;
}
.top_registration .top_menu li a{
	color: #000;
	font-size:9px;
}
.top_registration .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_registration h2{
	font-size: 33px;
	line-height: 32px;
	padding-bottom:30px;
	letter-spacing: 1px;
	font-weight: 500;
}
.bottom_registration{
	width:520px;
	margin:0 auto;
}
.bottom_registration.center{
	text-align: center;
}
.bottom_registration h3{
	font-size: 23px;
	font-weight: 500;
	padding-bottom:30px;
	line-height: 28px;
	letter-spacing: 0.5px;
}
.bottom_registration h4{
	font-size: 19px;
	font-weight: 500;
	padding-bottom:10px;
}
.bottom_registration p{
	font-size: 15px;
	line-height: 19px;
	padding-bottom: 25px;
	font-family: 'Roboto', sans-serif;
}
.bottom_registration p:last-child{
	padding-bottom:0;
}
.bottom_registration p span{
	color: #00699d;
	font-weight: 700;
	font-size: 15px;
	border-bottom:1px solid #00699d;
	padding-bottom: 3px;
	letter-spacing: 0.5px;
	line-height: 26px;
}
.bottom_registration p i{
	display: block;
}
.bottom_registration .sign_box{
	width:100%;
	height:40px;
	border:1px solid #d1d1d1;
	margin-bottom:13px;
	position: relative;
}
.bottom_registration .sign_box input{
	width:100%;
	height:38px;
	border: 0;
	outline-color: #00699d;
	padding-left:20px;
	font-family: 'Roboto', sans-serif;
}
.bottom_registration .sign_box select{
	width:100%;
	height:38px;
	border: 0;
	padding-left:16px;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
}
.bottom_registration .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;
}
.bottom_registration .organization{
	margin-bottom: 45px;
}
.bottom_registration .text_box{
	width:100%;
	height:194px;
	overflow-y: scroll;
	border:1px solid #d1d1d1;
	padding:18px 26px;
	font-family: 'Roboto',sans-serif;
}
.bottom_registration .conditions input{
	margin:0 5px;
}
.bottom_registration .top_conditions{
	font-family: 'Roboto',sans-serif;
	margin-bottom: 10px;
}
.bottom_registration .top_conditions label{
	font-size: 13px;
	vertical-align: top;
}
.bottom_registration .conditions .error{
	color:red;
	border:0;
	font-size: 13px;
	z-index: 10;
	font-weight: 500;
	font-family: 'Roboto',sans-serif;
}
.bottom_registration .checkbox{
	padding-bottom:10px;
	font-family: 'Roboto',sans-serif;
	margin-top: -8px;
}
.bottom_registration .checkbox label{
	font-size: 13px;
	vertical-align: top;
	margin-left:5px;
}
.bottom_registration .text_box h5{
	font-size: 15px;
	font-weight:500;
	padding-bottom:20px;
}
.bottom_registration .text_box p{
	font-size: 13px;
}
.bottom_registration .step01_section01{
	margin-top: -20px;
}
.bottom_registration .step01_section02{
	margin-top: 20px;
}
.bottom_registration .step01_section03{
	padding-top:40px;
}
.bottom_registration .step01_section03 a{
	float: left;
	width:250px;
}
.bottom_registration .step01_section03 a:first-child{
	float: left;
	width:250px;
	margin-right: 10px;
}.bottom_registration .step01_section03 a:last-child{
	 float: left;
	 width:250px;
	 margin-left: 10px;
 }
.bottom_registration .step02_section02{
	width:260px;
	margin:0 auto;
	padding-top:40px;
}
.bottom_registration .step03_section02 a{
	margin-bottom:10px;
}

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

.top_forgot{
	width:100%;
}
.top_forgot .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold';
	letter-spacing: 0.5px;
}
.top_forgot .top_menu li{
	float: left;
	margin-right:10px;
}
.top_forgot .top_menu li a{
	color: #000;
	font-size:9px;
}
.top_forgot .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_forgot h2{
	font-size: 33px;
	line-height: 32px;
	padding-bottom:30px;
	font-weight: 500;
}
.bottom_forgot{
	width:520px;
	margin:0 auto;
}
.bottom_forgot.center{
	text-align: center;
}
.bottom_forgot p{
	font-size: 17px;
	line-height: 21px;
	padding:19px 0 45px 0 ;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}
.bottom_forgot .under_page a{
	display: inline-block;
	color:#000;
	border-bottom:1px solid #000;
	padding:15px 0 3px;
	font-family: 'Roboto',sans-serif;
}
.bottom_forgot h3{
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.bottom_forgot p i{
	display: block;
}
.bottom_forgot .forgot_box{
	width:100%;
	height:40px;
	border:1px solid #d1d1d1;
	margin-bottom:13px;
	position: relative;
}
.bottom_forgot .forgot_box input{
	width:100%;
	height:38px;
	border: 0;
	outline-color: #00699d;
	padding-left:20px;
	font-family: 'Roboto', sans-serif;
}
.bottom_forgot .forgot_box select{
	width:100%;
	height:38px;
	border: 0;
	padding-left:16px;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
}
.bottom_forgot .forgot_box div.error{
	display: block;
	color:red;
	position: absolute;
	right:25px;
	top:12px;
	font-size: 13px;
	z-index: 10;
	font-family: 'Roboto',sans-serif;
}
.bottom_forgot .forgot01_section03{
	width:260px;
	margin:0px auto;
	padding-top:30px;
}
.bottom_forgot .forgot01_section03 a{
	margin-bottom:10px;
}
.bottom_forgot .forgot02_section02{
	width:260px;
	margin:0px auto;
	padding-top:50px;
}
.bottom_forgot .forgot02_section02 a{
	margin-bottom:10px;
}

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

.top_login{
	width:100%;
}
.top_login .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold';
	letter-spacing: 0.5px;
}
.top_login .top_menu li{
	float: left;
	margin-right:10px;
}
.top_login .top_menu li a{
	color: #000;
	font-size:9px;
}
.top_login .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_login h2{
	font-size: 33px;
	line-height: 32px;
	padding-bottom:30px;
	font-weight: 500;
}
.bottom_login{
	width:520px;
	margin:0 auto;
}
.bottom_login .login_box{
	width:100%;
	height:40px;
	border:1px solid #d1d1d1;
	margin-bottom:13px;
	position: relative;
}
.bottom_login .checkbox{
	font-family: 'Roboto', sans-serif;
	float: left;
	font-size: 13px;
}
.danger{
	clear: both;
	text-align: center;
	font-family: 'Roboto',sans-serif;
	color:red;
	font-size: 15px;
	padding-top:5px;
}
.bottom_login .checkbox label{
	vertical-align: top;
	padding-left: 5px;
}
.bottom_login .login_box input{
	width:100%;
	height:38px;
	border: 0;
	outline-color: #00699d;
	padding-left:20px;
	font-family: 'Roboto', sans-serif;
}
.bottom_login .login_box select{
	width:100%;
	height:38px;
	border: 0;
	padding-left:20px;
}
.bottom_login .login_box div.error{
	display: block;
	color:red;
	position: absolute;
	right:25px;
	top:12px;
	z-index: 10;
	font-size: 13px;
	font-family: 'Roboto',sans-serif;
}
.bottom_login .login_section02{
	width:260px;
	margin:0 auto;
	padding:40px 0 50px 0;
}
.bottom_login .login_section02 a{
	margin-bottom:10px;
}
.bottom_login .login_section02 .under_page{
	color:#000;
	border-bottom:1px solid #000;
	padding-bottom:3px;
	font-family: 'Roboto',sans-serif;
}
.bottom_login .login_section02 .fa_blue{
	background:#3a5b9b;
}
.bottom_login .login_section02 .fa_blue:before{
	display: inline-block;
	background:url(../images/sub/login_fa.jpg) no-repeat;
	width:36px;
	height:36px;
	content: '';
	vertical-align: middle;
	background-position: -1px -2px;
}
.bottom_login .login_section03{
	border:1px solid #d1d1d1;
	width:520px;
	height:auto;
	padding:31px 31px;
}
.bottom_login .login_section03 h4{
	text-align: center;
	font-size: 23px;
	padding: 15px 0 20px 0;
	letter-spacing: 0.5px;
}
.bottom_login .login_section03 p{
	font-family: 'Roboto',sans-serif;
	font-size: 15px;
	line-height:  18px;
	padding-bottom:27px;
}
.bottom_login .login_section03 span{
	font-size: 18px;
	display: block;
	padding-bottom:10px;
	letter-spacing: 0.5px;
}
.bottom_login .login_section03 i{
	display: block;
}

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

.top_introduction{
	width:100%;
}
.top_introduction .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.5px;
}
.top_introduction .top_menu li{
	float: left;
	margin-right:10px;
}
.top_introduction .top_menu li a{
	color: #000;
	font-size:9px;
	font-family: 'Roboto-bold'
}
.top_introduction .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_introduction .top_bg{
	clear: both;
	width:100%;
	height:217px;
	background: url(../images/sub/sub101_1060img01.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}
.top_introduction .top_bg h2{
	padding:58px 0 0 40px;
	font-size:50px;
	line-height: 48px;
	color:#fff;
	font-weight: 300;
	letter-spacing: 1px;
}
.bottom_introduction{
	margin:0 auto;
	padding:48px 40px;
	width:100%;
}
.bottom_introduction .section_introduction,
.bottom_introduction .section{
	width:100%;
	height:auto;
	border-bottom:1px solid #ccc;
}
.bottom_introduction .section_introduction h3,
.bottom_introduction .section h3{
	padding: 48px 0 30px;
	line-height: 1.4;
	font-size:25px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.bottom_introduction .section_introduction p,
.bottom_introduction .section p{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	line-height:18px;
	padding-bottom:25px;
}
.bottom_introduction .section_introduction p:last-child,
.bottom_introduction .section p:laSt-child {
	padding-bottom:48px;
}
.bottom_introduction .section_introduction span,
.bottom_introduction .section span{
	font-family: 'Roboto-bold'
}
.bottom_introduction .section_logo{
	width:100%;
	border-bottom:1px solid #ccc;
}
.bottom_introduction .logo_contents{
	padding:40px 0;
}
.bottom_introduction .section_logo h3{
	padding:48px 0 0 0;
	line-height: 22px;
	font-size:25px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.section_logo .left_logo{
	width:566px;
	height:197px;
	background: url(../images/sub/sub101_1060img02.png) no-repeat;
	background-position: center;
	background-size: cover;
	display: inline-block;
}
.section_logo .right_logo {
	width:310px;
	height:197px;
	display: inline-block;
	float: right;
	position: relative;
}
.section_logo .right_logo h4{
	float: right;
	font-size:17px;
	display: block;
	margin-bottom:40px;
	letter-spacing: 0.5px;
}
.section_logo .right_logo p{
	font-family: 'Roboto', sans-serif;
	float: right;
	font-size:15px;
	line-height: 18px;
	word-break: keep-all;
	height:auto;
	text-align: right;
}
.section_logo .right_logo .button{
	clear: both;
	float: right;
	width:260px;
	height:29px;
	background: #ed3e2b;
	text-align: center;
	line-height: 27px;
	position: absolute;
	bottom:0;
	right:0;
}
.section_logo .right_logo .button span{
	color: #fff;
	font-size:14px;
	vertical-align: middle;
	display: block;
	letter-spacing: 0.5px;
}

.bottom_introduction .section_partners{
	overflow: hidden;
	width:100%;
	height:auto;

}
.bottom_introduction .section_partners h3{
	padding:42px 0 40px 0;
	font-size:25px;
	float: left;
	letter-spacing: 0.5px;
	font-weight: 500;
}
.section_partners .button{
	float: right;
	width:260px;
	height:29px;
	background: #f89c27;
	text-align: center;
	line-height: 27px;
	display: block;
	margin-top:43px;
}
.section_partners .button span{
	color: #fff;
	font-size:15px;
	vertical-align: middle;
	display: block;
	letter-spacing: 0.5px;
}
.section_partners ul{
	width: 100%;
	overflow: hidden;
}
.section_partners ul li{
	position: relative;
	float: left;
	width:24%;
	height:45px;
	border:3px solid #000;
	margin:0 1.3% 0 0;
	text-align: center;
	font-size:20px;
}

.section_partners ul li a{
	color:#000;
	letter-spacing: 0.5px;
	width:100%;
	display: block;
	padding:5px 0;
}
.section_partners ul li a span{
	position: absolute;
	top:3px;
	right:20px;
}
.section_partners ul .no_ri{
	/*margin-right:0;*/
}
.section_partners ul li:last-child{
	margin: 0 0 0 0;
}
/* reaflet */
.section_partners.reaflet {
	margin-top: 60px;
}
.section_partners.reaflet img {
	width: 100%;
}
.section_partners.reaflet ul li {
	width: 15.58%
}
.section_partners.reaflet ul li a {
	font-size: 18px;
}
	/* --------------------------------
        4. container
         2) Patners (sub102)
    ---------------------------------*/

.top_partners{
	width:100%;
}
.top_partners .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto', sans-serif;
}
.top_partners .top_menu li{
	float: left;
	margin-right:10px;
}
.top_partners .top_menu li a{
	color: #000;
	font-size:9px;
	font-family: 'Roboto-bold';
}
.top_partners .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_partners .top_bg{
	clear: both;
	width:100%;
	height:217px;
	background: url(../images/sub/sub102_1060img01.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}
.top_partners .top_bg h2{
	padding:83px 0 0 40px;
	font-size:50px;
	line-height: 48px;
	color:#fff;
	font-weight: 300;
	letter-spacing: 1px;
}
.bottom_partners{
	width:100%;
	margin:0 auto;
}
.bottom_partners .contents{
	border-bottom:1px solid #aeaeae;
}
.bottom_partners .contents:last-child{
	margin-bottom:90px;
}
.bottom_partners h3{
	padding:37px 36px 20px 36px;
	font-size: 25px;
	font-weight:500;
	letter-spacing: 0.5px;
}
.bottom_partners .section_top{
	width:100%;
	position: relative;
}
.bottom_partners .left_top{
	float: left;
	width:50%;
	height:137px;
	border-top:6px solid #000;
	background: #eee;
	text-align: center;
}
.bottom_partners .left_top a{
	color: #000;
	font-size: 14px;
}
.bottom_partners .left_top img{
	margin:18px 0 10px 0;
}
.bottom_partners .left_top span{
	font-weight: 500;
	font-size: 11px;
	font-family: 'Roboto-bold';
}
.bottom_partners .left_top span a{
	color:#000;
}
.bottom_partners .right_top{
	float: right;
	width:50%;
	height:137px;
}
.bottom_partners .right_top01{
	background: url(../images/sub/sub102_1060img03.jpg);
}
.bottom_partners .right_top02{
	background: url(../images/sub/sub102_1060img05.jpg);
}
.bottom_partners .right_top03{
	background: url(../images/sub/sub102_1060img07.jpg);
}
.bottom_partners .section_bottom{
	padding:30px;
	clear: both;
}
.bottom_partners .section_bottom h4{
	padding-bottom:20px;
	font-size: 17px;
	letter-spacing: 0.5px;
	font-weight:500;
}
.bottom_partners .section_bottom i{
	display: block;
}
.bottom_partners .section_bottom p{
	padding-bottom:20px;
	line-height: 19px;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
}
.bottom_partners .section_bottom p:last-child{
	padding-bottom:30px;
}
.bottom_partners .section_bottom p.padding30{
	padding-bottom:30px;
}
.bottom_partners .section_bottom .section_hide01{
	display:none;
}
.bottom_partners .section_bottom .section_hide02{
	display:none;
}
.bottom_partners .section_bottom .section_hide03{
	display:none;
}
.bottom_partners .section_button .close{
	display: none;
}
.bottom_partners .contents_box .box{
	border:1px solid #d4d4d4;
	padding:30px 0 0 20px;
	margin-bottom:20px;
}
.bottom_partners .contents_box .box p{
	display: inline-block;
	padding-right:70px;
}
.bottom_partners .contents_box{
	border-bottom:1px solid #000;
}
.bottom_partners .contents_box02{
	border-top:1px solid #000;
}
.bottom_partners .contents_box:last-child{
	border-bottom: 0;
}
.bottom_partners .section_hide01 h4{
	padding:30px 0 20px 0;
}
.bottom_partners .section_hide03 h4{
	padding:30px 0 20px 0;
}
.bottom_partners .contents_button{
	height:24px;
	margin-bottom:10px;
}
.bottom_partners .go_button{
	float: left;
	width:140px;
	height:24px;
	background: #00699d;
	text-align: center;
	line-height: 24px;
}
.bottom_partners .go_button span a{
	color: #fff;
	font-size:14px;
}
.bottom_partners .sns_button{
	float: left;
	margin-left:20px;
}
.bottom_partners .sns_button li{
	float: left;
	margin-right:8px;
}
.bottom_partners .contents_button .mail{
	font-family: 'Roboto', sans-serif;
}
.bottom_partners .contents_button .mail a{
	font-size: 15px;
	color: #00699d;
	border-bottom:1px solid #00699d;
}
.bottom_partners .section_button{
	width:240px;
	height:29px;
	border:3px solid #000;
	position: absolute;
	right: 0px;
	bottom:0px;
	text-align: right;
}
.bottom_partners .section_button span a{
	width:100%;
	display: block;
	font-weight: 500;
	padding-right:30px;
	color:#000;
	font-size: 15px;
	line-height: 23px;
	letter-spacing: 0.5px;
}

/* --------------------------------
    4. container
     3) cities and the SDGs (sub201)
---------------------------------*/
.top_cities{
	width:100%;
}
.top_cities .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold';
	letter-spacing: 0.5px;
}
.top_cities .top_menu li{
	float: left;
	margin-right:10px;
}
.top_cities .top_menu li a{
	color: #000;
	font-size:9px;
	font-family: 'Roboto-bold';
	letter-spacing: 0.5px;
}
.top_cities .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_cities .top_bg,
.top_featurearticles .top_bg{
	clear: both;
	width:100%;
	height:217px;
	background: url(../images/sub/sub201_1060img00.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}
.top_cities .top_bg h2,
.top_featurearticles .top_bg h2{
	padding:58px 0 0 40px;
	font-size:50px;
	line-height: 48px;
	color:#fff;
	font-weight: 300;
	letter-spacing: 1px;
}
.bottom_cities{
	width:100%;
	margin:0 auto;
}
.bottom_cities .go_button{
	float: right;
	margin-top:15px;
	width:auto;
	height:auto;
	background:#00699d;
}
.bottom_cities .go_button a{
	color:#fff;
	padding:8px 25px;
	display: block;
	font-size: 15px;
	letter-spacing: 0.5px;
}
.bottom_cities .section_goals{
	clear: both;
}
.bottom_cities .section_goals li{
	float: left;
	width:160px;
	height:160px;
	margin: 0 20px 20px 0;
}
.bottom_cities .section_goals .no_ri{
	margin-right:0;
}
.bottom_cities .section_goalstext{
	clear: both;
	padding:40px 0;
}
.bottom_cities .section_goalstext i{
	display: block;
}
.bottom_cities .section_goalstext h4{
	font-size: 25px;
	font-weight: 500;
	padding-bottom:34px;
	letter-spacing: 0.5px;
}
.bottom_cities .section_goalstext p{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 19px;
}

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

.top_sdgs{
	width:100%;
}
.top_sdgs .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold';
	letter-spacing: 0.5px;
}
.top_sdgs .top_menu li{
	float: left;
	margin-right:10px;
}
.top_sdgs .top_menu li a{
	color: #000;
	font-size:9px;
	font-family: 'Roboto-bold';

}
.top_sdgs .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}

.bottom_sdgs{
	width:100%;
	margin:0 auto;
}
.bottom_sdgs h2{
	font-size: 33px;
	line-height: 32px;
	padding-bottom:30px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.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{
	clear: both;
}
.bottom_sdgs .section_goals li{
	float: left;
	width:100px;
	height:100px;
	margin: 0 20px 20px 0;
}
.bottom_sdgs .section_goals .no_ri{
	margin-right:0;
}
.bottom_sdgs .section_goalsbox{
	clear: both;
	width:100%;
	height:170px;
	margin:20px 0;
	background: #8f1838;
	padding:29px 40px;
}
.bottom_sdgs .section_goalsbox.view1{
	background: #eb1c2e;
}
.bottom_sdgs .section_goalsbox.view2{
	background: #d3a02a;
}
.bottom_sdgs .section_goalsbox.view3{
	background: #289c49;
}
.bottom_sdgs .section_goalsbox.view4{
	background: #c21f32;
}
.bottom_sdgs .section_goalsbox.view5{
	background: #f03f2d;
}
.bottom_sdgs .section_goalsbox.view6{
	background: #00aed9;
}
.bottom_sdgs .section_goalsbox.view7{
	background: #fcb616;
}
.bottom_sdgs .section_goalsbox.view8{
	background: #8f1838;
}
.bottom_sdgs .section_goalsbox.view9{
	background: #f16d22;
}
.bottom_sdgs .section_goalsbox.view10{
	background: #e01485;
}
.bottom_sdgs .section_goalsbox.view11{
	background: #fa9d26;
}
.bottom_sdgs .section_goalsbox.view12{
	background: #d08c29;
}
.bottom_sdgs .section_goalsbox.view13{
	background: #4a773e;
}
.bottom_sdgs .section_goalsbox.view14{
	background: #007dbd;
}
.bottom_sdgs .section_goalsbox.view15{
	background: #40b149;
}
.bottom_sdgs .section_goalsbox.view16{
	background: #03568c;
}
.bottom_sdgs .section_goalsbox.view17{
	background: #183668;
}
.bottom_sdgs .section_goalsbox span{
	float: left;
	padding:0 20px;
}
.bottom_sdgs .section_goalsbox .text_goalsbox{
	padding-top:10px;
	width:670px;
	float: left;
	text-align: left;
}
.bottom_sdgs .section_goalsbox .button_goalsbox{
	float: right;
}
.bottom_sdgs .section_goalsbox .button_goalsbox li{
	float: left;
}
.bottom_sdgs .section_goalsbox strong{
	font-size: 30px;
	color:#fff;
	font-weight: 500;
	letter-spacing: 0.5px;
	padding-bottom:12px;
	display: block;
}
.bottom_sdgs .section_goalsbox p{
	font-size: 15px;
	line-height: 19px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
}

.bottom_sdgs .section_goalstext{
	padding:20px 0 36px 0;
	font-family: 'Roboto', sans-serif;
}
.bottom_sdgs .section_goalstext p{
	font-size: 15px;
	line-height: 19px;
}
.bottom_sdgs .section_goalstext i{
	display: block;
}
.bottom_sdgs .section_targets{
	padding:32px 22px;
	border-top:3px solid #000;

}
.bottom_sdgs .section_targets h4{
	font-size: 25px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.bottom_sdgs .section_targets .target_box{
	margin:18px 27px 0 27px;
}
.bottom_sdgs .section_targets .edge_box{
	float: left;
	width:50%;
}
.bottom_sdgs .section_targets .edge_box ul{
	min-height:215px;
	height:auto;
	padding:15px 0 0px 0;
	border-bottom:1px solid #ccc;
}
.bottom_sdgs .section_targets .edge_box:last-child{
	margin-bottom:55px;
}
.bottom_sdgs .section_targets .edge_box p{
	font-size: 15px;
	line-height: 18px;
}
.bottom_sdgs .section_targets .edge_box ul .edge_num{
	text-align: center;
	float: left;
	width:15%;
	font-family: 'Oswald-Bold'
}
.bottom_sdgs .section_targets .edge_box ul .edge_text{
	float: left;
	width:85%;
	font-family: 'Roboto', sans-serif;
}
.bottom_sdgs .section_targets .edge_box ul li p{

}
.bottom_sdgs .section_studies{
	clear: both;
	height:519px;
}
.bottom_sdgs .section_studies h4{
	border-top:3px solid #000;
	font-size: 25px;
	font-weight: 500;
	padding:32px 0 20px 0;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.bottom_sdgs .section_studies .list{
	float: left;
	width:calc(33.3% - 10px);
	max-width: 340px;
	height:426px;
	margin:0 20px 20px 0;
}
.bottom_sdgs .section_studies .no_ri{
	margin:0;
}

.bottom_sdgs .section_studies .list_thumb{
	width:100%;
	height:217px;
}
.bottom_sdgs .section_studies .list_thumb img{
	width:100%;
	height:100%;
}
.bottom_sdgs .section_studies .list_desc{
	width:100%;
	height:209px;
	border-bottom:1px solid #000;
	text-align: center;
}
.bottom_sdgs .section_studies .list_desc h3{
	font-size: 13px;
	font-weight: 500;
	padding:23px 0 10px 0;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.5px;
}
.bottom_sdgs .section_studies .list_desc h2{
	width:80%;
	margin:0 auto;
	font-size: 25px;
	line-height: 27px;
	margin-bottom:15px;
	height: 56px;
	white-space: nowrap;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: 0.5px;
}
.bottom_sdgs .section_studies .list_desc p{
	font-family: 'Roboto', sans-serif;
	width:100%;
	margin:0 auto;
	font-size: 13px;
	line-height: 15px;
	height: 28px;
	white-space: nowrap;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bottom_sdgs .section_studies .list_desc .rcs_box{
	width:92%;
	margin:0 auto;
	height:17px;
	padding-top: 20px;
}
.bottom_sdgs .section_studies .list_desc .rcs_date{
	float: left;
	padding-left:5px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	padding-top:4px;
}
.bottom_sdgs .section_studies .list_desc .rcs_icon{
	float: right;
}
.bottom_sdgs .section_studies .list_desc .rcs_icon li{
	float: left;
	padding-left:5px;
}
.bottom_sdgs .section_studies .list_desc .rcs_icon li img{
	vertical-align: middle;
}
.bottom_sdgs .section_studies .list_desc .rcs_icon li span{
	padding:1px 5px 5px 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	vertical-align: middle;
}

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

.top_featurearticles{
	width:100%;
}
.top_featurearticles .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold';
	letter-spacing: 0.5px;
}
.top_featurearticles .top_menu li{
	float: left;
	margin-right:10px;
}
.top_featurearticles .top_menu li a{
	color: #000;
	font-size:9px;
}
.top_featurearticles .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_featurearticles h2{
	font-size: 33px;
	line-height: 32px;
	padding-bottom:30px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.bottom_featurearticles{
	width:1060px;
	margin:0 auto;
}
.bottom_featurearticles  .article_list .contents{
	clear: both;
}
.bottom_featurearticles .category{
	height:20px;
	margin:35px 0 7px 0;
	float: right;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.5px;
}
.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;
	font-family: 'Roboto-bold';
}
.bottom_featurearticles .category .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.bottom_featurearticles .type01.no_ri{
	margin-right:0;
}
.bottom_featurearticles .type02.no_ri{
	margin-right:0;
}
.bottom_featurearticles .type01{
	width:340px;
	height:426px;
	border:1px solid #d1d1d1;
	float: left;
	text-align: center;
	margin: 0 20px 20px 0 ;
}
.bottom_featurearticles .type01 .list_thumb{
	width:100%;
	height: 217px;
	text-align: center;
}
.bottom_featurearticles .type01 .list_thumb img{
	width:100%;
	height:100%;
}
.bottom_featurearticles .type01 .list_desc{
	width:100%;
	height: 209px;
	text-align: center;
	border: 0;
}
.bottom_featurearticles .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
}
.bottom_featurearticles .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_featurearticles .list_desc .rcs_box{
	width:92%;
	margin:0 auto;
	height:17px;
	padding-top:20px;
}
.bottom_featurearticles .list_desc .rcs_date{
	float: left;
	padding-left:5px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	padding-top:4px;
}
.bottom_featurearticles .list_desc .rcs_icon{
	float: right;
}
.bottom_featurearticles .list_desc .rcs_icon li{
	float: left;
	padding-left:5px;
}
.bottom_featurearticles .list_desc .rcs_icon li img{
	vertical-align: middle;
}
.bottom_featurearticles .list_desc .rcs_icon li span{
	padding:1px 5px 5px 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	vertical-align: middle;
}
.bottom_featurearticles .type02{
	width:340px;
	height:426px;
	border:1px solid #d1d1d1;
	float: left;
	text-align: center;
	margin: 0 20px 20px 0 ;
}
.bottom_featurearticles .type02 .list_thumb{
	width:100%;
	height: 217px;
	text-align: center;
}
.bottom_featurearticles .type02 .list_desc{
	width:100%;
	height: 209px;
	text-align: center;
	border: 0;
}
.bottom_featurearticles .type02 .list_thumb{
	border-bottom:1px solid #d1d1d1;
}
.bottom_featurearticles .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;
	color: #000;
}
.bottom_featurearticles .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;
}


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

.top_featurearticles{
	width:100%;
}
.top_featurearticles .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold', sans-serif;
	letter-spacing: 0.5px;
}
.top_featurearticles .top_menu li{
	float: left;
	margin-right:10px;
}
.top_featurearticles .top_menu li a{
	color: #000;
	font-size:9px;
}
.top_featurearticles .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_featurearticles h2{
	font-size: 33px;
	line-height: 32px;
	padding-bottom:30px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.bottom_featurearticles{
	width:1060px;
	margin:0 auto;
}
.bottom_featurearticles .section00{
	width:100%;
	height:auto;
	display: inline-block;
	padding: 25px 44px 25px 44px;
	border-top:1px solid #000;
	border-bottom:2px solid #000;
}
.bottom_featurearticles .section00 h3{
	font-size: 34px;
	line-height: 38px;
	margin-bottom:7px;
	font-weight: 500;
	text-align: center;
}
.bottom_featurearticles .section00 .sec00_left{
	float: left;
	width:60%;
	padding-top:12px;
}
.bottom_featurearticles .section00 .sec00_left p{
	font-family: 'Roboto', sans-serif;
}
.bottom_featurearticles .section00 .sec00_left span{
	font-weight: 600;
}

.bottom_featurearticles .section00 .case_count{
	padding:3px 0 0px 0;
	display: inline-block;
}
.bottom_featurearticles .section00 .case_count li{
	float: left;
	padding-right:10px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
}

.bottom_featurearticles .section00 .case_sns{
	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{
	color:#dc1668;
	clear: both;
	float: right;
	font-size: 15px;
}
.bottom_featurearticles .section01{
	clear: both;
	padding:35px 44px;
}
.bottom_featurearticles .section01 .column{
	padding-bottom:40px;
}
.bottom_featurearticles .section01 .column img{
	width:100% !important;
	height:100% !important;
}
.bottom_featurearticles .section01 .column:last-child{
	padding:0;
}
.bottom_featurearticles .section01 .column h3{
	font-size: 22px;
	padding-bottom: 22px;
	font-weight: 500;
}
.bottom_featurearticles .section01 .column p{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 19px;
}
.bottom_featurearticles .section01 .column p span{
	font-weight: 700;
}
.bottom_featurearticles .section01 .column p .down{
	display: block;
}
.bottom_featurearticles .section01 .column .column_img{
	display: inline-block;
	padding-bottom: 10px;
}
.bottom_featurearticles .section01 .column .column_img .font{
	font-family: 'Roboto', sans-serif;
	display: inline-block;
	padding-bottom: 7px;
}
.bottom_featurearticles .section01 .column .column_img .font p{
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	padding-right:7px;
}
.bottom_featurearticles .section01 .column .column_img .font span{
	font-size: 14px;
	display: inline-block;
}
.bottom_featurearticles .section01 .column .column_img .font span a{
	color: #118ed2;
}
.bottom_featurearticles .section01 .column .column_img .img{
	width:100%;
	text-align: right;
}
.bottom_featurearticles .section01 .column .column_img .img span{
	font-family: 'Roboto', sans-serif;
	font-size: 11px!important;
	color:#a1a1a1;
}
.bottom_featurearticles .section01 .column .column_img .img img{
	width:100%;
}
.bottom_featurearticles .section03{
	margin-bottom: 60px;
}
.bottom_featurearticles .section03 .details{
	width:100%;
	height:245px;
	background: #ebebeb;
	margin-top:76px;
	padding:30px 44px;
}
.bottom_featurearticles .section03 .details h3{
	font-size: 22px;
	float: left;
	width:376px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.bottom_featurearticles .section03 .details .top{
	float: left;
	padding-bottom:30px;
	font-size: 13px;
	line-height: 19px;
}
.bottom_featurearticles .section03 .details .top li span{
	float: left;
	width:220px;
	letter-spacing: 0.5px;
}
.bottom_featurearticles .section03 .details .top li p{
	float:left;
	font-family: 'Roboto', sans-serif;
}
.bottom_featurearticles .section03 .details .keywords{
	clear: both;
	border-top:1px solid #000;
	padding-top:20px;
}
.bottom_featurearticles .section03 .details .keywords h3{
	font-weight: 500;
	letter-spacing: 0.5px;
}
.bottom_featurearticles .section03 .details .keywords ul li{
	float: left;
	width:149px;
	height:35px;
	background: #fff;
	color: #000;
	margin-right:13px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	line-height: 35px;
	font-size: 15px;
}
.bottom_featurearticles .section03 .heart{
	width:100px;
	margin:27px auto;
	text-align: center;
}
.bottom_featurearticles .section03 .heart span{
	font-size: 17px;
}
.bottom_featurearticles .section03 .comments{
	width: 972px;
	margin:0 auto;
}
.bottom_featurearticles .section03 .comments h4{
	font-size: 22px;
	padding-bottom:15px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.bottom_featurearticles .section03 .top_comments .left_sec{
	float: left;
	width:300px;
	margin-top:3px;
}
.bottom_featurearticles .section03 .top_comments .left_sec p{
	font-size: 15px;
	font-weight: 500;
	float: left;
	margin-right: 10px;
	letter-spacing: 0.5px;
}
.bottom_featurearticles .section03 .top_comments .left_sec .star li{
	float: left;
	margin-right: 1px;
}
.bottom_featurearticles .section03 .top_comments .right_sec{
	float: right;
	font-size: 15px;
}
.bottom_featurearticles .section03 .top_comments .right_sec p{
	font-size: 15px;
	font-weight: 500;
	float: left;
	margin-right: 4px;
	padding-top:3px;
	letter-spacing: 0.5px;
}
.bottom_featurearticles .section03 .top_comments .right_sec p span{
	color: #00699d;
	border-bottom:1px solid #00699d;
}
.bottom_featurearticles .section03 .top_comments .right_sec img{
	padding-left: 3px;
}
.bottom_featurearticles .section03 .registration{
	width:100%;
	clear: both;
	height:158px;
	margin:7px 0 28px 0;
}
.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;
	cursor: pointer;
}
.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 .columns{
	width:100%;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 15px;
	clear: both;
	height: auto;
	display: inline-block;
}
.bottom_featurearticles .section03 .total .reply .reply_img{
	width:57px;
	height:57px;
	float: left;
	margin-right:20px;
}

/* 댓글 영역 대문자만 보이도록 */

.total .reply .reply_color01{
	width:57px;
	height:57px;
	background: #02558b;
	float: left;
	margin-right:20px;
	text-align: center;
}
.total .reply .reply_color02{
	width:57px;
	height:57px;
	background: #ef402b;
	float: left;
	margin-right:20px;
	text-align: center;
}
.total .reply .reply_color03{
	width:57px;
	height:57px;
	background: #00aed9;
	float: left;
	margin-right:20px;
	text-align: center;
}
.total .reply .reply_color04{
	width:57px;
	height:57px;
	background: #fcb712;
	float: left;
	margin-right:20px;
	text-align: center;
}
.total .reply .reply_color05{
	width:57px;
	height:57px;
	background: #8f1838;
	float: left;
	margin-right:20px;
	text-align: center;
}
.total .reply .reply_color06{
	width:57px;
	height:57px;
	background: #3db049;
	float: left;
	margin-right:20px;
	text-align: center;
}
.total .reply .reply_color07{
	width:57px;
	height:57px;
	background: #e01483;
	float: left;
	margin-right:20px;
	text-align: center;
}
.total .reply .reply_color span{
	color: #fff;
	font-size:30px;
	line-height: 57px;
	font-weight: bold;
}

/* 댓글 영역 대문자만 보이도록 */

.bottom_featurearticles .section03 .total .reply .reply_img img{
	width:100%;
}
.bottom_featurearticles .section03 .total .reply .reply_text{
	width:763px;
	float: left;
	font-size: 15px;
	padding-top:9px;
}
.bottom_featurearticles .section03 .total .reply .reply_text p{
	padding-bottom: 5px;
	line-height: 15px;
}
.bottom_featurearticles .section03 .total .reply .reply_text .red_dot{
	color:#ff0000;
}
.bottom_featurearticles .section03 .total .reply .reply_text .red_dot img{
	padding-right:3px;
}
.bottom_featurearticles .section03 .total .reply .reply_text span{
	margin-left:10px;
	font-size: 15px;
	color:#b7b7b7;
	font-weight: 500;
}
.bottom_featurearticles .section03 .total .reply .reply_text span i{
	display: block;
}
.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 span{
	vertical-align: top;
	padding-top:11px;
	display: inline-block;
	margin-left: 10px;
}

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

.top_relevant{
	width:100%;
}
.top_relevant .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold';
	letter-spacing: 0.5px;
}
.top_relevant .top_menu li{
	float: left;
	margin-right:10px;
}
.top_relevant .top_menu li a{
	color: #000;
	font-size:9px;
}
.top_relevant .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_relevant h2{
	font-size: 33px;
	line-height: 32px;
	padding-bottom:30px;
	font-weight: 500;
}
.bottom_relevant {
	width:1060px;
	margin:0 auto;
}
.section_result .contents02{
	width:100%;
	clear: both;
}
.section_result .contents02 li{
	width:100%;
	height:217px;
	margin-bottom:20px;
}
.section_result .contents02 .list{
	width: 100%;
	height:217px;

}
.section_result .contents02 .list_thumb{
	width:340px;
	height:217px;
	float: left;
}
.section_result .contents02 .list_thumb{
	width:37.075471%; /* -5% */
	height:217px;
	border:1px solid #d1d1d1;
	border-right:none;
}
.section_result .contents02 .img01 .list_thumb{
	width:37.075471%;
	height:217px;
	background: url(../images/sub/relevant_img01.jpg)no-repeat;
	background-size: cover;
	background-position: center;
	border:1px solid #d1d1d1;
	border-right:none;
}
.section_result .contents02 .img02 .list_thumb{
	width:37.075471%;
	height:217px;
	background: url(../images/sub/relevant_img02.jpg)no-repeat;
	background-size: cover;
	background-position: center;
}
.section_result .contents02 .img03 .list_thumb{
	width:37.075471%;
	height:217px;
	background: url(../images/sub/relevant_img03.jpg)no-repeat;
	background-size: cover;
	background-position: center;
}
.section_result .contents02 .list_thumb img{
	width:100%;
}
.section_result .contents02 .list_desc{
	width:62.92452%;
	height:217px;
	float: right;
	border:1px solid #d1d1d1;
	padding:33px 39px;
}
.section_result .contents02 .list_desc h3{
	font-size:26px;
	line-height: 28px;
	font-weight: 500;
}
.section_result .contents02 .list_desc p{
	font-size:15px;
	line-height: 15px;
	font-weight: 500;
	margin:24px 0 30px 0;
	font-family: 'Roboto', sans-serif;
}
.section_result .contents02 .list_desc p a{
	color: #000;
}
.section_result .contents02 .list_desc p a span{
	text-decoration: underline;
}
.section_result .contents02 .list_desc p.over{
	font-size:15px;
	line-height: 18px;
	height: 36px;
	font-weight: 500;
	white-space: nowrap;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}
.section_result .contents02 .list_desc p:last-child{
	margin:0;
}
.section_result .contents02 .list_desc .at_bar{
	display: inline-block;
	margin: 0 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.section_result .contents02 .list_desc p i{
	display: block;
}

/* --------------------------------
    4. container
     8) case study database (sub301)
---------------------------------*/

.top_database{
	width:100%;
}
.top_database .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold';
	letter-spacing: 0.5px;
}
.top_database .top_menu li{
	float: left;
	margin-right:10px;
}
.top_database .top_menu li a{
	color: #000;
	font-size:9px;
	font-weight:600;
}
.top_database .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_database .top_bg{
	clear: both;
	width:100%;
	height:217px;
	background: url(../images/sub/sub201_1060img00.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}
.top_database .top_bg h2{
	padding:58px 0 0 40px;
	font-size:50px;
	line-height: 48px;
	color:#fff;
}
.bottom_database{
	width:100%;
	margin:0 auto;
}
.bottom_database h2{
	font-size: 33px;
	line-height: 32px;
	padding-bottom:30px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.bottom_database .filter{
	font-size: 25px;
	background: rgba(0,0,0, .8);
	cursor: pointer;
}
.bottom_database .filter h3{
	display: inline-block;
	font-weight: 500;
	color: #fff;
	vertical-align: middle;
	line-height: 40px;
	margin-top: -4px;
}
.bottom_database .filter .filter_toggle_wrap {
	display: inline-block;
}
.bottom_database .filter .filter_toggle_wrap button {
	position: relative;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	outline:none;
	cursor: pointer;
}
.bottom_database .filter .filter_toggle_wrap button span {
	position: absolute;
	width: 17px;
	height:2px;
	left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.bottom_database .filter .filter_toggle_wrap button span:nth-child(1) { top: 10px; }
.bottom_database .filter .filter_toggle_wrap button span:nth-child(2) { top: 50%; margin-top: -1px; }
.bottom_database .filter .filter_toggle_wrap button span:nth-child(3) { top: auto; bottom: 10px; }
.bottom_database .filter.filter_on .filter_toggle_wrap button span:nth-child(1) {
	top: 50%;
	width: 22px;
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-moz-transform: translate(-50%,-50%)  rotate(45deg);
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	-o-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
.bottom_database .filter.filter_on .filter_toggle_wrap button span:nth-child(2){
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
	opacity: 0;
}
.bottom_database .filter.filter_on .filter_toggle_wrap button span:nth-child(3) {
	top: 50%;
	width: 22px;
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	-moz-transform: translate(-50%,-50%) rotate(-45deg);
	-ms-transform: translate(-50%,-50%) rotate(-45deg);
	-o-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}
.bottom_database .filter .filter_box .more{ display: none; }
.bottom_database .filter_section.filter_on { display: block; }
.bottom_database .filter_section{
	position: absolute;
	width: 1060px;
	padding: 18px 0;
	background: rgba(0,0,0, .8);
	display: none;
	z-index: 10;
}
.bottom_database .section{
	clear: both;
	padding:0 40px;
}
.bottom_database .section h3{
	margin-bottom:10px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}
.bottom_database .section_goals:after {
	display: block;
	content: '';
	clear: both;
}
.bottom_database .section_goals button{
	float: left;
	width:92px;
	height:92px;
	margin: 0 19px 19px 0;
	border:0;
	outline:none;
	cursor: pointer;
}
.bottom_database .section_goals button img {
	width:100%;
}
.bottom_database .section_goals .no_ri{
	margin-right:0;
}
.bottom_database .section .radi_box:after {
	display:block;
	content: '';
	clear: both;
}
.bottom_database .section .radi_box button{
	float: left;
	width:135px;
	height:40px;
	line-height: 40px;
	border-radius: 15px;
	margin:0 17px 15px 0;
	text-align: center;
	font-size: 13px;
	border:1px solid #d7d7d7;
	background: #fff;
	font-family: 'Roboto', sans-serif;
	outline: none;
	cursor: pointer;
}
.bottom_database .section .radi_box button.on{
	background:#d7d7d7;
	border:1px solid #d7d7d7;
	border-radius: 15px;
	outline: none;
}
.bottom_database .section .radi_box button.no_ri{
	margin-right:0;
}
.bottom_database .section .radi_box button.over_nope{
	line-height: 11px;
	font-size: 12px;
	padding-top:0px;
}
.bottom_database .show_result{
	clear: both;
	height:519px;
	padding-top:40px;
}
.bottom_database .show_result h4{
	font-size: 17px;
	margin:5px 0 5px 0;
	font-weight: 500;
	letter-spacing: 0.5px;
	float: left;
}
.bottom_database .show_result h4 span{
	color:#ff0000;
}
.bottom_database .category{
	height:20px;
	margin:7px 0 3px 0;
	float: right;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.5px;
}
.bottom_database .category li{
	float: left;
	margin-left: 10px;
}
.bottom_database .category li a{
	color: #919191;
	font-size:12px;
	font-weight:500;
}
.bottom_database .category li.on a{
	color: #000;
	font-size:12px;
	font-weight:500;
}
.bottom_database .category .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.bottom_database .result_box{
	clear: both;
}
.bottom_database .list{
	float: left;
	width:340px;
	height:426px;
	margin:0 20px 30px 0;
}
.bottom_database .list.no_ri{
	margin-right:0;
}
.bottom_database .list .list_thumb{
	position: relative;
	width:340px;
	height:217px;
	overflow: hidden;
}
.bottom_database .list .list_thumb.listBgSize {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.bottom_database .list .list_thumb img{
	width:100%;
	height:100%;
	position: absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.bottom_database .list .list_thumb img.wRatio{
	width:100%;
	position: absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.bottom_database .list .list_thumb img.hRatio{
	height:100%;
	position: absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.bottom_database .list .list_desc{
	width:340px;
	height:209px;
	border-bottom:1px solid #000;
	text-align: center;
}
.bottom_database .list .list_desc h3{
	font-size: 13px;
	font-weight: 500;
	padding:22px 0 10px 0;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.5px;
	text-overflow: ellipsis;
	overflow:hidden;
}
.bottom_database .list .list_desc h2{
	width:80%;
	margin:0 auto;
	font-size: 25px;
	line-height: 27px;
	margin-bottom:15px;
	height: 56px;
	white-space: nowrap;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: 0.5px;
}
.bottom_database .list .list_desc p{
	font-family: 'Roboto', sans-serif;
	width:100%;
	margin:0 auto;
	font-size: 13px;
	line-height: 15px;
	height: 30px;
	white-space: nowrap;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bottom_database .list .list_desc .rcs_box{
	width:92%;
	margin:0 auto;
	height:17px;
	padding-top: 20px;
}
.bottom_database .list .list_desc .rcs_date{
	float: left;
	padding-left:5px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	padding-top:4px;
}
.bottom_database .list .list_desc .rcs_icon{
	float: right;
}
.bottom_database .list .list_desc .rcs_icon li{
	float: left;
	padding-left:5px;
}
.bottom_database .list .list_desc .rcs_icon li img{
	vertical-align: middle;
}
.bottom_database .list .list_desc .rcs_icon li span{
	padding:1px 5px 5px 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	vertical-align: middle;
}

/* --------------------------------
    4. container
     9) News & Events (sub401/402)
---------------------------------*/

.top_news{
	width:100%;
}
.top_news .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold';
	letter-spacing: 0.5px;
}
.top_news .top_menu li{
	float: left;
	margin-right:10px;
}
.top_news .top_menu li a{
	color: #000;
	font-size:9px;
}
.top_news .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_news h2{
	font-size: 33px;
	line-height: 32px;
	padding-bottom:30px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.bottom_news{
	width:1060px;
	margin:0 auto;
}
.section_content .select_year {
	float:left;
	margin:35px 0 25px 0;
	height:20px;
	width: 100px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.5px;
	border: 1px solid #d3d3d3;
}
.section_content .category{
	height:20px;
	margin:35px 0 25px 0;
	float: right;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.5px;
}
.section_content .category li{
	float: left;
	margin-left: 10px;
}
.section_content .category li a{
	color: #919191;
	font-size:12px;
	font-weight:500;
}
.section_content .category li.on a{
	color: #000;
	font-size:12px;
	font-family: 'Roboto-bold';
}
.section_content .category .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.section_content .contents{
	clear: both;
}
.section_content .contents li{
	border:1px solid #d3d3d3 ;
	padding:31px 60px;
	margin-bottom:20px;
}
.bottom_publication .section_content .contents li {
	padding: 20px 30px;
	position: relative;
}
.bottom_publication .section_content .contents li:after {
	content:'';
	clear:both;
	display: block;
}
.bottom_publication .section_content .contents .publication_list_thumb {
	width: 176px;
	height: 176px;
	float: left;
	position: relative;
	overflow: hidden;
}
.bottom_publication .section_content .contents .publication_list_thumb > img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%) scale(0.4, 0.4);
	-moz-transform: translate(-50%,-50%) scale(0.4, 0.4);
	-ms-transform: translate(-50%,-50%) scale(0.4, 0.4);
	-o-transform: translate(-50%,-50%) scale(0.4, 0.4);
	transform: translate(-50%,-50%) scale(0.4, 0.4);
}
.bottom_publication .section_content .contents .publication_list_txt {
	float: left;
	max-width: 800px;
	margin-left: 20px;
}
.bottom_publication .section_content .contents .publication_list_txt h3 {
	font-size: 24px;
	padding-bottom:15px;
}
.bottom_publication .section_content .contents .publication_list_txt p.writer {
	display: inline-block;
	vertical-align: middle;
	padding:0;
}
.bottom_publication .section_content .contents .publication_list_txt .pdf_download {
	margin-top: -3px;
	vertical-align: middle;
	margin-left: 20px;
	font-size: 15px;
	color: #000;
	cursor: pointer;
	position: absolute;
}
.bottom_publication .section_content .contents .publication_list_txt .pdf_download:after {
	position: absolute;
	content: '';
	left: -10px;
	top: 0;
	width: 1px;
	height: 12px;
	margin-top: 6px;
	background: #000;
}
.bottom_publication .section_content .contents .publication_list_txt p.txt_body {
	padding-right:30px;
}
.text_area.mar_t20 {
	margin-top:20px;
}
.section_content .contents li h3{
	font-size: 26px;
	line-height: 30px;
	font-weight: 500;
	padding-bottom:21px;
}
.section_content .contents li h3 a{
	color:#000;
}
.section_content .contents li p{
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	padding-bottom:24px;
	line-height: 18px;
	height: 54px;
	font-weight: 500;
	white-space: nowrap;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}
.section_content .contents li p a{
	color: #000;
}
.section_content .contents li p:last-child{
	padding:0;
}

@media screen and (max-width: 1024px) {
	.bottom_publication .section_content .contents .publication_list_txt p.txt_body {
		position: static;
	}
	.bottom_publication .section_content .contents .publication_list_txt h3 {
		margin-top: 20px;
	}
	.bottom_publication .section_content .contents .publication_list_thumb {
		width: 100%;
		height: auto;
		overflow: visible;
	}
	.bottom_publication .section_content .contents .publication_list_thumb > img {
		position: static;
		width: 100%;
		transform: none;
	}
	.bottom_publication .section_content .contents .publication_list_txt {
		float: none;
		margin: 0;
	}
}

/* News and Events detail 부분 */

.bottom_news .section00{
	width:100%;
	height:auto;
	display: inline-block;
	padding: 0 44px 35px 44px;
	border-bottom:2px solid #000;
}
.bottom_news .section00 .sec00_left{
	float: left;
	width:60%;
}
.bottom_news .section00 .sec00_left h3{
	font-size: 34px;
	line-height: 38px;
	padding-bottom:28px;
	font-weight: 500;
}
.bottom_news .section00 .sec00_left p{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
.bottom_news .section00 .sec00_left span{
	font-weight: 600;
}
.bottom_news .section00 .case_count{
	padding:2px 0 24px 0;
}
.bottom_news .section00 .case_count li{
	float: left;
	padding-right:10px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
}
.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{
	color:#dc1668;
	clear: both;
	float: right;
	font-size: 15px;
	text-align: right;
}
.bottom_news .section01{
	clear: both;
	padding:35px 44px;
	border-bottom: 1px solid #000;
}
.bottom_news .section01 .column{
	padding-bottom:40px;
}
.bottom_news .section01 .column img {
	max-width: 100%;
}
.bottom_news .section01 .column:last-child{
	padding:0;
}
.bottom_news .section01 .column h3{
	font-size: 22px;
	padding-bottom: 22px;
	font-weight: 500;
}
.bottom_news .section01 .column p{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 19px;
}
.bottom_news .section01 .column p img{
	width:100% !important;
	height:100% !important;
	padding-bottom: 25px;
}
.bottom_news .section01 .column p span{
	font-weight: 700;
}
.bottom_news .section01 .column p .down{
	display: block;
}
.bottom_news .section01 .url_column{

}
.bottom_news .section01 .url_column p{
	width:auto;
	font-size: 15px;
	color: #00699d;
	text-decoration: underline;
	padding-bottom:1px;
	display: inline-block;
	margin-top:15px;
}
.bottom_news .section01 .url_column p a{
	color:#00699d;
	font-size: 14px;
	font-family: 'Roboto' ,sans-serif;
}

/* --------------------------------
    4. container
     10) Urban SDG Forum (sub403)
---------------------------------*/
.top_forum{
	width:100%;
}
.top_forum .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold';
}
.top_forum .top_menu li{
	float: left;
	margin-right:10px;
}
.top_forum .top_menu li a{
	color: #000;
	font-size:9px;
}
.top_forum .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_forum .top_bg{
	width:100%;
	height:217px;
	background: url(../images/sub/sub403_1060img01.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}
.top_forum .top_bg h2{
	padding:83px 0 0 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:37px 36px 20px 36px;
	font-size: 25px;
	font-weight:500;
}
.bottom_forum .section_top{
	width:100%;
	height:137px;
}
.bottom_forum .left_top{
	float: left;
	width:50%;
	height:137px;
	border-top:6px solid #000;
	background: #eee;
	text-align: center;
}
.bottom_forum .left_top img{
	width:108px;
	height:79px;
	margin:24px 0 7px 0;
}
.bottom_forum .left_top span{
	font-weight: 500;
	font-family: 'Roboto-bold';
	font-size: 12px;
	letter-spacing: 0.5px;
}
.bottom_forum .left_top span a{
	color:#000;
}
.bottom_forum .right_top{
	float: right;
	width:50%;
	height:137px;
	background: url(../images/sub/sub403_1060img03.jpg);
}
.bottom_forum .section_objectives{
	padding:30px;
}

.bottom_forum .section_objectives h4{
	padding-bottom:20px;
	font-size: 17px;
	font-weight:500;
	letter-spacing: 0.5px;
}
.bottom_forum .section_objectives i{
	display: block;
}
.bottom_forum .section_objectives p{
	padding-bottom:20px;
	line-height: 19px;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
}
.bottom_forum .section_objectives p:last-child{

}
.bottom_forum .section_organizer{
	display: inline-block;
}
.bottom_forum .section_organizer h4{
	padding: 0 0 20px 40px;
	font-size: 17px;
	font-weight:500;
	letter-spacing: 0.5px;
}
.section_organizer ul{
}
.section_organizer .list{
	float: left;
	width:340px;
	height:392px;
	margin:0 20px 20px 0;
}
.section_organizer .list:last-child{
	margin-right:0px;
}
.section_organizer .list_thumb{
	width:340px;
	height:217px;
}
.section_organizer .list_thumb img{
	width:100%;
}
.section_organizer .list_desc{
	width:340px;
	height:175px;
	border-bottom:6px solid #000;
	background:#eee;
	text-align: center;
}
.section_organizer .list_desc img{
	margin:18px 1px 25px 0;
}
.section_organizer .list_desc span{
	font-size:25px;
	line-height: 25px;
	font-weight:500;
}
.bottom_forum .section_supporting{
	clear: both;
	padding:30px;
}
.bottom_forum .section_supporting h4{
	font-size: 17px;
	font-weight:500;
	letter-spacing: 0.5px;
}
.section_supporting .organizations{
	width:100%;
	height:40px;
	margin:20px 0 48px 0 ;
}
.section_supporting .organizations img{
	width:100%;
}
.section_supporting li{
	float: left;
	width:auto;
	height:40px;
	margin-right:43px;
}
.section_supporting li:last-child{
	margin:0;
}

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

.top_profile{
	width:100%;
}
.top_profile .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold';
	letter-spacing: 0.5px;
}
.top_profile .top_menu li{
	float: left;
	margin-right:10px;
}
.top_profile .top_menu li a{
	color: #000;
	font-size:9px;
}
.top_profile h2{
	font-size: 33px;
	line-height: 32px;
	padding-bottom:30px;
	letter-spacing: 1px;
	font-weight: 500;
}
.top_profile .info_profile {
	display: flex;
	justify-content: space-between;;
	margin-bottom:45px;
}
.top_profile .info_profile >div {
	display: flex;
}
.top_profile .info_profile .profile_pic{
	float: left;
	max-width: 101px;
	max-height: 101px;
	height:auto;
	padding-top:2px;
}
.top_profile .info_profile .profile_pic img{
	width:100%;
	height:auto;
}
.top_profile .info_profile .profile_text{
	float: left;
	padding:17px 0 0 59px;
	width:480px;
}
.top_profile .info_profile .profile_text h3{
	font-size: 28px;
	line-height: 28px;
	padding-bottom:20px;
	font-weight: 500;
}
.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: right;
	text-align: center;
	padding-top:40px;
	line-height: 24px;
	width:340px;
}
.top_profile .info_profile .profile_btn a{
	color: #fff;
	font-size: 15px;
	letter-spacing: 0.5px;
}
.top_profile .profile_btn .top{
	float: right;
	width:340px;
}
.top_profile .info_profile .profile_btn .top a{
	background:#00699d;
	width:155px;
	height:24px;
	display: inline-block;
	margin-bottom:13px;
	float: right;
}
.top_profile .profile_btn .bottom{
	width:340px;
}
.top_profile .info_profile .profile_btn .bottom a{
	color: #000;
	float: left;
	margin-left:15px;
	width:155px;
	height:24px;
	background: #e0e0e0;
}
.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;
	text-align: center;
	border:3px solid #d9d9d9;
	float: left;
}
.top_profile .tab_account li a{
	color:#d9d9d9;
	font-weight: 500;
	font-size: 19px;
	width: 100%;
	display: block;
}
.top_profile .tab_account li.on{
	border:3px solid #000;
}
.top_profile .tab_account li.on a{
	color:#000;
}
.top_profile .tab_account li.off01{
	border-left:0;
}
.top_profile .tab_account li.off02{
	border-right:0;
}
.bottom_profile{
	clear: both;
	width:1060px;
	margin:0 auto;
}
.bottom_profile .tab_menu{
	width:100%;
	height:51px;
	margin:56px 0 15px 0;
}
.bottom_profile .tab_menu li{
	width:50%;
	height:51px;
	line-height: 45px;
	text-align: center;
	border:3px solid #d9d9d9;
	float: left;
}
.bottom_profile .tab_menu li {
	border-left: none;
}
.bottom_profile .tab_menu li:first-child {
	border-left: 3px solid #d9d9d9;
}
.bottom_profile .tab_menu li a{
	color:#d9d9d9;
	font-weight: 500;
	font-size: 19px;
	width: 100%;
	display: block;
	text-transform: uppercase;
}
.bottom_profile .tab_menu li.on{
	width:50%;
	border:3px solid #000;
}
.bottom_profile .tab_menu li.on a{
	color:#000;
}
.bottom_profile .tab_menu li.off01{
	width:50%;
}
.bottom_profile .tab_menu li.off02{
	width:50%;
	border-right:0;
}

/* profile - profile_main section */

.bottom_profile .yet_box{
	width:100%;
	height:103px;
	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{
	width:100%;
	height:auto;
	margin-bottom:30px;
	padding-top:20px;
	clear: both;
	display: inline-block;
}
.bottom_profile .section01 .sec01_left{
	float: left;
	width:50%;
	padding:3px 44px 0 44px;
}
.bottom_profile .section01 .sec01_left .text_box{
	padding-bottom:40px;
}
.bottom_profile .sec01_left h3{
	font-size: 34px;
	line-height: 33px;
	padding-bottom:17px;
	font-weight: 500;
	padding-top:13px;
}
.bottom_profile .section01 .sec01_left p{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 19px;
	margin-bottom: 1px;
}
.bottom_profile .section01 .sec01_left .black_box{
	background: #000;
	width:170px;
	display: block;
	line-height: 19px;
	text-align: center;
	margin-top:10px;
}
.bottom_profile .section01 .sec01_left .black_box a{
	color: #fff;
	display: block;
	width:100%;
}
.bottom_profile .section01 .sec01_left p .black_box a{
	color:#fff;
}
.bottom_profile .section01 .sec01_left p span{
	font-family: 'Oswald'
}
.bottom_profile .case_count{
	padding:0px 0 28px 0;
	line-height: 12px;
}

.bottom_profile .case_count li{
	float: left;
	padding-right:7px;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;

}
.bottom_profile .case_count li span{
	font-family: 'Roboto-bold';
}
.bottom_profile .case_count li .number{
	font-weight:500;
	font-family: 'Roboto';
	display:inline-block;
}
.bottom_profile .case_sns li{
	float: left;
	padding-right:10px;
	width:35px;
	margin-right:5px;
}
.bottom_profile .case_sns li:last-child{
	padding-top:1px;
}
.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:530px;
	height:338px;
	overflow: hidden;
	position: relative;
}
.bottom_profile .source p{
	clear: both;
	text-align: right;
	font-family: 'Roboto', sans-serif;
	font-size: 11px!important;
	padding-top:2px;
	color:#a1a1a1;
	display: none;
}
.bottom_profile .section01 .sec01_right img{
	/*width:100%;*/
	/*height:100%;*/
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.bottom_profile .section01 .sec01_right img.wRatio{
	width:100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.bottom_profile .section01 .sec01_right img.hRatio{
	height:100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.bottom_profile .section02{
	clear: both;
	width:100%;
	height:auto;
	display: inline-block;
	border-top:2px solid #000;
	padding:35px 44px 32px 44px;
}
.bottom_profile .sec02_left h3{
	float: left;
	font-size: 22px;
	line-height: 21px;
	font-weight: 500;
	padding-top:5px;
}
.bottom_profile .sec02_left .filter_detail{
	float: right;
	width:84px;
	height:29px;
	line-height: 25px;
	border:3px solid #000;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	margin:0 0 0 19px;
	text-align: center;
	cursor: pointer;
}
.bottom_profile .sec02_left .filter_detail .more{
	display: none;
}

.bottom_profile .sec02_right{
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 19px;
	padding-top:42px;
}
.bottom_profile .sec02_right li{
	clear: both;
}
.bottom_profile .sec02_right li span{
	width:30%;
	float: left;
	font-family: 'Oswald';
	font-size:15px;
	letter-spacing: 0.5px;
}
.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 .sec02_right li p span img{
	width:70%;
}
.bottom_profile .section03{
	clear: both;
	width:100%;
	display: inline-block;
	height: auto;
	border-top:2px solid #000;
	padding:35px 44px 32px 44px;
}
.bottom_profile .google_map{
	width:100%;
	height:auto;
	clear: both;
	padding-top:15px;
}
.bottom_profile .sec03_left{

}
.bottom_profile .sec03_left h3{
	font-size: 22px;
	font-weight: 500;
	line-height: 21px;
	float: left;
	padding-top:5px;
}
.bottom_profile .sec03_left .filter_detail{
	float: right;
	width:84px;
	height:29px;
	line-height: 25px;
	border:3px solid #000;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	margin:0px 0 0 19px;
	text-align: center;
	cursor: pointer;
}
.bottom_profile .sec03_left .filter_detail .more{
	display: none;
}
.bottom_profile .sec03_right{
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 19px;
	padding-top:42px;
}
.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: left;
	width:70%;
	margin-bottom:2px;
}
.bottom_profile .section04{
	clear: both;
	border-top:2px solid #000;
	padding:35px 42px 55px 42px;
}
.bottom_profile .section04 .column{
	padding-bottom:30px;
}
.bottom_profile .section04 .column img{
	width:100% !important;
	height:100% !important;
}
.bottom_profile .section04 .column.view{
	padding-bottom: 15px;
}
.bottom_profile .section04 .column:last-child{
	padding:0;
}
.bottom_profile .section04 .column h3{
	font-size: 23px;
	padding-bottom: 20px;
	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:20px 44px;
	font-size: 22px;
	font-weight: 500;
	line-height: 23px;
}
.bottom_profile .section05 .media_box{
	width:100%;
	padding:43px 44px 30px 44px;
	display: block;
	border-top:1px solid #000;
	height: auto;
	display: inline-block;
}
.bottom_profile .section05 .media_box .source{

}
.bottom_profile .section05 .media_option{
	width:256px;
	height:350px;
	float: left;
	position: relative;
}
.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: right;
	/*padding-bottom:43px;*/
}
.bottom_profile .section05 .media_img img{
	width:100%;
}

.bottom_profile .section05 .media_box02{
	padding:40px 44px;
	display: block;
	border-top:1px solid #000;
	height: 340px;
}
.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:55px;
}
.bottom_profile .profile_comments .details{
	width:100%;
	height:auto;
	background: #ebebeb;
	margin-top:55px;
	padding:30px 44px;
	display: inline-block;
}
.bottom_profile .profile_comments .details h3{
	font-size: 22px;
	float: left;
	width:376px;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.bottom_profile .profile_comments .details .top{
	float: left;
	padding-bottom:30px;
	font-size: 13px;
	line-height: 19px;
	width:590px;
}
.bottom_profile .profile_comments .details .top li{
	clear: both;
}
.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 h3{
	font-weight: 500;
	letter-spacing: 0.5px;
}
.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 .details .keywords #keyword{
	width:590px;
	float: right;
}
.bottom_profile .profile_comments .heart{
	display: none;
	width:100px;
	margin:27px auto;
	text-align: center;
}
.bottom_profile .profile_comments .heart span{
	font-size: 17px;
	color:#000;
}
.bottom_profile .profile_comments .comments{
	width: 972px;
	margin: 15px auto 0;
}
.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 p:first-child{

}
.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{
	padding-left: 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{
	width:100%;
	clear: both;
	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";
	cursor: pointer;
}
.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{
	float: left;
	width:57px;
	height:57px;
	margin-right:20px;
}
.bottom_profile .profile_comments .total .reply .reply_img img{
	width:100%;
}
.bottom_profile .profile_comments .total .reply .reply_text{
	width:763px;
	float: left;
	font-size: 15px;
	padding-top:9px;
}
.bottom_profile .profile_comments .total .reply .reply_text p{
	padding-bottom: 5px;
	line-height: 15px;
}
.bottom_profile .profile_comments .total .reply .reply_text .red_dot{
	color:#ff0000;
}
.bottom_profile .profile_comments .total .reply .reply_text .red_dot img{
	padding-right:3px;
}
.bottom_profile .profile_comments .total .reply .reply_text span{
	margin-left:10px;
	font-size: 15px;
	color:#b7b7b7;
	font-weight: 500;
}
.bottom_profile .profile_comments .total .reply .reply_text .reply_top{
	font-family: 'Roboto-bold';
}
.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;
}

#container .bottom_profile .no_topline{
	border:0;
}

/* profile list 공통 영역 */

.bottom_profile .profile_list{
	border-top:3px solid #000;
	clear: both;
	height:auto;
	display: inline-block;
	margin-bottom: 20px;
	width:100%;
}

.bottom_profile .profile_list.no_top{
	border:none;
}
.bottom_profile .profile_list h4{
	font-size: 25px;
	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 20px 0;
}
.bottom_profile .profile_list .list.no_ri{
	margin-right:0;
}

.bottom_profile .profile_list .list_thumb{
	width:340px;
	height:217px;
	position: relative;
}
.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_thumb img{
	width:100%;
	height:100%;
}
.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: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:15px;
	height: 56px;
	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: 30px;
	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;
	vertical-align: middle;
}


/* article list 공통 영역 */

.bottom_profile .article_list{
	border-top:3px solid #000;
	clear: both;
	height:auto;
	display: inline-block;
	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;
}

.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;
	vertical-align: middle;
}
.bottom_profile .article_list .type02{
	width:340px;
	height:426px;
	border:1px solid #d1d1d1;
	float: left;
	text-align: center;
	margin: 0 20px 20px 0 ;
}
.bottom_profile .article_list .type02 .list_thumb{
	width:100%;
	height: 217px;
	position: relative;
}
.bottom_profile .article_list .type02 .list_thumb .approved{
	text-align: center;
}
.bottom_profile .article_list .type02 .list_thumb .approved .box{
	width:100%;
	height:100%;
	background: #000;
	opacity: 0.5;
	position: absolute;
}
.bottom_profile .article_list .type02 .list_thumb .approved p{
	color: #fff;
	font-size: 25px;
	width: 100%;
	text-align: center;
	position: absolute;
	top:27%;
	font-family: 'Oswald'
}
.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:none;
	border-bottom:1px solid #000;
	padding-bottom:20px;

}
.bottom_profile .arrow{
	width:100%;
	margin:0 auto;
}
.bottom_profile .arrow .box{
	width:60px;
	height:23px;
}
.bottom_profile .arrow .arrow_left{
	float: left;
}
.bottom_profile .arrow .arrow_left a{
	color:#000;
	width:100%;
	display: block;
}
.bottom_profile .arrow .arrow_left span{
	float: right;
	font-size: 14px;
}
.bottom_profile .arrow .arrow_left span a{
	color: #000;
}
.bottom_profile .arrow .arrow_right{
	float: right;
}
.bottom_profile .arrow .arrow_right a{
	color:#000;
	width:100%;
	display:block;
}
.bottom_profile .arrow .arrow_right img{
	float: right;
}
.bottom_profile .arrow .arrow_right span{
	font-size: 14px;
}
.bottom_profile .top_columns{
	clear: both;
	width:100%;
	height:auto;
	padding: 25px 44px 25px 44px;
	margin-top:19px;
	display: inline-block;
	border-top:1px solid #000;
	border-bottom:2px solid #000;
}
.bottom_profile .top_columns  h3{
	font-size: 32px;
	line-height: 36px;
	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;
}
.bottom_profile .top_columns .topc_left p .black_box{
	background:#000;
	color:#fff;
	width:140px;
	display: inline-block;
	line-height: 19px;
	text-align: center;
	margin-left:15px;
}
.bottom_profile .top_columns .topc_left p .black_box a{
	color:#fff;
}
.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{
	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;
}
.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;
}
.bottom_profile .contents_columns{
	clear: both;
	padding:35px 44px;
	font-family: 'Roboto', sans-serif;
}
.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: 22px;
	padding-bottom: 22px;
	font-weight: 600;
}
.bottom_profile .contents_columns .column p{
	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 .contents_columns .column .column_img{
	display: inline-block;
	padding-bottom: 10px;
}
.bottom_profile .contents_columns .column .column_img .font{
	display: inline-block;
	padding-bottom: 7px;
}
.bottom_profile .contents_columns .column .column_img .font p{
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	padding-right:7px;
}
.bottom_profile .contents_columns .column .column_img .font span{
	font-size: 14px;
	display: inline-block;
}
.bottom_profile .contents_columns .column .column_img .font span a{
	color: #118ed2;
}
.bottom_profile .contents_columns .column .column_img .img{
	width:100%;
	text-align: right;
}
.bottom_profile .contents_columns .column .column_img .img span{
	font-family: 'Roboto', sans-serif;
	font-size: 11px!important;
	color:#a1a1a1;
}
.bottom_profile .contents_columns .column .column_img .img img{
	width:100%;
}
.bottom_profile .list_button{
	width:116px;
	margin:0 auto;
}
.bottom_profile .column_border .attach_link{
	width:100%;
	height:100px;
	padding:35px 0;
}
.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{
	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;
	margin-top: -1px;
}
.columns_upload .form_row.link{
	height:150px;
	margin-top: -1px;
}
.columns_upload .form_row.editor{
	height:366px;
	margin-top: -1px;
}
.columns_upload .form_row.last{
	margin-top: -5px;
}
.columns_upload .form_row.period{
	height:89px;
	margin-top: -1px;
}
.columns_upload .form_row .subject{
	float: left;
	width:241px;
	min-height:67px;
	height:100%;
	border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	background: #e1e1e1;
	padding:22px 0 0 22px;
	font-size: 17px;
	letter-spacing: 0.5px;
	line-height: 15px;
}
.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:817px;
	min-height:67px;
	height:100%;
	padding:15px 30px;
}
.columns_upload .form_row.editor{
	position: relative;
	display: inline-block;
	height:auto;
}
.columns_upload .form_row.editor .subject{
	height: 100%;
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
}
.columns_upload .form_row.editor .content{
	margin-left:241px;
}
.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{
	width:580px;
	margin:0 auto;
	padding-top:15px;
}
.columns_upload02 .text{
}
.columns_upload02 .text p{
	padding-bottom: 24px;
	color:#000;
	text-align: center;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	line-height: 19px;
}
.columns_upload02 .button_section{
	padding-top:40px;
	margin:0 auto;
	width:260px;
}



/*profile_myprofile_edit*/

.profile_myprofile_edit .case_section{
	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;
	margin-top:-1px;
}
.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;
	vertical-align: middle;
}
.profile_myprofile_edit .form_row .subject{
	float: left;
	width:241px;
	min-height:67px;
	height:100%;
	border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	background: #e1e1e1;
	padding:22px 0 0 22px;
	font-size: 17px;
	line-height: 15px;
	letter-spacing: 0.5px;
}
.profile_myprofile_edit i{
	display: block;
}
.profile_myprofile_edit .form_row .content{
	float: left;
	width:817px;
	min-height:67px;
	height:100%;
	padding:15px 30px;
}
.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:0;
}
.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{
	width:520px;
	margin:-10px auto;
}
.profile_info_edit .top_section{

}
.profile_info_edit .top_section h4{
	float: left;
	width:120px;
	font-size: 15px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	padding-top:5px;
}
.profile_info_edit  div.error{
	text-align: right;
}
.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 div.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 .organization{
	padding:0;
	margin:0;
}
.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 div.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 div.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{
	width:520px;
	margin:0 auto;
}
.profile_password_edit p{
	font-size: 15px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	padding-top:5px;
	text-align: center;
	margin-bottom: 30px;
}
.profile_password_edit .sign_box{
	width:100%;
	height:40px;
	border:1px solid #d1d1d1;
	margin-bottom:13px;
	position: relative;
}
.profile_password_edit .confirm{
	padding:0;
	margin:0;
}
.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{
	width:520px;
	margin:-10px auto;
}
.withdrawal h3{
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	margin-bottom:30px;
}
.withdrawal .with_box{
	border:1px solid #d1d1d1;
	width:520px;
	height:auto;
	padding:31px 31px;
}
.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 .checkbox .error{
	color: red;
	float:none;
}
.withdrawal .know_box{
	border:1px solid #d1d1d1;
	width:520px;
	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;
}


/* --------------------------------
    3. container
     12) upload case studies
---------------------------------*/

#container{
	width:1060px;
	margin:0 auto;
}

.top_upload{
	width:100%;
}
.top_upload .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold';
	letter-spacing: 0.5px;
}
.top_upload .top_menu li{
	float: left;
	margin-right:10px;
}
.top_upload .top_menu li a{
	color: #000;
	font-size:9px;
}
.top_upload .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_upload .top_bg{
	clear: both;
	width:100%;
	height:217px;
	background: url(../images/sub/sub101_1060img01.jpg) no-repeat;
	background-position: center;
	background-size: cover;
}
.top_upload h2{
	font-size: 33px;
	line-height: 32px;
	padding-bottom:30px;
	font-weight: 500;
}
.bottom_upload{
	width:1060px;
	margin:0 auto;
}
.bottom_upload p{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 19px;
}
.bottom_upload p span{
	font-family: 'Roboto-bold';
}
.bottom_upload p .pink{
	color:#dc1668;
	font-weight: 600;
}

.bottom_upload .case_section{
	margin-top:45px;
	position: relative;
}
.bottom_upload .case_section h3{
	font-size:28px;
	margin-bottom:18px;
	font-weight: 500;
}
.bottom_upload .case_section .offline_sample {
	position: absolute;
	right:250px;
	top:11px;
	/*width: 190px;*/
	height:22px;
	background: #00699d;
	text-align: center;
}
.bottom_upload .case_section .offline_upload {
	position: absolute;
	right:0;
	top:11px;
	/*width: 155px;*/
	height:22px;
	background: #00699d;
	text-align: center;
}
.bottom_upload .case_section .offline_upload a, .bottom_upload .case_section .offline_sample a {
	width: 100%;
	height: 100%;
	color: #fff;
	font-size:15px;
	line-height: 14px;
	letter-spacing: 0.5px;
	padding: 5px;
}

.bottom_upload .form_row{
	width:100%;
	min-height:67px;
	border-top:1px solid #c2c2c2;
	border-left:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
}
.bottom_upload .form_row.period{
	height:89px;
}
.bottom_upload .form_row.partners{
	height:106px;
	margin-top:-1px;
}
.bottom_upload .form_row.themes{
	height:260px;
	margin-top:-1px;
}
.bottom_upload .form_row.sustainable{
	height:467px;
	margin-top:-1px;
}
.bottom_upload .form_row.keycity{
	height:280px;
}
.bottom_upload .form_row.keycity .googlebox01 {
	display:none;
	position:fixed;
	left:50%; top:50%;
	width:600px; height:400px;
	margin-left:-300px; margin-top:-200px;
	background:#fff;
	border:1px solid #aeaeae;
	z-index:101;
}
.bottom_upload .form_row.keycity .googlebox01 .googleclose{
	position: absolute;
	top:10px;
	right:10px;
	font-family: 'Roboto, sans-serif';
	color:#000;
}
.bottom_upload .form_row.background{
	height:auto;
	display: inline-block;
	position: relative;
	margin-top:-1px;
}
.bottom_upload .form_row.background .subject{
	height: 100%;
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
}
.bottom_upload .form_row.background .content{
	margin-left:241px;
}
.bottom_upload .form_row.implementation{
	height:auto;
	display: inline-block;
	position: relative;
	margin-top:-5px;
}
.bottom_upload .form_row.implementation .subject{
	height: 100%;
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
}
.bottom_upload .form_row.implementation .content{
	margin-left:241px;
}
.bottom_upload .form_row.outcomes{
	height:auto;
	display: inline-block;
	position: relative;
	margin-top:-5px;
}
.bottom_upload .form_row.outcomes .subject{
	height: 100%;
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
}
.bottom_upload .form_row.outcomes .content{
	margin-left:241px;
}
.bottom_upload .form_row.replicability{
	height:auto;
	display: inline-block;
	position: relative;
	margin-top:-5px;
}
.bottom_upload .form_row.replicability .subject{
	height: 100%;
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
}
.bottom_upload .form_row.replicability .content{
	margin-left:241px;
}
.bottom_upload .form_row.budget{
	height:auto;
	display: inline-block;
	position: relative;
	margin-top:-5px;
}
.bottom_upload .form_row.budget .subject{
	height: 100%;
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
}
.bottom_upload .form_row.budget .content{
	margin-left:241px;
}
.bottom_upload .form_row.further{
	height:auto;
	display: inline-block;
	position: relative;
	margin-top:-5px;
}
.bottom_upload .form_row.further .subject{
	height: 100%;
	display: inline-block;
	position: absolute;
	top:0;
	left:0;
}
.bottom_upload .form_row.further .content{
	margin-left:241px;
}
.bottom_upload .form_row.keywords{
	height:120px;
	margin-top:-1px;
}
.bottom_upload .form_row.keycity{
	height:280px;
}
.bottom_upload .form_row.contact{
	height:335px;
	margin-top: -5px;
}
.bottom_upload .form_row .box li{
	width:169px;
	height:52px;
	background: #eeeeee;
}
.bottom_upload .form_row .box input{
	opacity: 0;
	-webkit-appearance:none;
}
.bottom_upload .form_row .box li{
	width:169px;
	height:52px;
	background: #eeeeee;
	position: relative;
	float: left;
	margin:0 22px 22px 0;
}
.bottom_upload .form_row .box li.on{
	border:3px solid #006a9e;
	color: #006a9e;
}
.bottom_upload .on .input_chk label{
	background: url(../images/ico_check_on.png) no-repeat;
	color: #006a9e;
}
.bottom_upload .on .input_chk label span{
	color: #006a9e;
}

.bottom_upload .form_row .box li.no_ri{
	margin:0;
}
.bottom_upload .input_chk label{
	background: url(../images/ico_check_off.png) no-repeat left;
	position: absolute;
	left:6px;
	height:100%;
	vertical-align: middle;
	padding-top:15px;
}
.bottom_upload .input_chk label span{
	padding-left: 30px;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 13px;
	width:160px;
	display: block;
	vertical-align: middle;
	padding-top:4px;
}
.bottom_upload .input_chk label span.double{
	margin-top:-6px;
}
.bottom_upload .input_chk label span.triple{
	margin-top:-13px;
}
.bottom_upload .form_row .input_chk input:checked+label{
	background: url(../images/ico_check_on.png) no-repeat 1px 12px;
	position: absolute;
	left:2px;
	top:1px;
	height:100%;
	vertical-align: middle;
	border:3px solid #006a9e;
}
.bottom_upload .form_row .input_chk input:checked+label span{
	padding:0px 0px 13px 31px;
}
.bottom_upload .form_row .input_chk input:checked+li{

}
.bottom_upload .form_row p{
	padding-bottom:5px;
	width:740px;
}
.bottom_upload .form_row.period select{
	width:260px;
	height:36px;
}
.bottom_upload .form_row.period input{
	width:220px;
	height:36px;
	margin-left:15px;
}
.bottom_upload .wide .content div{
	margin-bottom:10px;
	height:40px;
}
.bottom_upload .wide .content div p{
	color:#000;
	width:197px;
	float: left;
}
.bottom_upload .wide .content div input{
	width:560px;
	height:36px;
	float: right;
}
.bottom_upload .wide .content div button{
	width:150px;
	height:36px;
	float: left;
	cursor: pointer;
}
.bottom_upload .contact p:first-child{
	margin-bottom:15px;
}
.bottom_upload .contact span.under{
	color: #000;
	border-bottom:1px solid #000;
	font-family: 'Roboto-bold';
}
.bottom_upload .deep_textarea .content p{
	margin-bottom:17px;
}
.bottom_upload .deep_textarea .content p.num_two{
	margin-bottom:5px;
}

.bottom_upload .deep_textarea .content p i{
	display: block;
}
.bottom_upload .deep_textarea .content p.error{
	color:red;
	text-align: right;
	font-size: 13px;
	margin-bottom:8px;
}
.bottom_upload .deep_textarea .content input{
	width:100%;
	height:223px;
}
.bottom_upload .deep_textarea .content textarea{
	width:100%;
	height:223px;
	background: #eee;
	border: none;
}
.bottom_upload .normal_textarea .content textarea{
	width:100%;
	height:36px;
	background: #eee;
	border: none;
}
.bottom_upload .deep_textarea h4{
	font-size: 15px;
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
}

/* upload page add Start */

.bottom_upload .further .content_plus01{
	display: none;
}
.bottom_upload .further .content_plus02{
	display: none;
}
.bottom_upload .further .content_plus03{
	display: none;
}
.bottom_upload .further .content_plus04{
	display: none;
}
.bottom_upload .further .content_plus05{
	display: none;
}

/* upload page add End */

.bottom_upload .further h4{
	margin-bottom:10px;
	font-size: 15px;
}
.bottom_upload .further p{
	margin-bottom:10px;
}
.bottom_upload .further .content p.num_two span{
	color:#00699d;
	padding:0;
	vertical-align: top;
	font-family: 'Roboto-bold';
}
.bottom_upload .further input{
	margin-bottom:10px;
}
.bottom_upload .further .section{
	padding-bottom:20px;
	border-bottom:1px solid #c2c2c2;
}
.bottom_upload .further .section.no_bot{
	border: 0;
}
.bottom_upload .form_row.w640 .w640{
	width:640px;
	margin-right:19px;
}
.bottom_upload button {
	float: right;
	width:80px;
	height:36px;
	background: #00699d;
	color:#fff;
	border:0;
	font-size: 15px;
	margin-right: 17px;
	cursor: pointer;
}
.bottom_upload button.center {
	display: block;
	margin:0 auto;
	width:80px;
	height:36px;
	background: #00699d;
	color:#fff;
	border:0;
	font-size: 15px;
	float: none;
	cursor: pointer;
}
.bottom_upload .form_row .subject{
	float: left;
	width:241px;
	height:100%;
	min-height: 67px;
	border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	background: #e1e1e1;
	padding:22px 0 0 22px;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0.5px;
	display: inline-block;
}
.bottom_upload .form_row  span{
	color:red;
}
.bottom_upload .form_row  .content{
	float: left;
	width:817px;
	min-height:67px;
	height:100%;
	border-bottom:1px solid #c2c2c2;
	padding:15px 30px;
}
.bottom_upload .deep_input .content{
	float: left;
	width:817px;
	min-height:67px;
	height:100%;
	border-bottom:1px solid #c2c2c2;
	padding:23px 30px;
	font-family: 'Roboto', sans-serif;
}
.bottom_upload .form_row .basic_input input{
	background: #eeeeee;
	width:740px;
	height:35px;
	border:0;
	font-family: 'Roboto', sans-serif;
}
.bottom_upload .form_row  .long_select select{
	width:380px;
	height:35px;
}
.bottom_upload .form_row  .long_select select option{
	padding-right:10px;
}
.bottom_upload .case_section .form_row select{
	background:#eee url('../images/select_icon.png')no-repeat center right 5px;
}
.bottom_upload .case_section .form_row input{
	background: #eee;
}
.bottom_upload .button_section{
	padding-top:40px;
	margin:0 auto;
	width:520px;
}
.bottom_upload .button_section a{
	float: left;
	width:260px;
	margin:0 auto
}
.bottom_upload .button_section a:first-child{
	float: left;
	width:255px;
	margin:0 auto;
	margin-right:5px;
}
.bottom_upload .button_section a:last-child{
	float: left;
	width:255px;
	margin:0 auto;
	margin-left:5px;
}
.bottom_upload02{
	width:580px;
	margin:0 auto;
	padding-top:15px;
}
.bottom_upload02 .text{
}
.bottom_upload02 .text p{
	padding-bottom: 24px;
	color:#000;
	text-align: center;
}
.bottom_upload02 .button_section{
	padding-top:40px;
	margin:0 auto;
	width:260px;
}

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

.newsletter{
	clear: both;
	width:100%;
	height:auto;
	background: #eaeaea;
	text-align: center;
	margin-top:100px;
	display: inline-block;
}
.newsletter .newsletter_font h2{
	font-size: 34px;
	padding:51px 0 16px 0;
	font-weight: 500;
	letter-spacing: 0.5px;
}
.newsletter .subscribe_box{
	width:580px;
	margin:0 auto;
	padding-bottom:53px;
}
.newsletter .subscribe_box  input{
	width:69.3%;
	height:56px;
	background:#c0c0c0;
	border: 2px solid #fff;
	outline: none;
	padding-left:38px;
	letter-spacing: 0.5px;
}
.newsletter_font button{
	float: right;
	width:30.6996%;
	height:56px;
	border: 0;
	background: #fff;
	cursor: pointer;
}
.newsletter_font button span{
	font-size: 19px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

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

#footer{
	width:100%;
	height:106px;
	padding:18px 0 28px 0;
}
.footer_box{
	width:1060px;
	margin:0 auto;
}
.foot_logo{
	width:420px;
}
.foot_logo li{
	width:auto;
	float:left;
	margin-right:8.75%;
}
.foot_logo li:last-child{
	margin-right:0;
}
.foot_logo li img{
	max-width: 100%;
}
.foot_menu{
	float: right;
	padding-top:14px;
}
.foot_menu li{
	float:left;
	margin-left:10px;
}
.foot_menu li a{
	color:#000;
	font-size:14px;
	letter-spacing: 0.5px;
}
.foot_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:11px;
	background: #000;
	vertical-align: -1px;
}
#footer .copyright{
	float: right;
	padding-top:6px;
	font-size:11px;
	clear: both;
	font-family: 'Roboto', sans-serif;
}


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


.top_contact{
	width:100%;
}
.top_contact .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.5px;
}
.top_contact .top_menu li{
	float: left;
	margin-right:10px;
}
.top_contact .top_menu li a{
	color: #000;
	font-size:9px;
	font-weight:500;
}
.top_contact .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_contact h2{
	font-size: 33px;
	line-height: 32px;
	padding-bottom:30px;
	font-weight: 500;
}
.bottom_contact{
	margin-bottom:300px;
	width:943px;
	margin:0 auto;
}
.bottom_contact .contact_info{

}
.bottom_contact .contact_info h3{
	font-size: 22px;
	font-weight: 500;
	float: left;
}
.bottom_contact .contact_info .detail_info{
	float: left;
	width:70%;
	text-align: left;
	padding-left:10%;
	padding-top:5px;
}
.bottom_contact .contact_info p {
	line-height: 20px;
	font-size: 15px;
	padding: 0 0 20px 0;
	font-family: 'Roboto', sans-serif;
}
.bottom_contact .contact_info p span{
	font-size:17px;
	font-weight: 500;
	font-family:"Oswald";
	letter-spacing: 1px;
}
.bottom_contact .contact_info p i{
	display: block;
}
.bottom_contact .google_map{
	clear: both;
	width:100%;
	margin:0 auto;
	padding-top:20px;
}
#map_canvas{
	width:100%;
	height:463px;
}

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


.top_subscribe{
	width:100%;
}
.top_subscribe .top_menu{
	width:100%;
	height:20px;
	margin:18px 0 3px 0;
	font-family: 'Roboto-bold';
	letter-spacing: 0.5px;
}
.top_subscribe .top_menu li{
	float: left;
	margin-right:10px;
}
.top_subscribe .top_menu li a{
	color: #000;
	font-size:9px;
}
.top_subscribe .top_menu .at_bar{
	display: inline-block;
	margin-right: 10px;
	width:1px;
	height:9px;
	background: #000;
	vertical-align: -1px;
}
.top_subscribe h2{
	font-size: 33px;
	line-height: 32px;
	padding-bottom:30px;
	font-weight: 500;
}
.bottom_subscribe{
	width:520px;
	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;
	font-family: 'Roboto', sans-serif;
}
.bottom_subscribe .subs_box .error{
	display: block;
	color:red;
	position: absolute;
	right:25px;
	top:12px;
	font-size: 13px;
	z-index: 10;
	font-family: 'Roboto',sans-serif;
}

.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', sans-serif;
	letter-spacing: 0.5px;
}
.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:30px;
	font-weight: 500;
}
.bottom_unsubscribe{
	width:520px;
	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;
	font-family: 'Roboto', sans-serif;
}
.bottom_unsubscribe .subs_box div.error{
	display: block;
	color:red;
	position: absolute;
	right:25px;
	top:12px;
	z-index: 10;
	font-size:13px;
	font-family: 'Roboto',sans-serif;
}
.bottom_unsubscribe .subs_box div.error{
	display: block;
	color:red;
	position: absolute;
	right:25px;
	top:12px;
	z-index: 10;
	font-size:13px;
	font-family: 'Roboto',sans-serif;
}
.bottom_unsubscribe .section_button{
	width:260px;
	margin:0 auto;
}
/* --------------------------------
    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;
}
.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;
}
.bottom_terms{
	padding:10px 43px;
}
.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', sans-serif;
}
.top_search .top_menu li{
	float: left;
	margin-right:10px;
}
.top_search .top_menu li a{
	color: #000;
	font-size:9px;
	font-weight:600;
}
.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:720px;
	margin:0 auto;
	height:40px;
	padding:0px 0 43px 0;
}
.serach .section_search .select{
	display: inline-block;
	width:100px;
	height:40px;

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

/* 18-08-27 검색페이지 수정 */
.search_result {
	margin-top: 70px;
}
.search_result .result_title {
	border-bottom: 1px solid #000;
	line-height: 37px;
}
.search_result .result_title:after {
	display: block;
	content: '';
	clear: both;
}
.search_result .result_title h3 {
	display: inline-block;
	font-size: 24px;
	padding: 0;
	vertical-align: middle;
}
.search_result .result_title .result_count {
	margin-left: 5px;
	font-family:'Roboto, sans-serif';
	vertical-align: middle;
}
.search_result .result_title .result_view_more {
	float: right;
	font-size: 15px;
	color: #000;
	margin-top: 5px;
}
.search_result .contents {
	margin-top: 40px;
}

.news_event_result li > h3 {
	text-align: left;
}

.publications_result .contents li {
	padding: 20px 30px;
	position: relative;
	border: 1px solid #d3d3d3;
	margin-bottom: 20px;
}
.publications_result .contents li:after {
	content:'';
	clear:both;
	display: block;
}
.publications_result .contents .publication_list_thumb {
	width: 176px;
	height: 176px;
	float: left;
	position: relative;
	overflow: hidden;
}
.publications_result  .contents .publication_list_thumb > img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%) scale(0.4, 0.4);
	-moz-transform: translate(-50%,-50%) scale(0.4, 0.4);
	-ms-transform: translate(-50%,-50%) scale(0.4, 0.4);
	-o-transform: translate(-50%,-50%) scale(0.4, 0.4);
	transform: translate(-50%,-50%) scale(0.4, 0.4);
}
.publications_result .contents .publication_list_txt {
	float: left;
	max-width: 800px;
	margin-left: 20px;
}
.publications_result .contents .publication_list_txt h3 {
	text-align: left;
	font-size: 24px;
	padding-bottom:15px;
}
.publications_result .contents .publication_list_txt h3 a{
	color: #000;
}
.publications_result .contents .publication_list_txt p.writer {
	display: inline-block;
	vertical-align: middle;
	padding:0;
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px);
	font-family: Roboto, 'sans-serif';
}
.publications_result .contents .publication_list_txt .pdf_download {
	margin-top: -3px;
	vertical-align: middle;
	margin-left: 20px;
	font-size: 15px;
	color: #000;
	cursor: pointer;
	position: absolute;
	font-family: Roboto, 'sans-serif';
}
.publications_result .contents .publication_list_txt .pdf_download:after {
	position: absolute;
	content: '';
	left: -10px;
	top: 0;
	width: 1px;
	height: 12px;
	margin-top: 3px;
	background: #000;
}
.publications_result .contents .publication_list_txt p.txt_body {
	padding-right:30px;
	font-family: 'Roboto', sans-serif;
}

/* serach title 있는거 */

.section_result .contents{
	width:100%;
}
.section_result .contents:after {
	display: block;
	content: '';
	clear: both;
}
.section_result .contents .list{
	float: left;
	width:340px;
	height:426px;
	margin:0 20px 20px 0;
}
.section_result .contents .no_ri{
	margin:0;
}

.section_result .contents .list_thumb{
	width:340px;
	height:217px;
}
.section_result .contents .list_thumb img{
	width:100%;
	height:100%;
}
.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;
}


/* loader img */
#loader{
	width:35px;
	height:35px;
	margin:30px auto 0;
}

.text_red {
	color: red;
}

input:-ms-input-placeholder { color: #8d8d8d; font-size:15px;font-family: 'Roboto', sans-serif;}
input::-webkit-input-placeholder { color: #8d8d8d; font-size:15px; font-family: 'Roboto', sans-serif;}
input::-moz-placeholder { color: #8d8d8d; font-size:15px; font-family: 'Roboto', sans-serif;}
input::-moz-placeholder { color: #8d8d8d; font-size:15px;font-family: 'Roboto', sans-serif; }

/*
** 18-07-19 파트너즈 추가
*/
.top_introduction .top_bg.partners {
	background-image: url("/images/sub/partners.jpg");
}
.top_introduction .top_bg.partners h2 {
	padding-top:83px;
}

.bottom_introduction.partners {
	padding:80px 0 48px;
}

.partners_wrap {
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
}
.partners_wrap ul:after {
	display: block;
	content: '';
	clear: both;
}
.partners_wrap li {
	height: 240px;
	border-top: 1px solid #000;
	padding-top:55px;
	position: relative;
}
.partners_wrap li:first-child {
	border: none;
}
.partners_wrap li>div {
	float: left;
}
.partners_wrap .partners_thumb {
	width: 25%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.partners_wrap .partners_thumb>img {
	position: absolute;
	max-width: 170px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.partners_wrap .partners_info {
	width: 75%;
	position: absolute;
	right:0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 15px;
}
.partners_wrap li h4 {
	font-family: Roboto, sans-serif;
	font-size: 16px;
}
.partners_wrap li a {
	color: #000;
	font-family: Roboto, sans-serif;
	font-size: 14px;
}
.partners_wrap li p {
	margin-top: 15px;
	font-family: Roboto, sans-serif;
	font-size: 14px;
}

@media screen and (max-width: 640px) {
	.partners_wrap li {
		height: auto;
		padding: 20px 0;
	}
	.partners_wrap li>div {
		float: none;
	}
	.partners_wrap .partners_thumb {
		position: static;
		width: 100%;
		text-align: center;
	}
	.partners_wrap .partners_thumb>img {
		position: static;
		max-width: 250px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.partners_wrap .partners_info {
		position: static;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}
}

/*
**	18-10-24 Localizing SDG 상세페이지 추가
*/
.sub_info:after {
	display: block;
	content: '';
	clear: both;
}
.title_area .case_count {
	padding: 0;
	margin-top: 10px;
}
.title_area .case_count:after {
	display: block;
	content: '';
	clear: both;
}
.title_area .count_wrap {
	float: left;
	width: auto;
}
.title_area .sns_wrap {
	float: right;
}
.title_area .sns_wrap .sns:after {
	display: block;
	content: '';
	clear: both;
}
.title_area .sns_wrap .sns li {
	float: left;
	margin-left:15px;
}
.title_area .sns_wrap .sns li img {
	width: 25px;
}

.title_wrap {
	height: 260px;
	position: relative;
	background: url("../images/sample_images/test1.jpg") no-repeat center center;
	background-size: cover;
	margin-top: 10px;
}
.title_wrap:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0,0,0,.5);
}
.title_wrap .title {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	z-index: 10;
}
.title_wrap .title a {
	color: #fff;
}
.title_wrap .title h2 {
	color: #fff;
	font-weight: 400;
	font-size: 38px;
	width: 100%;
}
.title_wrap .title p {
	color: #fff;
	font-size: 15px;
	margin-top: 10px;
}

.images_wrapper {
	margin-top: 40px;
}
.images_wrapper .container:after {
	display: block;
	clear: both;
	content: '';
}
.images_wrapper li {
	width: calc((100% - 40px) / 5);
	float: left;
	overflow: hidden;
	margin-right: 10px;
}
.images_wrapper li:first-child {
	width:100%;
}
.images_wrapper.layer li:nth-child(5n) {
	margin-right: 0;
}
.images_wrapper.example li:nth-child(6) {
	margin-right: 0;
}
.images_wrapper li:nth-child(n+2) {
	margin-top: 10px;
}
.images_wrapper li:first-child .rwd_wrapper {
	padding-bottom: 56.25%;
}
.images_wrapper li:last-child .rwd_wrapper .more {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .5);
	cursor: pointer;
}
.images_wrapper li:last-child .rwd_wrapper span {
	position: absolute;
	top:50%;
	width:100%;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	z-index: 10;
	font-size: 50px;
}
.images_wrapper .rwd_wrapper {
	position: relative;
	width: 100%;
	padding-bottom:100%;
}
.images_wrapper li img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/*max-width: 100%;*/
	max-height: 100%;
}

.section02.ld{
	clear: both;
	margin-top: 60px;
	width:100%;
	height:auto;
	display: inline-block;
	border-top:2px solid #000;
	padding:35px 44px 32px 44px;
}
.ld .sec02_left h3{
	float: left;
	font-size: 22px;
	line-height: 21px;
	font-weight: 500;
	padding-top:5px;
}
.ld .sec02_left .filter_detail{
	float: right;
	width:84px;
	height:29px;
	line-height: 25px;
	border:3px solid #000;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	margin:0 0 0 19px;
	text-align: center;
	cursor: pointer;
}
.ld .sec02_left .filter_detail .more{
	display: none;
}

.ld .sec02_right{
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 19px;
	padding-top:42px;
}
.ld .sec02_right li:after {
	display: block;
	content: '';
	clear: both;
}
.ld .sec02_right li{
	clear: both;
}
.ld .sec02_right li span{
	width:30%;
	float: left;
	font-family: 'Oswald';
	font-size:15px;
	letter-spacing: 0.5px;
}
.ld .sec02_right li p{
	float: right;
	width:70%;
	margin-bottom:2px;
}
.ld .sec02_right li p span{
	width:40px;
	padding-top:5px;
}
.ld .sec02_right li p span img{
	width:70%;
}
.ld .map_wrap {
	margin-top: 30px;
	padding-bottom: 44%;
	position: relative;
}
.ld .map_wrap .map {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid #000;
}

.section04.ld{
	clear: both;
	border-top:2px solid #000;
	padding:35px 42px 55px 42px;
}
.ld.section04 .column{
	padding-bottom:30px;
}
.ld.section04 .column img{
	width:100% !important;
	height:100% !important;
}
.ld.section04 .column.view{
	padding-bottom: 15px;
}
.ld.section04 .column:last-child{
	padding:0;
}
.ld.section04 .column h3{
	font-size: 23px;
	padding-bottom: 20px;
	font-weight: 500;
}
.ld.section04 .column h4{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	margin-bottom:5px;
}
.ld.section04 .column p{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 19px;
	padding-bottom:20px;
}
.ld.section04 .column.colums_nobo p{
	padding:0;
}
.ld.section04 .column p:last-child{
	padding:0;
}
.ld.section04 .column p i{
	display: block;
}
.ld.section04 .column p span{
	font-weight: 700;
}
.ld.section04 .column p .down{
	display: block;
}
.images_wrapper.layer {
	margin-top:0;
}
.images_wrapper.layer li {
	cursor: pointer;
}
.images_wrapper.layer li:nth-child(1) {
	width:calc((100% - 40px) / 5);
	margin-top: 10px;
}
.images_wrapper.layer li:nth-child(1) .rwd_wrapper {
	padding-bottom: 100%;
}

.comment_wrap.bottom_profile {
	margin-top: 50px;
}

.layer_popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: none;
}
.layer_popup .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .6);
}
.layer_popup .img_wrap {
	position: absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.layer_popup.height .img_wrap {
	height: 90vh;
}
.layer_popup.width .img_wrap {
	width: 80vw;
}
.layer_popup.height .img_wrap > img {
	height: 100%;
}
.layer_popup.width .img_wrap > img {
	width: 100%;
}
.layer_popup .btn_close_popup {
	position: absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
}

@media screen and (max-width: 1050px) {
	.title_wrap .title h2 {
		font-size: 32px;
		padding: 0 20px;
	}
}

@media screen and (max-width:640px) {
	.title_wrap .title h2 {
		font-size: 28px;
		padding:0 10px;
	}
	.images_wrapper li:last-child .rwd_wrapper span {
		font-size: 30px;
	}

	.images_wrapper.layer li {
		width: calc((100% - 20px) / 3);
	}
	.images_wrapper.layer li:nth-child(1) {
		width: calc((100% - 20px) / 3);
	}
	.images_wrapper.layer li:nth-child(5n) {
		margin-right: 10px;
	}
	.images_wrapper.layer li:nth-child(3n) {
		margin-right: 0;
	}
}

.pt15 {
	padding-top: 15px;
}

/* 로컬라이징 썸네일 이미지 */
.img_wrap.rwd {
	overflow: hidden;
}
.img_wrap.rwd img {
	position: absolute;
	left: 50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.img_wrap.rwd img.wRatio {
	height:100%;
	width:auto;
	max-width: none;
}
.img_wrap.rwd img.hRatio {
	height:auto;
	max-height: none;
	width:100%;
}

/* navigator */
.navigator {
	padding-top: 45px;
	border-top: 1px solid #eeeeee;
}
.navigator ul.list {
	display: flex;
	flex-wrap: wrap;
}
.navigator ul.list > li {
	margin-right: 15px;
	margin-bottom: 56px;
	width: 18.86%;
}
.navigator ul.list > li:nth-child(5n) {
	margin-right: 0;
}
.navigator ul.list li .theme {
	position: relative;
	width: 100%;
	height: 87px;
}
.navigator ul.list li .theme p {
	position: absolute;
	left: 16px;
	bottom: 16px;
	line-height: 18px;
	font-size: 14px;
	color: #9a9a9a;
	text-transform: uppercase;
}
.navigator ul.list li .score  {
	margin-top: 17px;
}
.navigator ul.list li .score p {
	font-size: 13px;
	font-family: Roboto, Sans-Serif;
}
.navigator ul.list li .score p span {}
.navigator ul.list li .score .bar  {
	position: relative;
	margin-top: 9px;
	width: 100%;
	height: 4px;
	background-color: #f2f2f2;
}
.navigator ul.list li .score .bar span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #dc1668;
}
.navigator ul.list li .navi {
	margin-top: 17px;
}
.navigator ul.list li .navi p {
	margin-bottom: 8px;
	font-size: 13px;
	font-family: Roboto,Sans-Serif;
}
.navigator ul.list li .navi ul.navi_list {
	display: flex;
	flex-wrap: wrap;
}
.navigator ul.list li .navi ul.navi_list li {
	margin-right: 4px;
}
.navigator ul.list li .navi ul.navi_list li:last-child {
	margin-right: 0;
}
.navigator ul.list li .navi ul.navi_list li img {
	width: 40px;
	height: 40px;
	-webkit-filter: grayscale(100%);
	filter: gray;
}
/* navigator background img */
.navigator ul.list li .theme.poverty {
	background: #f2f2f2 url('../images/icon/theme/ico_theme_poverty.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li .theme.health {
	background: #f2f2f2 url('../images/icon/theme/ico_theme_health.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li .theme.trans {
	background: #f2f2f2 url('../images/icon/theme/ico_theme_trans.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li .theme.water {
	background: #f2f2f2 url('../images/icon/theme/ico_theme_water.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li .theme.energy {
	background: #f2f2f2 url('../images/icon/theme/ico_theme_trans.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li .theme.edu {
	background: #f2f2f2 url('../images/icon/theme/ico_theme_edu.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li .theme.urban {
	background: #f2f2f2 url('../images/icon/theme/ico_theme_urban.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li .theme.gover {
	background: #f2f2f2 url('../images/icon/theme/ico_theme_gover.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li .theme.social {
	background: #f2f2f2 url('../images/icon/theme/ico_theme_social.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li .theme.economy {
	background: #f2f2f2 url('../images/icon/theme/ico_theme_economy.png') right 19px bottom -13px no-repeat;
}
/*on*/
.navigator ul.list li.on .theme.poverty {
	background: #f2f2f2 url('../images/icon/theme/on/ico_theme_poverty_on.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li.on .theme.health {
	background: #f2f2f2 url('../images/icon/theme/on/ico_theme_health_on.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li.on .theme.trans {
	background: #f2f2f2 url('../images/icon/theme/on/ico_theme_trans_on.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li.on .theme.water {
	background: #f2f2f2 url('../images/icon/theme/on/ico_theme_water_on.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li.on .theme.energy {
	background: #f2f2f2 url('../images/icon/theme/on/ico_theme_trans_on.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li.on .theme.edu {
	background: #f2f2f2 url('../images/icon/theme/on/ico_theme_edu_on.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li.on .theme.urban {
	background: #f2f2f2 url('../images/icon/theme/on/ico_theme_urban_on.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li.on .theme.gover {
	background: #f2f2f2 url('../images/icon/theme/on/ico_theme_gover_on.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li.on .theme.social {
	background: #f2f2f2 url('../images/icon/theme/on/ico_theme_social_on.png') right 19px bottom -13px no-repeat;
}
.navigator ul.list li.on .theme.economy {
	background: #f2f2f2 url('../images/icon/theme/on/ico_theme_economy_on.png') right 19px bottom -13px no-repeat;
}
/* navigator background img end */
.navigator ul.list li.on .theme.poverty,
.navigator ul.list li.on .theme.water,
.navigator ul.list li.on .theme.urban,
.navigator ul.list li.on .theme.economy {
	background-color:  #dc1668;
}
.navigator ul.list li.on .theme.health,
.navigator ul.list li.on .theme.energy,
.navigator ul.list li.on .theme.gover{
	background-color:  #f89c27;
}
.navigator ul.list li.on .theme.trans,
.navigator ul.list li.on .theme.edu,
.navigator ul.list li.on .theme.social {
	background-color:  #00699d;
}
.navigator ul.list li.on .theme p {
	color: #FFFFFF;
}
.navigator ul.list li.on .navi ul.navi_list li img {
	filter: none;
}
.navigator .btn_wrap {
	margin-bottom: 30px;
}
/* navigator end */

.navigator .view_more_btn {

	display: flex;
	align-items: center;
	justify-content: center;
	margin:  10px auto 20px;
	width: 140px;
	height: 44px;
	border: 1px solid #000000;
	text-align: center;
	font-size: 15px;
}
/* checkbox custom */
input.chk_typeA {
	position: absolute;
	top: -9999px;
	visibility: hidden;
}
input.chk_typeA + label::before {
	display: inline-block;
	content: '';
	margin-right: 10px;
	width: 17px;
	height: 17px;
	border-radius: 17px;
	border: 1px solid #c2c2c2;
}
input.chk_typeA + label {
	display: flex;
	align-items: center;
	font-size: 13px;
	cursor: pointer;
}
input.chk_typeA:checked + label::before {
	border-color: #e5243b;
	background: #e5243b url('../images/icon/ico_chk_w.png') center no-repeat;
}
/* test form  = test_01, test_02 */
.test_form {
	margin-bottom: 90px;
}
.test_form h2 {
	margin: 50px 0 40px;
	text-align: center;
}
.test_form .top {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	width: 100%;
	height: 73px;
	background-color: #dc1668;
}
.test_form .top p {
	display: flex;
	align-items: center;
	color: #FFFFFF;
	font-size: 18px;
	text-transform: uppercase;
}
.test_form .top p img {
	margin-left: 11px;
}
.test_form .q_list {}
.test_form .q_list > li {
	margin-bottom: 50px;
}
.test_form .q_list li p.q {
	padding: 18px;
	font-size: 14px;
	font-weight: bold;
	font-family: Roboto, Sans-Serif;
}
.test_form .q_list li p.txt {
	border-bottom: 1px solid #f3f3f3;
	padding: 15px 18px;
	font-size: 12px;
	font-family: Roboto, Sans-Serif;
	font-style: italic;
}
.test_form .q_list li p.q span.required {
	color: #d3304d;
}
.test_form .q_list li p.q span.content {
	display: block;
	margin-top: 10px;
	font-size: 13px;
	font-weight: 400;
}
.test_form .q_list li .chk_list {
	display: flex;
	flex-wrap: wrap;
	padding: 24px 0 0 18px;
	font-size: 0;
}
.test_form .q_list li .chk_list li {
	margin-right: 70px;
	margin-bottom: 20px;
}
.test_form .q_list li .chk_list li:last-child {
	margin-right: 0;
}
.test_form .q_list li .chk_list li input {}
.test_form .q_list li .chk_list li input[type="text"] {
	width: 600px;
	height: 38px;
}
.test_form .q_list li .chk_list li label {
	font-family: Roboto, Sans-Serif;
}
.test_form .btn_wrap button {
	margin-right: 20px;
	cursor: pointer;
}
.test_form .survey_input_wrap {
	margin-bottom: 90px;
}
.test_form .survey_input_wrap .email {
	margin-bottom: 20px;
}
.test_form .survey_input label {
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
}
.test_form .survey_input input {
	width: 350px;
	height: 38px;
	border: 1px solid #d8d8d8;
	font-family: Roboto, sans-serif;
}
.test_form > p {
    margin-bottom: 20px;
    font-size: 14px;
    font-family: Roboto, sans-serif;
}
.test_form > p span {
    color: #d3304d;
    font-weight: 600;
}
    /* 예외질문 2.2 */
.test_form .q_list > li ul.except {
	padding: 24px 18px;
}
.test_form .q_list > li ul.except li {
	margin-bottom: 46px;
}
.test_form .q_list > li ul.except li:last-child {
	margin-bottom: 0;
}
.test_form .q_list > li ul.except li span {
	display: block;
	margin-bottom: 15px;
	font-family: Roboto, sans-serif;
	font-size: 14px;
}
.test_form .q_list > li ul.except li .input_list {
	display: flex;
	align-items: center;
}
.test_form .q_list > li ul.except li label {
	margin-right: 30px;
	font-family: Roboto, Sans-Serif;
}
.test_form .q_list > li ul.except li .input_list label:last-of-type {
	margin-right: 0;
}
.test_form .q_list li ul.except + .chk_list {
	display: none;
	border-top: 1px solid #e5e5e5;
}
.test_form .result-email {
	display: block;
	margin-top: 5px;
	font-size: 12px;
}
	/* test form end */

/* test result */
section[class^="sdg_result"] .title {
	margin-top: 50px;
	text-align: center;
}
section[class^="sdg_result"] .title h2 {
	font-size: 25px;
}
section[class^="sdg_result"] .title p {
    margin-top: 10px;
	font-size: 14px;
	font-family: Roboto, Sans-Serif;
}
.sdg_no_member {
	display: none;
	padding: 50px 0;
	background: #f2f2f2;
}
.sdg_no_member p{
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}
.sdg_no_member .no_mb_email {
	margin-top: 48px;
	text-align: center;
}
.sdg_no_member .no_mb_email .input {
	display: flex;
	align-itme: center;
	justify-content: center;
	margin-top: 22px;
}
.sdg_no_member .no_mb_email .input input {
	margin-right: 15px;
	width: 294px;
	height: 38px;
	border: 1px solid #000000;
}
.sdg_no_member .no_mb_email .input button {
	width: 90px;
	height: 38px;
	background: #FFFFFF;
	border: 1px solid #000000;
}
.sdg_no_member .btn_wrap {
	margin-top: 28px;
}
.sdg_no_member .btn_wrap a {
	width: 109px;
}
.sdg_no_member.no_test .btn_wrap a {
	width: 150px;
}
.sdg_no_member .btn_wrap a:first-child {
	margin-right: 24px;
}
.sdg_result01,
.circle_chart,
.sdg_result03 {
	display: none;
}
.sdg_result01 {
	margin-bottom: 86px;
}
.sdg_result01 .title h2 {
	font-size: 25px;
}
.sdg_result01 .title p {
	margin-top: 23px;
	font-size: 13px;
}
.sdg_result01 .navigator {
	border-top: none;
}
.sdg_result03 .content {
	display: flex;
	margin: 42px 0 50px;
}
.sdg_result03 .content .left h3{
	padding: 26px 0;
}
.sdg_result03 .content .left span {
	display: inline-block;
	padding: 10px 0;
}
.sdg_result03 .content .left ul {
	margin-top: 15px;
}
.sdg_result03 .content .left ul li {
	padding: 8px 0;
	font-size: 14px;
	line-height: 20px;
}
.sdg_result03 .content .left ul li:last-child {
	padding-bottom: 0;
}
.sdg_result03 .content .target_list {
	display: flex;
	padding-left: 20px;
}
.sdg_result03 .content .target_list li{
	margin-right: 15px;
	width: 90px;
}
.sdg_result03 .content .target_list li:last-child {
	margin-right: 0;
}
.sdg_result03 .content .target_list li > img {
	width: 100%;
}
.sdg_result03 .content .target_list li p {
	margin: 15px 0;
	width: 100%;
	height: 35px;
	border: 1px solid #dedede;
	background-color: #f2f2f2;
	text-align: center;
	line-height: 35px;
	font-size: 13px;
	font-family: Roboto, Sans-Serif;
}
.sdg_result03 .content .target_list li .score_list {
	border: 1px solid #dedede;
}
.sdg_result03 .content .target_list li .score_list li {
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #dedede;
	text-align: center;
	font-size: 13px;
	cursor: pointer;
}
.sdg_result03 .content .target_list li .score_list li:last-child {
	border-bottom: none;
}
.sdg_result03 .content .target_list li .score_list li {
	background-color: #f2f2f2;
}
.sdg_result03 .content .target_list li .score_list li.level_1 {
	background-color: #ff0000 !important;
}
.sdg_result03 .content .target_list li .score_list li.level_2 {
	background-color: #ff9900 !important;;
}
.sdg_result03 .content .target_list li .score_list li.level_3 {
	background-color: #f1c232 !important;;
}
.sdg_result03 .content .target_list li .score_list li.level_4 {
	background-color: #70ad47 !important;;
}
input.radio_typeB {
	position: absolute;
	top: -9999px;
	text-indent: -9999px;
}
input.radio_typeB + label::before {
	display: inline-block;
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	margin-right: 8px;
	width: 12px;
	height: 12px;
	border: 1px solid #c2c2c2;
	background: #fff;
}
input.radio_typeB + label {
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 20px;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
}
input.radio_typeB:checked + label::before {
	background: #FFFFFF url('../images/icon/ico_chk_r.png') center no-repeat;
	border-color: #e5243b;
}
/* popup end */
.sdg_result_pop .top {
	display: flex;
	padding-bottom: 27px;
	border-bottom: 1px solid #c2c2c2;
}
.sdg_result_pop .top .left img {
	width: 80px; height: 80px;
}
.sdg_result_pop .top .right {
	padding-left: 20px;
}
.sdg_result_pop .top .right .tit {
	display: flex;
	align-items: flex-end;
}
.sdg_result_pop .top .right .tit h4 {
	font-size: 25px;
	line-height: 28px;
}
.sdg_result_pop .top .right .tit > span {
	margin-left: 10px;
	font-size: 12px;
	color: #aaaaaa;
}
.sdg_result_pop .top .right p {
	margin-top: 28px;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
}
.sdg_result_pop .cont > p{
	padding: 33px 0 20px;
	text-align: center;
	font-size: 18px;
}
.sdg_result_pop .cont ul.list {
	display: flex;
	flex-wrap: wrap;
	overflow-y: scroll;
	max-height: 315px;
}
.sdg_result_pop .cont ul.list li {
	width: 32%;
	margin-right: 10px;
	margin-bottom: 35px;
}
.sdg_result_pop .cont ul.list li .img_wrap {
    height: 180px;
}
.sdg_result_pop .cont ul.list li a {
	display: block;
}
.sdg_result_pop .cont ul.list li:nth-child(3n) {
	margin-right: 0;
}
.sdg_result_pop .cont ul.list li img {
	width: 100%;
	height: 100%;
}
.sdg_result_pop .cont ul.list li .info {
	padding-top: 10px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.sdg_result_pop .cont ul.list li .info span {
	display: block;
	line-height: 10px;
	color: #9a9999;
	font-size: 10px;
}
.sdg_result_pop .cont ul.list li .info h5 {
	margin-top: 10px;
	font-size: 18px;
	line-height: 22px;
}
.sdg_result_pop .cont ul.list li .info p {
	margin-top: 18px;
	font-size: 12px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */
	white-space: normal;
	line-height: 1.2;
	height: 2.3em;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.sdg_result_pop .btn_wrap {
	margin-top: 35px;
}
.sdg_result_pop .btn_b {
	width: 180px;
}
.sdg_result_pop .cont.specific .cont_top {
	display: flex;
	justify-content: space-between;
	padding: 20px 20px 10px 0;
	font-size: 16px;
}
.sdg_result_pop .cont.specific .q_list {
	overflow-y: scroll;
	max-height: 315px;

}
.sdg_result_pop .cont.specific .q_list li {
	margin-bottom: 20px;
}
.sdg_result_pop .cont.specific .q_list li .result_top {
	display: flex;
	justify-content: space-between;
}
.sdg_result_pop .cont.specific .q_list li p {
	position: relative;
	width: 80%;
	font-size: 13px;
	line-height: 17px;
	font-family: Roboto, sans-serif;
}
.sdg_result_pop .cont.specific .q_list li > p {
	margin-top: 10px;
}
.sdg_result_pop .cont.specific .q_list li .result {
	width: 80px;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	text-align: center;
}
/*
	초 : #6ec974
	노 : #fbb45f
 	주 : #ef8b54
 	빨 : #e14646
*/
.q_list li .result.strong {
	background-color: #6ec974;
	color: #fff;
}
.q_list li .result.average {
	background-color: #fbb45f;
	color: #fff;
}
.q_list li .result.weak {
	background-color: #ef8b54;
	color: #fff;
}
.q_list li .result.poor {
	background-color: #e14646;
	color: #fff;
}

.sdg_result_pop .cont.specific .q_list li .result.txt {
	font-size: 16px;
}
/* test_result  end */

/*mobile result*/
.m_inner {
	padding: 0 calc(40/720*100vw);
}

.mobile_result .navigator {
	padding: 0;
}
.mobile_result .sdg_no_member {
	display: none;
	padding: calc(50/720*100vw) calc(20/720*100vw);
}

.mobile_result .navigator ul.list li .theme p {
	bottom: calc(24/720*100vw);
	left: calc(24/720*100vw);
	font-size: calc(20/16*1rem);
	line-height: calc(27/720*100vw);
}
.mobile_result .navigator ul.list li .total p {
	font-size: calc(20/16*1rem);
	font-family: 'Roboto', sans-serif;
}
.mobile_result .navigator ul.list li .navi p {
	font-size: calc(20/16*1rem);
	font-family: 'Roboto', sans-serif;
}
.mobile_result .navigator ul.list > li {
	margin-right: calc(40/720*100vw);
	margin-bottom: calc(40/720*100vw);
	width: 46.7%;
}
.mobile_result .navigator ul.list > li:nth-child(2n) {
	margin-right: 0;
}
.mobile_result .tit {
	padding: calc(70/720*100vw) 0;
	text-align: center;
}
.mobile_result .tit h4 {
	font-size: calc(42/16*1rem);
	font-weight: 400;
}
.mobile_result .tit p {
	margin-top: calc(30/720*100vw);
	font-family: 'Roboto', sans-serif;
	font-size: calc(24/16*1rem);
}
.mobile_result .navigator ul.list li .theme {
	height: calc(130/720*100vw);
}
.mobile_result .navigator ul.list li .navi ul.navi_list li img {
	width: calc(60/720*100vw);
	height: calc(60/720*100vw);
}
.mobile_result .target_list {
	display: flex;
	flex-wrap: wrap;
	padding: 0 calc(38/720*100vw);
}
.mobile_result .target_list li {
	width: 46%;
	margin-right: calc(40/720*100vw);
	margin-bottom: calc(50/720*100vw);
}
.mobile_result .target_list li:nth-child(2n) {
	margin-right: 0;
}
.mobile_result .target_list li a {
	display: inline-block;
}
.mobile_result .target_list li p {
	padding: calc(30/720*100vw) 0;
	margin-top: calc(10/720*100vw);
	background-color: #f2f2f2;
	border: calc(2/720*100vw) solid #dedede;
	text-align: center;
	font-size: calc(26/16*1rem);
	font-family: 'Roboto', sans-serif;
}
.mobile_result .target_list li img {
	width: calc(260/720*100vw);
	height: calc(260/720*100vw);
}
/*2*/
.mobile_result02 .q_list li {
	position: relative;
	margin: calc(40/720*100vw) 0;
}
.mobile_result02 .q_list p {
	font-size: calc(24/16*1rem);
	font-family: Roboto, sans-serif;
}
.mobile_result02 .q_list .result_top p {
	max-width: calc(400/720*100vw);
	min-height: calc(64/720*100vw);
}
.mobile_result02 .q_list li > p  {
	overflow:hidden;word-wrap:break-word;
	margin-top:calc(20/720*100vw)
}
.mobile_result02 .q_list p span {
	position: absolute;
	top: 0;
	left: 0;
	font-size: calc(24/16*1rem);
	font-weight: bold;
}
.mobile_result02 .q_list .result {
	width: calc(197/720*100vw);
	height: calc(64/720*100vw);
	line-height: calc(64/720*100vw);
	color: #FFFFFF;
	text-align: center;
	font-size: calc(32/16*1rem);
}
.mobile_result02 .score_list {
	margin-top: calc(50/720*100vw);
    border-top: calc(2/720*100vw) solid #e5e5e5;
}
.mobile_result02 .score_list > li {
	padding: calc(30/720*100vw) 0;
	border-bottom: calc(2/720*100vw) solid #e5e5e5;
}
.mobile_result02 .score_list .toggle {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mobile_result02 .score_list .tit {
	font-size:  calc(32/16*1rem);
}
.mobile_result02 .score_list .toggle img {
	width: calc(38/720*100vw);
	height: calc(21/720*100vw);
	transform: rotate(180deg);
	transition: all .3s;
}
.mobile_result02 .score_list .toggle.on img {
	transform: rotate(0deg);
}
.mobile_result02 .score_list .cont {
	display: none;
}
.mobile_result02 .score_list .cont > span {
	display: block;
	font-size:  calc(32/16*1rem);
}
.mobile_result02 .score_list .cont .txt {
	margin-top: calc(33/720*100vw);
	padding-bottom: calc(40/720*100vw);
	font-size: calc(24/16*1rem);
	font-family: Roboto, sans-serif;
}
.mobile_result02 .score_list .cont .q_list {
	padding-top: calc(40/720*100vw);
	border-top: calc(2/720*100vw) solid #e5e5e5;
}
.mobile_result02 .score_list .cont .q_list .result_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mobile_result02 .score_list .cont .q_list li:first-child {
	margin-top: 0;
}
/*3*/
.m_inner {
	padding: 0 calc(40/720*100vw);
}
.m_total_score {
	padding-top: calc(70/720*100vw);
}
.m_total_score .score {
	display: flex;
}
.m_total_score .score img {
	width: calc(230/720*100vw);
	height: calc(230/720*100vw);
}
.m_total_score .score .info {
	padding: calc(23/720*100vw) 0 0 calc(38/720*100vw);
}
.m_total_score .score .info > span {
	font-size: calc(32/16*1rem);
	font-family: 'Roboto', sans-serif;
}
.m_total_score .score .info > p {
	margin-top: calc(18/720*100vw);
	font-size: calc(58/16*1rem);
	line-height: calc(47/720*100vw);
}
.m_total_score .score .info > div {
	margin-top: calc(35/720*100vw);
}
.m_total_score .score .info > div span{
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: calc(24/720*100vw);
	line-height: calc(34/720*100vw);
}
.m_total_score .txt {
	padding: calc(40/720*100vw) 0;
	font-size: calc(24/16*1rem);
	font-family: 'Roboto', sans-serif;
	border-bottom: calc(2/720*100vw) solid #e5e5e5;
}
.mobile_result03 .country_list {
    margin-top: calc(50/720*100vw);
    padding-top: calc(65/720*100vw);
    border-top: calc(2/720*100vw) solid #e5e5e5;
}
.mobile_result03 .country_list li {
	margin-bottom: calc(73/720*100vw);
}
.mobile_result03 .country_list li:last-child {
    margin-bottom: 0;
}
.mobile_result03 .country_list li a .img_wrap {
    width: 100%;
    height: calc(354/720*100vw);
}
.mobile_result03 .country_list li img {
	width: 100%;
}
.mobile_result03 .country_list li .info {
	padding-top: calc(30/720*100vw);
	text-align: center;
}
.mobile_result03 .country_list li .info span {
	font-size: calc(24/16*1rem);
	color: #9a9999;
}
.mobile_result03 .country_list li .info h5 {
	margin: calc(24/720*100vw) 0 calc(32/720*100vw);
	font-size: calc(50/16*1rem);
	line-height: calc(60/720*100vw);
}
.mobile_result03 .country_list li .info p {
	font-size: calc(24/16*1rem);
	font-family: 'Roboto', sans-serif;
}
/*mobile result end*/

/* circle chart */
.circle_chart {
	margin-bottom: 140px;
}
.circle_box_wrapper {
	position: relative;
	width: 725px;
	height: 735px;
	margin: 0 auto;
}
.circle_box_wrapper_line {
	position: absolute;
	top: -2px;
	left: -1px;
	width: 726px;
	height: 738px;
	border: 3px solid #fff;
	z-index: 101;
	border-radius: 50%;
}
.circle_chart .box_1 {
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
}
.circle_chart .title {
	padding: 40px 0;
	text-align: center;
}
.circle_box{position:relative;width:500px;height:500px;}

.con{width: 160px;height: 300px;background: red; position: absolute;  left: 50%; top: 50%;}
.con:nth-child(2){width: 120px;height: 300px;background: red;transform: rotate(21deg)}
.con:nth-child(3){width: 120px;height: 300px;background: rgb(107, 76, 76); transform: rotate(21deg)}
.con:nth-child(4){width: 120px;height: 300px;background: rgb(0, 255, 128);transform: rotate(38deg)}
.con:nth-child(5){width: 120px;height: 300px;background: rgb(255, 217, 0);transform: rotate(55deg)}
.con:nth-child(6){width: 120px;height: 300px;background: rgb(255, 187, 0);transform: rotate(72deg)}
.con:nth-child(7){width: 120px;height: 300px;background: rgb(76, 0, 255);transform: rotate(99deg)}
.con:nth-child(8){width: 120px;height: 300px;background: rgb(255, 0, 221);transform: rotate(116deg)}
.con:nth-child(9){width: 120px;height: 300px;background: rgba(0, 153, 255, 0.548);transform: rotate(133deg)}
.con:nth-child(10){width: 120px;height: 300px;background: rgb(45, 151, 41);transform: rotate(150deg)}
.con:nth-child(11){width: 120px;height: 300px;background: rgb(235, 148, 148);transform: rotate(167deg)}
.con:nth-child(12){width: 120px;height: 300px;background: rgb(194, 233, 197);transform: rotate(184deg)}
.con:nth-child(13){width: 120px;height: 300px;background: rgb(227, 233, 194);transform: rotate(201deg)}
.con:nth-child(14){width: 120px;height: 300px;background: rgb(156, 144, 152);transform: rotate(218deg)}
.con:nth-child(15){width: 120px;height: 300px;background: rgb(60, 39, 116);transform: rotate(235deg)}
.con:nth-child(16){width: 120px;height: 300px;background: rgb(228, 102, 29);transform: rotate(252deg)}
.con:nth-child(17){width: 120px;height: 300px;background: rgb(101, 75, 126);transform: rotate(269deg)}
.box_1{ overflow: hidden;  width: 724px; height: 734px; border-radius: 50%;}
.box_1 .con_1 img{position: absolute; top: 50px; width: 75px;}

.circle{width:415px;height:415px;border-radius:50%;background:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:42;}
.circle img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 203px;height: 105px;}
.con_1{width:115px;height:167px;background:#f1f1f1;position:absolute;left:47.5%;top:1%;transform-origin:bottom center;transform:rotate(11deg);z-index:1;}

.txt_wrap{position: relative; width: 119%; height: 100%;}
.txt_wrap .tlt{position: absolute; left: 63px; top: 35px;color: #6f6f6f;}
.txt_wrap .num{display: block;/* position: absolute; */ margin-bottom: 4px; font-size: 16px; font-weight: 600;font-family: 'Roboto', Sans-Serif;}
.txt_wrap p{/* position: absolute; */font-size: 10px; line-height: 13px; text-transform: uppercase;font-family: 'Roboto', Sans-Serif;}
.txt_wrap .per{display: block; position: absolute; font-size: 14px; font-weight: 600;font-family: 'Roboto', Sans-Serif; color: #999999;}
.con_1.step1::before{
	display: block; content:''; position:absolute; width: 100%; background-color: #f1f1f1; transition: all 0.4s;
}
.con_1.step1.on::before {
	/*animation-name: chartFadeIn;*/
	/*animation-duration: 3s;*/
}
.con_1.list01 {left: 48%; top: 0%; transform: rotate(10.5deg); z-index: 17; width: 103px;}
.con_1.list01 .txt_wrap{transform: rotate(-10.5deg); }
.con_1.list01 .txt_wrap .tlt{left: 20%; top: 7%;}
.con_1.list01 .txt_wrap .per{left: 21%; top: 73%;}
.con_1.list01.step1.on {background: #e5243b}
.con_1.list01.step1::before {left: 0%; top: 0;}

.con_1.list02 .txt_wrap{transform: rotate(-31deg);}
.con_1.list02 {left: 57%; top: 4.5%; transform: rotate(31deg); z-index: 2;}
.con_1.list02 .txt_wrap .tlt{left: 41%; top: 5%;}
.con_1.list02 .txt_wrap .per{left: 13%; top: 63%;}
.con_1.list02.step1.on {background-color: #dda83a;}
.con_1.list02.step1::before {left: -5%; top: -1.5%;}
.con_1.list02 > img {right: 0; transform: rotate(-32deg);}

.con_1.list03 {left: 65%;  top: 11.5%; transform: rotate(50deg); z-index:4;}
.con_1.list03 .txt_wrap{transform: rotate(-50deg);}
.con_1.list03 .txt_wrap .tlt{left: 40%; top: 17%;}
.con_1.list03 .txt_wrap p{margin-left: -20px;}
.con_1.list03 .txt_wrap .per{left: 6%; top: 52%;}
.con_1.list03.step1.on {background-color: #4c9f38;}
.con_1.list03.step1::before {left: -7%; top: 2.5%; height: 50%;}
.con_1.list03 > img {transform: rotate(-45deg);}

.con_1.list04 {left: 69%; top: 21%; z-index:5; transform: rotate(69deg);}
.con_1.list04.step1.on {background: #c5192d;}
.con_1.list04.step1::before {left: 0%; top: 0;}
.con_1.list04 .txt_wrap{transform: rotate(-69deg);}
.con_1.list04 .txt_wrap .per{left: 8px;top: 70px;}
.con_1.list04 img {transform: rotate(-71deg);}

.con_1.list05 {left: 70%; top: 31%; transform: rotate(93deg); z-index:6;}
.con_1.list05 .txt_wrap{transform: rotate(-93deg);}
.con_1.list05 .txt_wrap .tlt{left: 71px; top: 42px;}
.con_1.list05 .txt_wrap .per{left: 8px;top: 52px;}
.con_1.list05.step1.on {background: #ff3a21;}
.con_1.list05.step1::before {left: 0%; top: 0;}
.con_1.list05 img {
	left: 32px;
	transform: rotate(-93deg);
}

.con_1.list06 {left: 67.5%; top: 40.5%; transform: rotate(118deg); z-index: 7;}
.con_1.list06 .txt_wrap{width: 140%; height: 112%; left: -20%; top: -10%; transform: rotate(-118deg);}
.con_1.list06 .txt_wrap .tlt{left: 30%; top: 30%;}
.con_1.list06 .txt_wrap .per{left: 9%;top: 28%;}
.con_1.list06.step1.on {background: #26bde2;}
.con_1.list06.step1::before {left: 0%; top: 0;}
.con_1.list06 img {
	transform: rotate(-115deg);
	left: 5px;
	top: 44px;
}

.con_1.list07 {left: 60%; top: 48.5%; transform: rotate(135deg); z-index: 7;}
.con_1.list07 .txt_wrap{transform: rotate(-135deg);}
.con_1.list07 .txt_wrap .tlt{left: 49%; top: 30%;}
.con_1.list07 .txt_wrap .per{left: 25%; top: 16%;}
.con_1.list07.step1.on{background: #fcc30b;}
.con_1.list07.step1::before {left: 0%; top: 0;}
.con_1.list07 img {left: 30px;transform: rotate(-132deg);}

.con_1.list08 {left: 51.5%; top: 53.5%; transform: rotate(155deg); z-index: 8;}
.con_1.list08 .txt_wrap{transform: rotate(-155deg);}
.con_1.list08 .txt_wrap .tlt{left: 46%; top: 32%;}
.con_1.list08 .txt_wrap .per{left: 36%; top: 10%;}
.con_1.list08.step1.on{background: #a21942;}
.con_1.list08.step1::before {left: 0%; top: 0;}
.con_1.list08 img {transform: rotate(-157deg);left: 37px;}

.con_1.list09 {left: 41.5%;  top: 55%; transform: rotate(178deg); z-index: 9;}
.con_1.list09 .txt_wrap{transform: rotate(-178deg);}
.con_1.list09 .txt_wrap .tlt{left: 33%; top: 38%;}
.con_1.list09 .txt_wrap .per{left: 52%; top: 11%;}
.con_1.list09.step1.on{background: #fd6925;}
.con_1.list09 .txt_wrap .num {padding-left: 10px;}
.con_1.list09.step1::before {left: 0%; top: 0;}
.con_1.list09 img { transform: rotate(-60deg);left: 20px;}

.con_1.list10 {left: 31.5%; top: 53%; transform: rotate(198deg); z-index: 10;}
.con_1.list10 .txt_wrap{transform: rotate(-198deg);}
.con_1.list10 .txt_wrap .tlt{left: 29%; top: 54%;}
.con_1.list10 .txt_wrap .per{left: 64%; top: 17%;}
.con_1.list10.step1.on{background: #dd1367;}
.con_1.list10.step1::before {left: 0%; top: 0;}
.con_1.list10 img {left: 24px;transform: rotate(-18deg);}

.con_1.list11 {left: 22%; top: 47%;  transform: rotate(218deg); z-index: 11;}
.con_1.list11 .txt_wrap{transform: rotate(-218deg);}
.con_1.list11 .txt_wrap .tlt{left: 38%; top: 47%;}
.con_1.list11 .txt_wrap p{margin-left: -26px;}
.con_1.list11 .txt_wrap .per{left: 80%; top: 28%;}
.con_1.list11.step1.on {background: #fd9d24;}
.con_1.list11.step1::before {left: 0%; top: 0; }
.con_1.list11 img {transform: rotate(142deg);left: 36px;}

.con_1.list12 {left: 17%; top: 39.5%; transform: rotate(239deg); z-index: 12;}
.con_1.list12 .txt_wrap{transform: rotate(-239deg); }
.con_1.list12 .txt_wrap .tlt{left: 28%; top: 38%;}
.con_1.list12 .txt_wrap p{margin-left: -26px;}
.con_1.list12 .txt_wrap .per{left: 78%; top: 35%;}
.con_1.list12.step1.on {background: #bf8b2e;}
.con_1.list12.step1::before {left: 0%; top: 0; }
.con_1.list12 img {transform: rotate(119deg);left: 40px;}

.con_1.list13 {left: 14.5%; top: 29%; transform: rotate(262deg); z-index: 13;}
.con_1.list13 .txt_wrap{transform: rotate(-262deg); }
.con_1.list13 .txt_wrap .tlt{left: 11%; top: 43%;}
.con_1.list13 .txt_wrap .per{left: 74%; top: 50%;}
.con_1.list13.step1.on {background: #3f7e44;}
.con_1.list13.step1::before {left: 0%; top: 0; }
.con_1.list13 img {transform: rotate(99deg); top: 15px;left: 10px;}

.con_1.list14 {left: 15%; top: 18.5%; transform: rotate(281deg); z-index: 14;}
.con_1.list14 .txt_wrap{transform: rotate(-281deg); }
.con_1.list14 .txt_wrap .tlt{left: 13%; top: 37%;}
.con_1.list14 .txt_wrap .per{left: 74%; top: 58%;}
.con_1.list14.step1.on {background: #0a97d9;}
.con_1.list14.step1::before {left: 0%; top: 0; }
.con_1.list14 img {left: 24px;transform: rotate(79deg);}

.con_1.list15 {left: 21%; top: 9.5%; transform: rotate(304deg); z-index: 14;}
.con_1.list15 .txt_wrap{transform: rotate(-304deg); }
.con_1.list15 .txt_wrap .tlt{left: 10%; top: 31%;}
.con_1.list15 .txt_wrap .per{left: 57%; top: 69%;}
.con_1.list15.step1.on {background: #56c02b;}
.con_1.list15.step1::before {left: 0%; top: 0;}
.con_1.list15 img {transform: rotate(58deg);left: 26px;top: 36px;}

.con_1.list16 {left: 28.5%; top: 3%; transform: rotate(325deg); z-index: 15;}
.con_1.list16 .txt_wrap{transform: rotate(-325deg); }
.con_1.list16 .txt_wrap .tlt{left: 13%; top: 16%;}
.con_1.list16 .txt_wrap .per{left: 51%; top: 76%;}
.con_1.list16.step1.on {background: #00689d;}
.con_1.list16.step1::before {left: 0%; top: 0; }
.con_1.list16 img {transform: rotate(34deg);}

.con_1.list17 {left: 38.5%; top: -0.5%; transform: rotate(345deg); z-index: 16;}
.con_1.list17 .txt_wrap{transform: rotate(-345deg); }
.con_1.list17 .txt_wrap .tlt{left: 11%;top: 15%;}
.con_1.list17 .txt_wrap .per{left: 41%; top: 78%;}
.con_1.list17.step1.on {background: #19486a;}
.con_1.list17.step1::before {left: 0%; top: 0; }
.con_1.list17 img {transform: rotate(12deg);top: 35px;}

.con_1.on .txt_wrap .num,
.con_1.on .txt_wrap p,
.con_1.on .txt_wrap .per {color: #000000;}

.line{width:30px;height:191px;background:#fff;transform:rotate(22deg);left:62%;top:0.5%;position:absolute;z-index:100;}
.line:nth-child(2){background:#fff;left:75%;top:7%;transform:rotate(43deg);}
.line:nth-child(3){background:#fff;left:83%;top:19%;transform:rotate(64deg );}
.line:nth-child(4){background:#fff;left:87%;top:33%;transform:rotate(85deg );}
.line:nth-child(5){background:#fff;left:87%;top:48%;transform:rotate(107deg );}
.line:nth-child(6){background:#fff;left:80%;top:61%;transform:rotate(127deg );}
.line:nth-child(7){background:#fff;left:69%;top:70%;transform:rotate(148deg );}
.line:nth-child(8){background:#fff;left:56%;top:77%;transform:rotate(169deg );}
.line:nth-child(9){background:#fff;left:41%;top:76%;transform:rotate(190deg );}
.line:nth-child(10){background:#fff;left:27%;top:72%;transform:rotate(211deg );}
.line:nth-child(11){background:#fff;left:16%;top:62%;transform:rotate(232deg);}
.line:nth-child(12){background:#fff;left:11%;top:48%;transform:rotate(253deg );}
.line:nth-child(13){background:#fff;left:9%;top:34%;transform:rotate(274deg );}
.line:nth-child(14){background:#fff;left:13%;top:20%;transform:rotate(297deg );}
.line:nth-child(15){background:#fff;left:22%;top:9%;transform:rotate(319deg);}
.line:nth-child(16){background: #fff;left: 34%;top: 1%;transform: rotate(337deg);}
.line:nth-child(17){background: #fff; left: 48%; top: 0%;transform: rotate(360deg);}

/*backgroud*/

/*animation*/
@keyframes chartFadeIn {
	from {

	}

	to {
		height: 0%;
	}
}

/* circle chart end */

.toolkit_link {}
.toolkit_link a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 530px;
	padding: 20px 15px;
	background: url('../images/toolkit/toolkit_banner.jpg') no-repeat;
}
.toolkit_link .left {}
.toolkit_link .left span {
	font-size: 42px;
	font-weight: 500;
	/*font-family: Roboto, sans-serif;*/
	color: #fd6925;
	line-height: 1;
}
.toolkit_link .left p {
	margin-top: 10px;
	font-size: 14px;
	font-family: Roboto, sans-serif;
}
.toolkit_link .right {
	font-size: 18px;
}
.toolkit_link .right strong {
	position: relative;;
	color: #ff3a21;
}
.toolkit_link .right strong:after {
	display: block;
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background:  #ff3a21;
}
.bottom_profile .toolkit_list {}
.bottom_profile .toolkit_list > p {
	margin: 30px 0 15px;
	font-size: 25px;
}
.bottom_profile .toolkit_list > ul {
	display: flex;
	flex-wrap: wrap;
}
.bottom_profile .toolkit_list li.type02  {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 32.3333%;
	margin-right: 15px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
	height: 420px;
}
.bottom_profile .toolkit_list li.type02 .list_thumb {
	width: 350px;
	height: 220px;
}
.bottom_profile .toolkit_list li.type02 .list_thumb a {
	display: block;
}
.bottom_profile .toolkit_list li:nth-child(3n) {
	margin-right: 0;
}
.bottom_profile .toolkit_list li .list_thumb img {
	width: 100%;
}
.bottom_profile .toolkit_list li .list_desc {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.bottom_profile .toolkit_list li .list_desc .info {
	display: flex;
}
.bottom_profile .toolkit_list li .list_desc .info .left {
	width: 83px;
	padding-top: 15px;
}
.bottom_profile .toolkit_list li .list_desc .info .left  strong {
	font-size: 25px;
}
.bottom_profile .toolkit_list li .list_desc .info .right {
	flex:1;
}
.bottom_profile .toolkit_list li .list_desc .info .right span {
	display: block;
	margin-bottom: 4px;
	font-size: 13px;
	font-family: Roboto, sans-serif;
}
.bottom_profile .toolkit_list li .list_desc .info .right h3 {
	font-size: 25px;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	line-height: 1.2em;
	height: 2.6em;
}
.bottom_profile .toolkit_list li .list_desc .info .right p {
	margin-top: 20px;
	font-family: Roboto, sans-serif;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	line-height: 1.2em;
	height: 2.6em;
}
.bottom_profile .toolkit_list .rcs_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.bottom_profile .toolkit_list .rcs_box .rcs_date {
	font-size: 13px;
	font-family: Roboto, sans-serif;
}
.bottom_profile .toolkit_list .rcs_box .rcs_icon {
	display: flex;
	align-items: center;
}
.bottom_profile .toolkit_list .rcs_box .rcs_icon li {
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.bottom_profile .toolkit_list .rcs_box .rcs_icon li:last-child {
	margin-right: 0;
}
.bottom_profile .toolkit_list .rcs_box .rcs_icon li span {
	font-size: 13px;
	font-family: Roboto, sans-serif;
}
.bottom_profile .toolkit_list .rcs_box .rcs_icon li img {
	margin-right: 5px;
}
/*projects */
.bottom_profile .tab_menu.projects li {
	width: 25%;
	border-right: none;
}
.bottom_profile .tab_menu.projects li:last-child {
	border-right: 3px solid #d9d9d9;
}
.bottom_profile .tab_menu.projects li.on{
	border: 3px solid #000;
}
.bottom_profile .projects_tab_cont .cont {
	display: none;
}
.bottom_profile .projects_tab_cont .cont.on {
	display: block;
}
/*projects */

/*about*/
.view_pc{display: block !important;}
.view_mo{display: none !important;}
.pt_0{padding-top: 0px !important;}
.pt_25{padding-top: 25px !important;}
.pt_30{padding-top: 30px !important;}
.pt_48{padding-top: 48px !important;}
.pb_0{padding-bottom: 0 !important;}
.pb_30{padding-bottom: 30px !important;}
.pb_48{padding-bottom: 48px !important;}
.pl_10{padding-left: 10px !important;}
.color-red{color: red; font-weigth: 500;}
.link_pdf_download{display: block; color: #114bf1; text-decoration: underline;}
.font-italic{font-style: italic;}

.localizing_about .top_bg{
	background-image: url(../images/sub/about_top_bg.png);
}
.bottom_introduction .section h4{
	padding: 48px 0 30px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.5px;
}
.bottom_introduction .section p + .sub_tit,
.bottom_introduction .section p + h4{padding-top: 30px;}
.section .list{font-family: 'Roboto', sans-serif; font-size: 15px;}
.section .banner_img{margin: 0 auto; text-align: center;}
.section .banner_img img{width: 100%;}
.section p i{font-style: italic;}
.section p a{text-decoration: underline; color: #1d75b3;}

/*statitics*/
.top_featurearticles .top_bg {
	background: url(../images/sub/sub_sta_1060.png) no-repeat;
}
.top_featurearticles .top_bg h2{font-weight: bold;}
.type_tab{display: flex; justify-content: space-between;margin: 33px 0 25.5px;}
.type_tab li{flex: 1; }
.type_tab li a{display: block; height: 45px;border: 3px solid #D9D9D9; color: #D9D9D9; font-weight: 500; font-size: 19px; text-align: center; line-height: 37px; box-sizing: border-box;}
.type_tab li:nth-child(2) a{border-left: 0; border-right: 0;}
.type_tab li.active a{border: 3px solid #000; color: #000;}

.pc-area.statistics-wrap{margin-bottom: 80px;}
.pie-chart-wrap{}
.pie-chart-wrap .pie-chart-area{width: 46%; height: 100%;}
.pie-chart-wrap .pie-chart-area .pie-chart{position: relative; width: 100%; height: 420px;}
.pie-chart-wrap .pie-chart-area .pie-chart canvas{position: absolute; left: 50%; top: 50%; transform: translate(-50%);}
.pie-chart-wrap li{display: flex; justify-content: space-between;}
.pie-chart-wrap .chart-legend-wrap{width: 54%;}
.pie-chart-wrap .chart-legend-wrap h3{font-size: 34px; font-weight: bold; margin-bottom: 8px;}
.pie-chart-wrap .chart-legend-wrap p{font-size: 15px; line-height: 1.2; margin-bottom: 27px;}
.pie-chart-wrap .chart-legend-wrap .list-head{display: flex; border-top: 3px solid #000; border-bottom: 3px solid #000; padding: 10px 0;}
.pie-chart-wrap .chart-legend-wrap .list-head span{font-size: 15px; font-weight: 500;}
.pie-chart-wrap .chart-legend-wrap .list-head .legend{width: 77%;}
.pie-chart-wrap .chart-legend-wrap .list-head .score{width: 10%; text-align: center;}
.pie-chart-wrap .chart-legend-wrap .list-head .percent{width: 13%; text-align: center;}
.pie-chart-wrap .chart-legend-wrap ul li{padding: 10px 0; cursor: pointer;}
.pie-chart-wrap .chart-legend-wrap ul li div{font-size: 14px; vertical-align: middle; text-align: center;}
.pie-chart-wrap .chart-legend-wrap ul li .goal{width: 77%; display: flex; align-items: center;}
.pie-chart-wrap .chart-legend-wrap ul li .goal .color{display: inline-block; width: 32px; height: 18px; margin-right: 17px;}
.pie-chart-wrap .chart-legend-wrap ul li .score{padding: 0 12px;width: 10%;}
.pie-chart-wrap .chart-legend-wrap ul li .percent{padding: 0 18px;width: 13%;}
.sdg_pie{position: absolute; top: 42%; left: -20px;}
.themes_pie{position: absolute; top: 20%; left: -20px;}

.pie-chart-wrap.themes .pie-chart-area .pie-chart canvas{top: 16%;}

.mo-area{display: none;}

.toolkit-wrap{}
.toolkit-wrap h3{font-size: 34px; font-weight: bold;margin-top: 25.5px;margin-bottom: 14px; text-align: center;}
.toolkit-wrap > p{font-size: 15px;line-height: 1.2;text-align: center;}
.toolkit-wrap .toolkit-chart-wrap{width: 600px; height: 340px; margin: 60px auto 0; display: flex;
}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar{position: relative; width: 25%;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar .bar{position: absolute; bottom: 0; width: 100%; min-height: 30%; opacity: 0.7; transition: opacity 0.3s ease-in; cursor: pointer;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.fir{order: 3;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.sec{order: 2;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.thi{order: 4;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.for{order: 1;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.fif{order: 5;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.fir .bar{background: #DC1768; }
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.sec .bar{background: #F89C27;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.thi .bar{background: #00699D; }
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.for .bar{background: #5BB947;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.fif .bar{background: #00A885;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.for .bar p{padding-top: 13%;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.fif .bar p{padding-top: 9%; }
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.fif .bar span{top: 63%; }
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar .bar p,
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar .bar span{color: #fff; font-size: 30px; font-weight: 500;text-align: center;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar .bar p{padding-top: 25%;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar .bar span{position: absolute ;top: 50%; transform: translateY(-50%); width: 100%; opacity: 0; transition: opacity 0.3s ease-in;}
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.active .bar,
.toolkit-wrap .toolkit-chart-wrap .toolkit-bar.active .bar span{opacity: 1;}


.toolkit-wrap .related-listp-wrap{margin-top: 40px; border-top: 3px solid #000; border-bottom: 3px solid #000;}
.toolkit-wrap .related-listp-wrap .list{display: flex; justify-content: space-between; padding: 40px 0;}
.toolkit-wrap .related-listp-wrap .list .img-wrap{width: 50.1%; height: 338px; border: 1px solid #000;}
.toolkit-wrap .related-listp-wrap .list .img-wrap img{width: 100%;}
.toolkit-wrap .related-listp-wrap .list .txt-wrap{display: flex; flex-flow: column; width: 45.3%;}
.toolkit-wrap .related-listp-wrap .list .txt-wrap h4{margin-bottom: 8px; font-size: 34px; font-weight: 500; line-height: 1.14;}
.toolkit-wrap .related-listp-wrap .list .txt-wrap p span{font-size: 15px;}
.toolkit-wrap .related-listp-wrap .list .txt-wrap p span.city:after{display: inline-block; content: '|'; margin: 0 8px;}
.toolkit-wrap .related-listp-wrap .list .txt-wrap ul{display: flex; margin-top: auto;}
.toolkit-wrap .related-listp-wrap .list .txt-wrap ul li{width: 100px; height: 100px;}
.toolkit-wrap .related-listp-wrap .list .txt-wrap .btn-more{display: block; width: 140px; margin-top: 37px; color: #fff; font-size: 15px; padding: 0 14px; height: 44px; line-height: 44px; background: #000;}

.editBtn, .deleteBtn{border: 1px solid #b7b7b7;padding: 5px 10px;margin: 20px 10px 0 0;display: inline-block;font-size: 14px;border-radius: 3px;}