/* CSS Document */
@import url("contents.css");
@import url("service.css");
@import url("member.css");
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900,300,100);


@font-face {
 font-family: 'NanumSquareR';
 src: url(/font/nanum/NanumSquareR.eot);
 src: url(/font/nanum/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(/font/nanum/NanumSquareR.woff) format('woff'),
      url(/font/nanum/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareB';
 src: url(/font/nanum/NanumSquareB.eot);
 src: url(/font/nanum/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(/font/nanum/NanumSquareB.woff) format('woff'),
      url(/font/nanum/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothic';
 src: url(/font/nanum/NanumBarunGothicWeb.eot);
 src: url(/font/nanum/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'),
      url(/font/nanum/NanumBarunGothicWeb.woff) format('woff'),
      url(/font/nanum/NanumBarunGothicWeb.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothicBold';
 src: url(/font/nanum/NanumBarunGothicWebBold.eot);
 src: url(/font/nanum/NanumBarunGothicWebBold.eot?#iefix) format('embedded-opentype'),
      url(/font/nanum/NanumBarunGothicWebBold.woff) format('woff'),
      url(/font/nanum/NanumBarunGothicWebBold.ttf) format('truetype');
}


/* Type Selector */
body{margin:0;padding:0;font-family:'NanumBarunGothic','Nanum Gothic','나눔고딕', 'Dotum', 'Gulim', 'Lato', 'Arial', sans-serif;font-size:12px;color:#232323; line-height:18px;}
a{ text-decoration:none;}
a:link{color:#545454;text-decoration:none;}
a:visited{color:#787878;text-decoration:none;}
a:hover{color:#333;}
a:active{color:#787878;text-decoration:none;}
div,ul,ol,li,p,dl,dt,dd{margin:0;padding:0;}
legend{display:none;}
fieldset{margin:0;padding:0;border:none;}
input,select,textarea{font:12px gulim;vertical-align:middle;}
ul,ol,li{list-style:none;}
table{border-collapse:collapse;}
img{border:none;vertical-align:top;}
h1,h2,h3,h4,h5,h6{overflow:hidden;margin:0;padding:0;}
.red{color:#f14b18;}
.red a,.red a:active,.red a:visited{color:#f14b18;}
.blue{color:#3869b2;}
.blue a,.blue a:active,.blue a:visited{color:#3869b2;}
td img{vertical-align:middle;}
em, address{ font-style:normal;}

/* Layout Selector */
#container{position:relative;width:100%;margin:0 auto; z-index:20; overflow:hidden;}
#m_container {position:relative; width:100%; margin:0 auto; overflow:hidden;margin-top: -3px; background:#f4f5f6;}
#sub_container {position:relative; width:960px; margin:0 auto; overflow:hidden;margin-top: -3px; background:#f3f3f3; min-height:700px;}
#content{float:left;position:relative;width:690px;}
.search{position:absolute;top:114px;left:264px;width:710px;color:#ccc;}
.search .search_area{width:235px;height:13px;margin:0 5px;padding:3px;border:1px solid #d8d8d8;color:#333;}
.search a{font:bold 12px gulim;color:#696969;letter-spacing:-1px;}
.layerBack {position:fixed; z-index: 998; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.7;}

/* header */
#wrap{position:relative;width:100%; min-width:1170px;margin:0 auto;/* background:url('/img/common/bg_gnb.gif') repeat-x 0 70px; */ background-color:#f3f3f3;}
#wrap.main {/* background:url('/img/common/bg_gnb_main.gif') repeat-x 0 70px  !important; */}
#header_wrap{background:url(/images/common/bg_header.png) repeat-x; width:100%; height:95px;}
#header{ width:1170px; height:90px; overflow:hidden; margin:0 auto 10px;}
#header h1{float:left; margin-top:27px;z-index:998;}

#sub_header{ width:960px; height:90px; overflow:hidden; margin:0 auto 10px;}
#sub_header h1{float:left; margin-top:27px;z-index:998;}



/*20160705*/
.gnb_new{ float:right; height:42px; margin-top:45px;}
.gnb_new > li{ float:left; margin-left:35px; padding:13px 15px; color:#232323; font-family:'NanumBarunGothic'; font-size:15px; font-weight:bold;}
.gnb_new > li:first-child{ margin-left:0;}
.gnb_new > li .gnb_gc{ background:url('/images/common/gnb_gc.png') no-repeat 0 -1px; padding-left:34px;}
.gnb_new > li .gnb_club{ background:url('/images/common/gnb_club.png') no-repeat 0 -1px; padding-left:20px;}
.gnb_new > li .gnb_hot{background:url('/images/common/gnb_yutube.png') no-repeat 0 -1px; padding-left:29px;}
.gnb_new > li .gnb_gstory{background:url('/images/common/gnb_g.png') no-repeat 0 -1px; padding-left:21px;}
.gnb_new > li .gnb_kch {background:url('/images/common/gnb_119.png') no-repeat 30px 0px; padding-right:36px;}
.gnb_new > li a{display:block; color:#232323;}

.gnb_new > li.on{ background-color:#000;}
.gnb_new > li.on > a{text-decoration:none; color:#fff;}
.gnb_new > li.on .gnb_gc{ background:url('/images/common/gnb_gc_on.png') no-repeat 0 -1px;}
.gnb_new > li.on .gnb_club{ background:url('/images/common/gnb_club_on.png') no-repeat 0 -1px;}
.gnb_new > li.on .gnb_hot{background:url('/images/common/gnb_yutube_on.png') no-repeat 0 -1px;}

.gnb_new li .depth2{ width:100%; position: absolute; top:89px; left:0; overflow: hidden; border-right: 0; z-index:997; background:#FFFFFF; box-shadow: 2px 2px 1px 0 rgba(132, 132, 132, 0.4); padding:0 0 20px;}
.gnb_new li .depth2 .depth_top{ background-color:#000; height:45px; line-height:45px; margin-bottom:20px;}
.gnb_new li .depth2 .depth_top span{ display:block; width:1168px; margin:0 auto; color:#fff; font-size:16px; letter-spacing:1px;}
.gnb_new li .depth2 ul{ display:block; width:1170px; margin:0 auto;}
.gnb_new li .depth2 ul li{ width:233px; float:left; border-left:1px solid #dadada;  text-align:center; line-height:45px;}
.gnb_new li .depth2 ul li a:hover{ color:#ac1916;}
.gnb_new li .depth2 ul li.line{ border-left:none;}
.gnb_new li .depth2 ul li img{ width:45px;}

#sub_header .gnb_new li .depth2 ul{ width:960px;}
#sub_header .gnb_new li .depth2 .depth_top span{ width:958px;}
#sub_header .gnb_new li .depth2 ul li{ width:191px;}
/*m_content*/
.line_banner{margin:35px 0}


/* Snb */
.account{position:relative;width:152px;height:119px;margin-bottom:10px;padding:11px 14px;background:url(../images/account_bg.gif) no-repeat;}
.account p{padding:3px;font:bold 12px gulim;text-align:center;letter-spacing:-1px;}
.account p span{display:inline;padding:0;color:#265aab;}
.login_form{position:relative;height:52px; margin-bottom:15px;}
.text_field{border:1px solid #bebebe; font:normal 12px gulim; height:22px; line-height:22px; text-indent:8px;}
.account span{display:block;padding-top:5px;text-align:center;letter-spacing:-2px;}
.account span strong{color:#000;}
.account dl{width:142px;border:1px solid #eee;padding:7px;background:#fafafa;color:#505050;line-height:14px;}
.account dt{clear:both;float:left;width:45px;height:10px;margin-right:5px;padding:5px 0 5px 0px;letter-spacing:-1px;}
.account dd{float:left;width:92px;height:10px;margin:0;padding:5px 0;font-weight:bold;text-align:right;}
.account dd img{vertical-align:top; padding-top:1px;}
.snb a:link{color:#505050;}
.snb a:visited{color:#505050;}
.snb a:hover{color:#505050;}
.snb a:active{color:#505050;}

/* account_new */
.account_new{position:relative;width:150px;height:170px; padding:15px; margin-bottom:10px;background: url('/img/main/bg_login.gif') no-repeat;}
.account_new p{font:bold 12px gulim;text-align:center;letter-spacing:-1px; line-height:14px; padding:5px 0 10px;}
.account_new p span{display:inline;padding:0;color:#d21022;}
.account_new .chk_id_login {position:relative; height:20px; line-height:20px;margin-bottom:5px; font-size:11px; color:#666 !important;}
.account_new .chk_id_login * { vertical-align:middle;}
.account_new .chk_id_login input[type='checkbox'] {float:left;}
.account_new .chk_id_login label {float:left;cursor:pointer;}
.account_new .chk_id_login a {float:right;}
.account_new dl{width:130px;border:1px solid #d7d8d9;padding:6px 9px;background:#fbfbfd;color:#666;line-height:14px; margin-bottom:10px;}
.account_new dt{clear:both;float:left;width:45px;height:10px;margin-right:5px;padding:5px 0;letter-spacing:-1px;}
.account_new dd{float:left;width:80px;height:10px;margin:0;padding:5px 0;font-weight:bold;text-align:right;}
.account_new dd img{vertical-align:top; padding-top:1px;}
.account_new .memb_level{margin-top:-4px;height:16px}

.snb_common{position:relative; overflow:hidden; height:65px; padding:14px 0 14px 14px; border:1px solid #ccc; margin-bottom:10px;}
.snb_common li{float:left; margin-left:3px;}
.snb_common li:first-child {margin-left:0;}
.snb_btn {margin-bottom:10px;}
.section_all{height:285px;margin-top:15px;padding:10px 13px;color:#dfdfdf;background:url(../images/bg_section_all2.gif) no-repeat;}
.section_all h2{height:15px;margin-bottom:13px;}
.section_all h3{margin:5px 0;padding-left:12px;font:bold 12px gulim;color:#333;background:url(../images/bu_arrow_blue.gif) no-repeat 2px 1px;}
.section_all h3 a,.section_all h3 a:active,.section_all h3 a:visited{color:#333;}
.section_all h3 a:hover{color:#333;}
.section_all ul{padding-bottom:10px;font:11px dotum;background:url(../images/bg_dot.gif) repeat-x 0 100%;letter-spacing:-1px;line-height:16px;}
.section_all li{display:inline;padding-right:3px;}
.section_all a:hover{color:#1072cd;}
.section_all span{display:block;margin-top:8px;letter-spacing:-1px;}
/*.section_viewer{width:160px;height:60px;margin:10px 0;padding:25px 10px 0;background:url(../images/section_viewbg.gif) no-repeat;}
.section_viewer li{float:left;}*/
.section_custom{position:relative;height:31px;padding-top:40px;background:url('/img/main/bg_cs.gif') no-repeat; margin-bottom:10px;}
.section_custom li{float:left; width:50%; height:31px;}
.section_custom li a {display:block; width:100%; height:100%; text-indent:-1000em;}
.section_custom2 {position:relative; overflow:hidden;}
.section_custom2 li{float:left;}

/* Content */
small{font:11px dotum;color:#999;letter-spacing:-1px;line-height:16px;}
#mainBanner{position:relative;height:200px;margin-bottom:10px;}
.spot{width:690px;height:140px;margin-bottom:10px;}
.cheer_display{width:520px;height:24px;margin-bottom:10px;padding:11px 20px 0 150px;font:bold 12px gulim;background:url(../images/bg_cheer.gif) no-repeat;color:#fffd3e;}
.mainCon_l {position:relative; float:left; overflow:hidden; width:470px;}

.section_update{position:relative;width:470px;height:160px;}
.section_update h2{float:left;margin-right:6px;}
.tab li{float:left;}
.section_update .tab{margin-top:6px;}
.section_update .info_img{position:absolute;top:40px;left:8px;}
.section_update .tab li{margin-right:1px;}
.section_update .list{position:absolute;top:36px;left:150px;padding:10px 0;}
.section_update .list span{color:#66759c;}
.section_update .list li{height:20px;}
.section_hit_line_upper {margin-top: 15px; margin-bottom:10px; border-top:  1px solid #ececec}
.section_hit_line_lower {margin-top: 10px; margin-bottom:10px; border-top:  1px solid #ececec}
.section_hit_noline {clear:both;height:200px;margin-bottom:10px;}
.section_recom{position:relative; overflow:hidden; background:url('/img/main/bg_review.jpg') no-repeat; height:97px; margin-bottom:10px;}
.section_recom ul {position:relative; overflow:hidden; margin:20px 20px 0 200px;}
.section_recom li{padding-left:10px;background:url(../images/bu_dot.gif) no-repeat 4px 6px;height:20px;}
.section_community{position:relative; overflow:hidden; height:176px;}
.section_community .tab{height:34px; overflow:hidden;}
.section_community .list{overflow:hidden; height:111px; border:1px solid #ccc; border-top:none; padding:15px;}
.section_community .list li{padding-left:10px;background:url(../images/bu_dot.gif) no-repeat 0 45%; line-height:23px;}
.section_community .list li a span{color:#66759c;}
.section_hit_noline2 {height:130px; margin-bottom:10px;}

/*오른쪽*/ 
.colgroup{position:relative; overflow:hidden; width:210px; float:right;}
.section_newupdate{position:relative; overflow:hidden; height:307px;margin-bottom:10px;background:url('/img/main/bg_update.gif') no-repeat;}
.section_newupdate h2{height:40px; text-indent:-1000em;}
.section_newupdate ol{padding:12px 15px 15px 15px;}
.section_newupdate li {padding-left:24px !important; line-height:24px; height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; background:url('/img/main/ico_no.gif') no-repeat;}
.section_newupdate li.m_1 {background-position:0 2px;}
.section_newupdate li.m_2 {background-position:0 -22px;}
.section_newupdate li.m_3 {background-position:0 -46px;}
.section_newupdate li.m_4 {background-position:0 -70px;}
.section_newupdate li.m_5 {background-position:0 -94px;}
.section_newupdate li.m_6 {background-position:0 -118px;}
.section_newupdate li.m_7 {background-position:0 -142px;}
.section_newupdate li.m_8 {background-position:0 -166px;}
.section_newupdate li.m_9 {background-position:0 -190px;}
.section_newupdate li.m_10 {background-position:0 -214px;}
.section_newupdate li.m_11 {background-position:0 -238px;}
.section_newupdate li.m_12 {background-position:0 -262px;}
.section_newupdate li.m_13 {background-position:0 -286px;}
.section_newupdate li.m_14 {background-position:0 -310px;}
.section_newupdate li.m_15 {background-position:0 -334px;}
.section_newupdate li.m_16 {background-position:0 -358px;}
.section_newupdate li.m_17 {background-position:0 -382px;}
.section_newupdate li.m_18 {background-position:0 -406px;}
.section_newupdate li.m_19 {background-position:0 -430px;}
.section_newupdate li.m_20 {background-position:0 -454px;}
.section_newupdate li.m_21 {background-position:0 -478px;}
.section_newupdate li.m_22 {background-position:0 -502px;}
.section_newupdate li.m_23 {background-position:0 -526px;}
.section_newupdate li.m_24 {background-position:0 -550px;}
.section_newupdate li.m_25 {background-position:0 -574px;}
.section_newupdate li.m_26 {background-position:0 -598px;}
.section_newupdate li.m_27 {background-position:0 -622px;}
.section_newupdate li.m_28 {background-position:0 -646px;}
.section_newupdate li.m_29 {background-position:0 -670px;}
.section_newupdate li.m_30 {background-position:0 -694px;}
.section_best{width:210px;height:250px;margin-bottom:10px;background:url(../images/bg_best.gif) no-repeat;}
.section_best h2{margin:7px 0 10px 40px;height:16px;}
.section_best ol{margin:19px 0 0 0;line-height:20px;padding-left:30px;}

.section_notice{position:relative; overflow:hidden; height:176px;}
.section_notice h2{height:34px;}
.section_notice ul{overflow:hidden; height:111px; border:1px solid #ccc; border-top:none; padding:15px;}
.section_notice li{padding-left:10px;background:url(../images/bu_dot.gif) no-repeat 0 45%; line-height:23px;}
.section_ad li{margin-top:7px;}
.section_faq {width:210px; height:150px; margin-top:7px; background: url(../images/bg_notice.gif) no-repeat;}
.section_faq h2 {margin:7px 0 10px 10px; height:16px;}
.section_faq ul {padding:8px;line-height:20px;}
.section_faq li{height:18px;padding-left:10px;background:url(../images/bu_dot.gif) no-repeat 4px 6px;}
.section_hit_noline3 {margin-bottom:10px;}



/* New Menu*/
.top_menu{display:block;position:relative;width:100%;z-index:1000;}
.top_menu img{border:0}

.mmenu{padding:5px 12px 0 12px;float:left;z-index:1;background:url(/images/gnb_bar.gif) no-repeat 100% 5px;}
.mmenu a img.over{display:none}
.mmenu a:hover{position:relative}
.mmenu a:hover img{display:none}
.mmenu a:hover img.over{display:inline}
.mmenu a img{vertical-align:top}

.smenu{position:absolute;z-index:1;line-height:40px;background: url(/images/new_gnb_subbg.gif) no-repeat;}
.smenu a{ margin:0 7px; padding:3px; color:#FFF}
.smenu a:link{margin:0 7px; padding:3px; color:#FFF; text-decoration:none;}
.smenu a:visited{margin:0 7px; padding:3px; color:#FFF;text-decoration:none;}
.smenu a:hover{margin:0 7px; padding:3px; color:#FFF; text-decoration:underline;}
.smenu a:active{margin:0 7px; padding:3px; color:#FFF; text-decoration:none;}

span.reple{font-size:12px !important;color:#ee7013 !important;}

/* 영어듣기평가닷컴 */
.listen_nav {position:relative; overflow:hidden; margin-bottom:10px;}
.listen_nav ul {overflow:hidden; padding:14px 0 14px 12px; border:1px solid #ccc; border-top:none;}
.listen_nav li {float:left; margin:0 3px 3px 0;}
.listen_top {margin-bottom:10px;}
.listen_manual {position:relative; overflow:hidden; margin-bottom:10px; background:url('/images/listening/bg_manual.gif') no-repeat; height:40px; padding:15px 0 15px 135px;}
.listen_manual li {float:left; margin-right:5px; width:85px; height:40px;}


/* 수학클리닉 */
#clinic_content {float:left;position:relative;width:790px;}
#clinic_content_new {position:relative;width:1170px; margin:0 auto}

.layer_banner {position:absolute; left:0; top:-74px; width:980px; height:524px; z-index:999; overflow:hidden;}
.text_field2{border:1px solid;border-color:#ccc #ddd #ddd #ccc;padding:6px;}
#content h5{position:relative;clear:both;margin:10px 0;}



/**** 골프코치 메인 css date:20160720 강현준 추가****/

#m_content1 {position:relative; width:1170px; margin:0 auto}
#m_content2 {position:relative; width:1170px; margin:0 auto}

/* 상단 sc,search 영역 */
.sub_top { position:relative; width:1170px; height:40px; margin:0 auto; padding:15px 0 15px; overflow:visible;}
.sub_top_sub{ width:960px; height:40px; position:relative; margin:0 auto; padding:15px 0 15px; overflow:visible;}
.nav_swing_btn{ float:left; overflow:hidden;}
.nav_swing_btn li{ float:left;}
.nav_swing_btn li a{ display:block;}
.nav_member{ float:right; margin-top:4px;}
.nav_member > li { float:left; margin-top:1px; margin-left:6px;}
.nav_member > li:first-child{ margin-left:0;}
.nav_member > li img{ cursor:pointer;}

.nav_swing_btn div{ float:left;}
.nav_swing_btn div a{ display:block;}
.nav_member > div { float:left;}

.nav_member .top_search{ width:160px; height:27px; background-color:#cdcdcd; margin-left:10px; position:relative;}
.nav_member .top_search .text_search{ width:120px; height:20px; border:none; background-color:#cdcdcd; float:left; margin:2.4px 4px 2px 3px;}
.nav_member .top_search a{ position:absolute; right:0; top:0;}

/* 로그인 레이어 */
.sub_top > .login_layer{ width:1148px; height:27px; border:2px solid #ac1916; padding:23px 0 22px 18px; position:absolute; z-index:999; background-color:#fff; top:-180px;}
.sub_top_sub > .login_layer{ width:938px; height:27px; border:2px solid #ac1916; padding:23px 0 22px 18px; position:absolute; z-index:999; background-color:#fff; top:-180px;}
.login_layer div{ float:left;}
.login_layer div label{ float:left; margin-right:7px; font-size:17px; font-weight:bold;}
.id_area,.pw_area{ padding:0; line-height:27px;}
.id_area{ width:270px; margin-right:24px;}
.pw_area{ width:285px; margin-right:20px;}
.login_layer .util{ float:left;}
.login_layer .util li{ float:left;}
.btn_close{ position:absolute; top:10px; right:10px;}


/* 레슨 레이어 */
.sub_top > .Top_Lesson_Layer{ width:440px; height:27px; border:2px solid #ac1916; padding:23px 0 22px 18px; position:absolute; z-index:999; background-color:#fff; top:-180px; left:400px;}
.sub_top_sub > .Top_Lesson_Layer{ width:440px; height:27px; border:2px solid #ac1916; padding:23px 0 22px 18px; position:absolute; z-index:999; background-color:#fff; left:300px; top:-180px;}
.Top_Lesson_Layer div{ float:left;}
.Top_Lesson_Layer div label{ float:left; margin-right:7px; font-size:17px; font-weight:bold;}
.Top_Lesson_Layer .id_area { padding:0; line-height:27px; width:290px; margin-right:10px;}
.Top_Lesson_Layer .util{ float:left;}
.Top_Lesson_Layer .util li{ float:left;}
.btn_close{ position:absolute; top:10px; right:10px;}

/* 메인이미지 */
.main_banner_area{width:100%; height:440px; background-color:#f3f3f3; margin-bottom:30px; overflow:hidden;}
.main_banner {position:relative; width:1170px; margin:0 auto;}
.main_banner .preview_btn{ position:absolute; top:200px; left:20px; z-index:999;}
.main_banner .next_btn{ position:absolute; top:200px; right:20px; z-index:999;}

.middle_banner{ margin-bottom:60px;}
.middle_banner .banner_area{ float:left; width:376px; height:330px; margin-left:18px; border:1px solid #c2c2c2;}

/* 프로소개 배너 */
.pro_golfer_content{ height:420px; background:url('/images/main/proshot_bg.png') no-repeat 0 0; margin-bottom:40px; overflow:hidden;}
.pro_golfer_area{ width:1170px; margin:117px auto 0 auto;}
.golfer_profile{ float:left; height:255px; margin-left:18px; background-color:#fff;}
.golfer_profile > .text_area{ text-align:center; margin-top:15px; font-size:15px; font-family:'NanumBarunGothic'; font-weight:bold;}
.golfer_profile > .text_area .name{ font-size:20px; margin-bottom:10px; line-height:25px;}


.bottom_banner_area{ margin-bottom:110px;}
.bottom_banner_area > div{ float:left; margin-left:13px; position:relative; display:inline-block;}
.bottom_banner_area > div .black_bg { background:#000; opacity:0.5; filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";width:378px; height:250px; position:absolute; top:1px; left:1px;}
.bottom_banner_area > div .black_bg_on{ background:none;}
.bottom_banner_area > div .content{ position:absolute; top:0;}

/* GC 이용메뉴얼*/
.main_menual_area{ width:1170px; height:75px; margin:0 auto 30px; }
.main_menual{ float:left; /*width:1038px;*/ width:965px; height:75px; border:1px solid #ddd; background-color:#fff; margin-right:5px;}
.main_menual li{ float:left; height:50px; border-left:1px solid #ddd; padding:0 7px 0 13px; margin-top:11px;}
.main_menual div{ padding:17px; float:left;}
.main_menual li a{ display:block; margin-top:5px;}

.notice_btn{ display:inline-block; padding:16px 9px; background:#fff; margin-right:2px; height: 76px; border: 1px solid #ddd; box-sizing:border-box; overflow:hidden;  }
.faq_btn{ display:inline-block; padding:16px 9px; background:#fff; height: 76px; border: 1px solid #ddd; box-sizing:border-box; overflow:hidden;  }

/* 메인 레쓴 베스트 */
.lesson_best{ width:1170px; margin:0 auto 30px;}
.lesson_best > .ttl_area{ margin-bottom:5px; overflow:hidden;}
.lesson_best h3{ float:left; background:url(/images/common/h3_bar.gif) no-repeat; font-size:23px; color:#272626; padding-left:13px; line-height:25px; display:block;}
.lesson_best .btn_more{ float:right; padding:6px 12px; border:1px solid #cfcfcf; background-color:#fff; font-weight:bold; font-family: 'Nanum Gothic'; cursor:pointer;}
.lesson_best .best_list_area{ background-color:#fff; padding:18px 0; border:1px solid #dddddd; overflow:hidden;}
.lesson_best .best_list_con{ padding: 10px 5px 10px 5px; float: left; border: 1px solid #ddd; margin-left: 10px;}
.lesson_best .best_list_con .thumbnail img{ cursor:pointer;}
.lesson_best .best_list_con p{ font-family:'Nanum Gothic'; letter-spacing: -2px;}
.lesson_best .best_list_con p:hover{ color:fff;}
.lesson_best .best_list_con .level{ font-size:12px; color:#d34f4c; font-weight:bold; margin-top:14px; text-align:right;}
.lesson_best .best_list_con .name{ width:210px; font-size:16px; color:#4a4a4a; overflow:hidden; word-break:break-all; text-overflow:ellipsis; white-space:nowrap; margin-top:14px; font-weight:bold;}
.lesson_best .best_list_con .date{ font-size:14px; color:#7a7a7a; margin-top:7px; font-family:'NanumBarunGothic'; overflow:hidden; word-break:break-all; text-overflow:ellipsis; white-space:nowrap;}

/* Footer */
#footer{clear:both;height:130px;width:100%;padding-top:5px; margin:0 auto; background:#2e2e2e;}
.footer_area{ width:960px; margin:0 auto;}
#footer p{padding:15px 0; margin:0 auto;}
.info_box{ padding:10px 0 0 0; margin:0 auto; overflow:hidden;}
.footer_menu{float:left;}
.footer_menu li{float:left; margin:3px 10px 0 0;}
.footer_menu li:first-child{ background:url('/images/common/line.gif') no-repeat 51px 3px;; padding-right:10px;}
.footer_menu li a{ color:#fff;}
.family_site{float:left;margin-left:25px;padding-left:90px;background:url(../images/footer_family_tit.gif) no-repeat 0 5px;}
.family_site li{float:left}
#footer .addres{ color:#fff; margin:0 auto; overflow: hidden;}
#footer .addres span{ background:url(/images/common/line.gif) no-repeat 0 1px; margin-left:10px; padding-left:10px;}
#footer .addres .first_con{ margin-left:0; padding-left:0; background:none;}
#footer .copyright{ color:#fff; margin:0 auto;}

/* 페이징 */
.btn_comm {margin-bottom:4px;}
.btn_comm:after {clear:both; content:""; display:block;}
.btn_comm .btn_left {float:left;}
.btn_comm .btn_right {float:right;}
.btn_comm .btn_center {text-align:center}

.paging_comm{height:31px;padding:10px 0 100px;text-align:center;}
.paging_comm .paging_inner{display:table;display:inline-block;margin:0 auto}
.paging_comm .btn_page{float:left;width:34px;height:31px;font-weight:bold;font-size:12px;font-family:verdana;background:url(/images/common/paging_comm.gif) no-repeat 0 0;color:#30323f;line-height:30px;text-align:center}
.paging_comm a.btn_page:hover{background-position:-70px 0;text-decoration:none}
.paging_comm em.btn_page{position:relative;margin-left:-1px;padding-left:1px;background-position:-35px 0;color:#ac1916}
.paging_comm .btn_prev{position:relative;width:25px;margin-right:-1px;background-position:0 -40px;text-indent:-9999px}
.paging_comm a.btn_prev{background-position:0 -80px}
.paging_comm a.btn_prev:hover{background-position:0 -120px}
.paging_comm .btn_pprev{position:relative;width:25px;margin-right:-1px;background-position:-54px -40px;text-indent:-9999px}
.paging_comm a.btn_pprev{background-position:-54px -80px}
.paging_comm a.btn_pprev:hover{background-position:-54px -120px}
.paging_comm .btn_next{width:25px;margin-left:-1px;background-position:-25px -40px;text-indent:-9999px}
.paging_comm a.btn_next{background-position:-25px -80px}
.paging_comm a.btn_next:hover{background-position:-25px -120px}
.paging_comm .btn_nnext{width:25px;margin-left:-1px;background-position:-79px -40px;text-indent:-9999px}
.paging_comm a.btn_nnext{background-position:-79px -80px}
.paging_comm a.btn_nnext:hover{background-position:-79px -120px}




.date_set{ float:left; height:23px; margin:0 auto;}
.day_depart{ position:relative; display:inline-block; padding:4px 5px; border:1px #cdcdcd solid; /* line-height: 22px; */ height:13px; overflow: initial;}
.day_depart img{ position:absolute; top:5px; right:3px; cursor:pointer;}

 

.report_thumbnail{ float:left;}
.report_thumbnail a{ display:block;}
.report_thumbnail > div{ float:left; position:relative; display:inline-block;}
.report_thumbnail > div .black_bg { background:#000; opacity:0.5; filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";width:383px; height:215px; position:absolute; top:1px; left:1px;}
.report_thumbnail > div .black_bg_on{ background:none;}
.report_thumbnail > div .content{ position:absolute; top:80px; left:170px;}