@charset "utf-8";

/* Header */
/* 2021-01-15, hclee, 상단 sns 버튼 수정 및 추가 요청 : top.tml 에서 이동함 */
#Header { width:100%;margin:0;padding:0;font-size:0;line-height:0;xxxbackground:url(../image/header_bg.gif) repeat-x 0 0;text-align:center; }
#Header > div:nth-child(1) {width:100%;height:35px;background:url(/image/top/20170922/header_bg.gif) repeat-x 0;text-align:center;}
#Header > div:nth-child(1) > div {width:1240px;height:35px;margin:0 auto;background:url(/image/top/20170922/header_bg.gif) repeat-x 0}
#Header > div:nth-child(1) > div > div:nth-child(1) {float:left;width:140px;text-align:right}
#Header > div:nth-child(1) > div > div:nth-child(2) {float:left;width:960px}
#Header > div:nth-child(1) > div > div:nth-child(3) {float:left;width:140px}
#Header > div:nth-child(1) > div > div:nth-child(3) div:nth-child(1) {float:left;width:28px}
#Header > div:nth-child(1) > div > div:nth-child(3) div:nth-child(2) {float:left;width:56px}
#Header > div:nth-child(1) > div > div:nth-child(3) div:nth-child(3) {float:left;width:56px}

.Header1  { width:960px;height:30px;margin:0 auto;padding:0; }
.BookMark { float:left;height:26px;padding:9px 13px 0 13px;background:#fff;border:1px solid #e8e3e3;border-left:1px solid #e8e3e3;cursor:pointer; }
.BookMark p { font-size:11px;color:#585858;padding-right:13px;background:url(../image/btn_fvadd.gif) no-repeat right 3px; }
.HdLogin { float:left;text-align:left;width:100%; }
.LgForm { float:left;padding-top:12px;.padding-top:4px;}
.LgBtn {padding-top:14px;.padding-top:7px;} /*  2016-08-09, hclee, 삭제 - float:left; */
.LgBtn img { margin-left:6px;}
.LoginText { width:147px;height:14px;color:#6c6c6c;line-height:12px;padding:3px 3px 1px 3px;font:11px;border:1px solid #cfcfcf; }
.LoginTextActive { color:#6c6c6c;}
.LoginCheck { height:13px;width:13px;line-height:14px;margin:4px 3px 0 4px;padding:0;vertical-align:top;cursor:pointer;}
.IdsaveTxt { color:#666;margin:0 4px 0 0; }

{########}


.Headerleft h1 { float:left;width:240px;text-align:left;  }
.HdSch {  float:left;width:320px;padding:4px 0 0;  }
.HdSch p.txt { height:22px;font:bold 12px/1.3 ;color:#999;padding:0 0 0 37px;background:url(../image/icn_best.gif) no-repeat 0 0; } 
.TopSch { width:243px;height:30px;border:none;outline:none;float:left; line-height:30px; margin-left:5px;}
.HdDay { float:right;width:280px;height:60px;padding:2px 0 0 33px;background:url(../image/sche_bg2.gif) no-repeat 0 0; }
.HdDay dl { margin:0;padding:0;}
.HdDay dt { float:left;height:52px;font:15px NanumBarunGothic, dotum, Sans-serif;color:#535353;padding:7px 0 0 52px;background:url(../image/sche_img.gif) no-repeat 0 0; }
.HdDay dt p { font:18px NanumBarunGothic, dotum, Sans-serif;color:#404040;padding-top:2px; }
.HdDay dd { float:right;padding:4px 0 0 12px;}
.Dday { width:50px;height:39px;padding:9px 0 0 60px;font:28px NanumBarunGothicBold, dotum, Sans-serif;color:#65f240;background:url(../image/sche_bg.gif) no-repeat 0 0;}
.Header3 { width:100%;height:45px;background:#be0201;text-align:center; }
.TopMenu { float:left;width:960px;height:45px;margin:0 auto;padding:0; text-align:left;}
.TmList dd { float:left;width:146px;}
.TmList dd.first { width:160px !important; background:#3e3e3e;}
.TmList dd.second { width:166px !important; }
.TmList dd a div { height:35px;padding-top:15px;font:17px NanumBarunGothic, dotum, Sans-serif;color:#fff;cursor:pointer;}
.TmList dd a:hover div { background:url(../image/nv_bg_on.gif) no-repeat right 0 !important; }
.TmList dd.on {height:50px;background:url(../image/nv_bg_on.gif) no-repeat right 0 !important;  }

/* Footer */
#Footer {clear:both; width:100%;margin:0;padding:0;xxborder-top:1px solid #dddddd;text-align:center;xxbackground:#f9f9f9;}
#FootLink {  width:960px;margin:0 auto;height:47px;}
.FLList {float:left;margin-left:149px;}
.FLList li { line-height:47px;float:left;padding:0 34px;background:url(../image/footlink_barn.gif) no-repeat 0 50%; }
.FLList li.boldlink a{font-weight:bold;}
.FLList li a, .FLList li a:link { color:#848484;font-size:11px;}
.FLList li.first { background:none !important;padding-left:0 !important; }
.orglink2, .orglink2 a, .orglink2 a:link, .orglink2 a:hover.orglink2 { color:#f6933d !important;font:13px NanumBarunGothic, dotum, Sans-serif; }
.familysite {float:right;}
.escrow {float:right; cursor:pointer;}

#FooterIn { width:100%;xxborder-top:1px solid #dddddd;height:120px;}
#FootIn { width:960px;margin:0 auto;padding:23px 0 0;display:inline-block;text-align:left;} 
#FootIn .logoL { float:left;width:190px;margin-top:10px}
#FootIn .logoL img { padding:0px 0 0 0;}
#FootIn .txt { float:left;width:500px; padding-left:16px; color:#818181;font-size:11px; }
#FootIn .txt .copy { color:#a19e9e;font:12px/1.4 NanumBarunGothic, dotum, Sans-serif;}
#FootIn .txt .copy span { color:#f86633;font:12px/1.4 NanumBarunGothic, dotum, Sans-serif;}
address { padding:8px 0;color:#aba8a8;font:12px/1.4 NanumBarunGothic, dotum, Sans-serif; }
#FootIn .logoR { float:right;padding-left:22px;}
#FootIn .logoR img { padding:11px 0 0 12px;}
.FootSelect { width:127px; padding:2px 4px;color:#818181;}

/* LeftArea */
#LeftMenuArea  { float:left;width:210px;margin:0;padding:6px 0 0;height:100%; } 
.SjTitle { height:25px;padding:10px 0 0;background:#aaa url(../image/miimg_menu_bar.gif) no-repeat 0 0;text-align:center;border:1px solid #aaa3a3;  }
.SjTitle h3 {  font:14px NanumBarunGothic, dotum, Sans-serif;color:#fff;  }
.SjTitle h3 span { font-size:11px;color:#fff; padding-left:9px; }
.SjList { width:186px;padding:0 11px;border:1px solid #e4e4e4;background:#fff; height:290px; }
.SjList li { width:100%; }
.layer { position:absolute;top:12px;left:210px;width:750px;height:330px;margin:0;padding:0;display:none;z-index:99; }
.SjList li div { width:113px;height:65px;padding:25px 0 0 72px;border-top:1px solid #e9e9e9;font:19px/1.5 NanumBarunGothic, dotum, Sans-serif;color:#252525;cursor:pointer; }
.SjEg { background:url(../image/sj_icn1.gif) no-repeat 12px 50%;border-top:0 !important;  }
.SjIe { background:url(../image/sj_icn2.gif) no-repeat 10px 50%;  }
.SjCf { background:url(../image/sj_icn3.gif) no-repeat 10px 50%; } 
.SjList li div p { font:11px NanumBarunGothic, dotum, Sans-serif;color:#b8b8b8;}
.SjTit1 div, .SjTit2 div, .SjTit3 div { width:113px;height:65px;padding:25px 0 0 72px;font:19px/1.5 NanumBarunGothic, dotum, Sans-serif;color:#f2612c;cursor:pointer;overflow:hidden  }
.SjTit1 { float:left;margin-top:38px;margin-left:-198px;}
.SjEgOn { background:#fff url(../image/sj_icn1_on.gif) no-repeat 12px 50%;  }
.SjEgOn p {  font:11px NanumBarunGothic, dotum, Sans-serif;color:#f2612c;}
.SjTit2 { float:left;margin-top:129px;margin-left:-198px; }
.SjIeOn { background:#fff url(../image/sj_icn2_on.gif) no-repeat 10px 50%;}
.SjIeOn p {  font:11px NanumBarunGothic, dotum, Sans-serif;color:#f2612c;}
.SjTit3 {  float:left;margin-top:220px;margin-left:-198px; }
.SjCfOn { ;background:#fff url(../image/sj_icn3_on.gif) no-repeat 10px 50%;  }
.SjCfOn p {  font:11px NanumBarunGothic, dotum, Sans-serif;color:#f2612c;}
.showbox { float:right;width:749px;height:328px;background:#f9f9f9;border-right:1px solid #bcb6b6;border-bottom:1px solid #bcb6b6; }
.showboxIn {width:100%;border-top:2px solid #f2612c;}
.showboxIn .sb_close { position:absolute;bottom:12px;right:12px;}
.sb_close a { color:#444; font:15px NanumBarunGothic, dotum, Sans-serif;padding-right:17px;background:url('../image/icn_close1.gif') no-repeat right 2px;  }
.LmList { display:inline-block;padding:10px 0 0 11px; }
.LmList li { float:left;width:183px;margin:0 0 3px;display:inline-block; }
a.LfMenu {width:161px;display:inline-block;padding-right:17px;margin:0;background:url('../image/lm_bg.gif') no-repeat 100% 0;text-decoration:none !important;white-space:nowrap;cursor:pointer}
a.LfMenu span, a.LfMenu strong{display:block;height:27px;padding:9px 2px 0 12px;color:#828282;background:url('../image/lm_bg.gif') no-repeat 0 0;cursor:pointer}
a:hover.LfMenu {display:inline-block;padding-right:17px;background:url('../image/lm_bg_on.gif') no-repeat 100% 0;text-decoration:none !important;white-space:nowrap;cursor:pointer}
a:hover.LfMenu span, a:hover.LfMenu strong{display:block;padding:9px 2px 0 12px;height:27px;color:#f2612c;font-weight:bold;letter-spacing:-1px;background:url('../image/lm_bg_on.gif') no-repeat 0 0;cursor:pointer}
.LeftMiddle { width:209px;height:1095px;padding-top:16px; }
.KisaLC { width:188px;border:1px solid #eee;background:#f9f9f9; }
.KisaLC div { height:60px;font:14px NanumBarunGothic, dotum, Sans-serif;color:#838383;padding:16px 0 14px 89px;background:url(../image/kisa_license.gif) no-repeat 17px 16px;border-bottom:1px solid #ccc ;}
.KisaLC div p { font:18px NanumBarunGothic, dotum, Sans-serif;color:#444141;padding:3px 0;}
.KisaMobile { width:190px;padding:0 0 19px;background:url(../image/bg_dot.gif) repeat-x 0 bottom; }
.KisaMobile img { margin:0 1px 0 3px; }
.MiHelp { width:182px;padding:0 0 19px 8px;background:url(../image/bg_dot.gif) repeat-x 0 bottom; }
.MiHelp h4 { padding:3px 0 5px 0;color:#242424;font:14px NanumBarunGothicBold, dotum, Sans-serif; }
.MiHelp .OrgFont { padding:0 0 3px 0;color:#ff5000;font:29px NanumBarunGothicBold, dotum, Sans-serif;letter-spacing:-1px;}
.MiHelp .txt { padding:9px 0 4px 0;color:#555;font:12px/1.3 NanumBarunGothic, dotum, Sans-serif;letter-spacing:-1px;}
.cstime { width:170px;height:17px;background:url('../image/cstime_bg.gif') no-repeat 0 0;padding:3px 8px 0;color:#fff;font:12px NanumBarunGothic, dotum, Sans-serif; }
.MiBank { width:182px;padding:0 0 19px 8px;background:url(../image/bg_dot.gif) repeat-x 0 bottom;  }
.MiBank .title { width:170px;height:98px;padding:0 0 0 3px;background:url(../image/bankbook_img.gif) no-repeat 0 0;  }
.MiBank .title h4 { padding:49px 0 0 82px;color:#1b1b1b;font:15px NanumBarunGothic, dotum, Sans-serif;  }
.MiBankList dt { padding-bottom:5px;} 
.MiBankList dd { color:#5d5d5d;font:15px NanumBarunGothic, dotum, Sans-serif;  } 
.MiBankList dd.name { color:#5d5d5d;font:13px NanumBarunGothic, dotum, Sans-serif;  } 
.MiBank p.txt { color:#868585;font:11px;letter-spacing:-1px;  } 
a.orglink, a:link.orglink, a:hover.orglink, a:visited.orglink { color:#fe714b;font:11px;letter-spacing:-1px;text-decoration:underline }
.MiSns { width:186px;padding:0;margin-left:3px;display:inline-block; }
.MiSns li { float:left;width:186px;padding-top:0px;text-align:left;color:#515050;font:13px NanumBarunGothic, dotum, Sans-serif;cursor:pointer   }
.MiSns li.Qnet { float:left; background:url(../image/btn_qnet.gif) no-repeat 10% 5px;  }
.MiSns li.Cafe { float:left; background:url(../image/btn_cafe.gif) no-repeat 10% 5px;  }
.MiSns li.kakaostory { float:left; background:url(../image/btn_kakao.gif) no-repeat 10% 5px;  }
.MiSns li.Facebook { background:url(../image/btn_fb.gif) no-repeat 50% 9px;border-right:1px solid #d4d4d4;  }
.MiSns li.Blog { background:url(../image/btn_blog.gif) no-repeat 50% 9px; }


/* rayout */
#Wrapper  { width:100%;margin:0;padding:0;text-align:center; }
xxxxxxxxx#ContainerArea { position:relative; }
#ContainerArea { }
xxxx#Container { position:relative;width:960px; margin:0 auto;display:inline-block;text-align:left; min-height:730px; } 
#Container {float:left; width:960px; margin:0 auto;display:inline-block;text-align:left } /* min-height:1500px global.header.html 로 이동 */
#Conts { float:right;width:730px;margin:0;padding-top:20px; margin-bottom:100px; } 
div#effect { position:absolute;left:0;top:0;z-index:9999;height:100%;}
#R_category { float:left;width:135px;height:100%;background:url(../image/quick_bg.png) repeat-y 0 0;  }
#RcBtn { float:left;width:23px;height:48px;margin:-1px 0 0 -2px;background:url(../image/button1.png) no-repeat 0 0;cursor:pointer;z-index:11; }
.BtnSchShow {  position:absolute;top:0;left:48px;border:none;width:23px;height:48px;background:url(../image/btn_sch_show.png) no-repeat 0 0;cursor:pointer; }
.BtnSchHide { position:absolute;left:50px;top:-46px;border:none;width:23px;height:48px;background:url(../image/btn_sch_hide.png) no-repeat 0 0;cursor:pointer; }
.QuickBg { width:110px;height:30px;padding:11px 11px 0 11px;background:url(../image/quick_titbg.gif) no-repeat 0 0; }
.QuickBg h4 { padding:6px 0 4px;text-align:center;background:#37911f;border:1px solid #2e7f18;font:12px NanumBarunGothicBold, dotum, Sans-serif;color:#fff; }
#R_category ul { padding:0;margin:0 15px; }
#R_category ul li { padding:11px 0;background:url(../image/bg_dot3.gif) repeat-x 0 bottom;cursor:pointer; }
#QuickList li p { width:57px;padding-left:38px;font:12px NanumBarunGothicBold, NanumBarunGothic, dotum, Sans-serif;color:#767676; }
#QuickList li p.ql01 { padding-top:10px;height:22px;background:url(../image/quick_img.gif) no-repeat 1px -7px;} 
#QuickList li p.ql02 { padding-top:2px;height:30px;background:url(../image/quick_img.gif) no-repeat 1px -54px;} 
#QuickList li p.ql03 { padding-top:2px;height:30px;background:url(../image/quick_img.gif) no-repeat 1px -101px;} 
#QuickList li p.ql04 { padding-top:2px;height:30px;background:url(../image/quick_img.gif) no-repeat 1px -148px;} 
#QuickList li p.ql05 { padding-top:10px;height:22px;background:url(../image/quick_img.gif) no-repeat 1px -195px;} 
#QuickList li p.ql06 { padding-top:10px;height:22px;background:url(../image/quick_img.gif) no-repeat 1px -242px;} 
#QuickList li p.ql07 { padding-top:10px;height:22px;background:url(../image/quick_img.gif) no-repeat 1px -289px;} 
#QuickList li p.ql08 { padding-top:10px;height:22px;background:url(../image/quick_img.gif) no-repeat 1px -336px;} 
#QuickList li p.ql01:hover, #QuickList li p.ql02:hover, #QuickList li p.ql03:hover, #QuickList li p.ql04:hover, #QuickList li p.ql05:hover, #QuickList li p.ql06:hover, #QuickList li p.ql07:hover { font:12px NanumBarunGothicBold, NanumBarunGothic, dotum, Sans-serif;color:#37911f; }
.QuickTop { position:absolute;left:11px;bottom:20px;width:110px;padding:6px 0 4px;text-align:center;background:#767676;border:1px solid #696969;font:12px NanumBarunGothic, dotum, Sans-serif;color:#fff;cursor:pointer; }
.R_Online { position:absolute;width:120px;background:#eaeaea;border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;  }
.R_OnlineIn { padding:4px 0 15px 5px;background:#fff;border:1px solid #e4e4e4 }
.R_OnlineTit { text-align:center;padding:10px 0 9px;width:100%;background:#3a465a;color:#fff;font:12px NanumBarunGothicBold, NanumBarunGothic, dotum, Sans-serif; }
#OnlineList { padding:16px 0 0 }
#OnlineList li { width:108px;height:80px;margin-bottom:14px;text-align:center;cursor:pointer; }
#OnlineList li p { font:12px NanumBarunGothic, dotum, Sans-serif;color:#939393;padding-top:63px;  }
#OnlineList li.Online01 { background:url(../image/mi_online_img.gif) no-repeat 12px -11px; } 
#OnlineList li.Online01:hover { background:url(../image/mi_online_img.gif) no-repeat -80px -11px; } 
#OnlineList li.Online02 { background:url(../image/mi_online_img.gif) no-repeat 12px -104px; } 
#OnlineList li.Online02:hover { background:url(../image/mi_online_img.gif) no-repeat -80px -104px; } 
#OnlineList li.Online03 { background:url(../image/mi_online_img.gif) no-repeat 12px -190px; } 
#OnlineList li.Online03:hover { background:url(../image/mi_online_img.gif) no-repeat -80px -190px; } 
#OnlineList li.Online04 { background:url(../image/mi_online_img.gif) no-repeat 12px -283px; } 
#OnlineList li.Online04:hover { background:url(../image/mi_online_img.gif) no-repeat -80px -283px; } 
#OnlineList li.Online05 { background:url(../image/mi_online_img.gif) no-repeat 12px -366px; } 
#OnlineList li.Online05:hover { background:url(../image/mi_online_img.gif) no-repeat -80px -366px; } 
#OnlineList li.Online06 { background:url(../image/mi_online_img.gif) no-repeat 12px -454px; } 
#OnlineList li.Online06:hover { background:url(../image/mi_online_img.gif) no-repeat -80px -454px; } 
#OnlineList li.Online07 { background:url(../image/mi_online_img.gif) no-repeat 12px -543px; } 
#OnlineList li.Online07:hover { background:url(../image/mi_online_img.gif) no-repeat -80px -543px; } 

XXXX#BodyTitle { width:100%;height:65px; /**/margin-bottom:-2px;background:url(../image/bodytit_bg.gif) repeat-x 0 bottom; }
XXXX#BodyTitle h3 { float:left;padding-top:15px;font:24px NanumBarunGothicBold, NanumBarunGothic, dotum, Sans-serif;color:#202020 }
XXXXxx.Location {float:right;padding:40px 0 0 14px;background:url(../image/icn_home.gif) no-repeat 0 bottom;font:11px  ;color:#a5a5a5 ;
	position:absolute;right:0px;}
XXXX.Location {clear:both;float:right;xxmargin-left:-300px;padding:40px 0 0 14px;background:url(../image/icn_home.gif) no-repeat 0 bottom;font:11px  ;color:#a5a5a5 }
XXXX.Location span { font:11px  ;color:#636363 } 

#BodyTitle { width:100%;min-height:65px; margin-bottom:2px; xxxxbackground:url(/template/1/html/image/bodytit_bg.gif) repeat-x 0 bottom; }
#BodyTitle .title-line {}
#BodyTitle h3 { float:left;width:100%;padding-top:15px;font:24px NanumBarunGothicBold, NanumBarunGothic, dotum, Sans-serif;color:#202020 ;border-bottom:2px solid #ddd}
.Location {clear:both;float:right;xxmargin-left:-300px;padding:0 0 0 14px;/*background:url(../image/icn_home.gif) no-repeat 0 bottom;*/font:11px  ;color:#a5a5a5;}
.Location span { font:11px  ;color:#636363 } 


.GrayBox1 { width:728px;background:#f9f9f9;border:1px solid #dbdbdb; }
.tab01list { padding:9px 0 4px 9px;display:inline-block;}
.tab01list li { float:left;width:179px;height:55px; }

.tab01 {display:table;width:176px;background:url(../image/tab01.gif) no-repeat 0 0;cursor:pointer;}
.tab01 p {padding:9px 33px 10px 10px;height:31px;display:table-cell;text-align:left;vertical-align:middle;color:#565656; }
.tab01_t1 {display:table;width:176px;background:url(../image/tab01.gif) no-repeat 0 0;cursor:pointer;}
.tab01_t1 p {padding:16px 33px 15px 10px;height:20px;display:table-cell;text-align:left;vertical-align:middle;color:#565656;  }
.tab01on {display:table;width:176px;background:url(../image/tab01_on.gif) no-repeat 0 0;cursor:pointer;}
.tab01on p {padding:9px 5px 10px 2px;height:31px;display:table-cell;text-align:center;vertical-align:middle;color:#f2612c; }
.tab01on p span { color:#f2612c;font-weight:bold; }
.tab01on_t1 {display:table;width:176px;background:url(../image/tab01_on.gif) no-repeat 0 0;cursor:pointer;}
.tab01on_t1 p {padding:16px 4px 15px 2px;height:20px;display:table-cell;text-align:center;vertical-align:middle;color:#f2612c; }
.tab01on_t1 p span { color:#f2612c;font-weight:bold; }

.tab02 {display:table;width:176px;background:url(../image/tab02.gif) no-repeat 0 0;cursor:pointer;}
.tab02 p {padding:9px 33px 10px 10px;height:31px;display:table-cell;text-align:left;vertical-align:middle;color:#565656; }
.tab02_t1 {display:table;width:176px;background:url(../image/tab02.gif) no-repeat 0 0;cursor:pointer;}
.tab02_t1 p {padding:16px 33px 15px 10px;height:20px;display:table-cell;text-align:left;vertical-align:middle;color:#565656;  }
.tab02on {display:table;width:176px;background:url(../image/tab02_on.gif) no-repeat 0 0;cursor:pointer;}
.tab02on p {padding:9px 5px 10px 2px;height:31px;display:table-cell;text-align:center;vertical-align:middle;color:#f2612c; }
.tab02on p span { color:#f2612c;font-weight:bold; }
.tab02on_t1 {display:table;width:176px;background:url(../image/tab02_on.gif) no-repeat 0 0;cursor:pointer;}
.tab02on_t1 p {padding:16px 4px 15px 2px;height:20px;display:table-cell;text-align:center;vertical-align:middle;color:#915e3f; }
.tab02on_t1 p span { color:#f2612c;font-weight:bold; }


.MvpBox1 { width:100%;display:inline-block; }
.MvpL { float:left;width:576px; }
.MvpR { float:right;width:133px; }
.MvpR li { padding:9px 0;border-top:1px solid #cac9c9;}
.MvpR li.first { padding-top:0 !important;border-top:0 !important;}
.MvpR li p { text-align:center;padding-top:4px;font-size:11px;color:#7a7a7a;letter-spacing:-1px }
.LectureBox { width:730px;display:inline-block; }
.LectureBoxIn {float:left;width:576px; }
.Lecture { width:574px;padding:0 1px 1px 0;background:#eaeaea;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;}
.LtIn { width:572px;background:#f9f9f9;border-top:2px solid #404040 !important;border:1px solid #d6d6d6}
.LtIn .tit { padding:16px 0 15px;background:#ececec;border-bottom:1px solid #dbdbdc;}
.LtIn .tit h4 { padding-left:20px;font:18px NanumBarunGothic, dotum, Sans-serif;color:#000 }
.LtList { width:556px;padding:22px 0;margin:0 8px;border-bottom:1px solid #d2d2d2;display:inline-block }
.LtList dt { float:left;height:24px;font-size:14px;color:#575757; font-weight:bold; line-height:24px; }
.LtList dd { float:right;text-align:right;padding-right:5px;line-height:24px }
.fontblueB {font-weight:bold;color:#1a7bdf;}
.fontredB {font-size:16px;font-weight:bold;color:#fe4801;}
.fontB {font-weight:bold;color:#575757;}
.l_through {text-decoration:line-through;color:#575757; } 
.LtIn .btn {padding:15px 10px 15px 0; text-align:right; }
.PpltBox { float:right;width:133px; }
.PpltBoxTit { padding:4px 0 10px;margin:0 0 13px;font:14px NanumBarunGothic, dotum, Sans-serif;color:#171717;background:url('../image/bg_dot4.gif') repeat-x 0 bottom; }
.PpltList { padding:0; }
.PpltList li { padding:0 0 18px; }
.PpltList li p { text-align:center;padding-top:4px;font-size:11px;color:#7a7a7a;letter-spacing:-1px }
.Tab2Area {  width:730px;padding:0;display:inline-block;   }
.Tab2  { width:100%;margin-bottom:3px;display:inline-block;  }
.Tab2 dd { float:left;width:144px;height:32px;margin-left:2px;background:url(../image/tab2.gif) no-repeat 0 0;cursor:pointer;margin-bottom:3px; }
.Tab2 dd.first { margin-left:0 !important}
.Tab2 dd a div { padding:8px 0 0 15px;font:15px NanumBarunGothicBold, dotum, Sans-serif;color:#fff;}
.Tab2 dd.on {background:url(../image/tab2_on.gif) no-repeat 0 0 !important;  }
.tab3 {width:100%;background:url(../image/tab3.gif) repeat-x 0 100%}
.tab3 li{_display:inline;float:left;width:182px;margin-right:-1px;background:url(../image/tab3_right.gif) 100% 0 no-repeat}
.tab3 li span{display:block}
.tab3 li a{display:block;_float:left;height:31px;text-align:center;background:url(../image/tab3_left.gif) 0 0 no-repeat;color:#818181;font-weight:bold;line-height:32px;text-decoration:none}
.tab3 li a:hover{color:#333}
.tab3 li.selected{background-position:100% -31px;border-right:1px solid #404040;padding:0 4px 0 0;}
.tab3 li.selected a{background-position:0 -31px;color:#fff;font-weight:bold;letter-spacing:-1px}
.Check1 { height:13px;width:13px;line-height:14px;margin:6px 3px 0 2px;padding:0;vertical-align:top;cursor:pointer;}
.Check2 { height:13px;width:13px;line-height:14px;margin:6px 3px 0 2px;padding:0;vertical-align:top;cursor:pointer;}

/*btn */
a.Btn1 {display:inline-block;padding-right:15px;background:url('../image/btn1.gif') no-repeat 100% 0;text-decoration:none !important;white-space:nowrap;letter-spacing:-1px;cursor:pointer}
a.Btn1 span, a.Btn1 strong{display:block;height:16px;padding:4px 3px 0 9px;color:#7a7a7a;font:11px;background:url('../image/btn1.gif') no-repeat 0 0;cursor:pointer;letter-spacing:-1px;text-decoration:none; }
.btn3,  .btn3 a { display:inline-block; } 
.btn3 { background:url(../image/btn3.gif) no-repeat 100% 0;margin:0 2px; }
.btn3 a { padding:1px 32px 0;font:16px NanumBarunGothicBold, dotum, Sans-serif;color:#fff ;line-height:40px;height:40px;text-align:center;background:url(../image/btn3.gif) no-repeat 0 0; }
.btn3 a:hover { color:#fff }
.btn4,  .btn4 a { display:inline-block; } 
.btn4 { background:url(../image/btn4.gif) no-repeat 100% 0;margin:0 2px; }
.btn4 a { padding:1px 32px 0;font:16px NanumBarunGothicBold, dotum, Sans-serif;color:#fff ;line-height:40px;height:40px;text-align:center;background:url(../image/btn4.gif) no-repeat 0 0; }
.btn4 a:hover { color:#fff }
.in_btn2,  .in_btn2 a { display:inline-block; } 
.in_btn2 { background:url(../image/in_btn2.gif) no-repeat 100% 0;margin:0 1px; }
.in_btn2 a { padding:1px 7px 0;font-size:11px;color:#fff ;line-height:20px;height:20px;text-align:center;background:url(../image/in_btn2.gif) no-repeat 0 0; }
.in_btn2 a:hover { color:#fff }
.in_btn2,  .in_btn2 a { display:inline-block; } 
.in_btn2 { background:url(../image/in_btn2.gif) no-repeat 100% 0;margin:0 1px; }
.in_btn2 a { padding:1px 7px 0;font-size:11px;color:#fff ;line-height:20px;height:20px;text-align:center;background:url(../image/in_btn2.gif) no-repeat 0 0; }
.in_btn2 a:hover { color:#fff }
.in_btn3,  .in_btn3 a { display:inline-block; } 
.in_btn3 { background:url(../image/in_btn3.gif) no-repeat 100% 0;margin:0 1px; }
.in_btn3 a { padding:1px 17px 0 7px;font-size:11px;letter-spacing:-1px;color:#827f7f;line-height:20px;height:20px;text-align:center;background:url(../image/in_btn3.gif) no-repeat 0 0; }
.in_btn3 a:hover { color:#827f7f}

/*etc */
.mb10 { margin-bottom:10px }
.mb15 { margin-bottom:15px }
.mb20 { margin-bottom:20px }
.mb25 { margin-bottom:25px }
.mb30 { margin-bottom:30px }
.mb35 { margin-bottom:35px }
.mb40 { margin-bottom:40px }
.mb45 { margin-bottom:45px }
.mb50 { margin-bottom:50px }
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}

/*������� */
.Tit01 { font:17px NanumBarunGothic, dotum, Sans-serif;color:#3e3e3e; padding-top:20px; font-weight:bold;background:url(../../image/icon_bestt.png) no-repeat 0 19px; padding-left:60px; }
.RcdArea { width:730px;height:509px;background:url(../image/rcd_bg.jpg) no-repeat 0 0; }
.RcdList { padding:5px 0 0 14px;display:inline-block }
.RcdList li { float:left;width:138px;padding:23px 2px 0; }
.BookLine { position:relative;padding:0;margin-left:14px;width:95px;height:120px;background:url(../image/book_bg.gif) no-repeat 0 0; }
.BookLine .Icn { position:absolute;top:0;left:0;z-index:55; }
.BookLine .Img { position:absolute;top:1px;left:1px;width:89px;height:118px; z-index:5;}
.BootTxt { padding-top:18px;font:bold 12px/1.3 ;color:#666;text-align:center; }
.BootTxt .Price1 { padding-top:7px;font-weight:normal;text-decoration:line-through; }
.BootTxt .Price2 { font-weight:bold;color:#ed3711; }
.TitLine { width:100%;padding:0 0 10px;border-bottom:1px solid #dedede; }
.Tit02 { font:16px NanumBarunGothic, dotum, Sans-serif;color:#474747; font-weight:bold; padding-left:2px; }
.BookBox1 { position:relative;width:100%; }
.BookBox1 .more { position:absolute;top:4px;right:2px;padding-right:6px;background:url(../image/bu_arrow_r.gif) no-repeat right 50%;}
.BookBox1 .more a { font-size:11px;letter-spacing:-1px;color:#666;cursor:pointer; }
.BookList { padding:0 0 0 5px;display:inline-block }
.BookList li { float:left;width:125px;padding:6px 10px;border-left:1px solid #e0e0e0; }
.BookList  .first {border-left:none !important;  }
.BootTxt2 { padding-top:11px;font:bold 12px/1.3 ;color:#666;text-align:center; }
.BootTxt2 .Price1 { padding-top:7px;font-weight:normal;text-decoration:line-through; }
.BootTxt2 .Price2 { font-weight:bold;color:#ed3711; }
.BookList2 li { padding:20px 0;display:inline-block;border-bottom:1px solid #e0e0e0 }
.BookImg {  float:left;width:149px; /*border:1px solid #989898;*/ margin:0 22px 0 13px; }
.BookImg img { width:100%;height:100%;}
.Book_Dl { float:left;width:395px;border-right:1px solid #e6e6e6;}
.Book_Dl dt { font:bold 16px/1.6 ;color:#4a4a4a;padding-top:13px; }
.Book_Dl dd.txt1 { color:#acaaaa;padding:3px 0 13px; }
.Book_Dl dd.txt2 { color:#575757;padding:0 0 13px; }
.BookBtn { float:right;width:135px;height:123px;padding:13px 13px 0 0;text-align:right;  }
.BookBtn p { padding-top:6px;}
.Paging { text-align:center;padding:18px 0}
.ViewBox { width:100%;padding:0;display:inline-block}
.ViewBox1 { float:left;width:279px;margin-right:29px; margin-top:20px;}
.ViewBox2 { float:left;width:415px;text-align:left; padding-top:20px;}
.BookLine2 { padding:0;width:279px;height:252px;background:url(../image/book_bg2.gif) no-repeat 0 0;text-align:left; }
.BookLine2 img { width:267px;height:250px;padding:1px;}
.ViewBox1 .btn { margin:10px 0 0 82px;}
.ViewBox2  .btn { margin:11px 5px 0 0;text-align:right;}
.Tit03 {font-size:16px; font-weight:bold;color:#4a4a4a; }
.Tit03PD {padding:6px 0 22px 5px; }
.Tbl1 { width:100%;border-collapse:collapse;text-align:left;border-top:1px solid #e5e5e5;color:#777;}
.Tbl1 th { background:#f7f7f7;padding:7px 10px;border-bottom:1px solid #e5e5e5;color:#777;font:12px/1.3 ; }
.Tbl1 td { padding:7px 10px;font:12px/1.3 ;border-bottom:1px solid #e5e5e5;color:#777 }
.tab4area {width:100%;background:url(../image/tab4_bg.gif) repeat-x 0 0}
.tab4 { display:inline-block;  }
.tab4 li{_display:inline;float:left;width:165px;margin-right:-1px;background:url(../image/tab4_right.gif) 100% 0 no-repeat}
.tab4 li span{display:block}
.tab4 li a{display:block;_float:left;height:41px;text-align:center;background:url(../image/tab4_left.gif) 0 0 no-repeat;color:#827f7f;font-weight:bold;line-height:42px;text-decoration:none}
.tab4 li a:hover{color:#404040 }
.tab4 li.selected{background-position:100% -41px;padding:0;}
.tab4 li.selected a{background-position:0 -41px;color:#404040;font-weight:bold;}
.BookView { padding:0 20px;}
.Tit04 { font-weight:normal;}
.BookView dl { padding:5px;}
.BookView dl dt { padding:2px 0;}
.BookView dl dd { padding-left:5px;}

/*�ܰ����� */
.ClTit1 { margin:-9px 0 0 225px;width:279px;height:51px;color:#fff;text-align:center;font:17px/51px NanumBarunGothic, dotum, Sans-serif;background:url('../image/cl_bg1.png') no-repeat 0 0; }
.ClBox1 { width:728px;border:1px solid #cfcdcd;background:#f9f9f9;  }
.ClTit2 { margin:-9px 0 0 225px;width:279px;height:51px;color:#fff;text-align:center;font:17px/51px NanumBarunGothic, dotum, Sans-serif;background:url('../image/cl_bg2.png') no-repeat 0 0; }
.ClBox2 {width:728px;border:1px solid #cfcdcd;background:#f9f9f9; }
.ClTit3 { margin:-9px 0 0 225px;width:279px;height:51px;color:#fff;text-align:center;font:17px/51px NanumBarunGothic, dotum, Sans-serif;background:url('../image/cl_bg3.png') no-repeat 0 0; }
.ClBox3 { width:728px;border:1px solid #cfcdcd;background:#f9f9f9; }
.ClList { display:inline-block;padding:19px 0 14px 13px; }
.ClList li { float:left;width:178px;margin:0 0 4px;display:inline-block; }
a.ClLink {width:151px;display:inline-block;padding-right:17px;margin:0;background:url('../image/lm_bg.gif') no-repeat 100% 0;text-decoration:none !important;white-space:nowrap;cursor:pointer}
a.ClLink span, a.ClLink strong{display:block;height:27px;padding:9px 2px 0 12px;color:#828282;background:url('../image/lm_bg.gif') no-repeat 0 0;cursor:pointer}
a:hover.ClLink {display:inline-block;padding-right:17px;background:url('../image/lm_bg_on.gif') no-repeat 100% 0;text-decoration:none !important;white-space:nowrap;cursor:pointer}
a:hover.ClLink span, a:hover.ClLink strong{display:block;padding:9px 2px 0 12px;height:27px;color:#f2612c;font-weight:bold;letter-spacing:-1px;background:url('../image/lm_bg_on.gif') no-repeat 0 0;cursor:pointer}
.pd10 { padding-top:10px;}


/*단과과정안내 상세보기*/
table.mov_lis_table{
	   margin-bottom:20px auto;
		width:100%;
		border-collapse:collapse;
	}

	.list_h { background:url('../image/bg_tboard_n.gif');}
	.t_white {  color:#575757;  }
	.h4_2 { width:100%;}
	.pa_t20 {padding-top:20px; }
	.t-align { text-align:left; padding-left:20px; }
	.tr_bar { border-top: 1px solid black;  }
	.info-book { padding:10px; border-right:1px solid #e6e6e6; } 
	.info-book2 {  border-right:1px solid #e6e6e6; } 
	.teach_listarea li { 
		float:left; width:238px ; padding: 10px 0; display:inline;  background:#dcebf9; margin:0px 2px 2px 0 ;  text-align:center; 
		text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
	}
	.pd_l10 { padding-left: 10px; }
	.simple_lec { width:720px; }
		.tr_fir { height:30px; border-top:1px solid #34699a;  border-bottom:1px solid #34699a; color:#fff; font-weight:bold; background:#5b9bd5; text-align:center;}
		.tr_mid { height:30px; background:#fff; padding:4px 0 0 15px ; text-align:left;}
		.tr_mid2 { height:30px; background:#f3f7fc; padding:4px 0 ; text-align:center;}
		.view_bk {  color:#3b73a6;}
	table.mov_lis_table tr{
		
		border-bottom:1px solid #e6e6e6;
	}
	table.mov_lis_table tr th{
		line-height:30px;
		text-align:center;
		font-weight:bolder;

	}
	table.mov_lis_table tr th:last-child{
		border-right:0px;
	}
	table.mov_lis_table tr td{
		line-height:28px;

		text-align:center;
	}
	table.mov_lis_table tr td:last-child{
		border-right:0px;
	}


	table.boock_info_table{
		/*margin:10px auto;*/
		width:100%;
		border-collapse:collapse;
	}
	table.boock_info_table tr{
		
		border-bottom:1px solid #e6e6e6;
	}
	table.boock_info_table tr th{
		line-height:32px;
		text-align:center;
		font-weight:bolder;
		/*vertical-align:top;*/

	}
	table.boock_info_table tr th:last-child{
		border-right:0px;
	}
	table.boock_info_table tr td{
		line-height:32px;
		text-align:left;
		text-indent:10px;
		vertical-align:top;
	}
	table.boock_info_table tr td:last-child{
		border-right:0px;
	}
	div.category_img{
		margin:20px 0px;
	}
	/*div.category_head{min-height:227px;}*/
	img.category_head_img{width:100%;}
	img.reorder_img{
		display:none;
	}
	img.reorder_img.active{
		display:block;
		position:absolute;
		right:40px;
		bottom:2px;
	}

	img.reorder_img2{
		display:none;
	}
	img.reorder_img2.active{
		display:block;
		position:absolute;
		right:40px;
		bottom:2px;
	}
	

/*단과과정 상세보기_강의소개부분*/
.cate_info{
							clear:both;
							margin:50px 0px;
						}
						.tab_menu{
							display:block;
							margin:0px;
							padding:0px;
							border-bottom: 2px solid #1e3e87;
							box-sizing: border-box;
							margin-bottom: 15px;
							list-style-image: none;
							list-style-position: outside;
							list-style-type: none;
						}
						.tab_menu:before,.tab_menu:after{
							box-sizing: border-box;
							content: " ";
							display: table;
						}
						.tab_menu:after{
							clear: both;
						}
						.tab_menu > li {
							float:left;
							display: block;
							position: relative;
							margin:0px;
							padding:0px;
							list-style: none outside none;
							text-align: center;
							margin-right:4px;
							box-sizing: border-box;
							margin-bottom: -2px;
						}
						.tab_menu > li > a{
							border-radius:5px 5px 0px 0px;
							display:block;
							color:#666666;
							font-weight:700;
							padding:10px 20px;
							border:2px solid silver;
							border-bottom-color: rgba(0, 0, 0, 0);
						}
						.tab_menu > li.active {

						}
						.tab_menu > li.active > a , .tab_menu > li:hover > a{
							color:#1e3e87;
							border-color:#1e3e87;
							border-bottom-color:#ffffff;
							text-decoration:none;
						}
						div.cate_content{
							clear:both;
						}
						div.cate_content > .tab_content {
							display:none
						}
						div.cate_content > .tab_content.active {
							display:block;
						}
						div.cate_content  h3:before{
							content:url('/template/1/image/btn_bl.gif'); margin-bottom:-50px;   height:45px;  padding-right:10px;
						}
						div.cate_content ul.summury h3:before{
							content:"";
						}
						div.cate_content h3{
							line-height:3em;
							font-size:16px;

						}
						div.cate_content ul > li > h3{
							
						}
						div.cate_content div.case{
							 
						}
						div.cate_content div.case > dl {
							margin-bottom:40px;
						}
						div.cate_content div.case > dl dd {
							padding:15px;
						}
						.toggle_menu{ clear:both;
							display:block;
						}
						ul.toggle_menu > li > div.case{
							display:block;
						}
						ul.toggle_menu > li.active > div.case{
							display:block; 
						}
						ol.summury{
							margin-left:20px;
							list-style-type:decimal;
						}

						ol.summury > li {
							list-style-type:decimal;
						}
						div.cate_content h4:before{
							content:"  ";
						}
						div.cate_content h4{
							line-height:35px;
							text-indent:10px;
							background:#F2F2F3;
							border-top:1px solid black;
						}
						div.cate_content dt{

							background-color:#ccffff;
						}
						div.cate_content dd{
							 
						}
						#teacher div.case{
							position:relative;
						}
						#teache > ul.toggle_menu > li > div.case > dl {
							margin-bottom:0px;
						}
						#teacher div.case dd{
							min-height:75px;
							margin-bottom:0px;
						}
						#teacher div.case > div.photo_box{
							position:absolute;
							right:0px;
							top:0px;
							background-color:#fff;/**/
							width:200px;
							min-height:200px;
							text-align:center;
							/*border:1px  solid #cdcdcd;*/
						}
						#teacher div.case > div.photo_box > img.teacher_img{
							width:100%; border:5px  solid #e9e9e9;
						}
						.p-lineh {line-height:30px; }



/* 141205 쭌대리 메인 */
.Htm{
	float:left;
	width:90px;
	background:#fff;
	height:30px;
	line-height:30px;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	font-weight:bold;
	color:#ef0317;
	font-size:11px;
}
.Htmenu > ul > li {
	float:left;
	height:30px;
	line-height:30px;
	padding-left:30px;
}
.Htmenu > ul > li:first-child{
	xxpadding-left:14px; /* 2016-03-31, hclee, 패딩 0으로 변경 */
	padding-left:0;
}
.Htmenu > ul > li a{
	font-size:11px;
	color:#666;
}
.BMarkarea{
	float:right;
	text-align:left; 
}
.BMarkarea > ul > li{
	float:left;
	padding-left:10px;
	margin-top:4px;
}
.BMarkarea > ul > li:first-child{
	margin:0;
}
.BMark a{
	font-size:11px;
	color:#666;
	display:block;
	width:45px;
	height:30px;
	line-height:30px;
	background:url("../image/BMark_bg.png") no-repeat left 50%;
	padding-left:18px;
}
.BMarkarea > ul > li.Bface{
	padding-left:23px;
}
.Headerleft{
	float:left;
	width:240px;
	xxpadding-top:21px;
}
.Headersearch{
	float:left;
	width:400px; /* 2017-10-26, hclee, 상단 배너 랜덤 노출, 455 -> 400*/
	padding:25px 0 0 60px; /* 2017-10-26, hclee, 상단 배너 랜덤 노출, 70 -> 60 */
}
.Headersearch div{
	width:385px;
	height:36px;
	border-bottom:3px solid #be0201;	
}
.Headersearch div input[type=text]{ 
	padding:5px 3px 1px 3px;
	font-size:14px;
	border:1px solid #fff;
	width:335px;
	height:25px;
}
.Htit{
	float:left;
	width:422px;
	height:32px;
	margin-left:89px;
	background:url("../image/Htit_bg.gif") no-repeat left top;
}
.blind{
	display:block;
	overflow:hidden;
	position:absolute;
	top:-1000em;
	left:0
}
.Lmember{
	background:url("../image/LgBtn_bg.gif") no-repeat left center;
	padding-left:10px;
	margin-left:8px;
}
a.Lmember {
	color:#666;
}
.bookmall a{
	width:189px;
	height:54px;
	background:url("../image/bookmall_bg.png") no-repeat left top;
	float:left;
	margin-left:78px;
	display:block;
}
.TopMenu > ul > li{
	float:left;
	font: 14px NanumBarunGothic, dotum, Sans-serif;
	width:134px; /* 160 -> 130 */
}
.TopMenu > ul > li.nfirst{
	width:150px; /* 160 -> 130 */
}

.TopMenu > ul > li a{
	color:#fff;
	display:block;
	height:45px;
	line-height:45px;
}
.nfirst{
	background:#3e3e3e;
}
.TopMenu > ul > li.nfirst > a{
	background:url("/image/top/20170922/menu_plus.gif") no-repeat 30px 50%;
	padding-left:55px;
}
.nsecond{
	background:#8d7050;
}
.TopMenu > ul > li.nsecond a{
	xxxbackground:url("../image/nsecond_bg.png") no-repeat 37px 50%;
	xxxpadding-left:64px;
	text-align:center;
}
.TopMenu > ul > li.nSch{
	width:320px;
}
.TopMenu > ul > li.nSch > div{
	width:300px;
	height:30px;
	background:#fff;
	margin:8px 0 0 10px;
}
.TopMenu > ul > li.nSch > div a{
	width:42px;
	height:30px;
	float:right;
	display:inline
}
.TopMenu > ul > li.third a{
	xxxbackground:url("../image/third_bg.png") no-repeat right 50%;
	xxxpadding-left:48px;
	text-align:center;
}
.TopMenu > ul > li.fourth a{
	xxbackground:url("/image/top/20170922/menu_line.gif") no-repeat 1px 50%;
	background:url("/image/top/20170922/menu_line.gif") no-repeat right 50%;
	xxxpadding-left:63px;
	text-align:center;
}
.quickmenu{
	width:140px;
	xxheight:610px;
	xxposition:absolute;
	xxleft:50%;
	xxtop:26px;
	xxmargin-left:500px;
	text-align:center;
}
.quickBookgo { xxwidth:100px; text-align:left;margin:0 0 15px 10px; xxmargin-bottom:15px;} /* 2017-09-26, hclee, 퀵메뉴 상단 좌로 이동
.quickarea{
	height:496px;
	margin-bottom:10px;
	position:relative;
}
.quickarea > p{
	position:absolute;
	left:13px;
	top:0;
	z-index:20;
}
.quickfooter{
	height:193px;
	width:100px;
	background:url("../image/quickfooter_bg.png") no-repeat left top;	
}
.quickbox{
	width:78px;
	height:476px;
	border:2px solid #dedede;
	position:absolute;
	left:0;
	top:12px;
	z-index:10;
	background:#fff;
	padding:0 9px;
	letter-spacing:-1px;
}
.quickbox h4{
	color:#e30013;
	padding:21px 0 8px 0;
	font-size:12px;
}
.quickbox  li{
	border-top:1px solid #d1d1d1;
}
.quickbox  li a{
	font-size:11px;
	color:#666;
	background:url("../image/quickli_bg2.png") no-repeat;
	display:block;
	width:77px;
}
.quickbox  li.qcustomer a{
	height:45px;
	background-position:0 0;
	padding-top:59px;
}
.quickbox  li.qfaq a{
	height:45px;
	background-position:0 -110px;
	padding-top:59px;
}
.quickbox  li.qcart a{
	height:46px;
	background-position:0 -210px;
	padding-top:59px;
}
.quickbox  li.qlately a{
	height:46px;
	background-position:0 -320px;
	padding-top:63px;
}
#contents{
	width:960px;
}

/* 펼친 전체 메뉴 */
.openmenu{
		width:960px;
		/* 2019-05-15, hclee, 메인 강좌노출 영역 수정 건 -  border-bottom:1px solid #3e3e3e; */
		margin-bottom:15px; /* 2016-06-16, hclee, 30을 15로 변경 */
}
.openmenu .bg_new	{background:url("../image/table_new.gif") no-repeat right 8px;}

.openmenu a {font-family:NanumBarunGothic;font-size:13px}
.openmenu table th, .openmenu table td  { line-height:20px}

.openmenu > dl > dd > ul > li {display:inline-block}

.openmenu > dl > dt {float:left;width:136px;padding-left:20px;vertical-align:top}
.openmenu > dl > dd {float:left;width:780px}
.openmenu > dl > dd > ul > li {
	width:150px;
	line-height: 20px;
	padding-bottom:4px;
}
.openmenu > dl > dd > ul > li:nth-child(5n+2) {width: 175px;}
.openmenu > dl > dd > ul > li:nth-child(5n+3) {width: 160px;}
.openmenu > dl > dd > ul > li:nth-child(5n+5) {width: 125px;}
.openmenu > dl {
	clear:both;
	border-top: 1px solid #f2f2f2;
	
}
.openmenu > dl > * { padding-top: 15px;padding-bottom: 6px;}
/* 메뉴 아래 배너 여백(패팅) */
#lecture_buttons {clear: both;padding-top: 7px;}

.tNew {float:left; }
span.lNew {float:right; width:39px; height:16px;display:block;  background: url("../image/icon_new1.png") no-repeat; }
xxtd.lNew2 {background: url("../image/icon_new2.png") no-repeat right top; }
td.lNewxxx {background: url("../image/icon_new1.png") no-repeat right 10px; }
td.lNew2 {background: url("../image/icon_new3.jpg") no-repeat left top; }
td.lNew {background: url("../image/icon_new4.png") no-repeat right 2px; }
td.reserve {background: url(../image/icon_reserve.gif) no-repeat right 2px; }
.lpluph { color:#a9a9a9;}
.lplup { float:right; width:26px; height:32px; display:block; background: url("../image/icon_planup.png") no-repeat; margin-top:-11px;  margin-bottom:-11px;}
/* 배너 */
.clearfix:after {
	 content: ".";
	 display: block;
	 height: 0;
	 clear: both;
	 visibility: hidden;
 } 
.clearfix{zoom:1;/*for IE 5.5-7*/}
.conarea{
	width:960px;
	border-top:2px solid #3e3e3e;
	border-bottom:1px solid #3e3e3e;
	margin-bottom:15px; /* 2016-06-16, hclee, 30을 15로 변경 */
}
ul.conbanner > li{
	float:left;
	border-right:1px solid #e0e0e0;
}
ul.conbanner > li a{
	display:block;
	width:319px;
	height:90px;
	background:url("../image/conbanner_bg.gif") no-repeat left top;
}
ul.conbanner > li.bbr0{
	border-right:0;
}
ul.conbanner > li.bfirst a{
	background-position:0 0;
}
ul.conbanner > li.bsecond a{
	background-position:-320px 0;
}
ul.conbanner > li.bthird a{
	background-position:-640px 0;
}

/* 최근 게시글 */
.conlastest > li{
	float:left;
	height:220px;
	width:185px;
	padding:0 27px;
}
.conlastest > li h3{
	padding-top:30px;
	border-bottom:2px solid #e5e5e5;
	padding-bottom:14px;	
	position:relative;
	font: 18px NanumBarunGothic, dotum, Sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	color:#333333;
}
.conlastest > li.textsche{
	background:#e5e5e5;
	padding:0 21px;
	width:198px;
}
.conlastest > li.textsche h3{
	background:url("../image/textsche_bg.png") no-repeat 117px 13px;
	height:42px;
	padding-bottom:0;
	border-bottom:0;	
}
.schelist li{
	width:196px;
	height:37px;
	background:#fff;
	margin-bottom:8px;
}
.conlastarea{
	background:url("../image/conlastarea_bg.gif") no-repeat right 31px;	
}
a.limore{
	padding:0 4px;
	line-height:20px;
	background:#767676;
	position:absolute;
	right:0;
	bottom:14px;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	display:block;
	letter-spacing:-1px;
}
.lastlist{
	margin-top:18px;
}
.lastlist li{
	width:185px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
	line-height:22px;
}

/* 핫이슈 */
.hotissue{
	width:960px;
	position:relative;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:30px;
}
.tabtitle{
	margin-bottom:1px;
}
.tabtitle h3{
	width:960px;
	height:28px;
	border-bottom:2px solid #3e3e3e;
	padding-top:9px;
	font: 20px NanumBarunGothic, dotum, Sans-serif;
	font-weight:bold;
}
.tabtitle h3 span{
	color:#e61e2f;
	font: 20px NanumBarunGothic, dotum, Sans-serif;
	font-weight:bold;
}
.tabtitle > ul {
	position:absolute;
	top:0;
	left:113px;
}
.tabtitle > ul > li{
	float:left;
	background:#f2f2f2;
}
.tabtitle > ul > li a{
	color:#666;
	display:block;
	height:36px;
	text-align:center;
	border-top:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-left:1px solid #f2f2f2;
	border-bottom:2px solid #3e3e3e;
	line-height:36px;
}
.tabtitle > ul > li:first-child a{
	border-left:1px solid #dbdbdb;
}
.tabtitle > ul > li a:hover{
	color:#2d2c2c;
	font-weight:bold;
	background:#fff;
	display:block;
	height:35px;
	text-align:center;
	border-top:2px solid #3e3e3e;
	border-right:1px solid #3e3e3e;
	border-left:1px solid #3e3e3e;
	border-bottom:2px solid #fff;
	line-height:35px;
}
.tabtitle > ul > li a.on{
	color:#2d2c2c;
	font-weight:bold;
	background:#fff;
	display:block;
	height:35px;
	text-align:center;
	border-top:2px solid #3e3e3e;
	border-right:1px solid #3e3e3e;
	border-left:1px solid #3e3e3e;
	border-bottom:2px solid #fff;
	line-height:35px;
}
.tabarea{
	width:960px;
}
.tabarea > li.on{
	display:none;
}

/* 고객지원센터 */
.conarea2{
	width: 960px;
	border-top: 2px solid #3e3e3e;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 30px;
	background:#f7f7f7;
}
.conarea2 > ul > li{
	float:left;
	padding-top:19px;
}
.conarea2 > ul > li > h3{
	font: 18px NanumBarunGothic, dotum, Sans-serif;
	font-weight:bold;
	color:#2d2c2c;
}
.conlist01{
	padding:0 39px;
	width:341px;
	height:230px;
	background:url("../image/conlist01_bg.gif") no-repeat 39px 64px;
}
.conlist01 > p{
	margin:10px 0 0 135px;
}
.conlist01 dl{
	width:245px;
	padding-left:5px;
	margin:7px 0 0 135px;
}
.conlist01 dt, .conlist01 dd{
	float:left;
	font: 12px NanumBarunGothic, dotum, Sans-serif;
	color:#000;
}
.conlist01 dt{
	width:44px;
}
.conlist01 dd{
	width:200px;
}
.conlist02{
	padding:0  15px;
	width:198px;
	height:171px;
	background:url("../image/conlist02_bg.gif") no-repeat 20px 66px;
}
.conlist02 dl{
	margin:22px 0 0 75px;
}
.conlist02 dt, .conlist02 dd{
	font: 12px NanumBarunGothic, dotum, Sans-serif;
	color:#000;
	line-height:16px;
}
.conlist02 dt{
	margin-bottom:14px;
}
.conlist03{
	padding:0 0 0 13px;
	width:250px;
	height:171px;
	background:url("../image/conlist03_bg.gif") no-repeat 31px 63px;
	position:relative;
}
a.ligo{
	padding:0 10px;
	line-height:20px;
	font-weight:bold;
	background:#767676;
	position:absolute;
	right:0;
	bottom:14px;
	color:#fff;
	font-size:11px;
	text-align:center;
	display:block;
	letter-spacing:-1px;
	margin-right:10px;
}
.conlist04{
	padding:0 0 0 0px;
	width:278px;
	height:172px;
	/*background:#fff;*/
	text-align:center;
}
.conlist04 > ul{
	width:206px;
	margin:0 auto;
	xxxpadding-top:18px;
}
.conlist04 > ul > li{
	float:left;
}

/*백그라운드 버튼들 추가*/

.bgBtzone { width:100%; margin:20px 0 ;}
.bgBtzone li { display:inline; padding:5px 15px; margin:0 ;}
.btnGry { background: url('../image/btnbg_gray.jpg') repeat-x left top; padding:2px 8px; border:solid 1px #bfbfbf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor:pointer; color:#454545; }
.btnGryb { background: url('../image/btnbg_gray.jpg') repeat-x left top; padding:2px 8px; border:solid 1px #bfbfbf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  color:#454545; opacity:0.5; }
a.btnGry { background: url('../image/btnbg_gray.jpg') repeat-x left top; padding:4px 8px; border:solid 1px #bfbfbf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor:pointer; color:#454545; }
a.btnGryb { background: url('../image/btnbg_gray.jpg') repeat-x left top; padding:4px 8px; border:solid 1px #bfbfbf; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color:#444; opacity:0.5; }

.btnRed { background:#fff;; padding:3px 8px 1px 8px; border:solid 1px #d81212; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor:pointer; color:#d81212; }


/*2차 레프트메뉴   */
.lnbarea .lnbli2 { padding-bottom:10px; margin-top:-10px;margin-left:10px;}
.lnbarea .lnbli2 > li{line-height:30px;  padding:0;  font-family: NanumGothic;}
.lnbarea .lnbli2 > li > a{color:#323232; background: url("../../image/left_sub_bl.png") no-repeat 0 50%;  padding-left:15px; font-family: NanumGothic;}
.lnbarea .lnbli2 > li.on > a{font-weight:bold;color:#0079bc; background: url("../../image/left_sub_bl_on.png") no-repeat 0 50%; padding-left:15px; font-family: NanumGothic;}
.lnbarea .lnbli2 > li > a:hover{font-weight:bold;color:#0079bc; background: url("../../image/left_sub_bl_on.png") no-repeat 0 50%;  padding-left:15px; font-family: NanumGothic; }

/*수강신청 대문 페이지 추가 20150317 천팀*/
#gateArea { width:960px; height:420px; overflow:hidden;margin-bottom:30px; padding-top:2px}
.leftGate { float:left; width:710px; height:420px; /*background:blue;*/}
.leftGate > ul { width:100%}
.leftGate > ul > li{ 	float:left;	
}
.leftGate > ul > li a{	color:#dbdbdb;display:block;text-align:center;	
	line-height:40px;
	width:353px;	height:38px;
	border:1px solid #3e3e3e;
	color:#3e3e3e;
	}
.leftGate > ul > li a:hover{	color:#fff;	font-weight:bold;background:#3e3e3e;	display:block;	
xwidth:356px;	
xheight:40px;	
xtext-align:center;	
xline-height:40px;
	}
.leftGate > ul > li a.on{	color:#fff;	font-weight:bold;	background:#3e3e3e;	display:block;	
xxwidth:355px;	height:40px;	
xxtext-align:center;
xxline-height:40px;
	color:white}
.rightGate {float:right; width:250px; xxheight:270px;  }
.rightGate_2{width:230px;height:316px;background:white; border:10px solid #e8e8e8;}
	.countDay { position:relative; }
		.cTit { color:#3e3e3e; font-size:14px; height:50px; line-height:20px; font-weight:bold;text-align:center}
		.cday { xxheight:30px;}
xxx.cday span { height:35px; line-height:35px;  color:#fff; font-size:14px; border-top:1px solid #b3b7c3; border-bottom:1px solid #b3b7c3; padding:1px 0 3px 0; }
.cday {
		height:21px;padding-top:4px;
		
		background-image:url(/image/20180509/bg_date.gif) ;
		background-repeat:no-repeat;
		background-position: -18px 0;
		
		color:#3e3e3e ;font-size:13px; font-weight:normal; text-align:center
}
		.cdday { text-align:center; height:50px; margin-top:20px;line-height:50px; font-weight:bold; color:#B29E85; font-size:42px;font-family: tahoma  }
		.cddayPre { position:absolute; top:110px; left:4px; cursor:pointer;}
		.cddayNex {position:absolute; top:110px; left:184px; cursor:pointer;}

	.licenseInfo { height:43px; line-height:43px; font-weight:bold; background:#d4d3c9 url('../image/right_bg1.png') no-repeat 150px 10px; padding:20px 25px;}
	.testInfo { height:43px; line-height:43px; font-weight:bold;background:#c7c5b4 url('../image/right_bg2.png') no-repeat 153px 10px; padding:20px 25px;}
	.processAll { float:left; width:74px; font-weight:bold;background:#fbf2be url('../image/right_bt_mn_arr.png') no-repeat 85px 50%; padding:22px 25px; }
	.highLight {  float:right; width:74px;  font-weight:bold; background:#eede85 url('../image/right_bt_mn_arr.png') no-repeat 85px 50%; padding:22px 25px;  }

.bigbanner { position:relative; overflow:hidden; width:960px; height:270px; margin-bottom:30px;}
.wrappic { }
.btn_circle { position:absolute; bottom:10px;right:10px}
.btn_circle li{ float:left; width:15px; padding:0 2px;   text-indent:-9999px;}
.btn_circle li a{ width:15px; height:15px;display:block; background: url('../image/btn_circle_off.png') no-repeat ;}
.btn_circle li a.on{ float:left; width:15px; padding:0 5px;  background: url('../image/btn_circle_on.png') no-repeat;}
#slide_banner_t1 .btn_circle,  #slide_banner_t2 .btn_circle  { top:360px; right:400px}/* 2016-11-03, hclee, 프리미엄교재 동그란 버튼 */
x#slide_banner .btn_circle{ top:240px; right:10px;} 

#secondbanner { width:960px; height:140px; margin-bottom:30px;}
#secondbanner > ul > li { float:left;}
#secondbanner > ul > li.scR { float:right;}

/*자격중소개 추가*/
.lisenceArea { width:730px; margin-top:20px; }
.lisencePo { width:730px; background:#3e3e3e; }
.lisencePo th { border-right:1px solid #525252; border-bottom:1px solid #525252; padding:10px; color:#bab9b9;}
.lisencePo td { background:#fff; vertical-align:top; border-left:1px solid #cecdcd;  border-bottom:1px solid #cecdcd; padding:10px; color:#cecdcd;}
.lisencePo td+td+td+td+td {  border-right:1px solid #cecdcd; }
.lisencePo td > ul > li { height:20px; line-height:20px}
.lscClose { margin-left:703px;}
.lscClose a{ width:27px; height:22px; background: url('../image/lsc_close.jpg') no-repeat; display:block; text-indent:-99999px;}
.lscClose a.close{ width:38px; height:30px; background: url('../image/lsc_close.jpg') no-repeat 0 -22px; display:block; text-indent:-99999px;}
.desNote { margin-top:45px;position:relative; }
.desNote h3 { border-bottom:2px solid #3e3e3e; }
.desNote h3 span { padding:10px 25px; background:#525252; color:#fff; width:300px; font-size:16px; display:block; }
.desNote a.downlink { position:absolute;right:10px;top:44px; }

.dNta { padding:35px 25px; background:#f6f6f6; line-height:170%; border-bottom:1px dotted #ababab;min-height:300px;}

/*시험일정안내 표 추가*/
.checkh5 { background: url('../image/tith5.png') no-repeat 2px 0px ; padding-left:26px; margin-top:25px; font-size:16px; }
.shdtabl { width:730px;  margin-top:20px; font-size:11px;border-top:2px solid #bfae9d; border-right:1px solid #c9c9c9;}
.shdtabl th { text-align:center;padding:5px ; background:#f6f4f2; border-bottom:1px solid  #c9c9c9; border-left:1px solid  #c9c9c9;}
.shdtabl th+th+th+th+th+th+th+th {  border-right:none;}
.shdtabl td { text-align:center;padding:5px; line-height:150%;border-bottom:1px solid  #c9c9c9; border-left:1px solid  #c9c9c9;}
.shdtabl td+td+td+td+td+td+td { border-right:none;}
.thdNo { border-right:none;}

/*대문페이지 게시판 추가*/
.exDay { float:left;width:429px; padding:0 25px; margin:25px 0 ;border-right:1px solid #ccc;}
.Gnews { float:right;width:429px; padding:0 25px; margin:25px 0 ;}
.exDay h3, .Gnews h3{border-bottom: 2px solid #e5e5e5; padding-bottom: 14px; position: relative; font-size:18px; font-weight: bold;  letter-spacing: -1px;  color: #333333;}


*ul.conbanner > li  a{
	width:318px;
}
/*2016-07-20, mr, 강좌소개에 동영상 불러올 경우 */
#naver_ply1 {width:726px; height:408px; overflow:hidden;} 
#naver_ply2 {width:730px; height:410px; overflow:hidden;}

/* 2016-09-13, hclee, 전체 구조 변경 */
.container{width:1240px;margin:0 auto}
#ContainerLeft{float:left;position:relative;margin-top:15px; width:140px;xxbackground-color:#faa}
#ContainerLeft #banner_gnb{}
#ContainerRight{float:left;position:relative;margin-top:10px; width:140px;xxbackground-color:#aaf}

.Header2  { width:1240px;height:91px;margin:0 auto;padding:0 0 0;text-align:left;}
.Header2_left{float:left;width:140px;height:48px;}
.Header2_960  {float:left;width:960px;height:48px;}
.Header2_right{float:left;width:140px;height:48px;xxxbackground:red;}
.Header2_right_banner{position: relative; margin-top:-35px;text-align:right}

#btn_close_top_belt{cursor:pointer;}

/* 회원가입 - 회원분류 */
.join_banner {position: relative;}
.join_banner .link {display: inline-block;position: absolute;top: 208px;left: 262px;width: 223px;height: 46px;z-index: 1;}
.join_noti {font-family:'NanumGothicBold';font-size: 20px;line-height: 1.8;letter-spacing:-0.04em;color: #000;text-align: center;margin-top: 36px;}
.join_select {display: flex;margin-top: 40px;}
.join_select > li {width: 328px;height: 196px;background: #fec70a;border-radius:11px;}
.join_select > li + li {margin-left: 8px;}
.join_select > li a {display: block;text-align: center;}
.join_select > li .icon {display: block;margin: 26px auto 0;}
.join_select > li .tit {display: block;margin-top: 26px; font-family:'NanumGothicBold';font-size: 18px;color: #000;}
.join_select > li .link {display: inline-block;margin-top: 9px; padding:9px 11px; font-family:'NanumGothicBold';font-size: 16px;color: #000;border: 1px solid #696866;border-radius:18px;}      
.join_select > li .link:after {content:'';display: inline-block;width: 6px;height: 9px;background:url('/template/1/image/join_arr01.png') 0 0 no-repeat;margin-left: 9px;}
.join_select > li:nth-child(2) {background-color: #2ca414;}
.join_select > li:nth-child(3) {background-color: #c00000;}
.join_select > li:nth-child(2) .tit {color: #fff;}
.join_select > li:nth-child(2) .link {color: #fff;border-color: #fff;}
.join_select > li:nth-child(2) .link:after {background-image: url('/template/1/image/join_arr02.png');} 
.join_select > li:nth-child(3) .tit {color: #fff;}
.join_select > li:nth-child(3) .link {color: #fff;border-color: #fff;}
.join_select > li:nth-child(3) .link:after {background-image: url('/template/1/image/join_arr02.png');}

/* 회원가입 폼 */
.mjoin_area .join_btn1 {display: inline-block;width: 110px;height: 40px;border-radius:4px; background: #6e7b96;font-family:'NanumGothicBold';font-size: 16px;line-height: 40px;letter-spacing:-0.045em;color: #fff;text-align: center;vertical-align: middle;}
.mjoin_area .join_btn2 {display: block;width: 250px;height: 60px;margin: 19px auto 0;background: #c00000;font-family:'NanumGothicBold'; font-size: 25px;line-height: 60px;letter-spacing:-0.045em;color: #fff;text-align: center;}
.join_form {margin-top: 30px; padding: 62px 59px 44px;border: 1px solid #cccccc;}
.join_tit1 {margin-bottom: 28px; font-family:'NanumGothicBold';font-size: 20px;letter-spacing:-0.045em;color: #c00000;}
.join_tit2 {margin-bottom: 28px; font-family:'NanumGothicBold';font-size: 20px;letter-spacing:-0.045em;color: #416eaa;}
.join_tit3 {margin-bottom: 28px; font-family:'NanumGothicBold';font-size: 20px;letter-spacing:-0.045em;color: #333;}
.join_tit1 img {margin-right: 6px;}
.join_tit2 img {margin-right: 6px;}
.join_tit3 img {margin-right: 6px;}


.join_table {width: 100%;border-top: 1px solid #ccc;}
.join_table th {padding:23px 17px 11px;vertical-align: top; border-bottom: 1px solid #cccccc; font-family:'NanumGothicBold';font-size: 16px;letter-spacing:-0.045em;color: #333;}
.join_table td {padding:11px 0; border-bottom: 1px solid #cccccc;font-size: 0;}
.join_table input[type="text"], .join_table input[type="password"], .join_table select {border-radius:4px; width: 100%;height: 40px;border: 1px solid #cccccc;font-family:'NanumGothicBold';font-size: 16px;letter-spacing:-0.045em;color: #333;box-sizing: border-box;vertical-align: middle;}
.join_table input[type="text"], .join_table input[type="password"] {padding: 0 11px;}
.join_table input[type="text"]::placeholder, .join_table input[type="password"]::placeholder {color: #999;}
.join_table td .intxt5 {width: 360px;margin-right: 8px;}
.join_table td .intxt7 {width: 136px;}
.join_table td .intxt8 {width: 136px;margin-left: 8px;}
.join_table td .intxt11 {width: 80px;}
.join_table input.inum {width: 114px;margin-right: 8px;}
.join_table input.inm2 {margin: 12px 0;}

.join_table input.zipcode {width: 114px;margin-right: 8px;}
.join_table .noti {margin-top: 11px; display: block; font-family:'NanumGothic';font-size: 14px;line-height: 1.2;letter-spacing:-0.045em;color: #333;}
.join_table .noti.txt_red {color: #c00000;}
.join_table .confirm_input {position: relative;margin-top: 12px;}
.join_table .confirm_input .tit {position: absolute;top: 50%;left: 0;padding: 0 18px; font-family:'NanumGothicBold'; font-size: 16px;letter-spacing:-0.045em;color: #333;transform: translate(0,-50%);}
.join_table .confirm_input .tit:after {content:''; position: absolute;top:50%;right: 0; width: 1px;height: 15px;background: #999;transform: translate(0,-50%);}
.join_table .confirm_input input[type="text"] {padding-left: 135px;}
.join_table .at {display: inline-block;padding: 0 10px 0 6px; font-family:'NanumGothicBold';font-size: 16px;letter-spacing:-0.045em;color: #333;vertical-align: middle;}
.join_table .day {display: inline-block;padding: 0 23px 0 7px; font-family:'NanumGothicBold';font-size: 16px;letter-spacing:-0.045em;color: #333;vertical-align: middle;}
.join_table .dormancy {padding: 20px 0 11px;}
.join_table .dormancy .tit {display: inline-block;vertical-align:top; width: 180px;padding:0 17px; font-family:'NanumGothicBold';font-size: 16px;letter-spacing:-0.045em;color: #333;box-sizing: border-box;}
.join_table .dormancy .con {display: inline-block;vertical-align:top; width: calc(100% - 180px);}

.join_form .bg_gray {margin: 50px -59px;padding: 52px 59px 57px;background: #f9fafc;}
.join_form .radio_cus {position: relative;font-size: 0;}
.join_form .radio_cus + .radio_cus {margin-left: 70px;}
.join_form .radio_cus input[type="radio"] {position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;}
.join_form .radio_cus .mark {display: inline-block;width: 16px;height: 16px;background:url('/template/1/image/radio_cus01.png') 0 0 no-repeat;vertical-align: middle;}
.join_form .radio_cus input[type="radio"]:checked + .mark {background-image: url('/template/1/image/radio_cus01_on.png');}
.join_form .radio_cus .txt {display: inline-block;margin-left: 8px; font-family:'NanumGothicBold';font-size: 16px;letter-spacing:-0.045em;color: #333;vertical-align: middle;}

.join_form .join_agree {padding: 20px 10px 0; border-top: 1px solid #ccc;}
.join_form .join_agree > li {}
.join_form .join_agree > li:first-child {margin-bottom:44px;}
.join_form .join_agree > li + li {margin-top: 25px;}
.join_form .join_agree > li .chk_cus {position: relative;font-size: 0;}
.join_form .join_agree > li .chk_cus input[type="checkbox"] {position: absolute;top: 0;left: 0;width: 0;height: 0;opacity: 0;}
.join_form .join_agree > li .chk_cus .mark {display: inline-block;width: 19px;height: 19px;background:url('/template/1/image/check_cus01.png') 0 0 no-repeat;vertical-align: middle;}
.join_form .join_agree > li .chk_cus input[type="checkbox"]:checked + .mark {background-image: url('/template/1/image/check_cus01_on.png');}
.join_form .join_agree > li .chk_cus .txt {margin-left: 15px; display: inline-block;font-family:'NanumGothicBold';font-size: 16px;letter-spacing:-0.045em;color: #333;vertical-align: middle;}

.join_form .join_agree > li .agree_view {margin-left: 3px; vertical-align: middle; font-family:'NanumGothic';width: 52px;height: 22px;line-height: 22px;text-align: center;font-size: 14px;background: #6e7b96;color: #fff;display: inline-block;border-radius:4px;}

#auth_num_div {width: 280px;}
#auth_num_div .tit {font-size: 14px;padding-bottom: 10px;}
#auth_num_div .tit .timer {font-size: 13px;margin-top: 1px;}
#auth_num_div .in {font-size: 0;}
#auth_num_div .in label {display: inline-block;}
#auth_num_div input[type="text"] {font-size: 14px;padding: 0 15px;width: calc(100% - 8px);height: 40px;border: 1px solid #ccc;border-radius:4px;box-sizing: border-box;}
#auth_num_div .auth_num_confirm_but {display: inline-block;vertical-align: middle;text-align: center;height: 40px;line-height: 40px;font-size: 14px;background: #6e7b96;font-weight: 500;color: #fff;border-radius:4px;box-sizing: border-box;}
.sms_auth_send_btn {display: inline-block;vertical-align: middle;padding: 0 8px;background: #f5f5f5;border: 1px solid #e5e5e5;font-size: 12px;color: #666;height: 21px;line-height: 21px;box-sizing: border-box;}

/* 장바구니 수량선택 */
.count_btn {display: block;display:flex;align-items: center;}
.count_btn .btn {display: flex;justify-content: center;align-items: center;width: 18px;height: 18px;padding: 1px 0 0 1px;border: 1px solid #ccc;border-radius: 16px;font-size:18px;line-height: 1;box-sizing: border-box;}
.count_btn .num {width: 23px;margin: 0 5px;padding: 0 5px;font-size: 13px;color: #000;text-align: center;border: 1px solid #ccc;}