/*basic gi*/
@charset "utf-8";

@font-face{
	font-family: 'NanumGothicWeb';
	font-style: normal;
	font-weight: normal;
	src: url('../css/font/NanumGothic.eot'); 
	src: local('?'), url('../css/font/NanumGothic.woff') format('woff'), url('../css/font/NanumGothic.ttf') format('truetype');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 600;
	font-style: inherit;
	font-size: 100%;
	font-family: 'NanumGothicWeb', sans-serif;
	color:#333;
	vertical-align: baseline;
}
*{margin:0; padding:0;}
body{*word-break:break-all;-ms-word-break:break-all; text-align:center; overflow-y:scroll;}
*+html body{overflow:auto;}
*html body{overflow:auto;}
body{letter-spacing:-0.05em; background-position: center top;}
body,input,button,textarea{font-size:0.75em; line-height:1.5em; color:#6c6c6c;}
h1,h2,h3,h4,h5,h6{font-size:0.75em;text-align:left}
img,fieldset,iframe{border:0 none;}
li{list-style:none}
em,address{font-style:normal}
button,label{cursor:pointer;}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
th{font-weight:normal;}
.hide{visibility:hidden; display:none;}

.maxreading iframe{width:100%; height:910px; overflow:scroll;}
.maxreading_xxx{margin-left:0px; margin-top:3px;}
.sp_banner{margin-left:0px;}
.sp_banner2{position:absolute; margin-left:-90px; margin-top:-7px;}

body{padding:inherit; margin:auto;}
.jm_set{width:100%}
.jm_set_wrap{width:976px; margin:0 auto;}
.v_itletsgo{float:left}
.jm_setxx{width:976px;}
.jm_setxx2{width:1000px;}
.jm_contents{width:900px; margin:0 auto}

.con_left{width:204px; float:left;}
.con_right{width:681px; float:left; margin-left:15px;}
#con_box {width:681px; float:left;}
#con_box .con_bg_t{width:681px; height:5px; background-image: url(/images/con_bg_t.gif); background-repeat: no-repeat; float:left; _margin-bottom:-7px;}
#con_box .con_bg_m{width:681px; background-image: url(/images/con_bg_m.gif); background-repeat:repeat-y; float:left;}
#con_box .con_bg_b{width:681px; height:5px; background-image: url(/images/con_bg_b.gif); background-repeat: no-repeat; float:left;}
#con_box .con_bg_b2{width:681px; height:7px; background-image: url(/images/con_bg_b2.gif); background-repeat: no-repeat; float:left;}

.v_hsmpp{margin:0px 0 0 30px !important;}

/**/
.log_set{width:204px; height:123px; background-image: url(/images/log_bg.gif); background-repeat: no-repeat; float:left; text-align:left;}
.log_form_set{width:114px; padding-left:13px; margin-top:15px; float:left;}
.log_form_set2{height:76px; margin-left:13px; margin-top:15px; line-height:1.7em; display:block;}

.form_ld{width:104px; height:19px; border: 1px solid #e9ebe6; font-size:1em;}
.form_pw{width:104px; height:19px; border: 1px solid #e9ebe6; margin-top:7px;}
*+html .form_pw{margin-top:4px !important;}
*html .form_pw{margin-top:4px !important;}
.btn_login{width:63px; height:48px; float:left; margin-top:15px;}
.log_chek{width:177px; float:left; padding-left:15px; margin-top:9px; font-size:0.88em;}
*+html .log_chek{padding-left:11px; margin-top:6px;}
*html .log_chek{padding-left:11px; margin-top:6px;}
.log_chek input{vertical-align:middle; padding-right:3px;}
.log_chek001{width:90px; float:left;}
.log_chek002{float:left;}
.log_btn_set{margin-left:11px;}
.log_btn_set img{float:left;}


/**/
.left_banner{width:204px; float:left;}
.left_banner span{margin-top:7px; display:block;}
.banner_st{width:204px; height:170px; display:inline-table;}

/**/
.jm_top{width:976px; height:121px;}
.flash_menu{margin:0 0 0 240px; position:absolute;}
.jm_flash{width:976px; height:391px; _margin-top:-2px; margin:0 auto}


/**/
#con_box .jm_class_btn{margin-left:7px; margin-top:3px; clear:both;}
#con_box .jm_class_btn dd{width:332px; height:44px; float:left;}
#con_box .jm_class_btn dd img{float:left;}

#con_box .blind{width:8px; height:163px; display:block; background:url(/images/blind_bg.gif); position:absolute; z-index:999; margin:50px 0 0 674px;}
#scroller{margin-left:7px}
#scroller .tea_set{}
#scroller .tea_set li{margin-right:2px}


#con_box .jm_class_btn2{clear:both; margin-top:0px; display:inline-block}
#con_box .jm_class_btn2 dd{width:332px; height:44px; float:left; margin:3px 0 0 7px; padding:0}
#con_box .jm_class_btn2 dd:nth-child(odd){margin-left:3px}/* 짝 */
#con_box .jm_class_btn2 dd img{float:left;}

#con_box .jm_class_btn_vn{margin-left:3px;}
#con_box .jm_class_btn_vn1{margin-top:3px;}
#con_box .jm_class_btn_vn2{margin-left:3px; margin-top:3px;}

#con_box .jm_class_btn_vns{margin-left:7px;}
#con_box .jm_class_btn_vns1{margin-top:7px;}
#con_box .jm_class_btn_vns2{margin-left:7px; margin-top:7px;}

/**/
.footer{width:976px; clear:both; margin:0 auto; padding:0 0 0 0}
.footer iframe{float:left;}
.footer_navi{width:976px; height:21px; background-image: url(/images/footer_bg.gif); background-repeat:repeat-x; float:left; margin-top:10px; _margin-top:6px;}
.footer_navi001{width:10px; height:21px; background-image: url(/images/footer_navi001.gif); background-repeat:no-repeat; float:left; margin-left:38px;}
.footer_navi002{width:10px; height:21px; background-image: url(/images/footer_navi002.gif); background-repeat:no-repeat; float:left;}

.footer_navi003 dd{float:left;}
.copyright{height:60px; padding-left:38px; float:left; margin-top:10px; _margin-top:6px; text-align:left; font-size:11px;}

/*?*/
#con_box .search_set{width:661px; height:40px; padding-left:10px; padding-top:10px; float:left;}
#con_box .search_form_set{width:195px; height:30px; background-image: url(/images/search_bg.gif); float:left;}
#con_box .search_form{width:180px; height:18px; margin-top:5px; border:0; font-size:1em;}
#con_box .search_btn{margin-left:5px; float:left;}
#con_box .search_bar{width:30px; height:30px; background-image: url(/images/search_bar.gif); background-repeat:no-repeat; background-position:center; float:left;}
#con_box .search_tt{width:380px; float:left; text-align:left; margin-top:-3px; _margin-top:-2px; letter-spacing:-1px;}
#con_box .search_tt a{color:#6c6c6c; text-decoration:none; display:inline-table; line-height:1em;}
#con_box .search_tt a:hover{color:#6c6c6c; text-decoration:none; border-bottom:solid 2px #d40000; line-height:1em;}

/**/
.cont_r_set{width:681px; float:left;}
.cont_r_left{width:462px; float:left; margin-top:16px; _margin-top:9px;}
.cont_r_right{width:203px; height:187px; float:left; margin-left:16px; margin-top:7px; _margin-top:0px;}
.jm_notice{width:462px; float:left;}
.notice_st_set{width:100%; float:left;}

.notice_st_dl{width:462px; height:20px;float:left;}
*+html .notice_st_dl{margin-bottom:-1px;}

.notice_st001on{width:68px; height:20px; float:left; background-image: url(/images/notice_st.gif); background-position:0px 0px;}
.notice_st001 a{width:68px; height:20px; float:left; background-image: url(/images/notice_st.gif); background-position:-140px 0px;}
.notice_st001 a:hover{width:68px; height:20px; float:left; background-image: url(/images/notice_st.gif); background-position:0px 0px;}
.notice_st002on{width:68px; height:20px; float:left; background-image: url(/images/notice_st.gif); background-position:-210px 0px; margin-left:5px;}
.notice_st002 a{width:68px; height:20px; float:left; background-image: url(/images/notice_st.gif); background-position:-70px 0px; margin-left:5px;}
.notice_st002 a:hover{width:68px; height:20px; float:left; background-image: url(/images/notice_st.gif); background-position:-210px 0px; margin-left:5px;}

.notice_st003{width:41px; height:19px; float:right; background-image: url(/images/more.gif); background-repeat:no-repeat; background-position:center; margin-right:9px; _margin-right:5px;}
.notice_st003 span{width:41px; height:19px; display:inline-table;}

.notice_tt_set{width:462px; height:85px; text-align:left; float:left; margin-top:8px; letter-spacing:0em; line-height:1.2em;}
.notice_tt_set a{color:#6c6c6c; text-decoration:none; border-bottom:solid 2px #ffffff;}
.notice_tt_set a:hover{color:#6c6c6c; text-decoration:none; border-bottom:solid 2px #d40000;}
.notice_tt001 tr{width:462px; height:17px; float:left;}

.notice_tt001_tt{width:387px; height:15px; float:left; overflow:hidden;}
.notice_tt001_date{width:75px; float:left;}
*+html .notice_tt001_date span{margin-top:-2px; float:left;}
*html .notice_tt001_date span{margin-top:-4px; float:left; line-height:1.5em;}
.notice_dot{width:17px; height:17px; background-image: url(/images/notice_dot.gif); _background-position:0px -1px; _margin-right:-3px; float:left;}

.flash_banner{width:462px; height:170px; float:left; margin-top:10px; _margin-top:9px;}
.flash_banner2{width:462px; height:170px; float:left; margin-top:8px; _margin-top:7px;}

.newclass_setid{width:203px;}
.newclass_set_menu{width:203px; height:31px;}
.newclass_set_menu dd{height:31px; float:left; _margin-bottom:-4px;}
.newclass_set{width:203px; background-image: url(/images/new_class_mid.gif); background-repeat:repeat-y; display:inline-table; padding-top:5px;}
.newclass_set dd{width:181px; height:25px; background-image: url(/images/new_class_dd.gif); background-repeat:no-repeat; margin-left:11px; text-align:left;}
*+html .newclass_set dd{margin-left:0px;}
*html .newclass_set dd{margin-left:0px;}
.newclass_set_tt{height:25px; margin-left:17px; line-height:2.2em; _line-height:2.1em; letter-spacing:0em; overflow:hidden; display:block;}
.nc_bottom{width:203px; height:23px; background-image: url(/images/new_class_bottom.gif); background-repeat:no-repeat;}
.newclass_set a{color:#6c6c6c; text-decoration:none; border-bottom:solid 2px #ffffff;}
.newclass_set a:hover{color:#6c6c6c; text-decoration:none; border-bottom:solid 2px #d40000;}
.sc_banner{width:203px; height:111px; margin-top:7px; float:left;}

.uni_set{width:900px; height:45px; margin:10px 0 10px 0; background:url(/images/s_uni002.gif) repeat-x; float:left; text-align:left;}
.uni_set .bg1{width:100%; height:100%; display:block; background:url(/images/s_uni001.gif) no-repeat left;}
.uni_set .bg2{width:100%; height:100%; display:block; background:url(/images/s_uni003.gif) no-repeat right;}

.top_smenu{width:976px; height:24px; text-align:right;}
.top_smenu_set{margin-right:75px;}

.id_tt001{color:#333333;}
.id_tt001xx{letter-spacing:-0.1em;}
.id_tt002{letter-spacing:0em;}

.r_num_set{width:920px; display:block; float:left; margin:20px 0 0 0}
.r_num_set li{float:left;}
.r_num_set span{float:left;}
.cn_bg{width:20px; height:25px; background: url("/images/class_num.gif"); display:block; margin-left:1px; color:#fff200; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:24px; font-weight:bold;}
.cn_bg2{width:20px; height:25px; background: url("/images/class_num.gif"); display:block; margin-left:1px; color:#9cff00; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:24px; font-weight:bold;}
.r_num000{}
.r_num001{margin-left:10px; padding-bottom:10px;}
.r_num002{}
.r_num003{}
.r_num_ln{width:9px; height:25px; background: url("/images/class_num004.gif") no-repeat; display:block;}

#jm_info_set{width:100%; height:161px;}
#jm_info_set  .jm_info_set1 {width:300px; height:161px; float:left;}
#jm_info_set  .jm_info_set1 .jm_info_st001{width:300px; height:30px; background:url(/images/jm_info_st001.gif) no-repeat; text-indent:-1000em}
#jm_info_set  .jm_info_set1 .jm_info_list{border-left:solid 1px #d4d2d2; border-bottom:solid 1px #d4d2d2; z-index:-1}
.jm_info_corner{width:5px; height:5px; background:url(/images/jm_info_corner.gif) no-repeat; position:absolute; margin:-5px 0 0 0; z-index:99}


#jm_info_set  .jm_info_set2 {width:300px; height:161px; float:left;}
#jm_info_set  .jm_info_set2 .jm_info_st002{width:300px; height:30px; background:url(/images/jm_info_st002.gif) no-repeat; text-indent:-1000em}
#jm_info_set  .jm_info_set2 .jm_info_smaple{min-width:268px; min-height:100px; background:#ffffff; position:absolute; margin:-132px 0 0 0px; font-size:11px; padding:15px; padding-top:13px;}
#jm_info_set  .jm_info_set2 .jm_info_smaple{border:solid 1px #d4d2d2;}
#jm_info_set  .jm_info_set2 .jm_info_smaple a{color:#333333; text-decoration:none;}
#jm_info_set  .jm_info_set2 .jm_info_smaple a:hover{color:#333333; text-decoration:underline;}
#jm_info_set  .jm_info_set2 .jm_info_smaple dl{display:block; clear:both; padding:2px 0 0 0;}
#jm_info_set  .jm_info_set2 .jm_info_smaple dt{float:left; padding:2px; background:#d40000; color:#ffffff; margin:0 7px 0 0;}
#jm_info_set  .jm_info_set2 .jm_info_smaple dd{text-align:left; line-height:22px;}
#jm_info_set  .jm_info_set2 .xsdrghy{margin:10px 0 0 0; display:block; color:#d40000; font-weight:bold;}

#jm_info_set  .jm_info_set3 {width:300px; height:161px; float:left;}
#jm_info_set  .jm_info_set3 .jm_info_st003{width:300px; height:30px; background:url(/images/jm_info_st003.gif) no-repeat; text-indent:-1000em}

.jm_info_list_set{width:100%; height:25px; display:block; background:#f8f8f8;}
.jm_info_list_set dd{width:33%; float:left;}
.jm_info_list_set dd img{margin:7px 0 0 0;}

.jm_info_list_set2{width:100%; height:102px; padding:3px 0 0 0; overflow:hidden;}

.jm_info_list_set3{width:100%; height:20px;}
.jm_info_list_set3 li{width:33%; float:left; letter-spacing:0;}

#spc_set{width:100%;}
#spc_set .spc_banner_Set{width:100%;}
#spc_set .spc_banner_Set dd{width:445px; height:59px; float:left;}
#spc_set .spc_banner002{margin:0 0 0 10px;}

.msn_banner{position:absolute; margin:0 0 0 390px; top:494px; display:block;}
.banner_rip{position:absolute; margin:0 0 0 853px; top:532px; display:block;}





/* rolling */
#mainRoll, #relationRoll {position:relative; left:0; top:0; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1;}

.swiper-wrapper{position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;
transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;}

.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide{float: left;}


/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}


#mainRoll {width:100%; min-width:976px; height:302px; overflow:hidden; z-index:50; margin:-20px 0 30px 0}
#mainRoll .swiper-slide {width:100%; height:302px; overflow:hidden;}
#mainRoll .swiper-slide img {position:absolute; left:50%; top:0; margin:0 0 0 -460px;}
#mainRoll .swiper-slide a {display:block; position:relative; width:100%; }



/* thum */
#mainThum {position:absolute; left:-10px; top:267px; width:100%; text-align:center;}
#mainThum div {margin:0 3px; zoom:1; *display:inline;}
.swiper-pagination-switch {display:inline-block; width:14px; height:14px; background:url('/images/vis_btn.png') no-repeat; overflow:hidden; cursor:pointer;}
.swiper-active-switch {background:url('/images/vis_btn_on.png') no-repeat; cursor:pointer;}

/* rolling arrow */
.arrowArea {position:relative; width:976px; height:0; margin:0 auto; }
.arrowArea:after {content:""; display:block; clear:both; *zoom:1;}
.arrowLeft{position:absolute; left:0px; top:-226px; z-index:99; width:30px; height:50px; background:url('/images/arrow001_off.png') no-repeat;}
.arrowLeft:hover {background:url('/images/arrow001.png') left top no-repeat;}
.arrowRight{position:absolute; right:20px; top:-226px; z-index:99; width:30px; height:50px; background:url('/images/arrow002_off.png') no-repeat;}
.arrowRight:hover {background:url('/images/arrow002.png') left top no-repeat;}


.sample_wrap{width:900px; margin:0 auto; padding:0 18px 10px 0}
.sample_wrap .sample_set{width:900px; height:208px; overflow:hidden; text-align:left;}
.sample_wrap .sample_set li{width:172px; height:208px; margin:0 10px 0 0; float:left; display:inline-block}
.sample_wrap .sample_set li:last-child{margin:0}

.cat_menu{width:100%; display:block}
.cat_menu ul{}
.cat_menu li{float:left; margin:0 10px 10px 0}
.cat_menu li>a{padding:15px 20px; display:inline-block; background:#999; color:#fff; text-decoration:none; border-radius:5px; font-weight:600}
.cat_menu .on{background:#080933 !important}
input::placeholder {
  
  font-weight:800;
  
  font-size: 0.95em;
  font-family: 'Nanum Gothic', sans-serif;
}

.rev_set{}
.rev_set th{border-bottom:solid 1px #fff}
.rev_set .rev_st{display:flex; color: #777; margin:5px 0 0 10px}
.rev_set .rev_st .review_star{width:20px; height:20px; background: url(/images/review_star.png) no-repeat; overflow: hidden; text-indent: -9999px; display: block}

.revw{}
.revw th{border-bottom:solid 1px #fff}
.revw td{border-bottom:solid 1px #fff}
.revw_sel{margin:5px 0 0 10px}