@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-bottom: 30px;}

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

#mind_title          {background-image: url("/img/sub/counseling_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;}
.header_text span     {  color: #fff; font-weight: bold;}
h1#container_title    { display: none !important;}

.ctt_txt{ line-height: 170%; font-size: 18px; text-align: center; color: #333; width:1260px; margin: 0 auto;}    
.ctt_txt span.txt_type1 { color:#3f1e00; font-weight: 600; }
.ctt_txt strong{ background-color:#834f00; color: #fff; font-size: 20px;} 

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

.ctt_txt1   { float: left; width:30%;line-height: 170%; font-size: 18px;  color: #333; padding-top: 10px;}
.ctt_txt1 span.txt_type { background-color:#44b3c2; color: #fff; }

.ctt_txt2   { float: left; width:70%;}
    .ctt_txt2 table{ width:100%;  border-collapse:collapse;	border-spacing:0; border-top:2px solid #000; border-left:1px solid #ccc }
	.ctt_txt2 th,
	.ctt_txt2 td{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:12px 8px; line-height:160%;  vertical-align:middle; font-size:0.93em }
    .ctt_txt2 th{ background-color: #f3f3f3; color:#3f1e00}
    .line{ border-top:2px solid #3f1e00 !important;}

    .btn-info   { padding:10px 15px; text-align: center; background-color: #449d44; color: #fff; border: 0; font-size: 16px; border-radius: 5px;}

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

    .header_text     { padding: 25% 15% 0;}
    .ctt_txt         { width: 96%; margin: 0 2%;}

    .ctt_txt1,.ctt_txt2    { float: none; width:96%; margin: 0 2%; padding-top:20px}


}