@charset "utf-8";

/* 내용관리 */
#ctt {background:#fff;min-height:200px;}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_himg img, #ctt_timg img, #ctt_con img {height:auto}
#ctt_con { padding: 0 !important;}
.ctt_img {text-align:center; padding: 30px 0;}

.pc_img img     { width: 100%;}    
.m_img          { display: none;}

#gtco_title          {background-image: url("/img/sub/gtco_title_bg1.jpg"); background-position: 50% 0px; background-size: cover; background-attachment: fixed;  height: 850px;}
.header_text          { font-size:2.8em!important; padding-top: 10%; text-align: center; color: #fff;text-shadow: 0.1em 0.1em 0.2em #333;word-break: keep-all; }
.header_text span     {  color: #fff; font-weight: bold;}
h1#container_title    { display: none !important;}

.gtco_txt1  { padding:120px 0 80px; background-color: #FBB448; margin-bottom: 30px;}
.gtco_txt1:after{content:""; display:block; clear:both;}
.gtco_txt1 > h2  { font-size:2.4em;line-height:1em; text-align:center; padding-bottom: 20px; color:#fff; word-break: keep-all; }
    .ctt_txt{ line-height: 170%; font-size: 18px; text-align: center; color: #333;}
    .ctt_txt span.txt_type1 { font-size: 20px; font-weight: 500; background-color:#834f00; color: #fff;}
    .ctt_txt strong{color: #3f1e00;}    
    .ctt_txt b { font-size: 22px; color: #3f1e00;}
    .ctt_txt ul{ width:350px; margin: 0 auto;}
    .ctt_txt li{ text-align: left !important;}

    .ctt_txt_box1   { clear: both; margin: 30px auto; padding:50px 0; text-align: center; font-size:24px;line-height: 170%; color: #3f1e00; }
    p.ctt_btn  { clear:both; margin: 30px 0;}
    p.ctt_btn a{ padding: 10px 30px; text-align: center; background-color: #834f00; color: #fff;}

    .ctt_txt_box2   { clear: both; margin: 50px auto 30px; width:1000px; text-align: center; font-size:18px;line-height: 170%; border:3px solid #11527d; background-color: #fff;}
    .ctt_txt_box2 h3{background-color: #11527d; color: #fff; padding: 20px 0; font-size: 24px;}
    .ctt_txt_box2 div.form-wrap { padding: 50px 50px 20px;}
    .ctt_txt_box2 div.form-wrap div { padding-bottom: 5px;}

h2.h2_tt  { font-size:2.4em;line-height:1em; text-align:center; padding:100px 0 40px; color:#3f1e00}
h3.h3_tt {text-decoration: underline; color: #3f1e00;font-size:22px;text-align:center; padding-bottom:20px}


#request_form2 label{ text-align: left;margin-top:20px; width:20%; display: inline-block; }
#request_form2 .form-control{ height:45px; padding:0 10px;width:70%; display: inline-block; box-sizing: border-box; border:1px solid #e1e6eb; background-color: #fff; color: #555; box-shadow: 0 2px 2px #f3f3f3;}

.form_type2 {height:45px; padding:0 10px;width:70%; display: inline-block; box-sizing: border-box;}
.form_type2 .form-control2 { width:15%;border:1px solid #e1e6eb; background-color: #fff; color: #555; box-shadow: 0 2px 2px #f3f3f3; }
.form_type2 br{ display: none;}

.gtco_btn   { clear:both; margin-bottom: 50px;}
.btn-info   { padding: 10px 30px; text-align: center; background-color: #EC4E4E; color: #fff; border: 0;}

ol.ctt_txt2    { width:430px; margin: 0 auto;}
ol.ctt_txt2 li {line-height: 170%; font-size: 18px; text-align: center; color: #333; text-align: left;}

.ctt_txt_box3  { width:900px; margin: 30px auto; clear:both} 
.ctt_txt_box3 div.img { float: left; width:50%; text-align: center;}
.ctt_txt_box3 div.txt { float: left; width:50%; padding-top:50px}
.ctt_txt_box3 div.txt li {line-height: 170%; font-size: 18px; text-align: center; color: #333; text-align: left;}


@media (max-width: 969px){
    
    #ctt_himg img, #ctt_timg img, #ctt_con img {width: 100%;}
    .m_img       { display: block;}
    .m_img img   { width: 100%;}    
    .pc_img      { display: none;}

    #gtco_title      {height: 500px;}
    .header_text     { padding: 25% 10% 0;}
    .ctt_txt         { padding:0 20px}
    .ctt_txt_box1,.ctt_txt_box2{ width:96%; padding: 15px; margin: 30px 2%;}
    .ctt_txt_box2 div.form-wrap { padding: 20px 0px;}
    .ctt_txt_box2   { font-size:14px;}
    .form_type2 {letter-spacing:-1px; padding:0}

    .gtco_txt1  { padding:50px 0 0 !important;margin-bottom: 0 !important;}
    .gtco-container { padding:0 !important}
}


@media (max-width: 899px){
    .ctt_txt_box3  { width:90%; margin: 30px 5%; clear:both} 
    .ctt_txt_box3 div.img { float: none; width:100%; text-align: center;}
    .ctt_txt_box3 div.txt { float: none; width:100%; padding-top:20px}   
}

@media (max-width: 640px){
    .ctt_txt ul{ width:90%; margin: 0 5%;}
    ol.ctt_txt2     { width:90%; margin: 0 5%;}
    .form_type2     {height:auto; padding:10px 0;width:70%; text-align: left !important;}  
    .form_type2 br  { display: block;}
    .form_type2 .form-control2 { margin-bottom: 2px; width: 25% !important;}

}
@media (max-width: 400px){
    .ctt_txt_box3 div.img img { width:80%;}   
}