@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;}

#con_title          {background-image: url("/img/sub/education_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: #3f1e00;word-break: keep-all;}
.header_text span     {  color: #3f1e00; font-weight: bold;}
h1#container_title    { display: none !important;}

.con_txt1  { padding:80px 0; text-align: center; background-color: #FBB448;}
.con_txt1 > h2  { font-size:2.4em;line-height:1em; text-align:center; padding-bottom:30px; color:#fff}

.con_txt2  { padding:80px 0; background-color: #FBB448;}
.con_txt2 > h2  { font-size:2.4em;line-height:1em; text-align:center; padding-bottom:30px; color:#3f1e00}

.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;} 

.ctt_txt2{ line-height: 170%; font-size: 18px; color: #333; width:500px; margin: 0 auto; padding: 30px 0 50px;} 
.ctt_txt2 h4{ color:#3f1e00; font-weight: 600;font-size: 24px; display: block; padding: 30px 0 20px;}   
.ctt_txt2 span { color:#44b3c2;}
.ctt_txt2 b { color:#3f1e00; font-weight: 600;font-size: 24px;}

h2.h2_tt  { clear: both;font-size:2.4em;line-height:1em; text-align:center; padding:100px 0 30px; color:#3f1e00;word-break: keep-all;}

.ctt_list   { clear:both; padding-top: 20px; width:1260px; margin: 0 auto;}
.ctt_list ul li { float:left; width:25%; margin-bottom: 2%;}
.ctt_list ul li div { margin: 0 2%; padding: 30px; border-radius: 10px; border: 1px solid #834f00; text-align: center;background: #fff;}
.ctt_list ul li div p.tt  { background-color:#834f00; color: #fff; font-weight: 500;font-size:18px; padding: 5px 0;border-radius:50vh;}
.ctt_list ul li div p.txt {font-size: 16px; color:#555}

.ctt_list2   { clear:both; padding-top: 20px; width:1260px; margin: 0 auto;}
.ctt_list2 ul li { float:left; width:50%; margin-bottom: 2%;}
.ctt_list2 ul li div { margin: 0 2%; padding: 30px; border-radius: 10px; border: 1px solid #834f00; text-align: center;background: #fff; }
.ctt_list2 ul li div p.tt  { background-color:#834f00; color: #fff; font-weight: 500;font-size:18px; padding: 5px 0;border-radius:50vh;}
.ctt_list2 ul li div p.txt {font-size: 16px; color:#555}

table.ctt_bbs{ width:100%;  border-collapse: separate; border-spacing:5px;border-top:1px solid #ddd;  margin-bottom: 50px;}
table.ctt_bbs td{ border-bottom:1px solid #ddd; padding:12px 8px; line-height:160%;  vertical-align:middle; font-size:0.93em; margin-bottom: 3px; text-align: left; }
table.ctt_bbs th{ background-color: #44b3c2; color:#fff; border-radius: 50vh; text-align: center; width:25%;padding:12px 8px; line-height:160%;  vertical-align:middle; font-size:0.93em;}

@media (max-width: 969px){
    
    #con_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% 10% 0;}
    .ctt_txt,.ctt_list,.ctt_list2         { width:96%; margin: 20px 2%;}
    .ctt_list ul li { float:left; width:50%; margin-bottom: 2%;}
    .ctt_list ul li div p.txt {font-size: 15px; color:#555}
    .ctt_list2 ul li div p.txt {font-size: 15px; color:#555}
    .ctt_txt2   {padding: 30px 30px 50px;}

}