@charset "utf-8";
/*레이아웃*/
.layout_wrap{}
.txt_col01{ color: #f89c98;}
.txt_col02{ color: #ffed98;}
.txt_col03{ color: #c51613;}
.txt_col04{ color: #1d37a8;}
.txt_col05{ color: #fe0000;}

.left_container {width: 230px;float: left;}
#container { width: 920px; float: right; min-height: 680px; margin-top: 60px; }
#container_wr{width: 1200px;}
#ctt{padding: 0;}
#ctt .layout_wrap{width: 100%;}

#container_title {display: block; position: relative; border-bottom: 3px solid #cda25a; font-size: 30px; }
#container_title span { line-height: 40px; color: #4b2b0a; }
#container_title::after{position: absolute;content: "가장 완벽한 1등급 영어 코칭, 고등어닷컴입니다."; color: #767676; font-size: 13px; right: 0; top: 23px; font-weight: 400;}

/*서브비주얼*/
#subVisual { display: table; width: 100%; min-width: 1200px; height: 300px; text-align: center; }
#subVisual > div { display: table-cell; height: 100%; background-position: center center; background-repeat: no-repeat; vertical-align: middle; }
#subVisual h2 { font-size: 58px; color: #fff; font-weight: 500; }
#subVisual h2 span {display: inline-block;padding: 0 10px 5px;line-height: 1.2;border-bottom: 5px solid #b52b28;}
#subVisual p { font-size: 30px; color: #fff; }
.sub_visual01 { background-image: url(../img/sub/sub_visual.jpg); }
.sub_visual02_01 { background-image: url(../img/sub/sub_visual.jpg); }
.sub_visual02_02 { background-image: url(../img/sub/sub_visual.jpg); }
.sub_visual02_03 { background-image: url(../img/sub/sub_visual.jpg); }
.sub_visual02_04 { background-image: url(../img/sub/sub_visual.jpg); }
.sub_visual02_05 { background-image: url(../img/sub/sub_visual.jpg); }
.sub_visual03_01{ background-image: url(../img/sub/sub_visual.jpg); }
.sub_visual04 { background-image: url(../img/sub/sub_visual.jpg); }
.sub_visual05_01{ background-image: url(../img/sub/sub_visual.jpg); }
.sub_visual05_02{ background-image: url(../img/sub/sub_visual.jpg); }
.sub_visual05_03{ background-image: url(../img/sub/sub_visual.jpg); }
.sub_visual05_04{ background-image: url(../img/sub/sub_visual.jpg); }
.sub_visual06{ background-image: url(../img/sub/sub_visual.jpg); }


.sub_left_nav_wrap { position: relative;}
.left_title {font-size: 26px;font-weight: 500;text-align: left;color: #fff;line-height: 115px;position: relative;top: 0;left: 0;width: 100%;height: 115px;background: #cda25a;padding: 0 30px;}
.long_title{line-height: inherit;font-size: 20px;line-height: 115px;}
#subNav { position: relative; border: 4px solid #cda25a;}
#subNav li { border-bottom: 1px solid #d0d0d0; width: 90%; margin: 0 auto; color: #bba883; position: relative;}
#subNav li:last-child{border-bottom: none;}
#subNav li a {line-height: 40px;font-size: 16px;color: #414141;text-indent: 10px;}
#subNav li a i{color: #bba883; margin-right: 5px;}
#subNav li.on a { color: #b52b28; font-weight: 500;}
#subNav li.on i{ color: #b52b28;}

/*쿠폰*/

.coupon_content{ border: 1px solid #d5d5d5;  background: #f5f5f5;  padding: 20px 0 0 20px;  height: 130px;}
.coupon_content li{  height: 35px;}
.coupon_table_element{  padding: 10px 0 10px 0; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; text-align: center;}
.p_tit{ background: url('/xe/img/prdinfo_line.gif') right no-repeat; font-weight: bold; padding-bottom: 5px;}
.coupon_title {   width: 725px;   height: 30px;   border: 1px solid #d5d5d5;   background: #f5f5f5;   padding: 20px 0 0 30px;  }
.content > h1 { display: none;}


#daeil_area{background: url('../img/sub/daeil_bg.jpg');padding: 50px 30px;margin: 20px 0;display: inline-block;}
#daeil_area dl{ width: 32%; display: inline-block; margin-right: 2%; float: left; }
#daeil_area dl:last-child{margin-right: 0;}
#daeil_area dl dt{margin-bottom: 20px;}
#daeil_area dl dt img{width: 100%;}
#daeil_area dl dd{margin: 0 0 20px 0; border: 1px solid rgba(255, 255, 255, 0.29); background: #5997de; border-radius: 5px;}
#daeil_area dl dd a{ display: inline-block; width: 100%;  height: 100%;}
#daeil_area dl dd a h2{    border-bottom: 2px solid rgba(255, 255, 255, 0.6); padding: 10px; border-radius: 3px;font-weight: 600; color: #1f3062;
    font-size: 20px; text-align: center;}
#daeil_area dl dd a p{ padding: 10px; border-radius: 3px; text-align: center; font-weight: 500; color: #ffffff; font-size: 15px;}

#ctt_con{text-align: center; width: 900px; margin: 0 auto;}
#fregisterform .btn_confirm{padding-bottom: 50px;}

.class_summary_wrap { overflow: hidden; margin:20px 0 }
.book_cover { float:left; width:200px; padding-left:15px;}
.book_cover img { width:150px; }
.class_info { float:left ; width:700px; border-collapse:  collapse; border-top:2px solid #ccc; border-bottom:2px solid #ccc;}
.class_info th, .class_info td { border-top: 1px solid #cccc; font-size: 1.2em; padding:2.5px 5px }
.class_info th { text-align: left; background: #fafafa; padding-left:15px; width:120px;}
.btn_class_view { border:1px solid #ccc; padding:3px 15px; background: #636363; color:#fff;}
.btn_class_view:hover { background: #b52b28}
.view_td { text-align: center }
.txt_center { text-align: center }

#sub02_05 {padding-bottom: 30px;}
#sub02_05 .form_group{ padding: 31px 0 20px 0;}
#sub02_05 .form_group label{ line-height: 30px; font-size: 19px; border: 1px solid #ababab; padding: 5px 20px; float: left; border-right: 0;}
#sub02_05 .form_group input{ height: 42px; padding: 5px 0; width: 200px; border: 1px solid #ababab;}
#sub02_05 .form_group button{ border: 1px solid #b52b28; background: #b52b28; color: #ffff;  padding: 5px 20px; height: 42px; margin-left: 30px;     font-weight: 600;}