@charset "utf-8";
/*  
display:; position:; overflow:; float:; width:; height:; margin:; padding:; font:; border:; background:;
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,span,address,em,blockquote{margin:0;padding:0;}

ul, ol{list-style:none;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

fieldset{border:0;}
hr,legend{display: none;}

#contarea, #contarea2{padding: 100px 0 0px;}
.contain{position: relative;overflow:hidden;width:960px;margin:0 auto;}
.secNaviArea{float:left;width:200px;}		/* LNB영역 */
.cont_wrap{float:right;width:725px;vertical-align:top;}		/* contents영역 */


/* secNavi */
.secNaviT{padding-top:15px;background:url('../lnb/bg_lnb.gif') no-repeat left top;}
.secNaviT h2{font-family:malgun gothic;font-size:25px;text-align:center;letter-spacing:-2px;}
.secNaviT h2 .f_col{color:#088ea6}
.secNaviB{width:170px;padding:0 15px 15px 15px;background:url('../lnb/bg_lnb.gif') no-repeat left bottom;}
.secNaviB h2{height:58px;margin-top:5px;text-align:center;background:url('../lnb/bg_lnb_tit.gif') no-repeat left 40px;}
.secNaviB ul {}
.secNaviB ul li{width:170px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #dbdbdb;background:url(../lnb/bg_deps_bull.gif) 140px top no-repeat;letter-spacing:-1px}
.secNaviB ul li.on{background:url(../lnb/bg_deps_bull_on.gif) 140px top no-repeat;}
.secNaviB ul li.on_ar{background:url(../lnb/bg_deps_bull_on2.gif) 140px top no-repeat;}
.secNaviB ul li a.on{color:#37a7bc}
.secNaviB ul li a{width:150px;display:block;font-weight:bold;margin:0 auto;}
.secNaviB ul li a:hover{text-decoration:none;color:#37a7bc;}
.secNaviB ul li.twodeps{margin-bottom:10px;padding-bottom:0;border-bottom:none;}
.secNaviB ul li.olast{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.secNaviB ul li div{display:none;width:160px;margin:10px 0 0 3px;padding-top:12px;background:url('../lnb/bg_lnb_2deps.gif') no-repeat left top;}
.secNaviB ul li div ul{width:130px;padding:0 15px 12px 15px;background:url('../lnb/bg_lnb_2deps.gif') no-repeat left bottom;}
.secNaviB ul li div ul li{width:130px;margin-bottom:5px; padding-bottom:5px;border-bottom:1px solid #2487c5;background:url('../lnb/bg_2deps.gif') no-repeat right top;}
.secNaviB ul li div ul li.tlast{margin-bottom:0;padding-bottom:0;border-bottom:none !important;}
.secNaviB ul li div ul li a{display:block;width:130px;color:#cee8ff;font-size:11px;font-weight:normal}
.secNaviB ul li div ul li a:hover{color:#fff;text-decoration:none;}
.secNaviB ul li div ul li.on a{color:#fff;font-weight:bold;}



/* location */
.location{width:725px;margin:0 auto 12px;font-size:11px;text-align:right;}
.location img{vertical-align:middle;}


/* desc - h3하단 안내문구 */
.desc{min-height:40px;margin:15px 0 35px;padding:10px 0 0 15px;background:url('../contents/bg_box01.gif') no-repeat 0 0;}
.desc p {padding-left:20px;color:#484747;line-height:21px;background:url('../contents/bul_04.gif') no-repeat left 4px;}
.desc p strong{color:#e77d1e;}
.desc a {margin-left:220px;padding-left:15px;font-size:11px;}



/* 교육_secNavi */
.eduT{padding-top:15px;background:url('../lnb/bg_lnb_edu.gif') no-repeat left top;}
.eduB{width:170px;padding:0 15px 15px 15px;background:url('../lnb/bg_lnb_edu.gif') no-repeat left bottom;}
.eduB ul li div{width:160px;margin:10px 0 0 3px;padding-top:12px;background:url('../lnb/bg_lnb_2deps_edu.gif') no-repeat left top;}
.eduB ul li div ul{width:130px;padding:0 15px 12px 15px;background:url('../lnb/bg_lnb_2deps_edu.gif') no-repeat left bottom;}
.eduB ul li div ul li{width:130px;margin-bottom:5px; padding-bottom:2px;border-bottom:1px solid #4faabb !important;background:url('../lnb/bg_2depth_edu.gif') no-repeat right top;}



/* ==================== 교육 content ========================================================================================================================== */
.edu_con{}

/* submain-layout */
.smWrap{width:960px;margin:0 auto;}
.smWrap .sm_promotion_search{margin-bottom:30px;}
.smWrap .sm_conArea{overflow:hidden;}
.smWrap .sm_conArea .smLeft{float:left;width:610px;padding-left:10px;border-right:1px solid #f2f2f2;}
.smWrap .sm_conArea .smRight{float:left;width:306px;padding-left:30px;}

/* 왼쪽영역 */
.smLeft .leftCon{position:relative;}
.smLeft h4{margin:29px 0 15px;}
.smLeft h4.first{margin:0 0 10px;}
.smLeft .leftCon h5{position:absolute;top:0;right:0;}
.smLeft .leftCon .more{position:absolute;top:0;right:21px;}
.smLeft .sm_floatL .more, .smLeft .sm_floatR .more{position:absolute;top:10px;right:0;}

/* 오른쪽영역 */
.smRight h4{margin-bottom:15px;}
.smRight p{margin-bottom:10px;}
.smRight .banner{width:286px;}
.smRight .banner li{padding:15px 0 8px;border-top:1px solid #e4e4e4;}
.smRight .banner li.first{border-top:0 none;}
.smRight .rightSns {position:relative;width:286px;border-top:1px solid #e4e4e4;background:url('../contents/main/edu_sm_sns_bg.gif') no-repeat 7px 20px;}
.smRight .rightSns h4 {float:left;padding:30px 15px 15px 50px;}
.smRight .rightSns ul {padding:20px 0 15px 0;}
.smRight .rightSns ul li {display:inline;}
.smRight .rightCon{position:relative;width:286px;height:148px;padding:21px 0 0 21px;background:url('../contents/main/edu_customer_bg.gif') no-repeat}
.smRight .rightCon .info a{margin:0 3px;}


/* tab */
.sm_tab{display:inline-block;height:22px;padding-left:10px;cursor:pointer;_cursor:hand;background:url('../contents/main/sm_tab.gif') no-repeat left 0;}
.sm_tab span{display:inline-block;min-width:35px;padding-right:20px;line-height:23px;font-size:11px;color:#fff;font-weight:bold;text-align:center;background:url('../contents/main/sm_tab.gif') no-repeat right 0;}
.sm_tab.on{background-position:left -50px;}
.sm_tab.on span{background-position:right -50px;}


/* liStyle */
.dan3{overflow:hidden;width:100%;}
.dan3 li{float:left;width:30%;margin-right:20px;}
.dan3 li p, .dan3 li a{text-align:center;color:#2d2d2d;line-height:1.5;}
.dan3 li del{color:#676767 !important;}
.dan3 li .photo{margin-bottom:10px;}	/* 상품사진 */
.dan3 li .bold{font-weight:bold;}		/* 금액, 할인액 */
.dan3 li.event{float:none;padding-bottom:10px;}		/* 상품명없이 이미지만 있는 상품 */


/* 교육 */
.sm_guide{position:relative;float:right;width:304px;height:228px;background:url('../contents/main/edu_sm_serviceGuide_bg.gif') no-repeat 0 0;}
.sm_guide p.txt{padding:25px 0 0 25px;}
.sm_guide .titButton {float:left;}
.sm_guide .titButton p.tit{width:252px;margin-left:25px;padding:30px 0 9px 0;background:url('../contents/main/edu_sm_dotline.gif') no-repeat bottom left;}
.sm_guide .titButton .Button {position:absolute;top:110px;right:20px;padding:5px; }
.sm_guide p.banner{padding:55px 0 0 25px;}


.sm_overF{overflow:hidden;width:100%;margin-top:25px;}
.sm_overF .sm_floatL{position:relative;float:left;width:280px;}
.sm_overF .sm_floatR{position:relative;float:right;width:280px;margin-right:25px;}
.sm_overF .sm_floatL h5{position:relative;height:28px;line-height:28px;}
.sm_overF .sm_floatL h5 img{margin-top:8px;}
.sm_overF .sm_floatR h5{position:relative;height:28px;line-height:28px;margin-bottom:10px;border-bottom:1px solid #c1c1c1;}
.sm_overF .sm_floatR h5 img{margin-top:8px;}

.sm_overF .sm_floatR ul {position: absolute;width:100%;top:21px;padding-top:14px;}
.sm_overF .sm_floatR ul li {position: relative;padding:4px 0 3px 8px;background: url('../contents/main/bullet_list.gif') no-repeat 2px 10px;}
.sm_overF .sm_floatR ul li a {font-size:11px;display:block;}

/* 20150901 추가 */
.sm_guide_2015{position:relative;float:right;width:304px;}
.sm_guide_2015 p.txt{padding:25px 0 0 25px;}
.sm_guide_2015 .btn_fam {padding:25px 0 0 25px;}
.sm_guide_2015 .btn_fam li{float:left;padding-left:8px;}
.sm_guide_2015 .btn_fam li:first-child{padding:0}

.logArea{position:relative;padding:15px 0 0 25px;}
.logArea .fam_login_tit{padding-bottom:10px;}
/* S:20150902 추가 */
.logArea .btn_logout{position:relative;padding-top:6px;}
.logArea .btn_logout span{position:absolute;top:0;right:17px;}
/* E:20150902 추가 */
.input_info{position:relative;}
.input_info .lab_g {position:absolute;top:7px;left:12px;height:16px;font-size:15px;line-height:17px;color:#8f949b}
.input_info .tf_g {display:block;width:172px;height:25px;border:1px solid #e1e1e1;font-size:12px;line-height:27px;color:#666;background:#fff;padding-left:6px;}
.input_info .tf_g_p {display:block;width:172px;height:25px;border:1px solid #e1e1e1;font-size:12px;line-height:27px;color:#666;background:#fff;margin-top:4px;padding-left:6px;}
.btn_login {position: absolute;top:38px;right:26px;}
.family_add thead th{border-top:1px solid #44474c;border-bottom:1px solid #b5b5b5;background:#f7f7f7;color:#777777;font-weight:bold;padding:10px;}
.family_add tbody td{border-bottom:1px solid #e2e2e2;color:#777777;text-align:center;padding:7px;border-right:1px solid #e2e2e2;}
.family_add tbody td:last-child{border-right:0}
.family_add tbody td .overlab{vertical-align:top;padding-left:5px;}
.family_add tbody td .width_01{width:80px;}
.family_add tbody td .width_02{width:100px;}
.btn_fam_add{text-align:center;padding:20px 0}

/* 프로모션_검색영역박스 */
.sm_ps_boxT{width:960px;margin-bottom:25px;padding-top:15px;background:url('../contents/main/bg_top_step.gif') no-repeat left top;}
.sm_ps_boxB{overflow:hidden;width:930px;padding:0 15px 15px 15px ;background:url('../contents/main/bg_top_step.gif') no-repeat left bottom;}


/* 프로모션영역 */
.promoArea {position:relative;float:left;width:580px;padding-top:-15px;}
.promoArea .clsBannerScreen{overflow:hidden;position:relative;width:580px;height:232px;}
.promoArea .clsBannerScreen .images{position:absolute;display:none;}
.promoArea .clsBannerButton{position:absolute;top:60px;right:22px;}
.promoArea .clsBannerButton li{margin-bottom:4px;cursor:pointer;}




/* 추가 140410 */
.leftCon .tit_edu{padding:29px 0 8px;border-bottom:1px solid #c1bfbb;width:585px;}
.leftCon {position:relative;}


/* tab */
.leftCon .searchTabL{display:inline-block;position:absolute;top:21px;right:110px;}
.leftCon .searchTab {overflow:hidden;display:inline-block;background:url(../contents/main/searchTab_off.gif) top right no-repeat;}
.leftCon .searchTab li{float:left;background:url(../contents/main/bg_line01.gif) left top no-repeat;}
.leftCon .searchTab li.first{background:none;}
.leftCon .searchTab li.first a{background:url(../contents/main/searchTab_off.gif) no-repeat left top;}
.leftCon .searchTab li a,.leftCon .searchTab li a span{display:inline-block;font-size:11px;color:#fff;height:33px;}
.leftCon .searchTab li a{height:33px;}
.leftCon .searchTab li a span{padding:12px 30px 0;}
.leftCon .searchTab li a.on{padding-left:3px;background:url(../contents/main/searchTab_on.gif) no-repeat left top;}
.leftCon .searchTab li a.on span{color:#6d6c6c;font-weight:bold;background:url(../contents/main/searchTab_on.gif) no-repeat right top;}
.leftCon .more2{position:absolute;top:35px;right:25px}

.leftCon .data{width:585px;padding:15px 0 0 0;}
.leftCon .data:after{content:"";display:block;clear:both;}
.leftCon .data .thumb{background:url(../contents/main/thumb_bg.gif) 0 0 no-repeat;float:left;}
.leftCon .data .thumb img{padding:6px;}
.leftCon .data .thumb span{display:block;width:115px;font-size:11px;text-align:center;padding-top:5px;}
.leftCon .data ul{float:left;padding-left:15px;}
.leftCon .data ul li{padding:0 0 5px 8px;background: url(../contents/main/bullet_list.gif) no-repeat 2px 7px;}
.leftCon .data ul li a{font-size:11px;}
/* 추가 140410 */



/* 버튼 */
a.s_btn02 span{display:inline-block;height:22px;padding-right:10px;Background:url('../contents/bul_05.gif') no-repeat right 5px;cursor:pointer;}

/* submain footer */
#service_info {background:url('../contents/main/info_bg.gif') repeat-x;width:100%;position:absolute;bottom:-2px;height:32px;}
#service_info2 {background:url('../contents/main/info_bg.gif') repeat-x;position:relative;bottom:-2px;width:100%;height:32px;}
.footer_info {width:960px;height:23px;margin:0 auto;font-size:11px;color:#7b7b7b;background:url('../contents/main/info_icon.gif') no-repeat left 7px;padding-top:9px;position:relative;}
.footer_info span {padding-left:27px;}


/* ==================== 교육 content ========================================================================================================================== */
.click_choice{width:725px;border-top:2px solid #a9a9a9;border-bottom:1px solid #a9a9a9;padding:20px 0 0 0;}
.click_choice:after{content:"";display:block;clear:both;}
.click_choice .cc_list li{float:left;margin-right:4px;padding-bottom:22px;height:250px;}
.click_choice .cc_list li.last{margin-right:0;}
.click_choice .cc_list li span{display:block;color:#757575;text-align:center;line-height:15px;padding-top:7px;width:175px;font-size:11px;}
.click_choice .cc_list li span em{color:#ff6666;padding-right:5px;}

.con_tab {border-bottom:2px solid #9c9c9c;margin-bottom:30px;overflow:hidden}
.con_tab a.btn01{float:left;height:31px;padding-left:10px;background:url('../contents/con_tab.gif') no-repeat left top;margin-right:4px;}
.con_tab a.btn01 span{height:31px;padding:8px 10px 0 0;font-weight:bold;color:#6d6d6d;background:url('../contents/con_tab.gif') no-repeat right top;}
.con_tab a.btn01.on{background-position:left -52px;color:#fff}
.con_tab a.btn01.on span{background-position:right -52px;color:#fff}
.con_tab li{float:left; left 0;}

.table_01{padding-bottom:50px;}
.table_01 .tb_zocbo th{border-top:3px solid #9dbf13;border-bottom:1px solid #9dbf13;background:#f7f7f7;color:#777777;font-weight:bold;padding:10px;}
.table_01 .tb_zocbo td{border-bottom:1px solid #e2e2e2;color:#777777;text-align:center;padding:10px;}


/* 버튼 */
/* 게시판 하단버튼 */
a.btn01{display:inline-block;height:28px;padding-left:10px;background:url('../contents/bg_btn01.gif') no-repeat left top;}
a.btn01 span{display:inline-block;height:28px;padding:6px 30px 10px 0;font-weight:bold;color:#fff;background:url('../contents/bg_btn01.gif') no-repeat right top;}

a.btn02{display:inline-block;height:28px;padding-left:10px;background:url('../contents/bg_btn02.gif') no-repeat left top;}
a.btn02 span{display:inline-block;height:28px;padding:6px 30px 10px 0;font-weight:bold;color:#6e665b;background:url('../contents/bg_btn02.gif') no-repeat right top;}

a.btn03{display:inline-block;height:21px;padding-left:10px;background:url('../contents/bg_btn03.gif') no-repeat left top;}
a.btn03 span{display:inline-block;height:21px;_height:15px;padding:2px 10px 4px 0;_padding:2px 10px 0px 0;font-weight:bold;color:#fff;background:url('../contents/bg_btn03.gif') no-repeat right top;}
/* 테이블/안내문구 내 버튼 */
a.s_btn01{display:inline-block;height:22px;padding-left:10px;background:url('../contents/btn_s_desc.gif') no-repeat left top;}
a.s_btn01 span{display:inline-block;height:22px;padding:0 20px 0 0;line-height:24px;font-weight:bold;color:#777;font-size:11px;background:url('../contents/btn_s_desc.gif') no-repeat right top;}
a.s_btn02 span{display:inline-block;height:22px;padding-right:10px;Background:url('../contents/bul_05.gif') no-repeat right 5px;}