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

/**********************************************

* Project   : GTCS
* File name : gtcs_rps.css
* Author    : Hightouch

* SUMMARY:
* 01) min-width : 1921px
* 02) 1900px
* 03) 1700px
* 04) 1550px
* 05) 1440px
* 06) 1400px
* 07) 1314px
* 08) 1280px
* 09) 1279px
* 10) 1110px
* 11) 1023px
* 12) 940px
* 13) 900px
* 14) 800px
* 15) 768px
* 16) 767px
* 17) 600px
* 18) 580px
* 19) 480px
* 20) 420px
* 21) 380px
* 22) 345px

**********************************************/


/*************************************************
 * Responsive User Scrolling 
 * Min width : 1921px
	
*************************************************/
@media only screen and (Min-width: 1921px) {
    
}


/*************************************************
 * Responsive User Scrolling 
 * Max width : 1550px
	
*************************************************/
@media only screen and (max-width: 1600px) {
		
	/*디스플레이*/
	.pc_show{
		display: block;
	}
	
	.pc_hidden {
		display: block;
	}
	
	.small_pc_hidden{
		display: block;
	}
	
	.pc_tablet_show {
		display: block;
	}
	
	.tablet_show {
		display: block;
	}
	
	.tablet_hidden {
		display: block;
	}
	
	.tablet_mobile_show {
		display: block;
	}
	
	.mobile_show {
		display: none;
	}
	
	.mobile_hidden{
		display:block;
    }
    
    /* 콘텐츠 */
    .wrap_content {
        width: 60%;
    }    

}


/*************************************************
 * Notebook Area
 * Max width : 1400px
	
 노트북 / 1366 x 768
	
*************************************************/
@media only screen and (max-width: 1440px) {

	/* 디스플레이 */
	.pc_show{
		display:block;
	}
    

    /* 콘텐츠 */
    .wrap_content {
        width: 60%;
    }

    /* 서브 페이지 */
    .wrap_content h3 {
        font-size: 30px;
        font-weight: 300;
        line-height: 1.4;
    }

    .wrap_content dl dt {
        font-size: 30px;
    }

}


/*************************************************
 * Tablet Area
 * Max width : 1100px	

 타블렛 PC, 아이패드 1024 x 768 [Landscape]
	
*************************************************/

@media only screen and (max-width: 1270px) {
    /* 디스플레이 */
    .pc_show{
        display: none;
    }

    .wrap_content {
        width: 80%;
    }

    /* 소개 - 조직도 */
    .with-list_members02_wrap ul.list_members_02 li.inner ul li.last {
        min-height: 137px;
        padding: 35px 7px;        
    }

    .with-list_members02_wrap ul.list_members_02 li.inner ul li p.name {
        font-size: 16px;
        font-weight: 700;
        color: #000;
    }
    
    /* 사업내용 - 공통 */
    .vc_row.section-row {
        padding: 0px 0px 90px;
    }

    #section_contents .title_contents br{
        display: none;
    }

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

    
}


/*************************************************
 * Tablet Area
 * Max width : 1024px	

 타블렛 PC, 아이패드 1024 x 768 [Landscape]
	
*************************************************/

@media only screen and (max-width: 1024px) {
	
	.col-tablet-50{
		width: 50%;
	}
	
	.tablet-width_60{
		width: 60%;
	}    
        
    /* 서브페이지 해더 */
    #subpage-header_fullwidth .subpage-header_row.greeting{        
        background-position: center top;
    }

    #subpage-header_fullwidth .subpage-header_row.biz{    
        background-position: left -524px top 0px;
    }

    #subpage-header_fullwidth .subpage-header_row.prjt{    
        background-position: left -890px top 0px;
    }

    #subpage-header_fullwidth .subpage-header_row.news{    
        background-position: center top;
    }

    #subpage-header_fullwidth .subpage-header_row.eng {
        background-position: right -200px top 50%;
    }

    /* 소개 - 인사말 */
    .greeting-box_text h3 br,
    .greeting-box_text p.subText br,
    .greeting-box_text p.descText br {
        display: none;
    }    

    .quform-1 .quform-page-1_1 {
        padding: 60px;
        margin-top: -40px;
        margin-bottom: 80px;
        background: #fff;
    }
}

/*************************************************
 * Tablet Area
 * Max width : 940px;
	
*************************************************/

@media only screen and (max-width: 960px) {
    
    /* 레이아웃 */
    body.has-sidebar .content-area {
        max-width: 100% !important;
        width: 100%;
        float: left;
        position: relative;
    }

	/* 디스플레이 */
	.pc_show{
		display: none;
	}
	
	.pc_hidden {
		display: block;
	}
	
	.small_pc_hidden{
		display: block;
	}
	
	.pc_tablet_show {
		display: block;
	}
	
	.tablet_show {
		display: block;
	}
	
	.tablet_hidden {
		display: none;
	}
	
	.tablet_mobile_show {
		display: block !important;
	}

	.mobile_hidden{
		display:block;
	}
	
	.width_50_ipad{
		/*only pad50%*/
		width:50%;
		margin-bottom:20px;
	}
    
    .top-bar-wrap{
        display: none !important;
    }
    
    .site-breadcrumbs{
        display: inline-block;
    }

     /* 모바일 컬럼 조정 */
     .col_image_mobile{
        width: 100%;
        padding: 90px 30px 0px;
    }

    .col_text_mobile{
        width: 100%;
        padding: 0px 0px 0px;
        text-align: center;
    }

    .wrap_content {
        position: relative;
        width: 80%;
        top: 0%;
        left: 50%;
        padding: 90px 0px 90px;
        transform: translate(-50%, 0%);
        word-break: keep-all;
        text-align: center;
    }

    .wrap_content dl {
        width: 100%;
    }

    .sidr-class-mobile_hidden{
        display: none;
    }
    
}


/*************************************************
 * Tablet Area
 * Max width : 800px;

 타블렛 PC, 아이패드 768 x 1024
	
*************************************************/
@media only screen and (max-width: 850px) {

    .col-width_100{
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {
	
	/* Display */
	.pc_show{
		display:none;
	}
	
	.pc_tablet_show {
		display: none;
	}
	
	.tablet_show {
		display: block;
	}

    .sidr-class-mobile_hidden{
        display: none;
    }

    /* 메뉴 */
    #top-bar {
        padding-top: 10px;
        padding-bottom: 10px;
        display: none;
    }

    #side-menu-custom{
        display: none;
    }
    
	/* 탑바 */
	.top-bar-right{
		display: block;
	}

    /* 사이드바 */
    #side-menu-custom.view #side-menu-container {
        position: fixed;
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100vh;
        background: #f7f7f7;
        z-index: 1000;
    }

    /* 인사말 */
    .greeting-section_row {
        background-position: right -200px top 0px;
    }

    .greeting-section_row.second {
        background-position: left -227px top 0px;
    }

    .greeting-section_row.third {        
        background-position: right -210px top 0px;
    }

    .greeting-box_text {
        padding: 60px 15px 60px 15px;
        margin-top: 330px;
        background: #fff;
    }

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

    .greeting-box_text h3 br,
    .greeting-box_text p.subText br,
    .greeting-box_text p.descText br{
        display: none;
    }

    /* GTCS 이사진 소개 */

    #section_contents .dr-cont_director_wrap .inner{
        padding: 30px 0px 15px;
        padding-left: 20px;
    }

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


    /* 서브페이지 메뉴 */
    #section_submenu{
        display: none;
    }
    
    /* 풋터 위 링크 박스 */
    #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;
        background-position: right 0px;
    }

	/* 풋터 */
    #footer-inner {
        padding-bottom: 0px;
    }
    
	#footer-widgets.wpex-row .footer-box.col.col-1 {
        width: 100%;
    }

    #footer-widgets.wpex-row .footer-box.col.col-2 {
        width: 100%;
    }

    #footer #footer-inner .footer_info ul.list_prv {
        display: inline-block;
        float: none;
        margin-top: 15px;
    }

    
}


/*************************************************
 * IPAD Area Under
 * Max width : 767px;

*************************************************/

@media only screen and (max-width: 760px) {
    
    /* 탑바 */
    #top-bar-wrap{
        display: none;
    }

	/* Display */
	.pc_show{
		display:none;
	}
	
	.pc_tablet_show {
		display: none;
	}
	
	.tablet_show {
		display: none;
	}
	
	.tablet_mobile_show {
		display: block !important;
	}
	
	.mobile_show {
		display: block;
	}
	
	.mobile_hidden{
		display: none !important;
    }
    
    .mobile_50{
        float: left;
        width: 50%;
        margin-bottom: 30px;
    }
	
	/* Float */
	.mobile_floatL{
        float:left;
    }
    
    .mobile_floatR{
        float: right;
    }

    /* 섹션 타이틀 */
	.sub-wrap_title{
        width: 100%;
    }

    
}


/*************************************************
 * big device
 * Max width : 600px;

*************************************************/

@media only screen and (max-width: 769px) {
	/* 서브 사이드바 */
	#sidebar{
		display:none;
	}
    
    /* 파트너 */
    #section_contents .section-row_logo .section-col_logo {
        border-right: 1px solid #ededed;
        width: 25%;
        float: left;
    }

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

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

    /* 사업내용 */
    #section_contents .icon_row .desc {
        margin-top: 15px;
    }
}


/*************************************************
 * big device
 * Max width : 580px;

*************************************************/

@media only screen and (max-width: 640px) {
    
    /* width */
    .mobile-width_50{
        float: left;
        width: 50%;
    }
    
    /* 디스플레이 */
    .pc_show{
        display: none;
    }

    .mobile_show{
        display: block;
    }

    .mobile_hidden{
        display: none;
    }

    .diagnosis-head_image_box {
        display: table;
        width: 100%;
        min-height: 300px;
        background: transparent;
    }

    .diagnosis-head_image_box .inner {
        display: table-cell;
        vertical-align: middle;
        padding: 0px 0px 0px 15px;
        text-align: left;
    }

    .diagnosis-head_image_box .inner p {
        margin-bottom: 10px;
        color: #fff;
    }

    .diagnosis-head_image_box .inner h3 {
        padding-bottom: 0px;
        font-size: 21px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: 5px;
        color: #fff;
    }

}


/*************************************************
 * big device
 * Max width : 420px;

 아이폰  6+, 7+, 8+ /  1242 x 2208 [retina] / 414 x 736

*************************************************/
@media only screen and (max-width: 600px) {

    .border_right {
        border-right: 0px;
        border-bottom: 1px solid #ededed;
    }


    /* 페이지 타이틀 */
    body .page_header .wrap_page_title {
        padding-left: 15px;
        padding-bottom: 90px;
        text-align: left;
    }

    body .page_header .wrap_page_title .title {
        margin-top: 0px;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: -.5px;
    }

    body .page_header .wrap_page_title .sub_title {
        font-size: 24px;
        font-weight: 400;
    }

    /* 콘텐츠 */
    .wrap_content {
        position: relative;
        width: 80%;
        top: 0%;
        left: 50%;
        padding: 90px 0px 90px;
        transform: translate(-50%, 0%);
        word-break: keep-all;
        text-align: center;
    }

    .wrap_content h3 {
        font-size: 28px;
        font-weight: 300;
        line-height: 1.4;
    }

    .wrap_content dl dt {
        font-size: 26px;
        font-weight: 300;
    }

    .col_image_mobile{
        padding: 90px 15px 0px;
    }

    /* 서브페이지 타이틀 */
    #section_header .wrap_page_title {
        height: 220px;
    }

    #section_header .wrap_page_title .inner .title {
        position: relative;
        padding: 0px 0px 0px;
        font-size: 34px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: -.5px;
        color: #07f;
    }
    
    /* 조직도 */
    .with-list_members_wrap ul.list_members li.inner {        
        width: 50%;
    }

    .with-list_members_wrap ul.list_members li.inner:nth-child(3n){
        border-left: 1px solid #ddd;
    }

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

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

    .with-list_members02_wrap ul.list_members_02 li.inner,
    .with-list_members02_wrap ul.list_members_02.col_4 li.inner {        
        width: 100%;
        margin-top: 30px;
    }

    .with-list_members02_wrap ul.list_members_02 li.inner:first-child {        
        margin-top: 0px;
    }

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


    /* 파트너 */
    #section_contents .section-row_logo {
        border-top: 0px solid #ededed;
        border-left: 1px solid #ededed;
    }

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

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

    #section_contents .section-row_logo .section-col_logo {
        border-right: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        width: 50%;
        float: left;
    }

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

    #section_contents .process_wrap .process li .nbr {        
        left: 30px;
    }

    .quform-2 .quform-page-2_1,
    .quform-1 .quform-page-1_1 {
        padding: 40px 15px;
        margin-top: -20px;
        margin-bottom: 0px;
        background: #fff;
    }

    /* 캠페인 */
    .campagin-img_padding_mobile{
        padding: 0px 30px;
    }

    .campagin-img_padding_mobile_15{
        padding: 0px 15px;
    }

    .campagin-img_padding_mobile_90{
        padding: 0px 90px;
    }

    .campaign-title_sub{
        padding-bottom: 30px;
    }

    .campaign-title_sub .desc {
        margin-top: 20px;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;        
    }

    .campaign-title_sub_wh .desc{
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0px;
    }

    .campaign-title_sub_wh .desc br{
        display: none;
    }

    .box_info_bank p.bank_num {
        font-size: 21px;
    }
}

@media only screen and (max-width: 500px) {
    /* 서브페이지 빵조각 */
        #subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu:first-child {
            display: none;
        }
}

@media only screen and (max-width: 425px) {
    
	/* 디스플레이 */
	.mobile_show {
		display: block;
    }
    
    #side-menu-custom #side-menu-container .side-menu-banner {
        display: table;
        width: 100%;
        height: calc(100% / 5);
        background: #fff;
    }

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

    #subpage-drop_breadcumb {
        border-bottom: 1px solid #ededed;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu {
        width: 50%;
    }

    #subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu:first-child{
        display: none;
    }

    #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: 50%;
    }

    body.parent-pageid-1032 #subpage-drop_breadcumb .list_breadcumb li.subpage-main_menu > button{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; 
    }

}


/*--------------------------------------------------------------------------------
 * Popular device
 * Max width : 380px

 갤럭시 S8. S8+. Note8 / 1440 X 2560 / 360 X 640

 아이폰 6, 7, 8, X / 750 x 1334 [retina] / 375 x 667

--------------------------------------------------------------------------------*/
@media only screen and (max-width: 380px) {
    
    body .page-header {
        position: relative;
        padding: 0px 0px 40px;
        margin: 0 auto 0px;
    }
    
    body .page-header .page-header-title > span {
        margin-top: 30px;
        font-size: 32px;
    }
}


/*--------------------------------------------------------------------------------
 * Small device
 * Max width : 345px

 갤럭시 S5 / 320 x 568

 아이폰 5  / 640 x 1136 [retina] / 320 x 568

 아이폰 4 (4, 4S) / 320 x 960

--------------------------------------------------------------------------------*/
@media only screen and (max-width: 345px){
    
	body .page-header .page-header-title > span {
        margin-top: 30px;
        font-size: 26px;
    }
    
    .wrap_content h3 {
        font-size: 24px;
        font-weight: 300;
        line-height: 1.4;
    }

    .wrap_content dl dt {
        font-size: 22px;
        font-weight: 300;
    }
}