/* layout */
#wrap { min-width:1100px; }

#tm { position:relative; background:#f5f5f5; border-bottom:1px solid #e7e7e7; background:url(../images/tm_bg.gif) repeat-x; }
#tm ul { position:relative; margin:0 auto; width:1100px;  height:35px; line-height:35px; text-align:right; z-index:11; *zoom:1; }
#tm ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#tm>ul>li { position:relative; display:inline-block; *zoom:1; *display:inline; background:url(../images/tm_bar.gif) no-repeat right 13px; padding-bottom:5px; }
#tm>ul>li.last { background:none; }
#tm>ul>li>a { color:#737373; padding:0 10px; }
#tm>ul>li>a>img { vertical-align:middle; margin-right:15px; }

.pu_login { position:absolute; top:35px; left:10px; width:189px; padding:19px; border:1px solid #d6d6d6; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); color:#5a5a5a; display:none; }
#tm>ul>li:hover .pu_login { display:block; }
.pu_login .arrow { position:absolute; top:-6px; left:51px; width:9px; height:6px; background:url(../images/pu_login_arrow.gif) no-repeat 0 0; }
.pu_login input[type=text],
.pu_login input[type=password] { background:#fff; border:1px solid #cacaca; width:161px; padding:0 13px; height:30px; line-height:30px; color:#929292; margin-bottom:9px; }
.pu_login>div { position:relative; margin-bottom:11px; text-align:left; line-height:14px; }
.pu_login .bt_find { position:absolute; top:0; right:0; color:#667cda; }
.pu_login .bt_login { display:block; height:31px; line-height:31px; color:#fff; background:#667cda; border-radius:5px; text-align:center; }
.pu_login .bt_login:hover { text-decoration:none; }

#header { position:relative; background:url(../images/header_bg.gif) repeat-x; z-index:99; }
#header .wrap { position:relative; margin:0 auto; width:1100px; height:66px; }
#header .wrap h1 { position:absolute; top:17px; left:22px; }

.h_search { position:absolute; top:19px; left:198px; }
.h_search input[type=text] { float:left; margin-right:2px; background:#fff; border:1px solid #c9c9c9; height:30px; line-height:30px; padding:0 20px; width:190px; font-size:11px; color:#aaa; border-radius:16px; }
.h_search a { display:block; float:left; width:29px; height:32px; background:url(../images/bt_h_search.gif) no-repeat 0 2px; text-indent:-9999px;  }

.h_ban {position:absolute; bottom:0px; right:25px; }
.h_old { position:absolute; bottom:-42px; left:-50px; z-index:99; }

#gnb { position:relative; background:url(../images/h_bg.gif) repeat-x 0 bottom #f2f2f2; }
#gnb .wrap { position:relative; width:1100px; height:51px; margin:0 auto; background:url(../images/gnb.gif) no-repeat 0 0; }
#gnb .wrap>ul { position:absolute; top:0; left:0; width:100%; }
#gnb .wrap>ul>li { float:left; width:183px }
#gnb .wrap>ul>li.m01 { width:228px; }
#gnb .wrap>ul>li>a { display:block; height:51px; text-indent:-9999px; }
#gnb .wrap>ul>li.m05 a:hover { background:url(../images/gnb_ov.gif) no-repeat right 0; }

.gnb_sub { position:absolute; top:100%; left:0; width:100%; z-index:10; display:none; }
.gnb_sub .bg { position:absolute; top:100%; left:0; width:100%; height:20px; }
.gnb_sub .line { position:absolute; top:0; height:100%; width:1px; background:#fff8e4; }
.gnb_sub .line.l01 { left:228px; }
.gnb_sub .line.l02 { left:446px; }
.gnb_sub .line.l03 { left:664px; }
.gnb_sub .line.l04 { left:882px; }
.gnb_sub .g_wrap { position:relative; margin:0 auto; width:1100px; *zoom:1; /*height:500px; overflow:hidden; overflow-y:scroll;*/ }
.gnb_sub .g_wrap:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.gnb_sub .g_wrap .unit { position:relative; float:left; padding:17px 0; width:182px; min-height:251px; border:1px solid #79a524; border-top:none !important; background:#cbe598; }
.gnb_sub .g_wrap .unit.sm01 {float:left;}
.gnb_sub .g_wrap .unit.sm02 {float:left; margin-left:183px;}
.gnb_sub .g_wrap .unit.sm03 {float:left; margin-left:366px;}
.gnb_sub .g_wrap .unit.sm04 {float:right; margin-right:368px;}
.gnb_sub .g_wrap .unit.sm05 {float:right; margin-right:185px;}
.gnb_sub .g_wrap .unit.sm06 {float:right; width:184px;}
.gnb_sub .g_wrap .unit.first { width:228px; }
.gnb_sub .g_wrap .unit ul { position:relative; margin:0 10px; }
.gnb_sub .g_wrap .unit ul li { position:relative; }
.gnb_sub .g_wrap .unit ul li a { display:block; padding:7px 0 7px 18px; line-height:17px; font-size:14px; color:#3c3b3b; letter-spacing:-1px; }
.gnb_sub .g_wrap .unit ul li:hover a { background:url(../images/gnb_sub_li_on.png) no-repeat right 1px #fff; border-radius:5px; text-decoration:none; }
.gnb_sub .g_wrap .unit ul li.l2:hover a { background:url(../images/gnb_sub_li_on.png) no-repeat right 8px #fff; }
.gnb_sub .g_wrap .unit ul li.im:hover a { background:none; }
.gnb_sub .g_wrap .unit .dash { height:3px; line-height:0; font-size:0; border-bottom:1px dashed #fff; margin:0 30px 3px; }
.gnb_sub .g_wrap .unit ul.im { position:relative; margin:0 10px; }
.gnb_sub .g_wrap .unit ul.im li { padding:1px 0 2px; }
.gnb_sub .g_wrap .unit ul.im li a {padding:0; width:166px; height:38px; text-indent:-9999px; }
.gnb_sub .g_wrap .unit ul.im li.im01 a { background:url(../images/gnb_sc01.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im01:hover a { background:url(../images/gnb_sc01ov.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im02 a { background:url(../images/gnb_sc02.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im02:hover a { background:url(../images/gnb_sc02ov.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im03 a { background:url(../images/gnb_sc03.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im03:hover a { background:url(../images/gnb_sc03ov.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im04 a { background:url(../images/gnb_sc04.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im04:hover a { background:url(../images/gnb_sc04ov.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im05 a { background:url(../images/gnb_sc05.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im05:hover a { background:url(../images/gnb_sc05ov.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im06 a { background:url(../images/gnb_sc06.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im06:hover a { background:url(../images/gnb_sc06ov.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im07 a { background:url(../images/gnb_sc07.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im07:hover a { background:url(../images/gnb_sc07ov.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im08 a { background:url(../images/gnb_sc08.png) no-repeat 0 0; }
.gnb_sub .g_wrap .unit ul.im li.im08:hover a { background:url(../images/gnb_sc08ov.png) no-repeat 0 0; }

.h_ad { position:relative; background:#3b3633; text-align:center; padding:15px 0; z-index:20; margin-top:-112px; }
.h_ad .bt { position:absolute; bottom:-11px; left:50%; width:111px; height:18px; display:block; margin-left:-50px; text-indent:-9999px; }
.h_ad .bt.close { background:url(../images/bt_ht_close.gif) no-repeat 0 0; display:none; }
.h_ad .bt.open { background:url(../images/bt_ht_open.gif) no-repeat 0 0; }
.h_ad ul { display:inline-block; *display:inline; *zoom:1; padding:0 3px 0 2px; }
.h_ad ul.d-line { border-right:1px dotted #6e6b69; }
.h_ad li { display:inline-block; *display:inline; zoom:1; margin:0 3px; width:100px; min-height:89px; display: -moz-inline-stack; vertical-align: top; }
.h_ad li a { display:block; width:90px; height:89px; text-indent:-9999px; }
.h_ad li.m01 a { background:url(../images/bt_ht01.gif) no-repeat 0 0; }
.h_ad li.m02 a { background:url(../images/bt_ht02.gif) no-repeat 0 0; }
.h_ad li.m03 a { background:url(../images/bt_ht03.gif) no-repeat 0 0; }
.h_ad li.m04 a { background:url(../images/bt_ht04.gif) no-repeat 0 0; }
.h_ad li.m05 a { background:url(../images/bt_ht05.gif) no-repeat 0 0; }
.h_ad li.m06 a { background:url(../images/bt_ht06.gif) no-repeat 0 0; }
.h_ad li.m07 a { background:url(../images/bt_ht07.gif) no-repeat 0 0; }
.h_ad li.m08 a { background:url(../images/bt_ht08.gif) no-repeat 0 0; }
.h_ad li.m09 a { background:url(../images/bt_ht09.gif) no-repeat 0 0; }
.h_ad .controller { position:absolute; top:18px; left:50%; width:1100px; margin-left:-550px; text-align:right; color:#fff; }
.h_ad .controller a { color:#fff; margin-left:12px; }
.h_ad .controller a img { vertical-align:middle; margin-right:4px; }

#footer { position:relative; padding:30px 0 0; }
#footer .wrap { position:relative; width:1100px; height:125px; margin:0 auto; }
#footer .wrap .logo { position:absolute; top:0; left:0; }
#footer .wrap .fm { position:absolute; top:4px; left:180px; letter-spacing:-1px; color:#afafaf; }
#footer .wrap .fm a { color:#000; }
#footer .wrap .fm i { margin:0 9px; }
#footer .wrap .re_site { position:absolute; top:0; right:0; }
#footer .wrap .re_site select { border:1px solid #d6d6d6; font-size:11px; font-family:"돋움", "돋움체", dotum; color:#616161; height:24px; line-height:24px; padding-left:5px; margin-left:3px; }
#footer .wrap .info { position:absolute; top:40px; left:180px; font-size:11px; line-height:18px; color:#929292; }
#footer .wrap .info p { margin-bottom:18px; }
#footer .wrap .f_ban { position:absolute; top:65px; right:0px; }
#footer .wrap .f_ban a { margin-left:5px; }

/* main */
.mt_area { position:relative; }
.mt_area .wrap { position:relative; width:1100px; height:286px; margin:0 auto 72px; }
.mt_area .mt_slider { position:absolute; top:0; left:0; width:740px; height:100%; background:#ddd; }
.mt_area .r_ban { position:absolute; top:0; right:71px; height:100%; width:289px; z-index:1; }
.mt_area .r_ban .bb { position:absolute; top:167px; right:-22px; }
.mt_area .r_quick { position:absolute; top:0; right:0; height:100%; width:71px; background:url(../images/mt_quick.jpg) no-repeat 0 0; }
.mt_area .r_quick li { position:relative; }
.mt_area .r_quick li a { display:block; text-indent:-9999px; height:72px; }
.mt_area .r_quick li.h71 a { height:71px; }

#mt_s_slider img {width:650px !important; box-shadow: 0 0 22px #000;}/*20160801*/
#mt_s_slider a {width:650px !important; box-shadow: 0 0 22px #000;}/*20160819*/ 

.m_class { position:relative; background:#f5f5f5; }
.m_class .wrap { position:relative; width:1100px; height:260px; margin:0 auto 25px; }
.m_class .unit {position:relative; float:left; width:260px; margin-right:19px; margin-top:-32px; }
.m_class .unit.last {position:absolute; top:0; right:0; width:260px; margin-right:0; }
.m_class .unit h3 { position:relative; font-size:17px; height:32px; line-height:19px; font-weight:700; color:#292929; border-bottom:2px solid #696969; }
.m_class .unit .btns { position:absolute; top:0; right:0; height:21px; line-height:20px; *line-height:21px; background:#797775; border-radius:3px; color:#9f9e9d; padding:0 3px; }
.m_class .unit .btns a { color:#fff; font-weight:700; padding:0 8px; }
.m_class .unit ul { position:relative; }
.m_class .unit ul li { position:relative; padding:11px 0; height:85px; border-bottom:1px solid #ebebeb; }
.m_class .unit ul li .ph { position:absolute; top:11px; left:0; width:63px; height:83px; border:1px solid #ababab; }
.m_class .unit ul li .ph .bt_play { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/bt_m_play.png) no-repeat 52px 52px; text-indent:-9999px; }
.m_class .unit ul li .tx { position:relative; padding:2px 0 0 80px; font-size:11px; line-height:15px; color:#777; }
.m_class .unit ul li .tx a { display:block; font-size:14px; color:#303030; margin-bottom:10px; }

.m_d_storage {position:relative;}
.m_d_storage .wrap {position:relative; width:1100px; height:48px; margin:0 auto 30px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background:#f5f5f5;}
.m_d_storage .wrap:after {content:"."; clear:both; display:block; height:0; visibility:hidden; }
.m_d_storage h3 {float:left; width:170px; height:48px; line-height:48px; text-align:center; color:#fff; font-size:18px; font-weight:400; background:#79a524}
.m_d_storage .m_str {position:relative; width:930px; height:18px; margin-top:16px; overflow:hidden;}
.m_d_storage .m_str ul.bs-list {position:absolute; top:0px;}
.m_d_storage .m_str ul.bs-list > li {clear:both;}
.m_d_storage .m_str ul.in-list {*zoom:1;}
.m_d_storage .m_str ul.in-list:after {content:"."; clear:both; display:block; height:0; visibility:hidden; }
.m_d_storage .m_str ul.in-list li {float:left; width:140px; height:18px; padding-left:36px; background:url(../images/bt_b_dot.gif) no-repeat 25px 5px;}
.m_d_storage .m_str ul.in-list li a {display:block; font-size:14px; color:#343434; letter-spacing:-1px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
.m_d_storage .m_str ul.in-list li a:hover {text-decoration:none;}
.m_d_storage .m_str .m_str_bt {position:absolute; top:0; right:10px;}
.m_d_storage .m_str_bt a {display:block; width:13px; height:6px; margin:2px 0;}

.m_mid { position:relative; }
.m_mid .wrap { position:relative; width:1100px; height:155px; margin:0 auto 50px; }
.m_mid .wrap .info_cc { position:absolute; top:-6px; left:48px; height:53px; line-height:53px; padding-left:62px; background:url(../images/ic_phone.gif) no-repeat 0 0; font-size:13px; color:#454545; letter-spacing:-1px; }
.m_mid .wrap .info_cc h3 { display:inline-block; *zoom:1; *display:inline; color:#2e2d2d; font-size:14px; font-weight:700; margin-right:15px; }
.m_mid .wrap .info_cc span { color:#4e4297; font-size:22px; margin-right:15px; }
.m_mid .wrap .mid_qm { position:absolute; top:65px; left:0; width:780px; }
.m_mid .wrap .mid_qm ul { float:left; }
.m_mid .wrap .mid_qm ul.d-line { border-right:1px dotted #bababa; margin-right:13px; }
.m_mid .wrap .mid_qm li { position:relative; float:left; padding-right:14px; }
.m_mid .wrap .mid_qm li a { display:block; text-indent:-9999px; width:90px; height:89px; }
.m_mid .wrap .mid_qm li.m01 a { background:url(../images/mq01.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m02 a { background:url(../images/mq02.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m03 a { background:url(../images/mq03.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m04 a { background:url(../images/mq04.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m05 a { background:url(../images/mq05.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m06 a { background:url(../images/mq06.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m07 a { background:url(../images/mq07.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m08 a { background:url(../images/mq08.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m09 a { background:url(../images/mq09.gif) no-repeat 0 0; }/*160728*/
.m_mid .wrap .mid_qm li.m01:hover a { background:url(../images/mq01ov.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m02:hover a { background:url(../images/mq02ov.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m03:hover a { background:url(../images/mq03ov.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m04:hover a { background:url(../images/mq04ov.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m05:hover a { background:url(../images/mq05ov.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m06:hover a { background:url(../images/mq06ov.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m07:hover a { background:url(../images/mq07ov.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m08:hover a { background:url(../images/mq08ov.gif) no-repeat 0 0; }
.m_mid .wrap .mid_qm li.m09:hover a { background:url(../images/mq09ov.gif) no-repeat 0 0; }/*160728*/

.ms_slider { position:absolute; top:0; right:0; width:360px; height:154px; background:#535353; text-align:center; overflow:hidden; }
.ms_slider .c_btn { margin:0 3px; }
.ms_slider .c_btn img { vertical-align:0; }
.ms_slider #play_btn { display:none; }
#slider { position:relative; width:360px; height:130px; text-align:center; overflow:hidden; margin-bottom:5px; }
#slider>div { position:absolute; top:0; left:0; }
#slider .item { float:left; width:360px; height:130px; }
#slider1_bullet { display:inline-block; *zoom:1; *display:inline; line-height:14px; font-family:Verdana, Geneva, sans-serif; font-size:10px; }
#slider1_bullet a { display:inline-block; *zoom:1; *display:inline; color:#fff; padding:0 3px; border-radius:3px; }
#slider1_bullet a.active { background:#6ba1c6; }

.m_board { position:relative; }
.m_board .wrap { position:relative; width:1100px; height:235px; margin:0 auto; }
.m_board .wrap.logout { width:710px; }
.m_board .wrap .unit {position:absolute; top:0; width:260px; }
.m_board .wrap .unit .more {position:absolute; top:5px; right:11px; font-size:12px; color:#7a71b1; cursor:pointer;}
.m_board .wrap .unit .more.s01 { right:40px; }
.m_board .wrap .unit .more.s02 { right:70px; }
.m_board .wrap .unit .more.s03 { right:100px; }
.m_board .wrap .unit.po01 {left:0; }
.m_board .wrap .unit.po02 {left:279px; margin-left:0;}
.m_board .wrap .unit.po03 {left:558px; }
.m_board .wrap .unit.po04 {right:0; }
.m_board .wrap .unit h3 a { position:relative; height:32px; padding-left:20px; background:url(../images/m_board_deco_dot.gif) no-repeat 1px 8px; font-size:17px; font-weight:700; color:#000;  display:inline-block; }
.m_board .wrap .unit ul { position:relative; background:url(../images/m_board_h3_line.gif) repeat-x 0 0; padding-top:18px; }
.m_board .wrap .unit ul li { position:relative; padding-left:20px; background:url(../images/m_board_deco_arrow.gif) no-repeat 0 9px; font-size:14px; line-height:28px; letter-spacing:-1px; }
.m_board .wrap .unit ul li a { display:block; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

.m_bc_intro {position:relative; margin-bottom:30px;}
.m_bc_intro h4 {padding-left:10px; padding-bottom:12px; font-size:18px; color:#282828; font-weight:normal; letter-spacing:-1px;}
.m_bc_intro .wrap {position:relative; width:1100px; margin:0 auto; *zoom:1;}
.m_bc_intro .wrap:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.m_bc_intro .m_b_book {position:relative; float:left; width:541px;}
.m_bc_intro .m_b_book .m_bx {width:539px; height:167px; border:1px solid #ccc; background:#ececec;}
.m_bc_intro .m_b_book .wrap {position:relative; width:400px; height:149px; margin:12px auto 0 auto;/* overflow:hidden;*/}
.m_bc_intro .m_b_book .wrap ul {position:absolute; top:0; left:0; *zoom:1;}
.m_bc_intro .m_b_book .wrap ul:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.m_bc_intro .m_b_book .wrap ul li {float:left; width:400px; height:149px;}
.m_bc_intro .m_b_book .wrap ul li p.m_bk_img {float:left; width:160px; height:149px;}
.m_bc_intro .m_b_book .wrap ul li p.m_bk_img img {border:1px solid #c3c3c3; box-shadow:3px 3px 3px 0px rgba(177,177,177,1); height:140px;}
.m_bc_intro .m_b_book .wrap dl {float:left; width:240px;}
/*
.m_bc_intro .m_b_book .wrap ul li p.m_bk_img {float:left; width:120px; height:149px;}
.m_bc_intro .m_b_book .wrap ul li p.m_bk_img img {border:1px solid #c3c3c3; box-shadow:3px 3px 3px 0px rgba(177,177,177,1);}
.m_bc_intro .m_b_book .wrap dl {float:left; width:280px;}
*/
.m_bc_intro .m_b_book .wrap dl dt {display:block; padding:12px 0 12px 7px; font-size:16px; color:#282828; border-bottom:1px solid #c8c8c8;}
.m_bc_intro .m_b_book .wrap dl dd {padding:7px; color:#595959; font-size:12px; line-height:18px;}
.m_bc_intro .m_b_book .wrap .bt_m_bk_cnc {display:inline-block; *zoom:1; *display:inline; width:82px; height:20px; margin:0 3px; line-height:20px; text-align:center; color:#fff; background:#688f1c; border-radius:4px; font-size:11px; font-weight:400; }
.m_bc_intro .m_b_book .m_bx .bt_bk_prev {position:absolute; top:50%; left:20px; width:20px; height:39px;}
.m_bc_intro .m_b_book .m_bx .bt_bk_next {position:absolute; top:50%; right:20px;  width:20px; height:39px;}
.m_bc_intro .m_c_word {position:relative; float:right; width:541px;}
.m_bc_intro .m_c_word .m_bx {width:509px; height:167px; padding:0 15px; border:1px solid #ccc; background:#b0cd61;}
/*.m_bc_intro .m_c_word dl dt {width:500px; height:60px; padding:18px 0 18px; text-align:center; font-size:22px; color:#354017; font-weight:400;}/*160728*/
.m_bc_intro .m_c_word dl dt {width:500px; height:60px; padding:26px 0 10px; text-align:center; font-size:22px; color:#354017; font-weight:400; white-space:normal;}
.m_bc_intro .m_c_word dl dt a {color:#354017;}
.m_bc_intro .m_c_word dl dd {width:500px; height:40px; padding-top:18px; text-align:center; font-size:14px; letter-spacing:-1px; color:#505f27; border-top:1px solid #e3f3ba;}/*160728*/
.m_bc_intro .m_c_word dl dd a {color:#505f27;}
.m_bc_intro .m_b_book .bt_m_b_more, .m_bc_intro .m_c_word .bt_m_b_more {position:absolute; top:4px; right:2px; font-size:12px; color:#535353; text-decoration:none;}/*160728*/

.m_bot_banner { position:relative; width:1100px; margin:0 auto; padding:18px 0; background:#ededed; text-align:center; }
.m_bot_banner a { margin:0 3px 0 2px; }

/*메인 슬라이드*/
.mt_area .mt_slider{}
.mt_area .mt_slider ul{position:relative;width:740px;height:286px;overflow:hidden}
.mt_area .mt_slider li{float:left}
.mt_area .mt_slider a{display:block;width:147px;height:286px;position:relative;overflow:visible!important;}
.mt_area .mt_slider span{display:block;position:absolute;left:-15px;top:0;width:162px;height:286px;background-repeat:no-repeat;background-position:0 0}
.mt_area .mt_slider .bg_b{width:461px}
.mt_area .mt_slider .bg_s{background-position:-15px 0}
.mt_area .mt_slider .slider1 span,
.mt_area .mt_slider .bg_s{left:0;width:147px}
.mt_area .mt_slider .slider1 span{background-position:0 0}
.mt_area .mt_slider .slider1 .bg_b{width:446px}

.mt_area .mt_slider .slider1 .bg_b{background-image:url(../images/m_image_01.png)}
.mt_area .mt_slider .slider1 .bg_s{background-image:url(../images/m_image_01s.png)}
.mt_area .mt_slider .slider2 .bg_b{background-image:url(../images/m_image_02.png)}
.mt_area .mt_slider .slider2 .bg_s{background-image:url(../images/m_image_02s.png)}
.mt_area .mt_slider .slider3 .bg_b{background-image:url(../images/m_image_03.png)}
.mt_area .mt_slider .slider3 .bg_s{background-image:url(../images/m_image_03s.png)}

.m_gj_class {position:relative;}
.m_gj_class .wrap {position:relative; width:1100px; margin:0 auto; border-top:1px solid #dcdcdc; *zoom:1;}
.m_gj_class .wrap:after {content:"."; clear:both; display:block; height:0; visibility:hidden; }
.m_gj_class h3 {float:left; width:170px; height:64px; line-height:64px; text-align:center; color:#688f1c; font-size:18px; font-weight:400;}
.m_gj_class .m_str {position:relative; width:930px; height:50px; margin-top:16px; overflow:hidden;}
.m_gj_class .m_str ul.bs-list {position:absolute; top:0px;}
.m_gj_class .m_str ul.bs-list > li {clear:both;}
.m_gj_class .m_str ul.in-list {*zoom:1;}
.m_gj_class .m_str ul.in-list:after {content:"."; clear:both; display:block; height:0; visibility:hidden; }
.m_gj_class .m_str ul.in-list li {float:left; height:18px; line-height:18px; margin-right:10px; padding-left:36px; background:url(../images/bt_b_dot.gif) no-repeat 25px 5px;}
.m_gj_class .m_str ul.in-list li a {display:block; color:#343434; letter-spacing:-1px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}
.m_gj_class .m_str ul.in-list li a:hover {text-decoration:none;}
.m_gj_class .m_str .m_str_bt {position:absolute; top:0; right:10px;}
.m_gj_class .m_str_bt a {display:block; width:13px; height:6px; margin:2px 0;}

.bx-wrapper {position:relative;padding: 0;*zoom: 1;}/* jquery css*/
.bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-19px; outline:0; width:20px; height:39px; text-indent:-9999px; z-index:9999;}
.bx-wrapper .bx-prev {left:-50px; background: url(../images/btn_b_prev.gif) no-repeat;}
.bx-wrapper .bx-next {right:-50px; background:url(../images/btn_b_next.gif) no-repeat;}

/* sub common */
#container { position:relative; border-bottom:1px solid #e8e8e8; background:url(../images/sub_bg.gif) repeat-y center 0; }
#container .wrap { position:relative; width:1100px; margin:0 auto; *zoom:1; }
#container .wrap.sscc_m { background:url(../images/sscc_main_bg.gif) repeat-y right 0; }
#container .wrap.sscc { background:none; }
#container .wrap:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }

#lnb { position:relative; float:left; width:229px; padding:34px 0; }
#lnb h2 { position:relative; height:45px; line-height:45px; border-bottom:3px solid #79a524; color:#79a524; font-size:24px; text-align:center; font-weight:700; letter-spacing:-1px; margin:0 17px 10px; }
#lnb>ul { position:relative; margin:0 30px; }
#lnb ul li { position:relative; font-size:14px; padding:4px 0; line-height:18px; }
#lnb ul li a { display:inline-block; *zoom:1; *display:inline; padding:3px 25px 3px 10px; color:#3c3b3b; }
#lnb>ul>li.on>a { background:url(../images/lnb_d2_on.gif) no-repeat right 0 #b5d37a; }
#lnb ul li a:hover { text-decoration:underline; }
#lnb ul li.im.on a { background:none; }
#lnb ul ul { padding:3px 0 3px 12px; }
#lnb ul li li a {  padding:2px 0 2px 10px; background:url(../images/lnb_dash.gif) no-repeat 0 11px; }
#lnb ul li li.on a { padding:2px 10px 2px 10px; background:url(../images/lnb_dash.gif) no-repeat 0 11px #dde9c6; }
#lnb .dash { position:relative; height:10px; border-bottom:1px dashed #ccc; margin:0 30px 10px; }
#lnb .qm { position:relative; padding-top:45px; text-align:center; }
#lnb .qm a { display:block; margin-bottom:7px; }
#lnb .bm { position:relative; margin:0 25px; padding-top:30px; text-align:center; }
#lnb .bm a { display:block; margin-bottom:2px; height:33px; line-height:33px; border:1px solid #cbc2aa; background:#dde9c6; font-size:13px; color:#5a683f; letter-spacing:-1px; }

#contents { position:relative; float:right; width:871px; }
#contents h3 { position:relative; height:33px; padding:45px 0 0 25px; color:#5d5d5d; font-size:21px; font-weight:700; background:#fff; border-right:1px solid #eee; }
#contents h3 em { font-weight:normal; }
#contents .location { position:absolute; top:52px; right:18px; text-align:right; color:#989898; font-size:11px; line-height:13px; font-family:"돋움", "돋움체", dotum; }
#contents .location a { color:#989898; margin:0 10px; font-family:'Nanum Gothic', Sans-serif; }
#contents .location em { margin-left:10px; font-family:'Nanum Gothic', Sans-serif; }
#contents .sub_con { position:relative; border-top:1px solid #e8e8e8; }

.hide { display:none; }
b { font-weight:700; }
.fs12 { font-size:12px !important; }
.fs13 { font-size:13px !important; }
.fs14 { font-size:14px !important; }
.fs15 { font-size:15px !important; }
.fs17 { font-size:17px !important; }
.fs18 { font-size:18px !important; }
.fs19 { font-size:19px !important; }
.fs24 { font-size:24px !important; }
.fs27 { font-size:27px !important; }
.clb01 { color:#6377c3 !important; }
.clr01 { color:#dc0000 !important; }

/* sub contents */
.sscc { position:relative; }
#container .wrap.sscc_m .sscc { background:none; }
.sscc .left { position:relative; margin-right:0; }
.sscc .left .b_set01 { position:relative; margin-bottom:7px; margin-top:5px; text-align:center; }
.sscc .left .b_set01 a { margin:0 35px; }
.sscc .left .b_set02 { text-align:center; }
.sscc .left .b_set02 a { margin:0 18px; }
.sscc .left .b_set02 a.mid { margin-top:40px; display:inline-block; margin-bottom:90px; }
.sscc .right { position:absolute; top:0; right:0; width:71px; height:100%; background:none; }
.sscc .r_quick { position:absolute; top:0; right:0; width:71px; background:none; }
.sscc .r_quick li { position:relative; }
.sscc .r_quick li a { display:block; text-indent:-9999px; height:72px; }
.sscc .r_quick li.h71 a { height:71px; }
.sscc .r_qr { position:absolute; top:300px; right:0; }

.sscc_test { position:relative; padding:0 30px 30px; }
.sscc_test h4 { position:relative; text-align:center; height:77px; padding-top:39px; color:#fff; font-size:18px; line-height:22px; margin-bottom:60px; font-weight:normal; }
.sscc_test h4 img { margin-bottom:5px; }
.sscc_test.blue h4 { background:url(../images/sscc_lv-test_tit_bg.png) no-repeat center 0; }
.sscc_test.green h4 { background:url(../images/sscc_qna_tit_bg.png) no-repeat center 0; }
.sscc_test .q-box { position:relative; padding:10px; border-radius:10px; margin:0 0 10px; }
.sscc_test .q-box .count { position:absolute; top:-40px; left:22px; border-radius:10px 10px 0 0; font-size:15px; color:#fff; line-height:40px; height:40px; padding:0 20px; }
.sscc_test .q-box .count img { vertical-align:middle; margin:0 10px; }
.sscc_test .q-box .i-box { position:relative; border:2px dashed #fff; padding:15px 15px 30px; font-size:20px; text-align:center; border-radius:7px; }
.sscc_test .q-box .i-box .bar { position:relative; height:5px; margin-bottom:25px; background:#fff; border:#c7e6ab 1px solid; }
.sscc_test .q-box .i-box .bar .graphcorrect { position:absolute; top:0; left:0; height:100%; background:#30bf00; z-index:2 }
.sscc_test .q-box .i-box .bar .graphnow { position:absolute; top:0; left:0; height:100%; background:#ff0000; z-index:1 }
.sscc_test .q-box .i-box p { margin-bottom:35px; padding:0 30px; }
.sscc_test .q-box .i-box .tx { font-size:66px; line-height:75px; color:#010101; font-family:'Nanum Myeongjo', '새바탕', serif; }

.sscc_test.blue .q-box { background:#54b5bc; }
.sscc_test.blue .q-box .count { background:#54b5bc; }
.sscc_test.blue .q-box .i-box { background:#c8fbff; color:#2b5255; }

.sscc_test.green .q-box { background:#84b558; }
.sscc_test.green .q-box .count { background:#84b558; }
.sscc_test.green .q-box .i-box { background:#dcffbc; color:#577f33; }

.sscc_test .a-box { position:relative; color:#fff; margin-bottom:50px; *zoom:1; }
.sscc_test .a-box:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.sscc_test .a-box.st01 ul { position:relative; margin:0 40px; }
.sscc_test .a-box.st01 ul li { position:relative; float:left; width:25%; }
.sscc_test .a-box.st01 ul li a { display:block; width:100px; height:100px; padding:5px; margin:0 auto; font-size:24px; border-radius:100%; color:#fff; text-align:center; }
.sscc_test .a-box.st01 ul li a:hover { text-decoration:none; }
.sscc_test .a-box.st01 ul li a span { display:block; width:98px; height:98px; border-radius:100%; border:1px dashed #fff; }
.sscc_test .a-box.st01 ul li a em { display:block; text-align:center; padding-top:10px; margin-bottom:10px; }

.sscc_test.blue .a-box ul li a { background:#54b5bc; }
.sscc_test.blue .a-box ul li a:hover { background:#c74835; }
.sscc_test.green .a-box ul li a { background:#84b558; }
.sscc_test.green .a-box ul li a:hover { background:#c74835; }

.sscc_test .a-box.st02 ul { position:relative; }
.sscc_test .a-box.st02 ul li { position:relative; float:left; width:50%; *width:49.9%; margin-bottom:12px; }
.sscc_test .a-box.st02 ul li a { display:block; margin:0 10px; border-radius:7px; padding:5px; font-size:20px; line-height:26px; color:#fff; text-align:left; }
.sscc_test .a-box.st02 ul li a:hover { text-decoration:none; }
.sscc_test .a-box.st02 ul li a span { display:block; padding:5px 15px 15px; height:104px; border-radius:5px; border:1px dashed #fff; }
.sscc_test .a-box.st02 ul li a em { display:block; text-align:center; font-size:17px; }

.sscc_test .a-box.st02 ul li.w100 { width:100%; }
.sscc_test .a-box.st02 ul li.w100 input { position:relative; width:684px; height:100px; border:#84b558 8px solid; border-radious:7px; background:#f1ffe5; font-size:16px; line-height:2; color:#333; font-weight:bold; padding:10px 20px; margin-top:25px; }
.sscc_test .a-box.st02 ul li.w100 input.level { background:#e4fdff; border-color:#54b5bc; }

.btn_send { position:relative; text-align:center; margin:0 auto; width:50%; padding:15px 30px; color:#fff; font-weight:700; font-size:18px; background:#598332; border-radius:25px; border:none;  }
.btn_send.level { background:#357276; }

.guide_r { font-size:14px; color:#c74835; }

ul.b-dot li { font-size:13px; line-height:24px; color:#4f4322; padding-left:15px; background:url(../images/deco_b-dot.png) no-repeat 0 10px; }

.hint { position:relative; background:#ffeab0; border:1px solid #cab478; border-radius:8px; font-size:14px; line-height:24px; color:#c74835; padding:20px 15px 20px 65px; }
.hint em { position:absolute; top:20px; left:15px; font-size:18px; }
.hint span { margin-right:10px; }
.hint .bt_h-hide { display:inline-block; *zoom:1; *display:inline; background:#b59541; border:2px solid #9d8340; height:20px; line-height:20px; color:#fff; padding:0 8px; font-size:13px; color:#fff2d1; border-radius:9px; }
.hint .bt_h-hide:hover { text-decoration:none; }

.sscc_print { position:relative; padding:25px 40px 50px; }
.sscc_print .guide { position:relative; font-size:13px; line-height:20px; color:#564a28; margin-bottom:60px; }
.sscc_print .state { position:relative; text-align:right; font-size:14px; line-height:18px; color:#907326; margin-bottom:18px; font-weight:700; }
.sscc_print .state span { margin-left:18px; }
.sscc_print .state em { display:inline-block; *zoom:1; *display:inline; width:14px; height:14px; border-radius:100%; margin-right:5px; vertical-align:middle; }
.sscc_print .state em.red { background:#688e1f; border:2px solid #688e1f; }
.sscc_print .state em.green { background:#84b558; border:2px solid #84b558; }
.sscc_print .state em.green-wb { background:#84b558; border:2px solid #fff; }
.sscc_print .state em.yell-wb { background:#deb23a; border:2px solid #fff; }
.sscc_print .state em.yell { background:#deb23a; border:2px solid #ffe292; }

.sscc_print dl { position:relative; margin-bottom:1px; }
.sscc_print dl dt { position:relative; height:39px; text-align:center; }
.sscc_print dl dt img.on { display:none; }
.sscc_print dl dt img.off { display:inline; }
.sscc_print dl.on dt img.on { display:inline; }
.sscc_print dl.on dt img.off { display:none; }
.sscc_print dl.step01 dt { background:#688e1f; }
.sscc_print dl.step02 dt { background:#bf5442; }
.sscc_print dl.step03 dt { background:#a04739; }
.sscc_print dl.step04 dt { background:#883e31; }
.sscc_print dl dt a.bt_tit { display:block; }
.sscc_print dl dt a.bt_solve { position:absolute; top:0; right:0; visibility:hidden; }
.sscc_print dl.on dt a.bt_solve { visibility:visible; }
.sscc_print dl.step01 dd { position:relative; background:url(../images/sscc_study-step_bg.jpg) no-repeat 0 0; height:1090px; padding:40px 30px 0 50px; display:none; }
.sscc_print dl.step02 dd { position:relative; background:url(../images/sscc_study-step02_bg.jpg) no-repeat 0 0; height:1090px; padding:40px 30px 0 50px; display:none; }
.sscc_print dl.step03 dd { position:relative; background:url(../images/sscc_study-step03_bg.jpg) no-repeat 0 0; height:1090px; padding:40px 30px 0 50px; display:none; }
.sscc_print dl.step04 dd { position:relative; background:url(../images/sscc_study-step04_bg.jpg) no-repeat 0 0; height:1090px; padding:40px 30px 0 50px; display:none; }
.sscc_print dl.on dd { display:block; }
.sscc_print dl dd ul { position:relative; *zoom:1; margin-bottom:24px; }
.sscc_print dl dd ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.sscc_print dl dd ul li { position:relative; float:left; width:20%; height:84px; background:url(../images/sscc_study-step_ball_shadow.png) no-repeat center bottom; }
.sscc_print dl dd ul li .ic_cha { position:absolute; top:-20px; left:22px; }
.sscc_print dl dd ul li a { display:block; width:64px; height:64px; line-height:64px; border-radius:100%; margin:0 auto; text-align:center; color:#fadd8d; font-size:20px; font-weight:700; border:4px solid #ffe292; background:#deb23a; }
.sscc_print dl dd ul li.red a { border:4px solid #688e1f; background:#688e1f; color:#fff; }
.sscc_print dl dd ul li.green a { border:4px solid #84b558; background:#84b558; color:#fff; }
.sscc_print dl dd ul li.green-wb a { border:4px solid #fff; background:#84b558; color:#fff; }
.sscc_print dl dd ul li.yell-wb a { border:4px solid #fff; color:#fff; }
.sscc_print dl dd ul li a:hover { text-decoration:none; }
.sscc_print dl dd ul li.green-wb a:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
/*20151121*/
.pu_sel { position:relative; top:-20px; left:16px; width:80px; padding:5px 9px; background:#fff; border-radius:12px; box-shadow:0 5px 10px rgba(0,0,0,0.2); color:#5a5a5a !important; font-weight:bold; display:none; z-index:1; }
#bt_sel_pu:hover .pu_sel { display:block; }
.pu_sel .arrow { position:relative; top:-10px; left:35px; width:9px; height:6px; background:url(../images/pu_login_arrow.gif) no-repeat 0 0; }
.pu_sel p { margin:0 0 5px; }
.pu_sel p a { color:#84b558 !important; text-align:center; padding:5px !important; height:15px !important; border-radius:5px !important; line-height:1.2  !important; margin:0 auto; text-align:center; font-size:14px !important; font-weight:700; border:#eee 1px solid !important; background:#f5f5f5 !important; }
.pu_sel p a:hover { color:#555 !important; }
/*20151121*/

.sscc_print_list { position:relative; padding:24px 20px; }
.sscc_print_list .t_area { position:relative; border-radius:8px; font-weight:700; padding:0 15px; background:#988143; margin-bottom:25px; }
.sscc_print_list .t_area h4 { position:relative; height:46px; line-height:46px; font-size:19px; color:#fff; }
.sscc_print_list .t_area a { position:absolute; top:10px; right:15px; width:105px; height:26px; line-height:26px; text-align:center; background:#fff; font-size:13px; color:#988143; font-weight:700; border-radius:5px; }
.sscc_print_list .t_area a img { vertical-align:middle; margin-right:8px; }
.sscc_print_list ul { position:relative; margin:0 5px; }
.sscc_print_list ul li { position:relative; float:left; width:25%; margin-bottom:20px; }
.sscc_print_list ul li .box { position:relative; width:167px; height:328px; border-radius:5px; background:#fff; margin:0 auto; }
.sscc_print_list ul li .box .ph { position:relative; padding:7px; margin:0 auto; text-align:center; }
.sscc_print_list ul li .box .ph .bgPlay { position:absolute; top:13px; left:14px; background:url(../images/bg_print_play.png); width:140px; height:186px; border-radius:3px; z-index:2; }
.sscc_print_list ul li .box .ph .bgPlay a { position:absolute; top:59px; left:37px; width:65px; height:67px; background:url(../images/bt_print_play.png) no-repeat; background-size:65px 67px; text-indent:-9999px; display:block; z-index:3; }
.sscc_print_list ul li .box .ph a img { width:140px; height:197px; }
.sscc_print_list ul li .box .tx { position:relative; font-size:13px; line-height:19px; color:#6d6d6d; margin-bottom:10px; padding:0 10px; }
.sscc_print_list ul li .box .tx a { display:block; font-size:15px; color:#907326; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.sscc_print_list ul li .box .btn { position:relative; }
.sscc_print_list ul li .box .btn a { display:block; margin:0 auto; width:75px; height:20px; text-align:center; line-height:20px; color:#fff; border-radius:3px; background:#a89a73; }
.sscc_print_list ul li .box .btn a:hover { text-decoration:none; }

.guideTop { position:relative; font-size:13px; line-height:20px; color:#564a28; margin-bottom:30px; }

.print_popup { position:relative; width:720px; background:#fff; }
.print_popup .h_area { position:relative; height:25px; line-height:25px; padding:10px; background:#ffd259; }
.print_popup .h_area a.c_btn { display:inline-block; *zoom:1; *display:inline; width:48px; height:25px; line-height:25px; color:#fff; font-weight:700; text-align:center; border-radius:3px; margin-right:3px; }
.print_popup .h_area a.c_btn:hover { text-decoration:none; }
.print_popup .h_area a.c_btn.c01 { background:#a7862d; }
.print_popup .h_area a.c_btn.c02 { background:#605129; }
.print_popup .h_area a.c_btn.c03 { background:#605129; }
.print_popup .h_area a.c_btn.c04 { background:#c74835; }
.print_popup .h_area p { position:absolute; top:10px; right:10px; width:470px; font-size:13px; color:#4f452b; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.print_popup .con { position:relative; }

.sscc_rank { position:relative; padding:45px 20px; text-align:center; }
.sscc_rank .period { position:relative; display:inline-block; *zoom:1; *display:inline; height:32px; line-height:32px; background:#e3b94a; border:1px solid #d0aa46; font-size:16px; color:#423615; padding:0 40px; margin-bottom:35px; border-radius:20px; }

ul.tab_sscc_rank { position:relative; padding-left:26px; *zoom:1; }
ul.tab_sscc_rank:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
ul.tab_sscc_rank li { position:relative; float:left; width:154px; margin-right:5px; }
ul.tab_sscc_rank li a { display:block; font-size:17px; height:37px; line-height:37px; border-radius:8px 8px 0 0; text-align:center; }
ul.tab_sscc_rank li a:hover { text-decoration:none; }
ul.tab_sscc_rank li.active a, 
ul.tab_sscc_rank li.active a:hover { color:#fff; background:#988143; }
ul.tab_sscc_rank li.inactive a, 
ul.tab_sscc_rank li.inactive a:hover { color:#876b1e; background:#d3ac44; }
.tab_sscc_rank_content { position:relative; background:#fff4d7; border:1px solid #c2a24d; border-radius:8px; padding:10px; display:none; }
.tab_sscc_rank_content.on { display:block; }

.tb_sscc_rank { width:100%; }
.tb_sscc_rank thead th { background:#988143; color:#fff; font-size:14px; height:33px; font-weight:normal; text-align:center; padding:0 15px; }
.tb_sscc_rank tbody td { border-bottom:1px solid #d7c9a7; height:43px; font-size:16px; color:#988143; text-align:center; padding:0 15px; }
.tb_sscc_rank tbody td .ic { vertical-align:middle; margin-right:10px; }
.tb_sscc_rank.my tbody td { background:#725d23; color:#fff; border:0; }

.sscc_comic { position:relative; padding:20px 20px 0; }
.sscc_comic li { position:relative; padding:20px; height:200px; border-radius:10px; background:#ae8f39; margin-bottom:25px; }
.sscc_comic li .ph { position:absolute; top:20px; left:20px; width:285px; height:200px; border-radius:10px; border:1px solid #988349; overflow:hidden; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.2); }
.sscc_comic li .tx { position:relative; height:200px; margin-left:310px; font-size:14px; line-height:20px; color:#fff; }
.sscc_comic li .tx .tit { position:absolute; top:20px; left:0; }
.sscc_comic li .tx .tit a { font-size:31px; color:#ffd259; font-weight:700; }
.sscc_comic li .tx .tit em { display:block; font-size:15px; color:#fff; padding:10px 0 0 5px; }
.sscc_comic li .tx .con-tx { position:absolute; bottom:10px; left:0; }
.sscc_comic li .tx .ic { position:absolute; }
.sscc_comic li .tx .ic.c01 { top:10px; left:185px; }
.sscc_comic li .tx .ic.c02 { top:0; left:132px; }
.sscc_comic li .tx .ic.c03 { top:25px; left:260px; }

.sscc_comic_list { position:relative; margin-top:-10px; }
.sscc_comic_list ul { position:relative; border-bottom:1px solid #d6b65b; padding:17px 5px; *zoom:1; }
.sscc_comic_list ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.sscc_comic_list ul li { position:relative; float:left; width:50%; *width:49.9%; }
.sscc_comic_list ul li .box { position:relative; margin:0 20px; height:102px; }
.sscc_comic_list ul li .box .ph { position:absolute; top:0; left:0; width:138px; height:100px; border:1px solid #d1ad4e; }
.sscc_comic_list ul li .box .tx { position:relative; margin-left:150px; font-size:13px; color:#565656; padding-top:5px; }
.sscc_comic_list ul li .box .tx a { font-size:15px; color:#544418; }
.sscc_comic_list ul li .box .tx span { display:block; padding-top:5px; }

.sscc_comic_view { position:relative; }
.sscc_comic_view .t_area { position:relative; background:#e3ba4a;  border:1px solid #d2ae4d; padding:10px 55% 10px 25px; line-height:20px; }
.sscc_comic_view .t_area h4 { position:relative; font-size:19px; color:#544418; font-weight:normal; }
.sscc_comic_view .t_area .p_btns { position:absolute; top:50%; left:50%; width:66px; height:28px; margin:-14px 0 0 -33px; }
.sscc_comic_view .t_area .p_btns a { margin:0 2px 0 3px; }
.sscc_comic_view .t_area .bt_list { position:absolute; bottom:7px; right:120px; width:85px; height:26px; line-height:26px; text-align:center; border-radius:5px; color:#fff; background:#ae8f39; }
.sscc_comic_view .t_area .date { position:absolute; bottom:10px; right:30px; color:#565656; font-size:13px; }
.sscc_comic_view .con { position:relative; padding:20px; margin:20px; background:#fff; }
.sscc_comic_view .con img { max-width:100%; }

.parent-space_main { position:relative; padding:35px 0; font-family:'Nanum Gothic', '새바탕', Sans-serif; }
.parent-space_main .b-group { position:relative; width:736px; padding:0 0 35px 3px; margin:0 auto; }
.parent-space_main .b-group ul { position:relative; *zoom:1; }
.parent-space_main .b-group ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.parent-space_main .b-group ul li { position:relative; float:left; margin-bottom:10px; }
.parent-space_main .b-group ul li a { display:block; text-indent:-9999px; }
.parent-space_main .b-group .b01 li { width:50%; *width:49.9%; }
.parent-space_main .b-group .b01 li a { height:158px; }
.parent-space_main .b-group .b01 li.m01 a { background:url(../images/p-space_b-group01_b01.gif) no-repeat 0 0; }
.parent-space_main .b-group .b01 li.m02 a { background:url(../images/p-space_b-group01_b02.gif) no-repeat 0 0; }
.parent-space_main .b-group .b01 li.m03 a { background:url(../images/p-space_b-group01_b03.gif) no-repeat 0 0; }
.parent-space_main .b-group .b01 li.m04 a { background:url(../images/p-space_b-group01_b04.gif) no-repeat 0 0; }
.parent-space_main .b-group .b01 li.m01:hover a { background:url(../images/p-space_b-group01_b01ov.gif) no-repeat 0 0; }
.parent-space_main .b-group .b01 li.m02:hover a { background:url(../images/p-space_b-group01_b02ov.gif) no-repeat 0 0; }
.parent-space_main .b-group .b01 li.m03:hover a { background:url(../images/p-space_b-group01_b03ov.gif) no-repeat 0 0; }
.parent-space_main .b-group .b01 li.m04:hover a { background:url(../images/p-space_b-group01_b04ov.gif) no-repeat 0 0; }
.parent-space_main .b-group .b02 li { width:25%; }
.parent-space_main .b-group .b02 li a { height:141px; }
.parent-space_main .b-group .b02 li.m01 a { background:url(../images/p-space_b-group02_b01.gif) no-repeat 0 0; }
.parent-space_main .b-group .b02 li.m02 a { background:url(../images/p-space_b-group02_b02.gif) no-repeat 0 0; }
.parent-space_main .b-group .b02 li.m03 a { background:url(../images/p-space_b-group02_b03.gif) no-repeat 0 0; }
.parent-space_main .b-group .b02 li.m04 a { background:url(../images/p-space_b-group02_b04.gif) no-repeat 0 0; }
.parent-space_main .about-service { position:relative; margin:0 45px 45px 34px; background:#f6f6f6; border:1px solid #cbcbcb; border-radius:8px; padding:20px 35px; font-size:14px; line-height:24px; color:#777; }
.parent-space_main .about-service em { font-size:18px; color:#4c5c9a; }
.parent-space_main .mean { position:relative; margin:0 45px 0 34px; }
.parent-space_main h4 { position:relative; font-size:24px; color:#688e1f; font-weight:700; margin-bottom:25px; }
.parent-space_main dl { position:relative; margin-bottom:30px; }
.parent-space_main dl dt { position:relative; font-size:16px; color:#5b5b5b; margin-bottom:15px; height:23px; line-height:23px; padding-left:30px; }
.parent-space_main dl dt em { position:absolute; top:0; left:0; width:23px; height:23px; border-radius:100%; text-align:center; color:#fff; background:#917c54; font-size:16px; }
.parent-space_main dl dd { position:relative; font-size:16px; line-height:24px; color:#808080; }
.parent-space_main dl dd li { position:relative; padding-left:16px; background:url(../images/deco_grey-dot.gif) no-repeat 6px 11px; }
.parent-space_history { position:relative; padding:35px 25px; }

ul.tab_ps_history { position:relative; border-bottom:1px solid #917c54; margin-bottom:25px; *zoom:1; }
ul.tab_ps_history:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
ul.tab_ps_history li { position:relative; float:left; width:168px; margin-right:3px; }
ul.tab_ps_history li a { display:block; height:29px; line-height:29px; background:#e2e2e2; border:1px solid #c4c4c4; border-bottom:0; color:#747474; font-size:13px; font-weight:700; text-align:center; }
ul.tab_ps_history li a:hover { text-decoration:none; }
ul.tab_ps_history li.active a, 
ul.tab_ps_history li.active a:hover { height:30px; margin-bottom:-1px; color:#917c54; background:#fff; border:1px solid #917c54; border-bottom:0; }
.tab_ps_history_content { position:relative; display:none; }
.tab_ps_history_content.on { display:block; }

.board_top { position:relative; height:27px; }
.board_top .b_search { position:absolute; top:0; left:0; }
.board_top .b_search select { border:1px solid #d3d4d7; border-radius:3px; height:27px; background:url(../images/b-top_search_bg.gif) repeat-x 0 0; }
.board_top .b_search input[type=text] { border:1px solid #d3d4d7; border-radius:3px; height:25px; line-height:25px; padding:0 9px; width:165px; background:url(../images/b-top_search_bg.gif) repeat-x 0 0; }
.board_top .count { position:absolute; top:0; right:0; font-size:14px; line-height:27px; color:#616060; }
.board_top .count em { margin-right:20px; }

.board_bottom { position:relative; height:28px; text-align:right; }
.board_bottom .count_num { position:absolute; top:0; left:0; line-height:27px; color:#888; z-index:1; }
.board_bottom .count_num select { border:1px solid #d3d4d7; border-radius:3px; height:27px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#535454; margin-left:7px; width:60px; padding-left:10px; background:url(../images/b-top_search_bg.gif) repeat-x 0 0; }

.pagination { display:inline-block; *zoom:1; *display:inline; }
.pagination a { vertical-align:top; margin:0 1px; }
.pagination span { margin:0 3px; display:inline-block; *zoom:1; *display:inline; }
.pagination span a { display:inline-block; *zoom:1; *display:inline; font-size:11px; height:25px; padding:0 10px; border:1px solid #dbdcdf; color:#a6a6a6; font-weight:normal; line-height:25px; background:#fff; }
.pagination span a.on { color:#606060; text-decoration:none; border:1px solid #9fa0a2; }

.tb_ps-history { width:100%; border-top:1px solid #262626; font-size:12px; }
.tb_ps-history th { background:#f3f3f3; color:#646464; height:40px; font-weight:700; font-size:12px; text-align:center; }
.tb_ps-history td { color:#565656; height:48px; border-bottom:1px solid #d7d7d7; text-align:center; padding:0 10px; }
.tb_ps-history td a.bt_move-class {display:inline-block; *zoom:1; *display:inline; width:64px; height:20px; line-height:20px; text-align:center; color:#fff; background:#e9932e; border-radius:10px; font-size:11px; font-weight:700; }
.tb_ps-history td.tl { font-size:14px; }
.tb_ps-history td a { color:#688e1f; }
.tb_ps-history td a.grey { color:#565656; }
.bt_note-open { display:inline-block; *zoom:1; *display:inline; width:68px; height:20px; line-height:20px; border-radius:10px; text-align:center; color:#fff !important; font-size:12px; font-weight:700; background:#e9932e; }
.bt_note-open:hover { text-decoration:none; }

.class-list { position:relative; padding:17px; }
.class-list .tit_class { position:relative; margin:0 -9px 55px; *zoom:1; }
.class-list .tit_class:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.class-list .tit_class li { position:relative; float:left; width:50%; *width:49.9%; }
.class-list .tit_class li .box { position:relative; margin:0 9px; }
.class-list .tit_class li .box .t_area { position:relative; height:35px; line-height:35px; background:#eee; border:1px solid #ddd; border-width:1px 0; font-size:16px; color:#675635; padding:0 80px 0 15px; }
.class-list .tit_class li .box a.bt_move-class { position:absolute; bottom:9px; right:9px; width:58px; height:18px; line-height:18px; text-align:center; color:#fff; background:#e9932e; border-radius:10px; font-size:11px; font-weight:700; }
.class-list .tit_class li .box .c_area { position:relative; padding:15px; }
.class-list .tit_class li .box .c_area .g-info { position:relative; height:95px; margin-bottom:10px; }
.class-list .tit_class li .box .c_area .g-info .ph { position:absolute; top:0; left:0; width:166px; height:93px; border:1px solid #000; }
.class-list .tit_class li .box .c_area .g-info .ph .bt_play { position:absolute; top:50%; left:50%; width:47px; height:47px; margin:-24px 0 0 -24px; background:url(../images/bt_video-play.png) no-repeat 0 0; display:block; text-indent:-9999px; }
.class-list .tit_class li .box .c_area .g-info .tx { position:relative; margin-left:180px; padding-top:10px; *zoom:1; }
.class-list .tit_class li .box .c_area .g-info .tx:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.class-list .tit_class li .box .c_area .g-info .tx dl { position:relative; float:left; width:50%; *width:49.9%; height:18px; line-height:18px; margin-bottom:11px; }
.class-list .tit_class li .box .c_area .g-info .tx dl.w100 { width:100%; }
.class-list .tit_class li .box .c_area .g-info .tx dl dt { position:absolute; top:0; left:0; width:45px; height:18px; text-align:center; color:#fff; background:#675635; border-radius:3px; font-size:11px; }
.class-list .tit_class li .box .c_area .g-info .tx dl dd { position:relative; margin-left:50px; }
.class-list .tit_class li .box .c_area .d-info { position:relative; height:95px; margin-bottom:10px; font-size:14px; line-height:22px; color:#5d5d5d; height:44px; overflow:hidden; }

.class_ic_guide { position:relative; margin-bottom:50px; color:#5d5d5d; line-height:19px; }
.class_ic_guide img { vertical-align:middle; margin-right:6px; }
.class_ic_guide li { display:inline-block; *zoom:1; *display:inline; margin-right:10px; letter-spacing:-1px; }

.tb_class-list { width:100%; border-top:1px solid #d7d7d7; font-size:14px; }
.tb_class-list th { background:#f3f3f3; color:#675635; height:38px; text-align:center; border-bottom:1px solid #d7d7d7; }
.tb_class-list td { color:#565656; border-bottom:1px solid #d7d7d7; text-align:center; padding:14px 10px; }
.tb_class-list td a { color:#565656; }
.tb_class-list td a.tit { font-size:18px; margin-right:5px; }
.tb_class-list td p { padding-top:5px; }
.tb_class-list td .ic { vertical-align:middle; margin-right:5px; }
.tb_class-list td a.bt_move-class { display:inline-block; *zoom:1; *display:inline; width:64px; height:20px; line-height:20px; text-align:center; color:#fff; background:#e9932e; border-radius:10px; font-size:11px; font-weight:700; }
.tb_class-list td a.bt_move-class1 { display:inline-block; *zoom:1; *display:inline; width:64px; height:20px; line-height:20px; text-align:center; color:#fff; background:#dedede; border-radius:10px; font-size:11px; font-weight:700; }
.tb_class-list td a.bt_listen-class {display:inline-block; *zoom:1; *display:inline; width:50px; height:20px; line-height:20px; text-align:center; color:#fff; background:darkblue; border-radius:10px; font-size:11px; font-weight:700; margin-left:20px;}

.class-detail { position:relative; padding:17px 25px; font-family:'Nanum Gothic', '새바탕', Sans-serif; }
.class-detail .tab_navi { position:relative; border-bottom:1px solid #675635; margin-bottom:20px; *zoom:1; }
.class-detail .tab_navi:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.class-detail .tab_navi li { position:relative; float:left; width:192px; margin-right:2px; }
.class-detail .tab_navi li a { display:block; height:32px; line-height:32px; background:#675635; border:1px solid #917c54; border-bottom:0; color:#fff; font-size:13px; text-align:center; font-weight:normal; letter-spacing:-1px; }
.class-detail .tab_navi li a:hover { text-decoration:none; }
.class-detail .tab_navi li.on a, 
.class-detail .tab_navi li.on a:hover { font-size:16px; font-weight:700; height:33px; margin-bottom:-1px; color:#675635; background:#fff; border:1px solid #675635; border-bottom:0; }
.class-detail .about-class { position:relative; margin-bottom:40px; }
.class-detail .about-class .con { position:relative; height:305px; overflow:hidden; }
.class-detail .about-class .con.more { height:auto; overflow:visible; }
.class-detail .about-class .ph { position:absolute; top:0; left:5px; width:374px; height:209px; border:1px solid #000; }
.class-detail .about-class .ph .bt_play { position:absolute; top:50%; left:50%; width:85px; height:85px; margin:-42px 0 0 -42px; background:url(../images/bt_video-play_big.png) no-repeat 0 0; display:block; text-indent:-9999px; }
.class-detail .about-class .tx { position:relative; margin-left:410px; color:#5d5d5d; }
.class-detail .about-class .tx .tit { position:relative; padding:0 0 4px 8px; font-size:18px; line-height:2; color:#675635; border-bottom:1px solid #d0d0d0; margin-bottom:20px; }
.class-detail .about-class .tx .tit em { position:relative; margin:0 10px; top:-1px;}
.class-detail .about-class .tx .g-info { position:relative; *zoom:1; height:167px; overflow:hidden; }
.class-detail .about-class .tx .g-info:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.class-detail .about-class .tx .g-info dl { position:relative; float:left; width:33.3%; line-height:20px; margin-bottom:10px; font-size:12px; }
.class-detail .about-class .tx .g-info dl.w66 { width:66.6%; }
.class-detail .about-class .tx .g-info dl.w50 { width:50%; *width:49.9%; }
.class-detail .about-class .tx .g-info dl.w100 { width:100%; *width:99.9%; }
.class-detail .about-class .tx .g-info dl.h60 { height:60px; overflow:hidden;}
.class-detail .about-class .tx .g-info dl dt { position:absolute; top:0; left:0; width:54px; height:20px; text-align:center; color:#fff; background:#e9932e; border-radius:3px; }
.class-detail .about-class .tx .g-info dl dd { position:relative; margin-left:60px; }
.class-detail .about-class .tx .g-info dl dd .ic { margin-left:3px; }
.class-detail .about-class .b-info { position:relative; font-size:13px; margin-bottom:10px; }
.class-detail .about-class .d-info { position:relative; font-size:14px; line-height:1.8; color:#5d5d5d; }
.class-detail .btn { position:relative; text-align:right; padding-top:5px; }
.class-detail .btn .bt_view-less { display:none; }

.class-detail .about-teacher { position:relative; margin-bottom:20px; padding:20px 0; border-bottom:#ddd 1px solid; }
.class-detail .about-teacher .g-info { position:relative; margin-bottom:10px; }
.class-detail .about-teacher .g-info .ph { position:absolute; top:0; left:0; }
.class-detail .about-teacher .g-info .ph img { width:80px; }
.class-detail .about-teacher .g-info .tx { position:relative; margin-left:100px; font-size:14px; line-height:1.8; color:#5d5d5d; min-height:113px; }
.class-detail .about-teacher .g-info .tx em { display:block; color:#719a21; font-size:15px; font-weight:700; margin-bottom:4px; }
.class-detail .about-teacher .g-info .tx li { position:relative; background:url(../images/deco_hf-arrow.gif) no-repeat 0 13px; padding:4px 0 4px 12px; }
.class-detail .about-teacher .g-info .tx p { padding-bottom:10px; }
.class-detail .about-teacher .g-info .tx p span { font-size:13px; font-weight:700; }
.class-detail .about-teacher .g-info .tx p input[type=button] { padding:5px 10px; margin:3px 2px; cursor:pointer; }
.class-detail .about-teacher .d-info { position:relative; font-size:13px; line-height:22px; margin-left:98px; color:#5d5d5d; padding:0 5px; height:5px; overflow:hidden; }
.class-detail .about-teacher .d-info.more { height:auto; overflow:visible; }
.class-detail .about-teacher .d-info .tit { position:relative; color:#719a21; }

input[type=button].btn_sam { width:140px; height:29px; background:url(../images/bt_sam.png) no-repeat; border:none; font-size:14px; font-weight:bold; color:#fff; margin:0 10px; }

.tb_ab_class-list { width:100%; font-size:14px; color:#5c5c5c; letter-spacing:-1px; }
.tb_ab_class-list td { border-bottom:1px solid #d7d7d7; padding:8px 10px; text-align:center; }
.tb_ab_class-list td img { vertical-align:middle; }
.tb_ab_class-list td a.tit { color:#5c5c5c; margin-right:10px; }
.tb_ab_class-list td .ic { margin-right:3px; }
.tb_ab_class-list td .btn_tx { display:inline-block; *zoom:1; *display:inline; width:40px; height:19px; line-height:18px; text-align:center; font-size:12px; font-weight:700; letter-spacing:-1px; background:#f8f8f8; border:1px solid #cecece; margin:0 1px; border-radius:3px; }
.tb_ab_class-list td .btn_tx:hover { text-decoration:none; }
.tb_ab_class-list td .btn_tx.c01 { background:#e9932e; border:1px solid #cd822a; color:#fff; }
.tb_ab_class-list td .btn_tx.c02 { background:transparent; border:0px; color:#88ab6b; width:50px; }
.tb_ab_class-list td .btn_tx.c03 { color:#4f4e4e; }
.tb_ab_class-list td .btn_tx.c04 { color:#c99558; }
.tb_ab_class-list td .bt_bm { margin:0 3px; }
.tb_ab_class-list td.sm { font-size:12px; color:#777; }
.tb_ab_class-list td a.vimeo { background-color:#0059b3; border:1px solid #000080; color:#fff; }

.sscc_set { position:relative; padding:45px 20px; }
.sscc_set .guide { position:relative; font-size:17px; color:#7a6839; font-weight:700; text-align:center; margin-bottom:10px; }
.sscc_set .form { position:relative; background:#988143; padding:5px 15px 25px; border-radius:8px; margin-bottom:20px; }
.sscc_set .form dl { position:relative; line-height:50px; border-bottom:1px solid #bda257; color:#fff; }
.sscc_set .form dl.last { border:0; }
.sscc_set .form dl dt { position:absolute; top:0; left:20px; font-size:16px; }
.sscc_set .form dl dd { position:relative; margin-left:135px; font-size:14px; }
.sscc_set .form dl dd input[type=text] { border:0; height:26px; line-height:26px; padding:0 10px; width:200px; margin-right:10px; }
.sscc_set .form dl dd .yel { font-size:12px; color:#ffd259; }
.sscc_set .form .option { position:relative; background:#483f26; padding:15px 35px; margin:0 10px; border-radius:10px; *zoom:1; }
.sscc_set .form .option:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.sscc_set .form .option li { position:relative; float:left; width:30%; padding:5px 0; }
.sscc_set .form .option li.last { width:10%; }
.sscc_set .form .option li img { vertical-align:middle; }
.sscc_set .btn { position:relative; text-align:center; }
.sscc_set .btn a { display:inline-block; *zoom:1; *display:inline; width:140px; height:40px; line-height:20px; text-align:center; color:#fff; background:#988143; border-radius:7px; font-size:16px; padding:5px 0; }
.sscc_set .btn a:hover { text-decoration:none; }

.id_management { position:relative; padding:45px 85px; }
.id_management h4 { position:relative; font-size:28px; color:#454545; font-weight:700; text-align:center; margin-bottom:45px; }
.id_management h4 img { vertical-align:middle; margin-right:15px; }
.id_management .t_area { position:relative; height:27px; line-height:27px; margin-bottom:10px; }
.id_management .t_area select { height:27px; border:1px solid #d3d4d7; border-radius:4px; margin-right:5px; vertical-align:top; color:#888; padding-left:9px; width:120px; }
.id_management .t_area .tx { position:absolute; top:0; right:0; font-size:13px; color:#8b8b8b; text-align:right; }
.id_management .t_area .tx img { vertical-align:middle; margin-right:3px; }
.id_management .form { position:relative; background:#f4f4f4; border:1px solid #b4b4b4; border-width:1px 0; padding:22px 26px; margin-bottom:20px; }
.id_management .form dl { position:relative; padding:6px 0; }
.id_management .form dl dt { position:absolute; top:6px; left:8px; line-height:47px; font-size:14px; color:#393939; }
.id_management .form dl dd { position:relative; margin-left:120px; }
.id_management .form dl dd input[type=text],
.id_management .form dl dd input[type=password] { display:block; background:#fff; border:1px solid #c2c2c2; width:438px; height:45px; line-height:45px; font-size:14px; padding:0 9px; border-radius:4px; }
.id_management .form dl dd input.dis { background:#f5f5f5 !important; }
.id_management .form dl dd select { display:block; background:#fff; border:1px solid #c2c2c2; width:458px; height:47px; line-height:47px; font-size:14px; padding:0 0 0 9px; border-radius:4px; }
.id_management .form dl dd .bt_tx { position:absolute; top:10px; right:10px; width:85px; height:26px; line-height:26px; background:#8f8f8f; text-align:center; color:#fff; font-size:13px; font-weight:700; z-index:1; border-radius:4px; }
.id_management .form dl dd .bt_tx:hover { text-decoration:none; }
.id_management .btn { position:relative; text-align:center; }
.id_management .btn a { display:inline-block; *zoom:1; *display:inline; height:49px; line-height:49px; padding:0 25px; border-radius:7px; color:#fefefe; font-size:16px; font-weight:700; margin:0 3px; background:#9c9c9c; }
.id_management .btn a.blue { background:#917c54; }
.id_management .btn a:hover { text-decoration:none; }
.id_management .req { position:relative; margin-bottom:8px; top:-5px; text-align:right; width:100%;}

.data_board { position:relative; padding:20px 25px; }
.data_board .t_guide { position:relative; background:#f1f1f1; border:1px solid #dcdcdc; padding:15px; font-size:13px; line-height:20px; color:#5d5d5d; margin-bottom:10px; }
.data_board .t_guide li { position:relative; background:url(../images/deco_grey-dot3x3.gif) no-repeat 0 10px; padding:2px 0 2px 11px; }

.tb_data_board_write { width:100%; border-top:1px solid #e1e1e1; }
.tb_data_board_write thead { background:#f3f3f3; }
.tb_data_board_write th { color:#383838; border-bottom:1px solid #e1e1e1; font-weight:normal; text-align:left; padding-left:20px; height:46px; }
.tb_data_board_write td { color:#5b5b5b; border-bottom:1px solid #e1e1e1; padding:14px 0; font-size:15px; }
.tb_data_board_write td input[type=password],
.tb_data_board_write td input[type=text] { border:1px solid #cecece; height:26px; line-height:26px; padding:0 9px; }
.tb_data_board_write td input[type=file] { border:1px solid #cecece; height:26px; line-height:26px; }
.tb_data_board_write td textarea { border:1px solid #cecece; line-height:18px; padding:9px; }

.bt_b_txt { display:inline-block; *zoom:1; *display:inline; width:78px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:13px; }
.bt_b_txt:hover { text-decoration:none; }
.bt_b_txt.grey { background:#9f9f9f; border:1px solid #9f9f9f; }
.bt_b_txt.blue { background:#917c54; border:1px solid #78633f; }

.tb_data_board_read { width:100%; }
.tb_data_board_read thead th { font-size:15px; color:#383838; padding:15px 13px; font-weight:normal; border-bottom:1px solid #e1e1e1; text-align:left; }
.tb_data_board_read tbody th { color:#797979; border-bottom:1px solid #e1e1e1; font-weight:normal; text-align:left; padding:15px 13px; font-size:13px; vertical-align:top; }
.tb_data_board_read tbody td { color:#383838; border-bottom:1px solid #e1e1e1; padding:10px 0; font-size:13px; }
.tb_data_board_read tbody td.con { font-size:14px; line-height:28px; padding:25px 15px; color:#6b6b6b; }
.tb_data_board_read tbody td.file { font-size:12px; line-height:30px; padding:10px 15px; color:#424242; }
.tb_data_board_read tbody td.file a { color:#424242; }
.tb_data_board_read tbody td.file a img { vertical-align:middle; margin-right:10px; }

.board_comment { position:relative; }
.board_comment .count { position:relative; font-size:14px; color:#1f67a4; margin-bottom:10px; padding-left:15px; }
.board_comment ul { position:relative; background:#f7f7f7; border:1px solid #e2e2e2; padding:0 15px; margin-bottom:10px; }
.board_comment ul li { position:relative; padding:10px 0; border-bottom:1px dashed #d6d6d6; font-size:14px; line-height:18px; color:#6a6a6a; }
.board_comment ul li:last-child { border:0; }
.board_comment ul li .name { position:absolute; top:10px; left:0; color:#010101; }
.board_comment ul li .time { position:absolute; top:10px; left:65px; font-size:12px; line-height:20px; color:#a1a1a1; font-family:"돋움", "돋움체", dotum; }
.board_comment ul li .time img { vertical-align:middle; margin-left:5px; }
.board_comment ul li .btn { position:absolute; top:10px; right:0; }
.board_comment ul li .btn a { margin-left:5px; }
.board_comment ul li .tx { position:relative; margin:0 80px 0 200px; }
.board_comment .write { position:relative; padding-right:57px; margin-bottom:45px; }
.board_comment .write textarea { border:1px solid #d8d8d8; width:755px; height:36px; padding:5px; font-size:12px; color:#b0b0b0; font-family:"돋움", "돋움체", dotum; }
.board_comment .write a { position:absolute; top:0; right:0; }
.board_lr_btn { position:relative; margin-bottom:20px; }
.board_lr_btn .r_btn { position:absolute; top:0; right:0; }
.board_lr_btn .r_btn a { margin-left:5px; }

.data_board_list { width:100%; font-size:14px; color:#565656; border-top:1px solid #d7d7d7; }
.data_board_list th,
.data_board_list td { border-bottom:1px solid #d7d7d7; text-align:center; padding:15px; }
.data_board_list td.tit { text-align:left; font-size:14px; }
.data_board_list td.tit a { color:#565656; }

.book-search { position:relative; padding:39px; }
.book-search .t_search { position:relative; background:#f2f2f2; border:1px solid #e5e5e5; padding:35px; text-align:center; margin-bottom:35px; }
.book-search .t_search input[type=text] { width:345px; border:3px solid #bebebe; height:39px; line-height:39px; vertical-align:middle; font-size:16px !important; color:#aaa; padding:0 19px; margin-right:5px; border-radius:30px; }
.book-search .t_search img { vertical-align:middle; }
.book-search .search_guide { position:relative; padding:0 15px; }
.book-search .search_guide h4 { position:relative; font-size:22px; color:#9f7943; font-weight:700; margin-bottom:30px; }
.book-search .search_guide>ul>li { position:relative; font-size:15px; line-height:1.5; color:#494949; margin-bottom:12px; padding-left:20px; background:url(../images/deco_sb-dot.gif) no-repeat 5px 7px; }
.book-search .search_guide li ul { padding:5px 0 0 10px; }
.book-search .search_guide li li { font-size:13px; line-height:1.5; color:#787878; }

.book-search .search_result { position:relative; }
.book-search .search_result .unit { position:relative; margin-bottom:15px; }
.book-search .search_result .unit .t_area { position:relative; height:38px; line-height:38px; background:#917c54; color:#fff; padding-left:12px; font-size:15px; margin-bottom:8px; }
.book-search .search_result .unit .t_area .bt_view-more { position:absolute; top:0; right:0; width:80px; height:38px; text-align:center; color:#fff; font-size:13px; background:#675635; }
.book-search .search_result .unit dl { position:relative; border-bottom:1px solid #d7d7d7; }
.book-search .search_result .unit dl dt { position:relative; border-top:1px solid #262626; background:#f3f3f3; font-size:14px; color:#646464; line-height:44px; margin-bottom:-1px; }
.book-search .search_result .unit dl dt a { color:#646464; }
.book-search .search_result .unit dl dt a:hover { text-decoration:none; }
.book-search .search_result .unit dl dt p { position:relative; padding:0 10px 0 45px; border-bottom:1px solid #d7d7d7; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.book-search .search_result .unit dl.final dt p { text-overflow:inherit; overflow:inherit; white-space:inherit; line-height:22px; padding:12px 10px 12px 45px; }
.book-search .search_result .unit dl dt p .ic_ty { vertical-align:middle; margin-right:10px; }
.book-search .search_result .unit dl dt .num { position:absolute; top:0; left:0; color:#646464; font-weight:700; font-size:20px; width:40px; text-align:center; }
.book-search .search_result .unit dl dt .st01 { font-weight:700; font-size:15px; margin-right:12px; color:#688e1f; }
.book-search .search_result .unit dl dt .st02 { font-weight:700; margin-right:10px; color:#69a25c; }
.book-search .search_result .unit dl .fc_red { color:#688e1f; }
.book-search .search_result .unit dl .fc_blue { color:#69a25c; }
.book-search .search_result .unit dl b { font-weight:700; }
.book-search .search_result .unit dl dt .g-ic { display:inline-block; *zoom:1; *display:inline; height:20px; line-height:20px; background:#afafaf; border:1px solid #afafaf; color:#fff; padding:0 6px; font-size:12px; vertical-align:middle; }
.book-search .search_result .unit dl dt .g-ic.blue { background:#e9932e; border:1px solid #c07926; }
.book-search .search_result .unit dl dt .g-ic:hover { text-decoration:none; }
.book-search .search_result .unit dl dt .dis-price { color:#9b9b9b; text-decoration:line-through; margin-right:10px; }
.book-search .search_result .unit dl dd { position:relative; font-size:15px; line-height:28px; color:#565656; padding:15px; }
.book-search .search_result .unit dl dd em { display:inline-block; *zoom:1; *display:inline; }
.book-search .search_result .unit dl dd.ty02 { padding:15px 15px 15px 45px; }
.book-search .search_result .unit dl dd .st01 { color:#69a25c; }
.book-search .search_result .unit dl dd .st02 { color:#464646; background:#d1d1d1; padding:0 5px; margin-right:5px; }
.book-search .search_result .unit dl dd .from { font-size:13px; color:#7a7a7a; }

.book-search .search_re_f01 { position:relative; margin-bottom:15px; }
.book-search .search_re_f01 h4 { position:relative; font-size:14px; color:#7a7a7a; background:#ededed; border:1px solid #dbdbdb; padding:5px; text-align:center; line-height:18px; font-weight:normal; }

.book-search .search_re_f01 ul { position:relative; padding:10px; border-bottom:1px solid #dadada; }
.book-search .search_re_f01 ul li { position:relative; font-size:14px; color:#6c6c6c; padding:6px 0 6px 12px; line-height:18px; background:url(../images/deco_sb-dot.gif) no-repeat 0 11px; }

.tb_search_re_f01 { width:100%; line-height:22px; }
.tb_search_re_f01 th { font-size:14px; font-weight:normal; text-align:left; color:#414141; padding:10px; vertical-align:top; border-bottom:1px solid #dadada; }
.tb_search_re_f01 td { font-size:13px; color:#6c6c6c; padding:10px; vertical-align:top; border-bottom:1px solid #dadada; }
.tb_search_re_f01 td a { color:#069; }
.tb_search_re_f01 td b { color:#373737; }

.book-search .search_re_f02 { position:relative; border:1px solid #dbdbdb; }
.book-search .search_re_f02 h4 { position:relative; padding:5px 15px; background:#ededed; color:#688e1f; font-size:16px; font-weight:700; border-bottom:1px solid #dbdbdb; }
.book-search .search_re_f02 h5 { position:relative; color:#688e1f; font-size:15px; font-weight:700; margin-bottom:10px; }
.book-search .search_re_f02 .con { position:relative; padding:15px; }
.book-search .search_re_f02 .con ul li { position:relative; font-size:14px; color:#6c6c6c; padding:6px 0 6px 15px; line-height:20px; background:url(../images/deco_sb-dot.gif) no-repeat 2px 13px; }

.use-guide { position:relative; border-bottom:1px solid #dcdcdc; margin-bottom:20px; min-height:400px; }
.use-guide dl { position:relative; margin-bottom:2px; }
.use-guide dl dt { position:relative; height:38px; line-height:38px; background:url(../images/use-guide_arrow_open.png) no-repeat right 0 #5f5f5f; padding-left:12px; font-size:16px; font-weight:700; color:#fff; cursor:pointer; }
.use-guide dl.on dt { background:url(../images/use-guide_arrow_close.png) no-repeat right 0 #e9932e; }
.use-guide dl dd { position:relative; padding:20px 0 30px; font-size:15px; line-height:24px; color:#494949; display:none; }
.use-guide dl.on dd { display:block; }
.use-guide dl dd .con { position:relative; padding:0 30px; }
.use-guide dl dd .con .step { position:relative; padding:6px 0; color:#5065b2; font-weight:700; }
.use-guide h4 { position:relative; height:38px; line-height:38px; background:#eaeaea; padding-left:12px; font-size:16px; font-weight:700; color:#688e1f; margin-bottom:15px; }

.use-guide dl dt.faq { position:relative; height:38px; line-height:38px; background:url(../images/use-guide_arrow_open.png) no-repeat right 0 #675635; padding-left:12px; font-size:16px; font-weight:700; color:#fff; cursor:pointer; }/*20160123*/
.use-guide dl.on dt.faq { background:url(../images/use-guide_arrow_close.png) no-repeat right 0 #e9932e; }/*20160123*/

.use-guide1 { position:relative; border-bottom:1px solid #dcdcdc; margin-bottom:20px; min-height:400px; }
.use-guide1 dl { position:relative; margin-bottom:2px; }
.use-guide1 dl dt { position:relative; height:38px; line-height:38px; background:url(../images/use-guide_arrow_open.png) no-repeat right 0 #5f5f5f; padding-left:12px; font-size:16px; font-weight:700; color:#fff; cursor:pointer; }
.use-guide1 dl.on dt { background:url(../images/use-guide_arrow_close.png) no-repeat right 0 #e9932e; }
.use-guide1 dl dd { position:relative; padding:20px 0 30px; font-size:15px; line-height:24px; color:#494949; display:none; }
.use-guide1 dl.on dd { display:block; }
.use-guide1 dl dd .con { position:relative; padding:0 30px; }
.use-guide1 dl dd .con .step { position:relative; padding:6px 0; color:#5065b2; font-weight:700; }
.use-guide1 h4 { position:relative; height:38px; line-height:38px; background:#eaeaea; padding-left:12px; font-size:16px; font-weight:700; color:#688e1f; margin-bottom:15px; }

.use-guide1 dl dt.faq { position:relative; height:38px; line-height:38px; background:url(../images/use-guide_arrow_open.png) no-repeat right 0 #675635; padding-left:12px; font-size:16px; font-weight:700; color:#fff; cursor:pointer; }/*20160123*/
.use-guide1 dl.on dt.faq { background:url(../images/use-guide_arrow_close.png) no-repeat right 0 #e9932e; }/*20160123*/


ul.sb-dot { position:relative; margin-left:40px; }
ul.sb-dot li { position:relative; font-size:14px; color:#6c6c6c; padding:6px 0 6px 15px; line-height:20px; background:url(../images/deco_sb-dot.gif) no-repeat 2px 13px; }

.tb_ug_step-select { width:100%; border:1px solid #c6c6c6; border-width:1px 0; }
.tb_ug_step-select th { border-bottom:1px solid #c6c6c6; font-size:14px; line-height:24px; color:#5c5c5c; font-weight:normal; text-align:center; padding:5px; }
.tb_ug_step-select td { font-size:14px; line-height:24px; color:#5c5c5c; font-weight:normal; text-align:center; padding:2px 5px; }

.l_history { position:relative; padding:25px; }
.l_history h4 { position:relative; padding:10px 15px; background:#675635; color:#fff; font-size:15px; line-height:18px; font-weight:700; margin-bottom:7px; }
.l_history .g-box { position:relative; background:#f1f1f1; border:1px solid #dcdcdc; padding:10px 12px; line-height:18px; font-size:14px; color:#6c6c6c; margin-bottom:10px; }
.l_history .g-box li { position:relative; padding:6px 0 6px 12px; background:url(../images/deco_sb-dot.png) no-repeat 0 11px; }

.fee { position:relative; padding:25px; }
.fee .step { position:relative; text-align:center; margin-bottom:30px; }
.fee .step li { display:inline-block; *zoom:1; *display:inline; width:76px; padding-right:40px; background:url(../images/pay-step_arrow.gif) no-repeat 83px 0; font-size:13px; font-weight:700; }
.fee .step li.last { padding:0; background:none; }
.fee .step li em { display:block; text-align:center; width:76px; height:76px; line-height:76px; color:#fff; background:#d0d0d0; border-radius:100%; }
.fee .step li.on em { background:#e9932e; }
.fee .g-box { position:relative; background:#f1f1f1; border:1px solid #dcdcdc; padding:15px; line-height:22px; font-size:13px; color:#606060; margin-bottom:20px; }
.fee .g-box h4 { position:relative; font-size:17px; margin-bottom:5px; color:#5d5d5d; font-weight:700; }
.fee .g-box .fc_red { color:#c62f40; }
.fee .g-box .fc_blue { color:#5062a7; }
.fee .g-box .bt_grey { background:#afafaf; color:#fff; padding:0px 5px; display:inline-block; *zoom:1; *display:inline; }
.fee .g-box li { position:relative; padding-left:13px; }
.fee .g-box li a { color:#606060; }
.fee .g-box li i { position:absolute; top:0; left:0; }
.fee h4.blue { position:relative; padding:10px 15px; background:#675635; color:#fff; font-size:15px; line-height:18px; font-weight:700; }
.fee h4.grey { position:relative; padding:10px 15px; background:#ababab; color:#fff; font-size:15px; line-height:18px; font-weight:700; }
.fee .g-guide { position:relative; padding:10px 15px; background:#f1f1f1; color:#717171; font-size:13px; line-height:18px; }
.fee .l-select { position:relative; }
.fee .l-select dl { position:relative; margin-bottom:20px; }
.fee .l-select dl dt { position:relative; padding:10px 150px 10px 30px; border-bottom:1px solid #c6c6c6; font-size:15px; color:#4b5da3; font-weight:700; }
.fee .l-select dl dt input { position:absolute; top:13px; left:10px; }
.fee .l-select dl dt .fc_red { color:#c62e40; }
.fee .l-select dl dt .fc_l-blue { color:#e9932e; }
.fee .l-select dl dt .bt_view-list { position:absolute; top:10px; right:10px; width:124px; height:20px; display:block; line-height:20px; text-align:center; color:#fff; background:#e9932e; border-radius:10px; font-weight:700; font-size:12px; }
.fee .l-select dl dt .bt_view-list:hover { text-decoration:none; }
.fee .l-select dl dd { position:relative; padding:10px 30px; border-bottom:1px solid #c6c6c6; font-size:14px; line-height:26px; color:#494949; }

.fee .pay-way { position:relative; padding:15px 15px 15px 50px; border-bottom:1px solid #c6c6c6; line-height:20px; font-size:14px; color:#494949; margin-bottom:20px; }
.fee .pay-way b { position:relative; top:15px; left:-30px; font-size:15px; color:#4b5da3; font-weight:700; }
.fee .pay-way.online { padding:0px 15px 30px 155px; }
.fee .pay-way.online b { top:5px;}
.fee .pay-way.online input { width:170px; height:24px; border:#bbb 1px solid;}
.fee .pay-way.online .tx { color:#c62e40; display:inline-block; margin-left:10px; padding-left:20px; background:url(../images/ic_arrow.png) left no-repeat;  }
.fee .pay-way.online ul { margin-left:17px; margin-top:10px; }
.fee .pay-way.online ul li { text-align:left; list-style:disc; color:#4f61a6; font-size:14px; line-height:2; }

.l-th { text-decoration:line-through !important; }

.fee .confirm { position:relative; padding:15px; border-bottom:1px solid #c6c6c6; line-height:20px; font-size:14px; color:#494949; margin-bottom:20px; }
.fee .confirm li { position:relative; background:url(../images/deco_sb-dot.png) no-repeat 0 9px; padding:3px 0 3px 17px; }

.fee .bt_b-blue { display:inline-block; *zoom:1; *display:inline; padding:0 20px; height:49px; line-height:49px; text-align:center; color:#fff; background:#e9932e; border-radius:10px; font-size:16px; font-weight:700; }
.fee .bt_b-blue:hover { text-decoration:none; }
.fee .re-confirm { position:relative; padding:15px 30px; font-size:14px; line-height:26px; color:#494949; border-bottom:1px solid #c6c6c6; }
.fee .confirm-info { position:relative; padding:15px 220px; font-size:14px; line-height:20x; color:#494949; border-bottom:1px solid #c6c6c6; margin-bottom:10px; }
.fee .confirm-info dl { position:relative; padding:6px 0 6px 135px; }
.fee .confirm-info dl dt { position:absolute; top:6px; left:0; padding-left:15px; background:url(../images/deco_sb-dot.png) no-repeat 0 5px; color:#56659f; }
.fee .confirm-info dl dd { position:relative; }

.fee .phone-num { position:relative; text-align:center; font-size:14px; color:#56659f; margin-bottom:30px; margin-top:30px; }
.fee .phone-num .form { font-weight:700; font-size:25px; color:#585858; }
.fee .phone-num input[type=text] { width:80px; height:45px; line-height:45px; border:1px solid #c2c2c2; border-radius:5px; padding:0 10px; text-align:center; font-size:14px; font-weight:700; }
.fee .phone-num select { width:80px; height:47px; border:1px solid #c2c2c2; border-radius:5px; text-align:center; font-size:14px; font-weight:700; padding-left:10px; }

.fee .b_btn { position:relative; text-align:center; margin-bottom:30px; }
.fee .b_btn li { position:relative; display:inline-block; *zoom:1; *display:inline; width:232px; vertical-align:top; margin:0 5px; }
.fee .b_btn li a { display:block; padding:10px 0; text-align:center; font-size:18px; line-height:24px; color:#fff; font-weight:700; border-radius:8px; }
.fee .b_btn li a:hover { text-decoration:none; }
.fee .b_btn li.blue a { background:#e9932e; }
.fee .b_btn li.red a { background:#878787; }
.fee .b_btn li p { padding:5px 17px; font-size:12px; line-height:18px; text-align:left; }
.fee .b_btn li.blue p { color:#3e4f8e; }
.fee .b_btn li.red p { color:#666; }

.fee .g-list { position:relative; padding:15px; border-bottom:1px solid #c6c6c6; line-height:20px; font-size:14px; color:#494949; }
.fee .g-list li { position:relative; background:url(../images/deco_sb-dot.png) no-repeat 0 10px; padding:3px 0 3px 17px; }
.fee .g-list .bt_click { display:inline-block; *zoom:1; *display:inline; width:85px; height:26px; line-height:26px; background:#e9932e; border-radius:5px; color:#fff; font-weight:700; font-size:13px; }
.fee .g-list .bt_click:hover { text-decoration:none; }

.fee .go-pay { position:relative; text-align:right; color:#666; line-height:22px; margin-bottom:10px; }
.fee .go-pay a.go { display:inline-block; *zoom:1; *display:inline; background:#afafaf; color:#fff; padding:0 10px; } 
.fee .l-list dl { position:relative; margin-bottom:20px; }
.fee .l-list dl dt { position:relative; padding:10px 15px; background:#675635; color:#fff; font-size:15px; line-height:18px; font-weight:700; }
.fee .l-list dl dt .bt_view-list { position:absolute; top:10px; right:10px; width:124px; height:20px; display:block; line-height:20px; text-align:center; color:#322815; background:#e9932e; border-radius:10px; font-weight:700; font-size:12px; }
.fee .l-list dl dt .bt_view-list:hover { text-decoration:none; }
.fee .l-list dl dd { position:relative; padding:10px; border-bottom:1px solid #c6c6c6; font-size:14px; line-height:26px; color:#494949; }
.fee .l-list dl dd li { position:relative; background:url(../images/deco_sb-dot.png) no-repeat 0 13px; padding:3px 0 3px 15px; }

.coupon { position:relative; padding:25px; }
.coupon h4 { position:relative; padding:10px 15px; background:#675635; color:#fff; font-size:15px; line-height:18px; font-weight:700; }
.coupon .regi-guide { position:relative; padding:15px; border-bottom:1px solid #c6c6c6; line-height:26px; font-size:14px; color:#494949; margin-bottom:20px; }
.coupon .regi-guide li { position:relative; background:url(../images/deco_sb-dot.png) no-repeat 0 10px; padding:0 0 0 17px; }
.coupon .regi-guide .fc_red { color:#c62e40; }
.coupon .cp-num { position:relative; padding:15px; background:#d6d6d6; border:1px solid #b4b4b4; text-align:center; margin:0 22px; padding:13px 0; font-size:16px; color:#757575; font-weight:700; line-height:47px; margin-bottom:30px; }
.coupon .cp-num input[type=text] { height:45px; line-height:45px; text-align:center; padding:0 10px; border:1px solid #c2c2c2; border-radius:5px; width:70px; }
.coupon .cp-num a.btn { display:inline-block; *zoom:1; *display:inline; color:#fefefe; text-align:center; font-weight:700;  }
.coupon .cp-num a.btn:hover { text-decoration:none; }
.coupon .cp-num a.btn.grey { width:55px; height:22px; line-height:22px; border:1px solid #888; background:#a7a7a7; font-size:12px; border-radius:3px; margin-left:10px; }
.coupon .cp-num a.btn.blue { width:108px; height:49px; line-height:49px; background:#e9932e; font-size:16px; border-radius:10px; margin-left:25px; }

.tb_coupon { width:100%; line-height:20px; }
.tb_coupon thead th { background:#f3f3f3; font-size:14px; color:#646464; font-weight:700; padding:15px; }
.tb_coupon tbody td { border-bottom:1px solid #d7d7d7; font-size:13px; color:#565656; padding:15px; }

.re { padding:5px 10px 0 15px; }

.login { position:relative; border-bottom:1px solid #e8e8e8; }
.login .wrap { position:relative; width:630px; margin:0 auto; padding:70px 0; }
.login .logo { position:relative; text-align:center; margin-bottom:22px; }
.login .form { position:relative; background:#f4f4f4; border:1px solid #b4b4b4; border-width:1px 0; padding:37px 57px 0; }
.login .form dl { position:relative; height:48px; line-height:48px; margin-bottom:-1px; margin-right:103px; }
.login .form dl dt { position:absolute; top:0; left:0; font-size:14px; color:#393939; }
.login .form dl dd { position:relative; margin-left:68px; }
.login .form dl dd input { display:block; border:1px solid #c5c5c5; height:46px; line-height:46px; padding:0 15px; font-size:15px; width:315px; }
.login .form .bt_login { position:absolute; top:37px; right:57px; display:block; width:102px; height:93px; border:1px solid #cdcdcd; background:#e9932e; line-height:93px; text-align:center; color:#fff; font-weight:bold; font-size:16px; }
.login .form .bt_login:hover { text-decoration:none; }
.login .option { position:relative; line-height:40px; font-size:13px; color:#696969; margin-left:68px; }
.login .option input { margin-right:5px; }
.login .b-btn { position:relative; text-align:right; padding:13px 57px 60px; }
.login .b-btn a { display:inline-block; *zoom:1; *display:inline; height:26px; line-height:26px; padding:0 10px; background:#8f8f8f; color:#fff; border-radius:5px; margin-left:7px; }
.login .b-btn a:hover { text-decoration:none; }
.login .guide li { position:relative; font-size:15px; line-height:30px; color:#878787; background:url(../images/deco_sb-dot.png) no-repeat 0 12px; padding:0 0 0 15px; }

.logout { position:relative; border-bottom:1px solid #e8e8e8; }
.logout .wrap { position:relative; margin:0 auto; padding:60px 0 30px; text-align:center; color:#3d3d3d; }
.logout .wrap .ph01 { font-size:27px; font-weight:bold; line-height:2; letter-spacing:-1px; }
.logout .wrap .ph01 em { color:#e9932e; }
.logout .wrap .ph02 { font-size:13px; line-height:1.6; letter-spacing:-1px; }
.logout .wrap .btn a { background:#e9932e; padding:10px 15px; color:#fff; font-size:17px; display:inline-block; margin:15px 0;}
.logout .wrap .banner { width:710px; text-align:left; margin:45px auto 15px;}
.logout .wrap .banner img { width:230px; margin:2px 1px;}

.sentence { position:relative; padding:25px; color:#5d5d5d; font-size:14px; line-height:1.8; }
.sentence .tit1st { font-size:18px; font-weight:bold; padding-top:20px; padding-left:20px; }
.sentence p { padding-bottom:20px; }
.sentence ol.lsRoman li { list-style-type:lower-roman; margin-left:25px; margin-bottom:20px; }

.history { position:relative; padding:25px; color:#5d5d5d; font-size:14px; line-height:1.8; }
.history .tit1st { font-size:13pt; color:#79a524; font-weight:bold; padding-top:20px; padding-left:50px; }
.history ul.history li { list-style-type:disc; margin-left:30px; margin-bottom:0px; padding:0px; }
.history ul { margin:0px; padding:0px; }

.loadingWrap { position:relative; width:100%; height:400px; }
.loading { position:absolute; top:50%; left:50%; margin-left:-25px; margin-top:-25px; width:50px; height:50px; }

/* main - login user info */
.h_u_info {position:absolute; bottom:0px; right:5px; text-align:right} 
.h_u_info p {margin-bottom:7px; font-size:12px; color:#414141;}
.h_u_info strong, .h_u_info em {color:#79a524;}
.h_u_info .bt_re_sc {display:inline-block; *zoom:1; *display:inline-block; width:113px; height:22px; line-height:22px; text-align:center; font-size:11px; color:#fff; border-radius:4px; background:#79a524;}
.h_u_info .bt_re_sc_my {display:inline-block; *zoom:1; *display:inline-block; width:65px; height:22px; line-height:22px; text-align:center; font-size:11px; color:#fff; border-radius:4px; background:#79a524;}
.h_u_info .bt_re_sc_red {display:inline-block; *zoom:1; *display:inline-block; width:65px; height:22px; line-height:22px; text-align:center; font-size:11px; color:#fff; border-radius:4px; background:#ff9900; font-weight:bold;}

/* edu */
#me_wrap {z-index:1; position:relative; width:100%; height:100%; min-width:1050px; min-height:700px;}

#me_mv_area {position:absolute; top:0; left:0; bottom:0; width:657px; height:100%; background:#efefef;}
#me_mv_area .mv_m_tit {position:relative; top:0; left:0; width:100%; height:59px;}
#me_mv_area .mv_m_tit ul {position:absolute; top:33px; left:18px; *zoom:1;}
#me_mv_area .mv_m_tit ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#me_mv_area .mv_m_tit ul li {float:left; margin-right:18px; padding-left:14px; color:#353535; font-size:13px; background:url(../images/bl_me_cc.gif) no-repeat 0 5px;}
#me_mv_area .mv_m_tit .bt_page {position:absolute; top:22px; right:16px;}
#me_mv_area .mv_m_tit .bt_page a {display:inline-block; *display:inline; *zoom:1; margin-left:1px;}

#me_mv_area .mv_m_movie {width:640px; height:360px; margin:0 auto; background:black;}

#me_mv_area .mv_m_btn {margin-top:7px; margin-bottom:10px; padding:0 9px 0 8px; text-align:right;}
#me_mv_area .mv_m_btn a {display:inline-block; color:#4c433c; font-size:12px; border:1px solid #c6c6ce; border-radius:2px; pointer:cursor;}
#me_mv_area .mv_m_btn a > span {display:block; height:20px; line-height:20px; text-align:center; border:1px solid #fff;}
#me_mv_area .mv_m_btn a.bt_mv_speed > span {width:120px; padding-left:8px; text-align:left;  background:#fbfbfb}
#me_mv_area .mv_m_btn a.bt_mv_out > span {padding:0 15px 0 32px; background:#fbfbfb url(../images/ic_me_out.gif) no-repeat 10px 5px;}
#me_mv_area .mv_m_btn a.bt_mv_full > span {padding:0 15px 0 32px; background:#fbfbfb url(../images/ic_me_out.gif) no-repeat 10px 5px;}

#me_mv_area .mv_m_list {margin:0 9px 0 8px; background:#dfdfdf; border:1px solid #c7c7c7;}
#me_mv_area .mv_m_list strong {display:block; height:47px; padding-left:32px; line-height:47px; font-weight:normal; font-size:18px; color:#9c5e27; border-bottom:1px solid #b9b9b9;}
#me_mv_area .mv_m_list ul {margin-bottom:20px;}
#me_mv_area .mv_m_list ul li {position:relative; padding:13px 10px 10px 32px; border-bottom:1px solid #b9b9b9;}
#me_mv_area .mv_m_list ul li a {color:#454545; font-size:13px;}
#me_mv_area .mv_m_list ul li a.bt_att_file {position:absolute; top:13px; right:15px;}

#me_mv_area .mv_m_guide {position:absolute; bottom:24px; left:8px; right:9px; background:#656565;}
#me_mv_area .mv_m_guide ul{margin-left:10px; *zoom:1;}
#me_mv_area .mv_m_guide ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#me_mv_area .mv_m_guide ul li {float:left; height:33px; padding:0 7px; line-height:33px; color:#fff; }
#me_mv_area .mv_m_guide a {margin-right:15px; color:#fff; font-size:12px; font-weight:200;}
#me_mv_area .mv_m_guide a.bt_ginfo {position:absolute; top:8px; right:15px; display:inline-block; *display:inline; *zoom:1; width:55px; height:19px; line-height:19px; text-align:center; font-size:11px; background:#373737; border-radius:4px;}

#me_exp_area {position:absolute; top:0; left:657px; bottom:0; right:0; height:100%; background:#fff;}
#me_exp_area h1 {display:inline-block; width:100%; background:#665635;}
#me_exp_area h1 p {display:table-cell; padding:0 15px; height:74px; vertical-align:middle; font-size:18px; color:#efefef; font-weight:normal; }
#me_exp_area .mv_e_area {position:absolute; top:74px; bottom:0; /*width:100%;*/ width:calc(100% - 3px); overflow:auto; border-right:3px solid #333;}
#me_exp_area .mv_e_area .mv_e_bt_ky {margin:18px 25px 25px 0; text-align:right}
#me_exp_area .mv_e_area .mv_e_bt_ky a {display:inline-block; *zoom:1; *display:inline; width:64px; height:26px; line-height:26px; text-align:center; font-size:13px; font-weight:400; color:#fff; border-radius:5px; background:#e9932e;}
#me_exp_area .mv_e_area .mv_e_txt {margin-left:15px; margin-right:25px; padding-bottom:20px; font-size:15px; color:#565656; line-height:24px;}

#me_full_wrap {/*display:none; */z-index:9; position:absolute; top:0; left:0; right:0; bottom:0; padding:34px 16px 16px 16px; background:#000}
#me_full_wrap .me_fl_area {position:relative; top:0; height:100%; background:#202020;}
#me_full_wrap .me_fl_layer {position:absolute; display:table; top:0; left:0; width:100%;height:100%}
#me_full_wrap .me_fl_layer .me_fl_layer_inner {display:table-cell; text-align:center; vertical-align:middle}
#me_full_wrap .me_fl_layer .me_fl_cnt {display:inline-block;}
#me_full_wrap .bt_full_close {position:absolute; top:9px; right:16px;}

/* receipt */
#rct_wrap {width:700px; padding:10px;}
#rct_wrap h1 {height:55px; line-height:55px; font-size:19px; color:#fff; text-align:center; background:#8599e5;}
#rct_ban_wrap {margin-bottom:10px; *zoom:1;}
#rct_ban_wrap:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#rct_ban_wrap h2 {height:37px; line-height:37px; text-align:center; color:#fff; background:#5a5a5a;}
#rct_ban_wrap .rct_bl_area {float:left; width:340px;}
#rct_ban_wrap .rct_br_area {float:right; width:340px;}
#rct_ban_wrap table.rct_tbl {width:100%; font-size:13px; color:#616161; border:1px solid #dfdfdf;}
#rct_ban_wrap table.rct_tbl th, #rct_ban_wrap table.rct_tbl td {padding:12px; font-weight:normal; border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;} 
#rct_ban_wrap table.rct_tbl td {padding:12px 12px 12px 35px !important;}
#rct_ban_wrap table.rct_tbl strong {font-weight:normal; font-size:16px; color:#616161; }
#rct_ban_wrap table.rct_tbl .tt_str {background:#dfdfdf; padding:0 !important;}
#rct_wrap .rct_bb_area {margin-bottom:10px;}
#rct_wrap .rct_bb_area table.rct_tbl_rst {width:100%; font-size:13px; color:#616161; border:1px solid #dfdfdf;}
#rct_wrap .rct_bb_area table.rct_tbl_rst th {background:#f1f1f1;}
#rct_wrap .rct_bb_area table.rct_tbl_rst th, #rct_wrap table.rct_tbl_rst td {padding:12px; font-weight:normal; text-align:center; border-right:1px solid #dfdfdf;  border-bottom:1px solid #dfdfdf;}
#rct_wrap .rct_bb_area table.rct_tbl_rst td.sbj {text-align:left !important;}

#rct_wrap .rct_bt_area {position:relative; text-align:center;}
#rct_wrap .rct_bt_print {display:inline-block; width:150px; height:31px; line-height:31px; padding-left:20px; font-size:15px; color:#727272; background:#e8e8e8 url(../images/ic_bt_rct_print.gif) no-repeat 48px 5px; border:1px solid #b5b5b5;}
#rct_wrap .rct_bt_close {position:absolute; top:5px; right:0; display:block; width:73px; height:22px; line-height:22px; font-size:13px; color:#fff; background:#727272;}

.t_guide {position: relative; background: #f1f1f1; border: 1px solid #dcdcdc; padding: 15px; font-size: 13px; line-height: 20px; color: #5d5d5d; margin-bottom: 10px; }
.t_guide li { position:relative; background:url(../images/deco_grey-dot3x3.gif) no-repeat 0 10px; padding:2px 0 2px 11px; }