@charset "utf-8";
/* CSS Document */

/****************************************** *
 
* Project   : GTCS
* File name : gtcs_sub.css
* Author    : Hightouch
 
******************************************* */


/* **************************************** *
 *
 * 서브페이지 
 * 페이지 헤더
 *
 * **************************************** */

#section_header{
    min-height: 220px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ededed;
    background: #fff;
    background-size: cover;
    background-position: bottom;
}

#section_header .wrap_page_title {
    position: relative;
    display: table;
    width: 100%;
    height: 260px;
	padding: 0px;
    margin: 0 auto 0px;
    border-top: 0px;
    border-bottom: 0;
    text-align: left;
}

#section_header .wrap_page_title::after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 50px;
    height: 3px;    
    background: #0037ff;
}

#section_header .wrap_page_title .inner {
    display: table-cell;
    vertical-align: middle;
}

#section_header .wrap_page_title .inner .title{
    position: relative;
    padding: 0px 0px 0px;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.5px;
    color: #07f;
}

#section_header .wrap_page_title .inner .sub_title{
    margin-top: 5px;
    font-size: 15px;
    font-weight: 400;
}

#section_header .wrap_page_title .inner p{
    color: #000;
}

#section_header .wrap_page_title .inner p.desc{
    font-size: 19px;
    font-weight: 300;
}


/* 이용약관, 개인정보취급방침 */
body.page-id-201 .page-header,
body.page-id-204 .page-header{
    background: #fff url('/wp-content/themes/total-child-theme/images/bg/bg_sub_header04.jpg')no-repeat;
}


/* **************************************** *
 *
 * 서브페이지 
 * width 1600 헤더
 *
 * **************************************** */

 #subpage-header .subpage-header_row{
    width: 1600px;
    margin: 0 auto;
}

#subpage-header .wrap_page_title {
    position: relative;
    display: table;
    width: 100%;
    height: 390px;
    padding: 0px;
    margin: 0 auto 0px;
    border-top: 0px;
    border-bottom: 0;
    text-align: center;
}

#subpage-header .wrap_page_title .inner {
    display: table-cell;
    vertical-align: middle;
}

#subpage-header .wrap_page_title .inner h1{
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #1c2d61;
}


/* **************************************** *
 *
 * 서브페이지 
 * 전체넓이 헤더
 *
 * **************************************** */

 #subpage-header_fullwidth .subpage-header_row{
    width: 100%;
    margin: 0 auto;
    
}

#subpage-header_fullwidth .subpage-header_row.greeting{
    background: url('/wp-content/themes/total-child-theme/images/bg/bg_greeting.jpg') no-repeat;
    background-size: cover;
    background-position: center top;
}

#subpage-header_fullwidth .subpage-header_row.with{
    background: url('/wp-content/themes/total-child-theme/images/bg/bg_with.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

#subpage-header_fullwidth .subpage-header_row.biz{
    background: url('/wp-content/themes/total-child-theme/images/bg/bg_biz.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

#subpage-header_fullwidth .subpage-header_row.prjt{
    background: url('/wp-content/themes/total-child-theme/images/bg/bg_project.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

#subpage-header_fullwidth .subpage-header_row.news{
    background: url('/wp-content/themes/total-child-theme/images/bg/bg_news.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

#subpage-header_fullwidth .subpage-header_row.nft{
    background: url('/wp-content/themes/total-child-theme/images/bg/bg_nft.jpg') no-repeat;
    background-size: cover;
    background-position: right 15% center;
}

#subpage-header_fullwidth .subpage-header_row.eng{
    background: url('/wp-content/themes/total-child-theme/images/bg/bg_eng.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
}

#subpage-header_fullwidth .wrap_page_title {
    position: relative;
    display: table;
    width: 100%;
    height: 455px;
    padding: 0px;
    margin: 0 auto 0px;
    border-top: 0px;
    border-bottom: 0;
    text-align: center;
}

#subpage-header_fullwidth .wrap_page_title .inner {
    display: table-cell;
    vertical-align: middle;
}

#subpage-header_fullwidth .wrap_page_title .inner h1{
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #fefefe;
}

#subpage-header_fullwidth .wrap_page_title .inner h1 .en{
    font-size: 46px;
}


/* **************************************** *
 *
 * 서브페이지 
 * total theme 빵조각
 *
 * **************************************** */

#breadcrumb{
    display: inline-block;
    margin: 0px 0px;
}

#breadcrumb li{
    float: left;
    height: 24px;
    margin-right: 15px;
}

#breadcrumb li a,
#breadcrumb li span{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-right: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

#breadcrumb li a::after,
#breadcrumb li span::after{
    content: '';
    position: absolute;
    top: 11px;
    right: 0px;
    width: 3px;
    height: 3px;
    background: #333;
}

#breadcrumb li:last-child a::after,
#breadcrumb li:last-child span::after{
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    background: #333;
}


/* **************************************** *
 *
 * 서브페이지 
 * 탭스타일 빵조각
 *
 * **************************************** */

#subpage-list_breadcumb .wpb_content_element .list_breadcumb{
    display: table;
    width: 100%;
    min-height: 70px;
    margin-bottom: 90px;
    border-bottom: 1px solid #ededed;
}


#subpage-list_breadcumb .list_breadcumb li{
    display: table-cell;
    width: 20%;
    text-align: center;
}

#subpage-list_breadcumb .list_breadcumb li a{
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 70px;
    color: #b5b5b5;
    transition: all 300ms ease-in-out;
}

#subpage-list_breadcumb .list_breadcumb li a:hover,
#subpage-list_breadcumb .list_breadcumb li a.active{
    color: #1c2d61;
}

#subpage-list_breadcumb .list_breadcumb li a:hover::before,
#subpage-list_breadcumb .list_breadcumb li a.active::before{
    content: '';
    position: absolute;
    left: 0px;
    bottom: -1px;    
    width: 100%;
    height: 1px;
    background: #1c2d61;
    transition: all 300ms ease-in-out;
}

#subpage-list_breadcumb .list_breadcumb.col_3 li{
    display: table-cell;
    width: 33%;
    text-align: center;
}


/* **************************************** *
 *
 * 서브페이지 
 * 드롭다운스타일 빵조각
 *
 * **************************************** */

 #subpage-drop_breadcumb{
    margin-bottom: 90px;
    border-bottom: 1px solid #ededed;
}

#subpage-drop_breadcumb .list_breadcumb{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    border-bottom: 0px solid #ededed;
    text-align: center;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu{
    float: left;
    position: relative;
    width: 140px;
    height: 55px;
    border-right: 1px solid #ededed;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu:first-child{
    width: 55px;
    border-left: 1px solid #ededed;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu:first-child img{
    display: block;
    margin: 0px auto;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu{
    float: left;
    position: relative;
    width: 150px;
    height: 55px;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu > button{
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px 15px;
    border-radius: 0px;
    background: #fff url('/wp-content/themes/total-child-theme/images/icon/icon-brdc_arrow.png') no-repeat;
    background-position: top 50% right 12px;
    outline: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    text-align: left;
    color: #666;
    transition: all 300ms ease-in-out;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu:first-child button{
    background: #fff;
    text-align: center;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu ul.subpage-sub_menu {
    display: none;
    position: absolute;
    top: 56px;
    left: 0;
    width: 150px;
    text-align: left;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu.view ul.subpage-sub_menu {
    display: inline-block;
    background: #ededed;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu ul.subpage-sub_menu li{
    padding: 10px 15px;
    text-align: left;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu ul.subpage-sub_menu li a{
    width: 100%;
    height: 100%;
    font-size: 13px;
    font-weight: 500;
    color: #848484;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu ul.subpage-sub_menu li a span{
    position: relative;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu ul.subpage-sub_menu li a.active span{
    color: #203677;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu ul.subpage-sub_menu li a span::before{
    position: absolute;
    content: '';
    bottom: 0px;
    width: 0%;
    height: 1px;
    background: transparent;
    transition: all 300ms ease-in-out;
}

#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu ul.subpage-sub_menu li a:hover span::before,
#subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu ul.subpage-sub_menu li a.active span::before{
    width: 100%;
    height: 1px;
    background: #666;
}


body.parent-pageid-43 #subpage-drop_breadcumb .list_breadcumb li:last-child.subpage-main_menu{
    float: left;
    position: relative;
    width: 170px;
    height: 55px;
}

body.parent-pageid-43 #subpage-drop_breadcumb .list_breadcumb li:last-child.subpage-main_menu ul.subpage-sub_menu {
    width: 170px;
}


/* English */
body.parent-pageid-1032 #subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu ul.subpage-sub_menu {
    width: 100%;
}

body.parent-pageid-1032 #subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu:nth-child(3) {
    width: 205px;
}

body.parent-pageid-1032 #section_contents .text_contents .desc {
    margin-top: 30px;
}


/* **************************************** *
 *
 * 서브페이지 
 * 섹션
 *
 * **************************************** */

#section_contents {
    margin: 0px;
}

#section_contents h2{
	margin-bottom: 30px !important;
}

#section_contents h3{
	padding-bottom: 13px;
}

#section_contents_pdb0 {
    padding: 60px 0px 0px;
}

.vc_row.section-row{
    padding: 0px 0px 120px;
}

.vc_row.section-row.first{
    padding: 60px 0px 0px;
}

.vc_row.section-row.last{
    padding: 0px 0px 0px;
}

p.portfolio-col_title {
    padding: 30px 0px 30px;
    font-size: 24px;
    font-weight: 500;
    color: #000;
}


/* **************************************** *
 *
 * 서브페이지 
 * 소개 - 인사말
 *
 * **************************************** */

.greeting-section_row{
    background: #fff url('/wp-content/themes/total-child-theme/images/bg/greeting-bg_01.jpg') no-repeat;
    background-position: left 0px top 0px;
}

.greeting-section_row.second{
    background: #fff url('/wp-content/themes/total-child-theme/images/bg/greeting-bg_02.jpg') no-repeat;
    background-position: left 0px top 0px;
}

.greeting-section_row.third{
    background: #fff url('/wp-content/themes/total-child-theme/images/bg/greeting-bg_03.jpg') no-repeat;
    background-position: left 0px top 0px;
}

.greeting-box_text{
    padding: 95px 100px 130px 100px;
    margin-top: 375px;
    background: #fff;
}

.greeting-box_text h3{
    padding-bottom: 0px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: -1px;
    color: #333;
}

.greeting-box_text p.subText{
    margin-top: 35px;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.6;
    color: #666;
}

.greeting-box_text p.descText{
    margin-top: 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    color: #666;
}

.greeting-box_text h3.third{
    padding-bottom: 0px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: -1px;
    color: #333;
}

.greeting-box_text .sign{
    margin-top: 80px;
    text-align: right;
}

.greeting-box_text .sign .label{
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.6;
    color: #666;
}

.greeting-box_text .sign .name{
    display: inline-block;
    width: auto;
    margin-left: 15px;
    border-bottom: 1px solid #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 4px;
    text-align: center;
    color: #333;
}


/* **************************************** *
 *
 * 서브페이지 
 * 소개 - 조직도
 *
 * **************************************** */
.with-list_members_wrap{
    display: inline-block;
    width: 100%;
    margin-top: 60px;
}

.with-list_members_wrap.first{
    margin-top: 0px;
}

.with-list_members_wrap ul.list_members{
    float: left;
    display: inline-block;
    width: 100%;
    min-height: 170px;
    margin-bottom: 0px;
}


.with-list_members_wrap ul.list_members.last{
    border-bottom: 1px solid #ddd;
}

.with-list_members_wrap ul.list_members li.inner{
    float: left;
    width: 25%;
    min-height: 170px;
    padding-top: 55px;
    vertical-align: middle;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    text-align: center;
}

.with-list_members_wrap ul.list_members li.inner:first-child{
    border-left: 1px solid #ddd;
}

.with-list_members_wrap ul.list_members.col_01{
    width: 25%;
}

.with-list_members_wrap ul.list_members.col_01 li.inner{
    width: 100%;
}

.with-list_members_wrap ul.list_members li.inner p.name{
    font-size: 19px;
    font-weight: 700;
    color: #000;    
}

.with-list_members_wrap ul.list_members li.inner p.name .position{
    font-size: 15px;
}

.with-list_members_wrap ul.list_members li.inner p.comp{
    margin-top: 7px;
    font-size: 13px;
    font-weight: 500;
    color: #666;
}

/* 위원회*/
.with-list_members02_wrap{
    margin-top: 60px;
}

.with-list_members02_wrap.first{
    margin-top: 0px;
}

.with-list_members02_wrap ul.list_members_02{
    display: inline-block;
    width: 100%;
    border-left: 1px solid #ddd;
}

.with-list_members02_wrap ul.list_members_02 li.inner{
    float: left;
    width: 33.33%;
    vertical-align: middle;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    text-align: center;
}

.with-list_members02_wrap ul.list_members_02 li.inner ul li{
    padding: 35px 15px;
    border-bottom: 1px solid #ddd;   
}

.with-list_members02_wrap ul.list_members_02 li.inner ul li:first-child{
    background: #f5f5f5;
    font-size: 19px;
    font-weight: 700;
    color: #000;
    text-align: center;
}

.with-list_members02_wrap ul.list_members_02.col_4 li.inner{
    width: 25%;
}

.with-list_members02_wrap ul.list_members_02 li.inner ul li p.name{
    font-size: 19px;
    font-weight: 700;
    color: #000;    
}

.with-list_members02_wrap ul.list_members_02 li.inner ul li p.name .position{
    font-size: 15px;
}

.with-list_members02_wrap ul.list_members_02 li.inner ul li p.comp{
    margin-top: 7px;
    font-size: 13px;
    font-weight: 500;
    color: #666;
}

.with-list_members02_wrap ul.list_members_02 li.inner ul li p.desc{
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

/* **************************************** *
 *
 * 서브페이지 
 * 소개 - 오시는 길
 *
 * **************************************** */

 p.location-info_subject{
    padding: 30px 0px 0px;
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.location-wrap_info{
    padding: 30px 0px 60px 0px;
}

dl dt.location-info_title{
    padding: 30px 0px 0px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

dl dd.location-info_desc{
    padding: 10px 0px 0px;
    font-size: 15px;
    font-weight: 500;
    color: #555;
}

ul.location-info_list{
    display: inline-block;
    padding: 15px 0px 0px;
    color: #333;
}

ul.location-info_list li{
    float: left;
    padding: 0px 15px 0px;
}

ul.location-info_list li a{
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

ul.location-info_list li:first-child{
    padding: 0px 15px 0px 0px;
}

/* 외부지도링크 */
.location-link_maps .list-link_maps{
    display: inline-block;
    padding: 0px 0px;
    margin-top: 40px;
}

.location-link_maps .list-link_maps li{
    float: left;
    margin-right: 15px;
}

.location-link_maps .list-link_maps li a{
    display: inline-block;
    padding: 7px 21px;
    border: 1px solid #fdcb00;
    border-radius: 5px;
    background: #fdcb00;
    font-size: 14px;
    font-weight: 500;
    color: #555;
}

.location-link_maps .list-link_maps li a.kakao{
    border: 1px solid #fdcb00;
    background: #fdcb00;
    color: #333;
}


.location-link_maps .list-link_maps li a.naver{
    border: 1px solid #04cf5c;
    background: #04cf5c;
    color: #fff;
}


/* **************************************** *
 *
 * 서브페이지 
 * 함께하는 사람들 - 회원가입
 *
 * **************************************** */

 .register-section_row{
    min-height: 434px;
    background: #f7f7f7 url('/wp-content/themes/total-child-theme/images/bg/register-bg_01.jpg') no-repeat;
    background-position: left 0px top 0px;
    background-size: cover;
}

.register-box_title{
    padding: 70px 0px 70px 0px;
    margin-top: 50px;
    background: transparent;
    text-align: center;
}

.register-box_title h3{
    padding-bottom: 0px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: -1px;
    color: #fff;
}

.register-box_title p{
    margin-top: 30px;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.6;
    color: #fff;
}

.vc_row .wpb_row .cosmosfarm-members-form.signup-form {
    display: block;
    width: 600px;
    padding: 25px;
    margin: 0px auto;
    border: 0px solid #e2e2e2;
    border-radius: 3px;
    background: #fff;
    box-sizing: border-box;
    margin-top: -80px;
}


/* **************************************** *
 *
 * 서브페이지 
 * 함께하는 사람들 - GTCS 이사진 소개
 *
 * **************************************** */

#section_contents .section-row-dr{
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid #ddd;
} 

#section_contents .section-row-dr.first{
    padding-top: 30px;
    margin-top: 0px;
    border-top: 0px solid #afafaf;
} 

#section_contents .section-row-dr.last{
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid #ddd;
} 

 #section_contents .dr-cont_director_wrap{
    display: block;
}

#section_contents .dr-cont_director_wrap .inner{
    padding: 30px;
}

#section_contents .dr-cont_director_wrap .inner h3.name{
    padding-bottom: 0px;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.8;
}

#section_contents .dr-cont_director_wrap .inner p.position{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
}

#section_contents .dr-list_director_history{
    display: block;
}

#section_contents .dr-list_director_history .inner{
    padding: 30px 0px 30px;
}

#section_contents .dr-list_director_history .inner ul.list_driector_history{
    display: inline-block;
}

#section_contents .dr-list_director_history .inner ul.list_driector_history li{
    position: relative;
    padding-left: 12px;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.8;
}

#section_contents .dr-list_director_history .inner ul.list_driector_history li::before{
    position: absolute;
    content: '';
    top: 14px;
    left: 0px;
    width: 3px;
    height: 3px;
    background: #333;
    
}


/* **************************************** *
 *
 * 서브페이지 
 * 함께하는 사람들 - GTCS 파트너
 *
 * **************************************** */

#section_contents .section-row_logo{
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
}

#section_contents .section-row_logo.first{
    margin-top: 0px;
}

#section_contents .section-row_logo.last{
    border-bottom: 1px solid #ededed;
}

#section_contents .section-row_logo .section-col_logo{
    border-right: 1px solid #ededed;
}


/* **************************************** *
 *
 * 서브페이지 
 * 사업내용 - GTCS 연구정책
 *
 * **************************************** */

 #section_contents .section-row .section-column{
    padding-left: 15px;
    padding-right: 15px;
 }

 #section_contents .title_contents {
    margin-top: 90px;
 }

 #section_contents .title_contents h2{
    margin-bottom: 20px !important;
    font-size: 14px;
    font-weight: 700;
    color: #555;
 }

 #section_contents .title_contents h3{
    padding-bottom: 0px ;
    margin-bottom: 0px !important;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.6;
    color: #000;
 }

 #section_contents .title_contents h3 .en{
    font-family: 'Poppins', 'Noto Sans KR', '맑은고딕', 'MalgunGothic', "Apple SD Gothic Neo", applegothic, sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #000;
 }

 #section_contents .title_contents p{
    margin-top: 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
    color: #333;
 }

 #section_contents .text_contents .desc{
    margin-top: 35px;
 }

 #section_contents .text_contents .desc p{
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    color: #666;
 }

 #section_contents .icon_row{
    padding: 20px 0px;
    border-bottom: 1px solid #ededed;
 }

 #section_contents .icon_row.first{
    clear: both;
    margin-top: 50px;
    border-top: 1px solid #ededed;
 }

 #section_contents .icon_row .desc{
    margin-top: 30px;
 }

 #section_contents .icon_row .desc p{
    position: relative;
    padding-left: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    color: #666;
 }

 #section_contents .icon_row .desc p::before{
    content: '';
    position: absolute;
    top: 14px;
    left: 0px;
    width: 5px;
    height: 5px;
    background: #333;
 }


 /* **************************************** *
 *
 * 서브페이지 
 * 사업내용 - GTCS 포럼
 *
 * **************************************** */

 #section_contents .process_wrap .process{
    display: inline-block;
    width: 100%;
    margin-top: 90px;
 }

 #section_contents .process_wrap .process li{
    position: relative;
    float: left;
    width: 100%;
    padding: 0px 30px;
    margin-bottom: 15px;
    box-sizing: border-box;
 }

 #section_contents .process_wrap .process li .inner{
    display: inline-block;
    width: 100%;
    padding: 30px 15px 30px 90px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    font-weight: 500;
    text-align: left;
 }

 #section_contents .process_wrap .process li:first-child .inner{
    border: 1px solid #b9b9b9;
 }

 #section_contents .process_wrap .process li .nbr{
    position: absolute;
    top: 22px;
    left: 50px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background: #555;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-align: center;
    line-height: 40px;
    color: #fff;
 }

 /* **************************************** *
 *
 * 서브페이지 
 * 로그인
 *
 * **************************************** */
 .alertbox {
    border: 1px solid #ff7d7d;
    border-radius: 3px;
    padding: 20px;
}

.alertbox p.desc{
    color: #ff2222;
    font-weight: 500;
}



body.page-id-1040 label{
    font-size: 0px !important;
}

body.page-id-1040 label .req{
    font-size: 14px !important;
}

body.page-id-1040 label[for=user_email]::before{
    content:'Email (ID) ';
    font-size: 14px;
}

body.page-id-1040 label[for=password]::before{
    content:'Password ';
    font-size: 14px;
}

body.page-id-1040 label[for=confirm_password]::before{
    content:'Confirm Password ';
    font-size: 14px;
}

body.page-id-1040 label[for=first_name]::before{
    content:'Name ';
    font-size: 14px;
}

body.page-id-1040 label[for=gender]::before{
    content:'Gender ';
    font-size: 14px;
}

body.page-id-1040 label[for=gender_1]::before{
    content:'Male';
    font-size: 14px;
}

body.page-id-1040 label[for=gender_2]::before{
    content:'Female';
    font-size: 14px;
}

body.page-id-1040 label[for=billing_phone]::before{
    content:'Tel';
    font-size: 14px;
}

body.page-id-1040 label[for=billing_address_1]::before{
    content:'Address 1';
    font-size: 14px;
}

body.page-id-1040 label[for=billing_address_2]::before{
    content:'Address 2';
    font-size: 14px;
}

body.page-id-1040 label[for=birth]::before{
    content:'birth';
    font-size: 14px;
}

body.page-id-1040 label[for=donate]::before{
    content:'How to donate';
    font-size: 14px;
}

body.page-id-1040 label[for=password]::after,
body.page-id-1040 label[for=user_email]::after,
body.page-id-1040 label[for=first_name]::after,
body.page-id-1040 label[for=billing_phone]::after,
body.page-id-1040 label[for=billing_address_1]::after,
body.page-id-1040 label[for=billing_address_2]::after,
body.page-id-1040 label[for=birth]::after,
body.page-id-1040 label[for=donate]::after{
    content:'*';
    font-size: 14px;
    color: red;
}

body.page-id-1040 .div_multicheckbox label{
    font-size: 14px !important
}

body.page-id-1040 label[for=policy_privacy]::before{
    content:'Consent to Provision of Information';
    font-size: 14px;
}

body.page-id-1040 .policy_content{
    display: none;
}

body.page-id-1040 .div_checkbox.agree label::after{
    content:'Yes';
    font-size: 14px;
}

body.page-id-1040 .req-text{
    content:'required';
    font-size: 0px;
}

body.page-id-1040 .req-text .req{
    content:'required';
    font-size: 14px;
}

body.page-id-1040 .req-text::after{
    content:'required';
    font-size: 14px;
}


/* **************************************** *
 *
 * 서브페이지 
 * 404페이지
 *
 * **************************************** */

 .wrap_404page {
    margin-top: 40px;
    text-align: center;
}

.wrap_404page .en{
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -.5px;
}

.wrap_404page .title_404page {
    margin-top: 60px;
    font-size: 19px;
    font-weight: 500;
    color: #000;
}

.wrap_404page .desc_404page {
    font-size: 15px;
    font-weight: 400;
}

.wrap_404page .btn_404page {
    display: inline-block;
    padding: 15px 30px;
    margin-top: 30px;
    border: 1px solid #8e8e8e;
    font-size: 14px;
    color: #545454;
    transition: all 0.3s ease 0s;
}


/* **************************************** *
 *
 * 서브페이지 
 * 이용약관
 *
 * **************************************** */

#used{
	padding: 0px 15px;
}

#used .wrap-group{
	margin-bottom: 40px;
}

#used .wrap-group dl dt{
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 500;
	color: #333;
}

#used .wrap-group dl dd{
    position: relative;
    padding-left: 12px;
	font-size: 13px;
    font-weight: 500;
}

#used .wrap-group dl dd::before{
    position: absolute;
    content: '';
    top: 7px;
    left: 0px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
	background: #777;
}

#used .wrap-group dl dd ul {
    padding-left: 10px;
}

#used .wrap-group dl dd ul li {
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    color: #666;
}

#used .wrap-group dl dd ul li ul {
    padding-left: 10px;
}


/* **************************************** *
 *
 * 서브페이지 
 * 개인정보취급방침
 *
 * **************************************** */

#agreement{
	clear: both;
    padding: 0px 15px 60px;
    border-top: 0px solid #ededed;
}

#agreement h3{
    margin-bottom: 10px;
    font-size: 16px;
	font-weight: 600;
    letter-spacing: -.5px;
    color: #333;
}

#agreement .wrap-group{
    padding: 0px 15px;
    margin-top: 40px;
}

#agreement .wrap-group .title{
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    color: #222;
}

#agreement .wrap-group .subTit{
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #222;
}

#agreement .wrap-group dl{
    padding-left: 10px;
    margin-top: 10px;
}

#agreement .wrap-group.first{
    margin-top: 10px;
}

#agreement .wrap-group.first dl{
    padding-left: 0px;
    margin-top: 10px;
}

#agreement .wrap-group dl.first dt{
    margin-top: 0px;
}

#agreement .wrap-group dl dt{
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
    color: #222;
}

#agreement .wrap-group dl dd{
    position: relative;
    clear: both;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
    color: #696969;
}

#agreement .wrap-group dl dd::before{
    position: absolute;
    content: '';
    top: 8px;
    left: 17px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
	background: #777;
}

#agreement .wrap-group dl dd.first{
    padding-left: 17px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #333;
}

#agreement .wrap-group dl dd.first::before{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
	background: #fff;
}

#agreement .wrap-group dl dd > ul{
    display: block;
	margin-top: 0px;
}

#agreement .wrap-group dl dd ul li{
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 500;
	line-height: 24px;
    color: #777;  
}

#agreement .wrap-group dl dd ul li.tit{
	display: block;
    font-size: 14px;
    font-weight: 500;   
    color: #000;
}

#agreement .wrap-group dl dd ul li.desc{
	display: block;
    font-size: 13px;
	line-height: 24px;
    font-weight: 500;   
    color: #777;
}

#agreement .wrap-group dl dd ul.list-team{
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 15px;
}

#agreement .wrap-group dl dd ul.list-team li.desc{
	float: left;
    display: inline-block;
    min-width: 140px;
    padding-right: 10px;
    margin-right: 10px;
}


#agreement .wrap-group ol{
    padding-left: 20px;
    margin-top: 10px;
}

#agreement .wrap-group ol li{
    font-size: 13px;
    font-weight: 500;
    color: #777;
}


/* **************************************** *
 *
 * 서브페이지 
 * 이메일 무단수집거부
 *
 * **************************************** */

#noMail{
    padding: 0px 15px;
}

#noMail .wrap-email{
    margin-top: 70px;
    text-align: center;
    word-break: keep-all;
}

#noMail .wrap-email p{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 2;
    color: #777;
}

#noMail .wrap-email .tit{
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    color: #333;
}

#noMail .wrap-email .date{
    margin-top: 50px;
    text-align: center;
    color: #333;
}


/* **************************************** *
 *
 * 서브페이지 
 * 하단 배너 링크 
 *
 * **************************************** */

#subpage-section_with{
    margin-top: 120px;
}

#subpage-section_with .main-col_banner_box{
    background: #ddd url('/wp-content/themes/total-child-theme/images/bg/main-bg_with_01.jpg') no-repeat;
    background-position: right 0px bottom 0px;
    background-size: cover;
    text-align: center;
}

#subpage-section_with .main-col_banner_box.second{
    background: #ddd url('/wp-content/themes/total-child-theme/images/bg/main-bg_with_02.jpg') no-repeat;
}

#subpage-section_with .main-col_banner_box{
    position: relative;
    min-height: 240px;
}

#subpage-section_with .main-col_banner_box .inner{
    position: absolute;
    display: table;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#subpage-section_with .main-col_banner_box .inner a{
    display: table-cell;
    vertical-align: middle;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 240px;
    transition: all 300ms ease-in-out;
}

#subpage-section_with .main-col_banner_box .inner a span.link_name{
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    z-index: 1;
}

#subpage-section_with .main-col_banner_box .inner a span.link_btn{
    position: relative;
    display: inline-block;
    width: 43px;
    height: 43px;
    margin-top: 25px;
    border-radius: 43px;
    background: rgba(255, 255, 255, .3);
    transition: all 100ms ease-in-out;
}

#subpage-section_with .main-col_banner_box .inner a:hover span.link_btn{
    background: rgba(0, 0, 0, .3);
}

#subpage-section_with .main-col_banner_box .inner a span.link_btn img{
    position: absolute;
    left: 0px;
    transition: all 100ms ease-in-out;
}

#subpage-section_with .main-col_banner_box .inner a:hover span.link_btn img{
    left: 5px;
}

 /* **************************************** *
 *
 * 캠페인 페이지 
 * 캠페인
 *
** **************************************** */

.campaign-title_sub{
    padding-bottom: 65px;
    text-align: center;
}

.campaign-title_sub .desc{
    padding: 0px 15px;
    font-size: 30px;
    font-weight: 400;
    line-height: 41px;
    letter-spacing: -1.5px;
    color: #515151;
}

.campaign-title_sub .desc .point{
    font-weight: 700;
    color: #000;
}

.campaign-title_sub_wh{
    margin-top: 50px;
    text-align: center;
}

.campaign-title_sub_wh .desc{
    padding: 0px 15px;
    font-size: 26px;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: -1.5px;
    color: #fff;
}

.campaign-title_sub_wh .desc .point{
    font-weight: 700;
    color: #fff;
}

.campaign-title_product{
    padding-top: 50px;
    text-align: center;
}

.campaign-title_product h3.title{
    padding-top: 0px;
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -.5px;
}

.campaign-title_product p.en{
    padding-top: 10px;
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    line-height: 30px;
    letter-spacing: 1px;
}

.campaign-title_product p.desc{
    padding-top: 25px;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 1px;
    text-decoration: underline;
}

 /* **************************************** *
 *
 * 캠페인 페이지 
 * NFT
 *
** **************************************** */

.nft-title_sub{
    padding-bottom: 65px;
    text-align: center;
}

.nft-title_sub .desc{
    padding: 0px 15px;
    font-size: 30px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: -1.5px;
    color: #d3e9ff;
}

.nft-sec_title{
    padding-top: 30px;
    font-size: 30px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: -.5px;
    color: #000;
}

.nft-sec_title .point_under{
    display: inline-block;
    position: relative;
}

.nft-sec_title .point_under::after{
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background: #000;
}

.nft-sec_caution{
    padding-top: 30px;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -.5px;
    color: #777;
}

.nft-sec_caution .point_color{
    color: #ff7a29;
}

.nft-sec_title_end{
    padding-top: 20px;
    font-size: 46px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -.5px;
    color: #ff6000;
}

.nft-kakao{
    padding-top: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -.5px;
    color: #000;
}

.nft-kakao a{
    display: inline-block;
    padding: 0px 15px;
    border-radius: 130px;
    background: #ffcb36;
    color: #3b1e1e;
}

.nft-kakao a:hover{
    display: inline-block;
    padding: 0px 15px;
    border-radius: 130px;
    color: #ffcb36;
    background: #3b1e1e;
}

 /* **************************************** *
 *
 * 캠페인 페이지 
 * 후원
 * 23.05.22
 *
** **************************************** */
.box_info_bank{
    padding: 30px 0px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 30px;
    text-align: center;
}

.box_info_bank h3.tit{
    display: inline-block;
    padding: 7px 25px;
    border-radius: 50px;
    background-color: #028d86;
    font-size: 17px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -.5px;
    color: #fff;
}

.box_info_bank p.bank{
    display: flex;
    justify-content: center;
    margin-top: 30px;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -.5px;
}

.box_info_bank p.bank img{
    display: inline-block;
}

.box_info_bank p.bank .hana_bank{
    display: inline-block;
    margin-left: 10px;
    line-height: 37px;
}

.box_info_bank p.bank_num{
    margin-top: 10px;
    font-size: 32px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -.5px;
    color: #028d86;
}

.box_info_bank p.bank_num .pname{
    font-size: 17px;
    font-weight: 700;
}

.box_info_bank p.bank_name{
    font-size: 17px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: -.5px;
}