/**
* File Name : content.css
* Description : 컨텐츠 스타일시트
* Author : Web business Team / White
* Date : 2015.07.14
* Update : 2015.07.14
*/

/* content 공통 */
.contents_box {}
h4 { margin:45px 0 20px 0; font-size:22px; font-weight:bold; color:#17aea4; line-height:22px; letter-spacing:-0.075em;}
h5 { margin:30px 0 20px 0; padding-left:20px; font-size:16px; font-weight:bold; color:#00756d; line-height:16px; letter-spacing:-0.05em; background:url('../image/contents/ico_h5.gif') no-repeat left 2px;}
p.p_indent { color:#4d4d4d; font-size:14px; line-height:25px; letter-spacing:-0.05em;}
p.p_comment { padding-top:15px; color:#ef8261; font-size:12px; letter-spacing:-0.05em;}
.txt_orange { color:#ef8261;}
.txt_mint { color:#17aea4;}
.txt_black { color:#2e2e2e;}

.bg_study { background:url('../image/contents/bg_study1_01.jpg') no-repeat right 670px;}
.bg_comp2 { background:url('../image/contents/bg_camp2_01.jpg') no-repeat right 360px;}


/* basic list type */
.list li { padding:0 0 7px 10px; background:url('../image/contents/bu_list.gif') no-repeat left 11px; font-size:14px; color:#3b3b3b; line-height:23px; letter-spacing:-0.05em;}


/* btn_big */
.btn_big_line { text-align:center;}
.btn_big_line a { display:inline-block; width:226px; height:52px; margin-top:50px; color:#007c73; font-weight:bold; font-size:16px; letter-spacing:-0.05em; background:url('../image/contents/bg_big_btn.gif') no-repeat;  line-height:52px;}
.btn_big_line a:hover { position:relative; top:1px;}


/* btn_big2 */
.btn_big_li { text-align:center;}
.btn_big_li a { display:inline-block; width:100px; height:52px; margin-top:50px; color:#007c73; font-weight:bold; font-size:16px; letter-spacing:-0.05em; background:url('../image/contents/bg_big_btn.gif') no-repeat;  line-height:52px;}
.btn_big_li a:hover { position:relative; top:1px;}

/* tbl_top */
.tbl_top { border-top:solid 2px #1f9c93;}
.tbl_top thead th { padding:12px 0 13px 0; background:#edf8f7; border-bottom:solid 1px #c1c1c1; border-right:solid 1px #dbdbdb; font-weight:bold; font-size:14px; color:#008077; letter-spacing:-0.05em; text-align:center;}
.tbl_top tbody th { padding:10px 0 11px 0; font-weight:bold; font-size:14px; color:#454545; border-bottom:solid 1px #dbdbdb; border-right:solid 1px #dbdbdb; background:#fff;}
.tbl_top tbody td { padding:10px 0 11px 0; font-size:14px; color:#7d7d7d; line-height:21px; text-align:center; border-bottom:solid 1px #dbdbdb; border-right:solid 1px #dbdbdb; background:#fff;}
.tbl_top tbody td.td_left { padding:10px 0 11px 20px; text-align:left;}
.tbl_top .no_line { border-right:0;}


/* tbl_left */
.tbl_left { border-top:solid 2px #1f9c93;}
.tbl_left th { padding:15px 0 16px 0; background:#edf8f7; border-bottom:solid 1px #dbdbdb; border-right:solid 1px #c1c1c1; font-weight:bold; font-size:14px; color:#008077; letter-spacing:-0.05em; text-align:center;}
.tbl_left td { padding:12px 0 13px 20px; font-size:14px; color:#7d7d7d; line-height:21px; text-align:left; border-bottom:solid 1px #dbdbdb; border-right:solid 1px #dbdbdb;}
.tbl_left td.td_center { padding:12px 0 13px 0; text-align:center;}
.tbl_left .no_line { border-right:0;}


/* top_box */
.top_box { position:relative; border-right:solid 3px #f3f3f3; border-bottom:solid 3px #f3f3f3; margin-bottom:40px;}
.top_box_in { border:solid 2px #6fc3bd; padding:30px 0;}

.order .top_box_in { padding-left:170px; background:#f2fcfb url('../image/contents/bg_top_order.gif') no-repeat 41px center;}
.order .btn_view { position:absolute; bottom:25px; right:25px;}
.order .btn_view a { display:block; width:150px; height:40px; line-height:40px; background:#008077; border-radius:2px; color:#fff; font-weight:bold; font-size:15px; letter-spacing:-0.05em; text-align:center; }
.camp2 .top_box_in { padding-left:170px; background:#f2fcfb url('../image/contents/bg_top_camp2.gif') no-repeat 59px center;}
.study2 .top_box_in { padding-left:170px; background:#f2fcfb url('../image/contents/bg_top_study2.gif') no-repeat 66px center;}




/* top_box */
.top_box2 { position:relative; border-right:solid 3px #f3f3f3; border-bottom:solid 3px #f3f3f3; margin-bottom:40px;}
.top_box_in2 { border:solid 2px #6fc3bd; padding:30px 0;}

.order2 .top_box_in2 { padding-left:170px; background:#f2fcfb url('../image/contents/bg_top_order.gif') no-repeat 41px center;}
.order2 .btn_view2 { bottom:25px; right:25px;}
.order2 .btn_view a { display:block; width:150px; height:40px; line-height:40px; background:#008077; border-radius:2px; color:#fff; font-weight:bold; font-size:15px; letter-spacing:-0.05em; text-align:center; }
.camp22 .top_box_in2 { padding-left:170px; background:#f2fcfb url('../image/contents/bg_top_camp2.gif') no-repeat 59px center;}
.study22 .top_box_in2 { padding-left:170px; background:#f2fcfb url('../image/contents/bg_top_study2.gif') no-repeat 66px center;}




/* 커리큘럼 */
.class_list { border-top:solid 2px #2f2f2f;}
.class_box { position:relative; border-bottom:solid 1px #c1c1c1; padding:30px 0 30px 20px;}
.class_box .p_tit { font-size:20px; color:#333; line-height:20px; margin-bottom:10px;}
.class_box .p_tit span { font-size:14px; color:#1f9c93;}
.class_box p { font-size:14px; color:#7f7f7f; letter-spacing:-0.05em;}
.class_box .btn_class_view { position:absolute; top:34px; right:25px;}
.class_box .btn_class_view a { display:block; width:150px; height:40px; line-height:40px; background:#fff; border:solid 1px #008077; border-radius:2px; color:#1f9c93; font-weight:bold; font-size:15px; letter-spacing:-0.05em; text-align:center; }
.class_box .btn_class_view a:hover { line-height:40px; background:#008077; color:#fff;}

.class_hidden_box { position:relative; background:#f7f7f7; padding:20px 20px 25px 20px;}
.class_hidden_box p { font-size:14px; color:#7f7f7f; letter-spacing:-0.05em;}
.class_hidden_box .btn_close { position:absolute; top:25px; right:20px;}


/* 영어공부비결 */
.study_list li { padding-left:100px; margin-bottom:50px;}
.study_list .no1 { background:url('../image/contents/bg_study2_01.gif') no-repeat left center;}
.study_list .no2 { background:url('../image/contents/bg_study2_02.gif') no-repeat left center;}
.study_list .no3 { background:url('../image/contents/bg_study2_03.gif') no-repeat left center;}
.study_list .no4 { background:url('../image/contents/bg_study2_04.gif') no-repeat left center;}
.study_list .no5 { background:url('../image/contents/bg_study2_05.gif') no-repeat left center;}