@charset "utf-8";

/* =============================================================================
   상단
   ========================================================================== */
/* Mobile Layout: 580px and below. */

#category{width:100%;height:38.4px;background:#FFF url(../../resources/images/common/cate_bg.gif) repeat-x 0 bottom;}
#category ul{width:100%;max-width:980px;margin:auto;}
#category li{float:left;width:163px;height:38px;line-height:38px;font-size:1em;text-align:center;letter-spacing:-0.1em; white-space:nowrap;text-indent:-9999px;}
#category li a{display:block;float:left;width:163px;height:38px;line-height:38px;font-size:1em;text-align:center;letter-spacing:-0.1em; white-space:nowrap;text-indent:-9999px;}
.cate_home a{background:#e0e0e0 url('../../resources/images/common/cate_btn0.gif') no-repeat center;color:#333;border-left:1px solid #dbdbdb;border-right:1px solid #e0e0e0;}
.cate_home a.on{background:#FFF url('../../resources/images/common/cate_btn0_o.gif') no-repeat center;color:#333;font-weight:bold;border-bottom:1px solid #FFF;}
.cate1 a{background:#214a6e url('../../resources/images/common/cate_btn1.gif') no-repeat center;color:#FFF;border-right:1px solid #dbdbdb;border-bottom:1px solid #e0e0e0;}
.cate1 a.on{background:#FFF url('../../resources/images/common/cate_btn1_o.gif') no-repeat center;color:#214a6e;font-weight:bold;border-bottom:1px solid #FFF;}
.cate2 a{background:#4d74b5 url('../../resources/images/common/cate_btn2.gif') no-repeat center;color:#FFF;border-right:1px solid #dbdbdb;border-bottom:1px solid #e0e0e0;}
.cate2 a.on{background:#FFF url('../../resources/images/common/cate_btn2_o.gif') no-repeat center;color:#4d74b5;font-weight:bold;border-bottom:1px solid #FFF;}
.cate3 a{background:#617b3c url('../../resources/images/common/cate_btn3.gif') no-repeat center;color:#FFF;border-right:1px solid #dbdbdb;border-bottom:1px solid #e0e0e0;}
.cate3 a.on{background:#FFF url('../../resources/images/common/cate_btn3_o.gif') no-repeat center;color:#617b3c;font-weight:bold;border-bottom:1px solid #FFF;}
.cate4 a{background:#d7504d url('../../resources/images/common/cate_btn4.gif') no-repeat center;color:#FFF;border-right:1px solid #dbdbdb;border-bottom:1px solid #e0e0e0;}
.cate4 a.on{background:#FFF url('../../resources/images/common/cate_btn4_o.gif') no-repeat center;color:#d7504d;font-weight:bold;border-bottom:1px solid #FFF;}
.cate5 a{background:#7c5ba2 url('../../resources/images/common/cate_btn5.gif') no-repeat center;color:#FFF;border-right:1px solid #dbdbdb;border-bottom:1px solid #e0e0e0;}
.cate5 a.on{background:#FFF url('../../resources/images/common/cate_btn5_o.gif') no-repeat center;color:#7c5ba2;font-weight:bold;border-bottom:1px solid #FFF;}

.topbanner_wrap{width:100%;padding-top:0px;overflow:hidden;border-top:1px solid #d5d5d5;}
.topbanner_wss{width:100%;max-width:980px;margin:auto;}
.topbanner_wss img{width:100%;}

@media only screen and (max-width:320px) {
	#category{height:39px;}
	#category li{width:16.5%;}
	#category li a{display:block;width:100%;font-size:0.5em;box-sizing:border-box; letter-spacing:-0.15em;text-indent:0;background-image:none;}
}

@media only screen and (max-width:580px) {
	#category li{width:15.5%;}
	#category li a{display:block;width:100%;font-size:0.75em;text-indent:0;background-image:none;}
}

@media only screen and (max-width:600px) {
	#category li{width:16.6666%;}
	#category li a{display:block;width:100%;text-indent:0;background-image:none;}
}

@media only screen and (max-width:994px) {
	#category li{width:16.6666%;}
	#category li a{display:block;width:100%;text-indent:0;background-image:none;}
}




/* =============================================================================
   상단 - 로그인 영역
   ========================================================================== */
/* Mobile Layout: 580px and below. */
div.header{width:96%;margin:auto;}
div.gnb{width:100%;padding:10px 0;overflow:hidden;}
/* 로그인영역 */
div.logo{width:100%;display:inline-block;padding:10px 0;}
div.logo img{float:left;margin:0 8px}
div.logo h2{display:inline-block;padding-top:33px;padding-left:3px;background:#FFF url('../../resources/images/common/h2_bg.gif') no-repeat 0 bottom;;}
/*검색영역*/
div.search{position:relative;width:100%;padding-top:20px;margin-top:10px;}
div.search div.slogan{position:absolute;top:-5px;left:9px;}
div.search div.input{position:relative;width:100%;border:1px solid #ccc;text-align:left;background:#f8f9fa;}
div.search div.input input{width:75%;height:33px;line-height:33px;padding-left:2%}
div.search div.btn_search{position:absolute;top:0;right:-1px;width:40px;height:33px;}
div.search div.btn_search img{display:block;cursor:pointer;}
/*아이디,비번,로그인버튼,회원가입버튼,비번찾기버튼*/
div.name, div.password{float:left;width:34%;margin:5px 0.5%;}
div.name input, div.password input{float:left;width:95%;padding-left:5%;height:33px;line-height:33px;border:1px solid #d4d4d4;font-size:12px;}
div.login{float:left;width:29%;margin:5px 0.5%;}
div.login button{width:100%;height:35px;line-height:35px;margin:0 .5%;color:#fff;background:#444 repeat-x 0 0;background-size:contain;border:1px solid #333;} /*url(../../resources/images/main/log_btn_patt.gif)*/ 
div.join button{width:49.4%;border-radius: 2px;height:33px;line-height:33px;color:#fff;background-color:#666;border:1px solid #595959;font-size:12px;margin-right:2px;}
div.join button:last-child{margin-right:0;}
.log_msg{float:left;width:68%;line-height:35px;margin:5px 0.5%;white-space:nowrap;text-align:center;}
.log_msg span.gold_member img{vertical-align:middle;margin-bottom:4px;}
.log_msg span{color:#09F;font-weight:bold;padding:0 5px 0 0;}
div.join_logafter{clear:both;width:100%;}
div.join_logafter button{width:32%;margin-right:0.1%;border-radius: 2px;border:1px solid #595959;height:35px;line-height:35px;color:#fff;background-color:#666;}

@media only screen and (max-width:580px) {
	div.join button{width:48.8%;}	
}

@media only screen and (min-width:980px) {
	div.header{width:100%;}
	div.gnb{width:980px;margin:auto;overflow:hidden;}
	div.gnb div.logo{float:left;width:32.5%;;}
	div.gnb div.search{float:right;width:67.5%;padding-top:20px;}
	div.gnb div.search .input{float:left;width:36.5%;margin-right:0.5%;font-size:12px;}
	div.gnb div.search .input input[type="text"]{width:83%;}
	
	div.name, div.password{float:left;width:15%;margin:0 0.3%;}
	div.name input, div.password input{float:left;border:1px solid #d4d4d4;height:33px;line-height:33px;font-size:12px;}
	div.login{float:left;width:9%;margin:0 0.5%;}
	div.login button{width:100%;height:35px;line-height:35px;margin:0 .5%;color:#fff;background:#444 repeat-x 0 0;background-size:contain;font-size:12px;border:1px solid #000;} /* url(../../resources/images/main/log_btn_patt.gif)*/
	div.join{float:left;width:21%;overflow:hidden;}
	div.join button{float:left;width:49%;height:35px;line-height:35px;font-size:12px;margin-right:2%;}
	
	.log_msg{float:left;width:14%;line-height:35px;margin:5px 0.5%;white-space:nowrap;text-align:center;}
	.log_msg span{color:#09F;font-weight:bold;padding:0 5px 0 0;}
	div.join_logafter{clear:none;float:left;width:37%;overflow:hidden;}
	div.join_logafter button{float:left;width:32%;margin-right:1%;border-radius: 2px;border:1px solid #595959;height:35px;line-height:35px;color:#fff;background-color:#666;font-size:12px;}
}


/* ===============================================================================
   상단 - 전체메뉴 영역
   ================================================================================= */
/* Mobile Layout: 580px and below. */
.all_menu_area{clear:both;display:inline-block;width:100%;height:45px;text-align:center;z-index: 9000;}

.all_menu_area.totalsearch{background:#878787;}
.all_menu_area.totalsearch .all_menu_list ul li span.div{color:#f7f7f7; font-weight:normal !important;}
.all_menu_area.totalsearch .on a{color:#ffe88e;}
.all_menu{position:relative;width:96%;display:inline-block;max-width:980px;}

.all_menu_list{width:100%;height:45px;}
.all_menu_list ul{display:table;width:100%;}
.all_menu_list ul li{display:table-cell;line-height:45px;letter-spacing:-1px;}
.all_menu_list ul li a{display:block;color:#fff;white-space:nowrap;font-size:1em;}
.all_menu_list ul li a:hover{color:#ffe88e;}
.all_menu_list ul li span.div{text-align:center;}

div.all_menu_in{display:none;}
div.all_menu_pop{display:none}


/* Desktop Layout: 769px */
@media only screen and (min-width:781px) {
	/* 서브메뉴 리스트 */
	div.all_menu_in{float:right;display:block;width:314px;font-size:1em;}
	div.all_menu_in ul li{display:block;float:left;text-align:center;background:#d6d6d6;width:103px;height: 45px;line-height: 45px;margin-left:1px;}
	div.all_menu_in ul li a{display:block;width:103px;color:#FFF;}
	div.all_menu_in ul li.my_tit_01 img{margin-top:18px;border:0;}
	div.all_menu_list{float:left;width:400px;}
	div.all_menu_list.st1{width:250px;}
	/* 전체메뉴보기 팝업 */
	div.all_menu_pop{position:absolute;top:45px;left:0;width:100%;background:#2c2d30 url('../../resources/images/common/smap_bg.gif') repeat-y 0 0;color:#c2c2c2;font-size:11px;z-index: 9999;padding-bottom:15px;}
	div.all_menu_pop h4{float:left;width:90px;line-height:55px;background:#3b3e4a;color:#fff;font-size:1.4em}
	div.all_menu_pop a{color:#ccc}
	div.all_menu_pop a:hover{color:#e6414c}
	div.all_menu_pop div.area_menu{float:left;width:675px;padding-left:5px;border-right:1px dotted #5e5e5e;}	
	div.all_menu_pop div.area_menu div.part{float: left;width:128px;margin:15px 3px;}
	div.all_menu_pop div.area_menu div.part.on a{color:#ffffd2}
	div.all_menu_pop div.area_menu div.part.on h3 a{color:#ffffd2}
	div.all_menu_pop div.area_menu div.part.on a:hover,
	 div.all_menu_pop div.area_menu div.part.on h3 a:hover{color:#e6414c}
	div.all_menu_pop h3 a{display:inline-block;background-color:#3b3e4a;color:#fff;font-weight:bold;padding:8px 0;width:100%}
	div.all_menu_pop div.area_menu div.part ul{clear:both;padding-left:2px;margin-top:1em}
	div.all_menu_pop div.area_menu div.part ul li{text-align:left}
	div.all_menu_pop div.area_menu div.part ul li a{display:inline-block;line-height:1.6}	
	div.all_menu_pop div.area_info{position:relative;float:right;width:200px;text-align:center;padding:1em 0;}
	div.all_menu_pop div.area_info .bannerline{width:190px;height:10px;background: url('../../resources/images/sub/line01.gif') repeat-x 0 100%;}	
	div.all_menu_pop div.area_info .banner_icon{position:absolute;left:10px;top:140px;}
	div.all_menu_pop div.area_info .banner_icon li{float:left;margin-right:5px;}
	div.all_menu_pop div.area_info .banner_bmenu{clear:both;margin-top:60px;padding-left:10px;width:180px;}
	div.all_menu_pop div.area_info .banner_bmenu li{float:left;margin-right:15px;line-height:1.6em;padding-left:7px;background:url('../../resources/images/common/dot3.gif') no-repeat 0 center;}
}

@media only screen and (max-width:781px) {
	div.all_menu_in{display:none;}	
	div.all_menu_pop{display:none;}
}

@media only screen and (max-width:980px) {
	div.all_menu_pop{display:none;}
}


/*===================================================================================
	본문
===================================================================================*/
div.main_wrap{width:100%;padding-top:16px;overflow:hidden;border-top:1px solid #d5d5d5;}
.line{width:100%;padding-top:16px;overflow:hidden;border-top:1px solid #d5d5d5;}
div.cen_body{width:96%;max-width:980px;margin:10px auto 50px;overflow:hidden;}
div.left_area{width:100%;display:inline-block}
div.r_professor{display:none}

/* 공통메인 레이아웃 */
div.main_img{position:relative;width:980px;margin:auto;}
div.main_img img{width:100%;}


/* #content1:전체강좌 스타일 */
#content1, #content2, #content3, #content4{clear:both;overflow:hidden;}
#content1{/*background-color:#d5d5d5;*/padding-bottom:30px;}
.lec_area div {clear:both;overflow:hidden;padding-bottom:15px;border-bottom:1px solid #d5d5d5;/*font-weight:bold*/;font-size:13px;letter-spacing:-1px;}
.lec_area_m{display:none;width:100%;overflow:hidden;}
.lec_area_m div {clear:both;overflow:hidden;font-size:13px;letter-spacing:-1px;margin-bottom:10px;}
.lec_area_m p{cursor:pointer;}
.lec1 p, .lec2 p, .lec3 p, .lec4 p, .lec5 p{height:34px;text-align:center;margin-bottom:10px;}
.lec1 p{background:url(../../resources/images/main/lec1_patt.gif) repeat-x 0 0;text-align:center;}
.lec2 p{background:url(../../resources/images/main/lec2_patt.gif) repeat-x 0 0;}
.lec3 p{background:url(../../resources/images/main/lec3_patt.gif) repeat-x 0 0;}
.lec4 p{background:url(../../resources/images/main/lec4_patt.gif) repeat-x 0 0;}
.lec5 p{background:url(../../resources/images/main/lec5_patt.gif) repeat-x 0 0;}
.lec_area_m ul{display:table;width:92%;margin:auto;}
.lec_area_m li a{display:table-cell;float:left;width:49%;height:28px;line-height:28px;overflow:hidden;color:#595959;background-color:#FFF;margin-right:2px;margin-bottom:2px;text-align:center;}
.lec_area li a:hover, .lec_area_m li a:hover, .lec_area_m li a:active{background-color:#b92630;color:#FFF;font-weight:bold;}

@media only screen and (max-width:320px){
	.lec_area_m li a{width:49%;}		
	
	.lec_area{display:none;}
	.lec_area_m{display:block;overflow:hidden;}
	.lec1, .lec2, .lec3, .lec4, .lec5{width:100%;/*height:80px;*/overflow:hidden;}
	
	#content1{background-color:#d5d5d5;}
}
@media only screen and (min-width:321px) and (max-width:640px){
	.lec_area_m li a{width:32.5%;}		
	
	.lec_area{display:none;}
	.lec_area_m{display:block;overflow:hidden;}
	.lec1, .lec2, .lec3, .lec4, .lec5{width:100%;/*height:80px;*/overflow:hidden;}
	
	#content1{background-color:#d5d5d5;}
}
@media only screen and (min-width:641px) and (max-width:760px){
	.lec_area_m li a{width:24.5%;}	
	
	.lec_area{display:none;}
	.lec_area_m{display:block;overflow:hidden;}
	.lec1, .lec2, .lec3, .lec4, .lec5{width:100%;/*height:80px;*/overflow:hidden;}
	
	#content1{background-color:#d5d5d5;}
}
@media only screen and (min-width:761px) and (max-width:979px){
	.lec_area_m li a{width:19.5%;}	
	
	.lec_area{display:none;}
	.lec_area_m{display:block;overflow:hidden;}
	.lec1, .lec2, .lec3, .lec4, .lec5{width:100%;/*height:80px;*/overflow:hidden;}
	
	#content1{background-color:#d5d5d5;}
}

@media only screen and (min-width:980px){
	/*#content1{background-color:#f7f7f7;}*/
	div.main_wrap{height:380px;}
	.lec_area_m{display:none;}
	.lec_area{display:block;width:980px;margin:10px auto;}
	.lec_area div {clear:both;overflow:hidden;padding:15px 0;border-bottom:1px solid #d5d5d5;/*font-weight:bold*/;font-size:13px;}
	.lec_area p{float:left;width:130px;margin-right:30px;padding-top:3px;}
	.lec_area ul{float:left;display:table;width:800px;}
	.lec_area li a{float:left;display:table-cell;width:150px;height:20px;line-height:20px;padding:0 5px;overflow:hidden;color:#595959;}
}

/* #content2:할인패키지 스타일 */
#content2{background:url(../../resources/images/main/pkg_bg.png) repeat-x 0 0;margin-top:-20px;margin-bottom:10px;padding-bottom:5px;}
.pkg_area p{display:none;}
.pkg_tit{margin-bottom:15px;text-align:center;background-color:#d5d5d5;}
.pkg_tit img{width:60%;}
.pkg_cnt{font-size:13px;line-height:1.6em;}
.pkg_cnt dl{width:96%;margin:auto;overflow:hidden;border-bottom:1px solid #c2971b;}
.pkg_cnt dl:last-child{border-bottom:none}
.pkg_cnt dt{font-weight:bold;margin-top:5px;letter-spacing:-1px;}
.pkg_cnt dt a{display:block;font-weight:bold;color:#404040;}
.pkg_cnt dd {float:left;width:49%;overflow:hidden;text-align:left;margin-top:0;}
.pkg_cnt dd a{display:inline-block;color:#404040;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold;background:url(../../resources/images/main/pkg_dot.gif) no-repeat 4px center;padding-left:14px;margin-top:0;}
.pkg_cnt dd a:hover{color:#b92630;background-color:#ffe495;}
.pkg_cnt dd img{margin:2px;}

@media only screen and (max-width:320px){
	#content2{margin-bottom:10px;padding-bottom:0px;}
	.pkg_tit img{width:160px;}
	.pkg_cnt dt{margin-bottom:10px;}	
	.pkg_cnt dd{float:none;width:96%;margin-top:-10px;}
}
@media only screen and (min-width:321px) and (max-width:640px){
	.pkg_tit img{width:180px;}
}
@media only screen and (min-width:641px) and (max-width:979px){
	#content2{margin-top:-20px;margin-bottom:10px;padding-bottom:10px;}
	.pkg_tit img{width:200px;}
}
@media only screen and (min-width:980px){
	#content2{margin-top:-30px;margin-bottom:30px;padding-bottom:10px;}
	.pkg_area{width:980px;margin:auto;}
	.pkg_tit{margin-bottom:15px;text-align:center;background:none;}
	.pkg_tit img{width:224px;}
	.pkg_area p{display:block;float:left;width:200px;text-align:center;}
	.pkg_cnt{float:left;line-height:20px;}
	.pkg_cnt dl{width:740px;margin:auto;border-bottom:1px solid #c2971b;}
	.pkg_cnt dt{float:left;width:180px;margin-right:10px;}
	.pkg_cnt dd{width:260px;margin-top:5px;}
	.pkg_cnt dd img{margin:4px 2px;}
}

/* #content3:골드클래스+학습표준로드맵 스타일 */
#content3{width:100%;margin-top:30px;}
div.main_cnt_ban1{width:100%;margin-right:0;}
div.main_cnt_ban1 img{width:100%;display:block;vertical-align:top;}
div.main_cnt_ban1.mobile{display:none;}
div.main_cnt_ban2{clear:both;width:100%;background:url(../../resources/images/main/smap_bg.gif) repeat-x 0 0;border:1px solid #d5d5d5;padding-bottom:30px;overflow:hidden;}
div.main_cnt_ban2 p{text-align:center;}
div.main_cnt_ban2 p img{width:100%;}
.smap_list{width:545px;margin:auto;overflow:hidden;}
.smap_list li{float:left;width:20%;margin-bottom:2px;}
.smap_list li img{width:100%;}

@media only screen and (max-width:320px){
	#content3{width:100%;margin-top:0;}
	div.main_cnt_ban2 p img{width:90%;}
	div.main_cnt_ban2{padding-bottom:15px;}
	.smap_list{width:96%;}
}
@media only screen and (min-width:321px) and (max-width:580px){
	div.main_cnt_ban2 p img{width:85%;}
	.smap_list{width:90%;}
}
@media only screen and (min-width:581px) and (max-width:979px){
	div.main_cnt_ban2 p img{width:auto;}
}
@media only screen and (max-width:979px) {
	div.main_cnt_ban1{display:none;}
	div.main_cnt_ban1.mobile{display:block;width:100%;overflow:hidden;margin-bottom:10px;}
	div.main_cnt_ban1.mobile img{width:100%;}
}
@media only screen and (min-width:980px){
	#content3{width:980px;margin:auto;margin-top:30px;}
	div.main_cnt_ban1{float:left;width:360px;}
	div.main_cnt_ban2{clear:none;float:right;width:610px;height:266px;padding-bottom:0;}
	div.main_cnt_ban2 p img{width:auto;}
}

/* #content4:고객행복센터 스타일 */
#content4{width:100%;margin-top:10px;}
.mn_cs_area {width:100%;padding:0;overflow:hidden;}
.cs_list{display:none;}
.call{float:none;width:100%;text-align:center;background-color:#eee;padding:30px 0;}
.call p{margin-bottom:10px;}
.call_icons a{display:inline-block;margin-right:10px;}
@media only screen and (max-width:320px){
	.call{margin-top:0;padding:10px 0;}
	.call p{margin-bottom:0;}	
	.call p img{width:180px;}
	.call_icons{display:none;}
}
@media only screen and (min-width:321px) and (max-width:580px){
	.call{padding:15px 0;}
	.call p{margin-bottom:0;}	
	.call p img{width:220px;}
	.call_icons{display:none;}
}
@media only screen and (min-width:581px) and (max-width:979px){
	.call{padding:20px 0;}
}
@media only screen and (min-width:980px){
	#content4{background-color:#eee;margin-top:30px;}
	.mn_cs_area {width:930px;margin:auto;padding:45px 25px;overflow:hidden;}
	.cs_list{display:block;float:left;width:540px;}
	.cs_list li a, .cs_event{display:block;float:left;width:256px;height:98px;margin-right:10px;margin-bottom:10px;text-align:center;background-color:#FFF;border:1px solid #dfdfdf;}
	.cs_list li a:hover, .cs_event:hover{border:1px solid #bababa;}
	.cs_event_select select{width:210px;height:30px;line-height:30px;padding-left:8px;font-weight:bold;color:#FFF;background-color:#b1b1b1;}
	.call{float:left;width:300px;margin-left:60px;text-align:center;padding:0;}
}



/* 서브메인의 수강후기 */
div.main_cnt{clear:both;overflow:hidden;}

/*div.main_cnt_ban1 img{width:100%;display:block;vertical-align:top;}
div.main_cnt_ban1.mobile{display:none;}
div.main_cnt_ban1{width:100%;margin-right:0;}
div.main_cnt_ban2{width:100%;margin-right:0;}*/

div.post{clear:both;width:91%;padding:0 4% 2% 4%;border:1px solid #e4e4e4;background-color:#FFF;overflow:hidden;}
div.post div.post_tit{padding-top:2%;}
div.post ul{clear:both;padding-top:2%;}
div.post ul li{clear:both;}
div.post li span.bbs_tit a{display:block;width:72%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0em;padding-left:2%;background:#FFF url(../../resources/images/main/dot.gif) no-repeat 0 center;}
div.post li span.bbs_tit a:hover{color:#000;}
div.post li span.bbs_tit a img{margin-left:3px;}
div.post li span.bbs_date{display:block;float:right;width:24%;text-align:right;font-size:0.8em;line-height:1.8em;color:#878787;}
/* ARS안내 */
div.left_info_ars{display:none}
div.info_ars{width:99%;margin-top:2.5em;display:inline-block;border: 1px solid #d3d3d3;background:#fff}
.cs_t{height:15px;border-top:4px solid #b92630;margin-bottom:10px;}
.cs_b{height:15px;border-bottom:4px solid #b92630;}
.cs_top{padding-left:8%;}
.article{width:80%;margin:10px auto 6px;line-height: 1.3;background-color:#e6e6e6;font-size: 0.9em;padding:8px;letter-spacing:-0.09em;}
.banner_box{width:80%;padding:0 8px;height:30px;line-height:30px;border:1px solid #b32f2f;margin:5px auto;text-align:center;font-size:1em;font-weight:bold;background:#FFF url('../../resources/images/common/cs_btn_bg.gif') repeat-x 0 0;}
.banner_box a{display:block;color:#FFF;}
.cs_in_qmenu{padding:2% 8% 0;}
.cs_in_qmenu li{padding-left:20px;background:url(../../resources/images/common/cs_dot.gif) no-repeat 10px center;font-weight:bold;}
.cs_in_qmenu li a{width:98%;line-height:1.6em;margin:auto;font-size:0.85em;}
.cs_in_qmenu li a:hover{color:#b92630;}
	
.queryMargin{display:none;clear:both;height:0px;}

/*@media only screen and (max-width:320px){
	div.cen_body{margin:0px auto 30px;}	
	div.main_cnt_ban2{margin-top:0;}
}
@media only screen and (min-width:321px) and (max-width:580px){
	div.cen_body{margin:0 auto 50px;}
	div.main_cnt_ban1{margin-top:0;}
	div.main_cnt_ban2{margin-bottom:5px;margin-top:5px;}
	div.post{margin-top:5px;}
	div.post div.post_tit{padding-top:15px;}
}
@media only screen and (min-width:581px) and (max-width:997px){
	div.goLink ul li{width:33.1%}

	div.main_cnt_ban1{float:left;width:35%;margin-right:1%;margin-top:0;margin-bottom:10px;}
  div.main_cnt_ban2{float:right;width:64%;margin-right:0;margin-top:0;}
  div.post{clear:both;width:100%;padding:0 2% 3%;margin-top:0;box-sizing:border-box;display:block;}
  div.post div.post_tit{padding-top:2%;}
  div.post ul{clear:both;padding-top:2%;}
}
@media only screen and (min-width:998px){

	div.cen_body{width:998px;}
	div.main_cnt_ban1{float:left;width:360px;}
	div.main_cnt_ban2{float:right;width:610px;height:268px;background:url(../../resources/images/main/smap_bg.gif) no-repeat 0 0;}
	div.main_cnt_ban2 p{margin:72px 0 45px 112px;}
	
	div.post{clear:none;float:right;width:250px;min-height:238px;padding:0 14px;margin-top:0;}
	div.main_cnt div.post li span.bbs_tit a{padding-left:3%;}
	div.post div.post_tit{padding-top:20px;}
	div.post ul{padding-top:20px;}	
	div.post li span.bbs_tit a{display:block;width:72%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0;padding-left:2.5%;background:#FFF url(../../resources/images/main/dot.gif) no-repeat 0 center;}
	div.post li span.bbs_date{display:block;float:right;width:24%;text-align:right;}
	div.main_cnt div.post li{clear:both;}
	div.main_cnt div.post li span.bbs_tit a{font-size:0.8em;}
	div.main_cnt div.post li span.bbs_date{font-size:0.8em;line-height:2.2em;letter-spacing:0;}	
}
*/

/*
@media only screen and (min-width:781px) {
	div.left_cont_area ul li{width: 49.3%;}
}*/

@media only screen and (min-width:980px) {
	div.left_area{float:left;width: 19.4%;display:inline-block}
	div.right_area{float:right;width:78.6%;display:inline-block}
	/*검색결과보이기*/
	div.search_area{width:90%;padding:0 5%;display:inline-block}
	div.search_area div.total_srch{line-height:2em;border:1px solid #ccc;margin-bottom:20px;padding:1%;background-color:#FFF;color:#333;}	
	/* 타이틀 */
	div.r_professor{width:100%;display:inline-block;line-height:200%;background:url('../../resources/images/video_sub/bar01.gif') repeat-x 0 100%;margin-bottom:15px;}
	div.r_professor h3{line-height:250%;color:#000;padding-left:23px;width:42%;float:left;background:url('../../resources/images/video_sub/ico01.gif') no-repeat 0 50%;}
	div.r_professor p{float:right;padding-top:5px;line-height:330%;font-size:0.8em;background:url('../../resources/images/sub/icon_home3.gif') no-repeat 0 55%;padding-left:15px;padding-right:10px;color:#878787;}	
	/* 사용후기 */
 /* div.post div.post_tit{padding-top:2%;border:1px solid #000;}
  div.post ul{clear:both;padding-top:2%;}*/
	/* 바로가기 메뉴 */
	div.left_cont_area{display:block}
	div.goLink{display:none}
	div.left_cont_area{clear:both;margin-top:0.5em;width:100%;display: inline-block}
	div.left_cont_area ul{width:100%;border-left:1px solid #861340;display: inline-block;}
	div.left_cont_area ul li{float: left;width:48.9%;height:69px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;background:#850426}
	div.left_cont_area ul li a{display:inline-block;width:100%;height:100%;background-color:#fff}
	div.left_cont_area ul li a:hover{width:98%;height:98%;margin:1%;background-color:#b92630;color:#fff}
	div.left_cont_area ul li span{display:inline-block;width:28px;height:28px}
	div.left_cont_area ul li p{font-size: 0.9em;letter-spacing:-1px;margin-top:2px}
	div.left_cont_area ul li.cont06{display:none}
	div.left_cont_area ul li.cont06_1{display:block}
	div.left_cont_area ul li.cont07_1{display:block}
	div.left_cont_area ul li.cont01,div.left_cont_area ul li.cont02{border-top:1px solid #861340}
	div.left_cont_area ul li.cont02,
	div.left_cont_area ul li.cont04,
	div.left_cont_area ul li.cont06_1,
	div.left_cont_area ul li.cont07_1,
	div.left_cont_area ul li.cont09{border-right:1px solid #861340}
	div.left_cont_area ul li.cont08,div.left_cont_area ul li.cont09{border-bottom:1px solid #861340}
	div.left_cont_area ul li.li_none {display: block;}
	div.left_cont_area ul.coupon li{width:99%}
	div.left_cont_area ul.coupon li a{height:69px;line-height:69px;font-size: 12px;}
	div.left_cont_area ul.coupon li a:hover{width:98%;height:63px;margin:3px 1%;background-color:#b92630;color:#fff}
	/* ARS안내 */
	div.left_info_ars{display:block}
	div.info_ars{display:none}
	div.left_info_ars{width:100%;margin-top:20px;display:inline-block;background:#fff}
	.cs_t{height:15px;border:none;background:#FFF url('../../resources/images/common/cs_t.gif') no-repeat 0 0;background-size:contain;margin-bottom:10px;}
	.cs_b{height:15px;border:none;background:#FFF url('../../resources/images/common/cs_b.gif') no-repeat 0 bottom;background-size:contain;}
	.cs_top{padding-left:8%}
	.article{width:80%;margin:10px auto 6px;padding:5px 0;line-height: 1.4;background-color:#e6e6e6;font-size: 0.8em;padding:8px;letter-spacing:0;}
	.banner_box{font-size:0.8em;}
	.cs_in_qmenu li{margin:auto;padding-left:20px;background:url(../../resources/images/common/cs_dot.gif) no-repeat 10px center;}
	.cs_in_qmenu li a{display:block;width:98%;font-weight:bold;font-size:0.85em;line-height:1.5em;}
	.cs_in_qmenu li a:hover{color:#b92630;}

}


/*========================================================================================
   하단
   ========================================================================================= */
/* Mobile Layout: 580px and below. */
	#footer_wrap{width:100%;padding-bottom:30px;overflow:hidden;}
	#footer_wrap div.selt_wrap{background-color:#878787;padding:7px 0;}
	#footer_wrap div.selt{width:96%;margin:auto;overflow:hidden;;}
	div.selt .bmenu ul{width:100%;margin-left:0%;height:21px;line-height:21px;overflow:hidden;}
	div.selt .bmenu ul li{display:block;float:left;}
	div.selt .bmenu ul li a{display:block;float:left;margin-right:7px;color:#FFF;font-size:12px;background:url('../../resources/images/common/bod_g.gif') no-repeat 0 center;padding-left:7px;}
	div.selt .bmenu ul li a:hover{color:#eee;}
	div.selt .ref_site{clear:both;width:100%;}
	div.selt .ref_site select{width:100%;padding:2px 5px;font-size:12px;background-color:#e7e7e7;color:#444;}
	#footer_wrap div#footer{clear:both;width:100%;}
	.footer_logo{width:40%;margin:5px;}
	address{clear:both;width:96%;padding:1%;margin-top:5px;font-style:normal;font-size:0.75em;line-height:1.2em; letter-spacing:-0.2px;color:#878787;}
	address span.div{color:#ccc;font-size:11px;line-height:1.2em;}
	address span.copy{display:block;margin-top:10px; color:#aaa9a9;}
	#certify{display:none;}
	
	
	
 /*Tablet Layout: 581px to 780px
@media only screen and (max-width:360px) {
	div.selt .bmenu ul li a{margin-right:5px;color:#FFF;font-size:12px;background:url('../../resources/images/common/bod_g.gif') no-repeat 0 center;padding-left:5px;}
	}*/
@media only screen and (max-width:320px) {
	div.selt .bmenu ul{margin-left:0%;margin-bottom:5px;}
	div.selt .bmenu ul li a{margin-right:2px;font-size:12px;background:url('../../resources/images/common/bod_g.gif') no-repeat 0 center;padding-left:2px;}
	div.selt .ref_site{clear:both;width:100%;margin-top:0px;}
	.footer_logo{float:left;width:40%;margin:5px;}
	.footer_logo img{width:100%;}
	address{clear:both;width:96%;padding:2%;margin-top:10px;font-size:0.8em;letter-spacing:-0.5px;line-height:1.3em;}
	#certify{display:none;}
}

@media only screen and (min-width:321px) and (max-width:640px) {
	div.selt .bmenu ul{margin-left:0%;margin-bottom:5px;}
	div.selt .bmenu ul li a{margin-right:10px;font-size:12px;background:url('../../resources/images/common/bod_g.gif') no-repeat 0 center;padding-left:10px;}
	div.selt .ref_site{clear:both;width:100%;margin-top:0px;}
	.footer_logo{float:left;margin:5px 10px;}
	.footer_logo img{width:auto;}
	address{clear:both;width:96%;padding:2%;margin-top:5px;font-size:0.8em;letter-spacing:-0.5px;line-height:1.3em;}
	#certify{display:none;}
}
 
@media only screen and (min-width:641px) and (max-width:980px) {
	div.selt .bmenu ul{float:left;width:58%;margin-left:19.5%;}
	div.selt .bmenu ul li a{margin-right:10px;padding-left:10px;}
	div.selt .ref_site{clear:none;float:right;width:20.5%;padding-right:1%;}
	.footer_logo{float:left;width:18%;margin:1%;}
	.footer_logo img{width:100%;}
	address{clear:none;float:left;width:79%;padding:0%;font-size:12px;line-height:1.4em;color:#878787;}
	#certify{display:none;}
}

/* Desktop Layout: 781px */
@media only screen and (min-width:981px) {
	#footer_wrap{width:100%;padding-bottom:15px;overflow:hidden;}
	#footer_wrap div.selt{width:980px;}
	#footer_wrap div#footer{clear:both;width:980px;margin:15px auto;}
	div.selt .bmenu ul{float:left;width:40%;margin-left:20%;height:25px;line-height:25px;}
	div.selt .bmenu ul li a{margin-right:10px;padding-left:10px;}
	div.selt .ref_site{clear:none;float:right;width:20.5%;}
	div.selt .ref_site select{width:185px;padding:4px 5px 4px 10px;font-size:12px;background-color:#e5e5e5;color:#767676;border:1px solid #ccc;}
	.footer_logo{float:left;width:18%;margin:5px 1%;}
	.footer_logo img{width:auto;}
	address{clear:none;float:left;width:59%;padding:0%;font-size:12px;line-height:1.4em;color:#878787;}
	#certify{display:inline-block;float:right;width:21%;height:75px;overflow:hidden;margin-top:3px;}
	#certify li{float:left;margin-right:4px;}
}


/*============================================================================================================
   서브메인
   ========================================================================================================== */
 /* 우측배너 */
.rightbanner_wrap{width:96%;min-width:300px;text-align:left;overflow:hidden;margin-bottom:0;}
.right_1, .right_2, .right_3{position:relative;width:100%;padding:10px;overflow:hidden;}
.right_1 a, right_2 a, right_3 a{display:block;}
.right_1{background-color:#FFF;}
.right_2{border-bottom:0px solid #d5d5d5;background-color:#f7f7f7;}
.right_3{border-bottom:0px solid #d5d5d5;background-color:#FFF;}
.right_1 button, .right_2 button, .right_3 button{position:absolute;right:30px;top:20px;width:50px;height:50px;padding:10px;background-color:#e1e1e1;color:#FFF;}
.right_1:hover button, .right_2:hover button, .right_3:hover button{background-color:#214a6e;}

.rightbanner_wrap .tt{margin-bottom:7px;}
.rightbanner_wrap .tt img, .rightbanner_wrap .dd img{width:auto;}

@media only screen and (max-width:360px){
.right_1, .right_2, .right_3{clear:both;padding:10px;}	
.right_1 button, .right_2 button, .right_3 button{display:none;}
.rightbanner_wrap .tt{margin-bottom:5px;}
.rightbanner_wrap .tt img{width:90px;}
}

@media only screen and (min-width:361px) and (max-width:580px){
.right_1, .right_2, .right_3{clear:both;padding:10px 15px;}	
.right_1 button, .right_2 button, .right_3 button{right:45px;top:10px;}
.rightbanner_wrap .tt{margin-bottom:8px;}
.rightbanner_wrap .tt img{width:100px;}
}

@media only screen and (min-width:581px) and (max-width:800px){
.right_1, .right_2, .right_3{padding:10px 15px;}
.right_1, .right_2, .right_3{clear:both;padding:20px 25px;}	
.right_1 button, .right_2 button, .right_3 button{right:80px;top:10px;}
.rightbanner_wrap .tt{float:left;width:146px;border-right:1px dotted #f00;margin-right:20px;}
.rightbanner_wrap .tt img, .rightbanner_wrap .dd img{width:auto;}
}

@media only screen and (min-width:801px){
.rightbanner_wrap{float:right;width:300px;height:350px;}
.right_1, .right_2, .right_3{float:left;width:260px;height:66px;padding:25px;}
.right_1 ul, .right_2 ul, .right_3 ul{float:left;}
.right_1 button, .right_2 button, .right_3 button{position:absolute;right:30px;top:20px;width:50px;height:50px;padding:10px;background-color:#e1e1e1;color:#FFF;}
.right_1:hover button, .right_2:hover button, .right_3:hover button{background-color:#214a6e;}

.rightbanner_wrap .tt{width:146px;margin-bottom:15px;}
.rightbanner_wrap .dd{width:240px;}
}


/*  151025 김인경 퍼블리셔 작업 */
body.submain{background:#fff;overflow-x:hidden;}
.topbanner_w{display:none;height:74px;width:100%;text-align:center;}
.topbanner_w a{display:block;font-size:0;line-height:0;width:980px;margin:0 auto;}

.pixin{width:980px;margin:0 auto;overflow:hidden;}
.pixin:after{display:block;content:'';clear:both;}
.visual_low{clear:both;background:#FFF url(../../resources/images/sub/main_bg.gif) repeat-x 0 0;margin-top:10px;overflow:hidden;}
.visual_low:after{display:block;content:'';clear:both;}
.bigbanner_wrap{position:relative;display:block;float:left;overflow:hidden;}
.classbanner_wrap{display:inline-block;float:right;}
.classbanner_wrap li{}
.classbanner_wrap li a{line-height:0;}
.classbanner_wrap li a img{display:block;width:300px}
.contents_low{clear:both;background:#FFF;padding:25px 0 60px;}
.contents_low:after{display:block;content:'';clear:both;}
.right_cont{float:right;width:692px;}
.right_cont .post{width:340px;padding:0 20px 10px;height:auto;min-height:inherit;float:left; clear:inherit;}
.right_cont .post .post_tit{padding-top:15px;}
.right_cont .post .post_tit:after{display:block;content:'';clear:both;}
.right_cont .post .post_tit .fL{}
.right_cont .post ul{padding-top:10px;font-size:12px; width:100%;}
/*.right_cont .post ul > li{margin-top:4px;}*/
.right_cont .post ul > li:after{display:block;content:'';clear:both;}
.right_cont .post .bbs_date{text-align:right;color:#888;font-size:11px;}
.right_cont .post.review{float:right;}
.post.review{}
.post.review .post_tit{}
.post.review .post_tit .fL{}
.recom_zone{clear:both;}
.recom_zone .tit{padding:8px 0 8px;}
.recom_zone .tit img{}
.recom_w{overflow:hidden;border:1px solid #e4e4e4;}
.recomlist{position:relative;display:block;}
.recomlist:after{display:block;content:'';clear:both;}
.recomlist li{float:left;width:33.333333333%;}
.recomlist li a{display:block;}
/**/
.recomlist li a p{}
.recomlist li a .text-w{position:absolute;top:10px;left:0;font-weight:bold; line-height:20px; z-index:30;}
.recomlist li a .mentit{overflow:hidden;background:url("../images/sub1/bg_redbar.png") no-repeat right top; height:38px;  padding:0 10px; max-width:95%; line-height:30px; color:#fff;}
.recomlist li a .subtxt01{color:#881e25;padding:0 0 0 10px;}
.recomlist li a .subtxt02{color:#000000;padding:0 0 0 10px;}
.recomlist li a .subtxt02 .cir{color:#595959}
.recomlist li a .photo{position:absolute; bottom:0; right:0; width:60%; z-index:10;}
.recomlist li a .bg{display:block; width:100%; max-width:inherit;}
.recom_w .control{display:block;opacity:.8;position:absolute;top:50%;z-index:20;background-position:0 0; background-repeat: no-repeat; width:22px; height:50px; background-size:22px 50px; margin-top:10px;}
.recom_w .control.prev{left:0;background-image:url("../images/main/arr_l.gif");}
.recom_w .control.next{right:0;background-image:url("../images/main/arr_r.gif");}
.left_cont{float:left;}
table.iconlist{width:100%;}
table.iconlist:after{display:block;content:'';clear:both;}
table.iconlist td{width:33.3333333333%;text-align:center;border:1px solid #e4e4e4;background:#fff;}
table.iconlist td a{display:block;font-size:0;line-height:0;padding:5px 0;}
/*.iconlist li a img{display:inline-block;}
.left_cont .customer{position:relative;background:#f4f4f3;display:block;border:1px solid #cccccc;border-top:1px solid #e3e3e3;padding:0px 0px;margin-top:-1px;z-index:10;}*/
.customer{clear:both;background:#f4f4f3;border:1px solid #e4e4e4;border-top:0;z-index:10;}
.customer .cs_area{position:relative;}
.customer .cs_area img{margin:0;vertical-align:top;}
.customer ul{position:absolute;left:50%;top:136px;margin-left:-122px;}
.customer li{float:left;}
.big-tablist{clear:both;}
.big-tablist:after{display:block;content:'';clear:both;}
.big-tablist li{float:left;}
.big-tablist li a{display:block;}
.big-tablist li a img{width:100%;}

.submain .big-tablist1{position:absolute;width:80px;height:20px;left:580px;top:10px;z-index:100;}
.submain .big-tablist1 li{float:left;width:20px;}

.main .big-tablist1{position:absolute;width:80px;height:20px;left:580px;top:10px;z-index:100;}
.main .big-tablist1 li{float:left;width:20px;}
/*
.swipe-zone{position:relative;margin:0 auto;overflow:hidden;visibility:hidden}
.swipe-zone .swipe-container{position:relative;top:0;left:0;transition:.3s;}
.swipe-zone .swipe-container:after{display:block;content:'';clear:both;}
.swipe-zone .swipe-container > li{display:block;float:left;}
.swipe-zone .swipe-container > li a{display:block;width:100%;font-size:0;line-height:0;}
.swipe-zone .swipe-container > li a img{display:block;width:100%;}
.swipe-zone .control{ position:absolute; top:50%; width:28px;height:55px; margin:-30px 0 0 0; overflow:hidden;text-indent:-9999px; display:inline-block; background-repeat:no-repeat; background-position:50% 50%;}
.swipe-zone .control.prev{background-image:url("../images/sub1/big_allow1.png"); left:5px;}
.swipe-zone .control.next{background-image:url("../images/sub1/big_allow2.png");  right:5px;}
*/

.swipe-zone2{position:relative;overflow:hidden;visibility:hidden}
.swipe-zone2 .swipe-container2{position:relative;top:0;left:0;transition:.3s;}
.swipe-zone2 .swipe-container2:after{display:block;content:'';clear:both;}
.swipe-zone2 .swipe-container2 > li{display:block;position: absolute; left: 0;top: 0;width:100%;}
.swipe-zone2 .swipe-container2 > li.on{position:relative;}
.swipe-zone2 .swipe-container2 > li a{display:block;width:100%;font-size:0;line-height:0;}
.swipe-zone2 .swipe-container2 > li a img{display:block;width:100%;}
.swipe-zone2 .control{ position:absolute; top:50%; width:28px;height:55px; margin:-30px 0 0 0; overflow:hidden;text-indent:-9999px; display:inline-block; background-repeat:no-repeat; z-index:100; background-position:50% 50%;}
.swipe-zone2 .control.prev{background-image:url("../images/sub/big_allow1.png"); left:5px;}
.swipe-zone2 .control.next{background-image:url("../images/sub/big_allow2.png");  right:5px;}
.submain .swipe-zone2{width:680px;}
.submain .swipe-zone2 .control{ position:absolute; top:50%; width:28px;height:55px; margin:-30px 0 0 0; overflow:hidden;text-indent:-9999px; display:inline-block; background-repeat:no-repeat; background-position:50% 50%;}
.submain .swipe-zone2 .control.prev{background-image:url("../images/sub/big_allow1.png"); left:5px;}
.submain .swipe-zone2 .control.next{background-image:url("../images/sub/big_allow2.png");  right:5px;}


/* Tablet Layout: 581px to 768px*/
@media only screen and (max-width:781px) {
	
	.topbanner_w{background:none !important; height:auto;}
	.topbanner_w a{width:auto;}
	.topbanner_w a img{width:100%;}
	.visual_low{padding:10px 0;background:none;}
	.pixin > *{display:block; float:none; width:auto;}
	.pixin{width:96%;text-align:center;}
	.big-tablist{width:auto !important;}
	/*.swipe-zone{width:auto !important;height:auto;}
	.swipe-zone .control{ position:absolute; top:50%; width:18px;height:31px; margin:-19px 0 0 0; display:inline-block; background-repeat:no-repeat; background-position:left 50%; background-size:18px 31px;}
	.swipe-zone .control.prev{left:0 !important;}
	.swipe-zone .control.next{right:0 !important;}*/
	.swipe-zone2{position: relative;width:auto !important;height:auto;}
	.swipe-zone2 .control{ position:absolute; top:50%; width:18px;height:31px; margin:-19px 0 0 0; display:inline-block; background-repeat:no-repeat; background-position:left 50%; background-size:18px 31px;}
	.swipe-zone2 .control.prev{left:0 !important;}
	.swipe-zone2 .control.next{right:0 !important;}
	.classbanner_wrap{padding-top:10px;}
	.right_cont .post{clear:both;float:none !important;padding:1% 2% 2%; width:100%; box-sizing:border-box; box-sizing:border-box;border:1px solid #e4e4e4;background-color:#FFF;margin-top:1%;overflow:hidden;text-align:left;}
	.right_cont .post div.post_tit{padding-top:2%;}
	.right_cont .post ul{clear:both;padding-top:2%;font-size:0.9em;}
	.right_cont .post li span.bbs_tit a{display:block;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0;line-height:1.8em;padding-left:3%;background:#FFF url(../../resources/images/main/dot.gif) no-repeat 0 center;}
	.right_cont .post li span.bbs_tit a:hover{color:#000;}
	.right_cont .post li span.bbs_tit a img{margin-left:3px;}
	.right_cont .post li span.bbs_date{display:block;float:right;width:24%;text-align:right;line-height:1.8em;}
	.contents_low{padding:0 0 50px;}
	.classbanner_wrap li{width:100%; text-align:center;}
	.classbanner_wrap li a img{display:inline; max-width:inherit; width:100%;}
	.recom_zone{text-align:left;visibility:hidden;}
	.recom_zone .tit{text-align:left;line-height:20px;}
	.recomlist{}
	.recomlist li{}
	.recomlist li a .text-w{position:absolute;top:9px;left:0;font-weight:bold;  font-size:0.8em; line-height:1.5em;}
	.recomlist li a .text-w p.subtxt01,.recomlist li a .text-w p.subtxt02{padding:0 0 0 20px}
	.recomlist li a img{width:100%;}
	.recomlist li a .photo{width:60%;}
	
	.recom_w .control{width:15px; height:30px; background-size:15px 30px; margin-top:-15px;}
	.iconlist{width:100%;margin:10px 0 0 0;}
	.iconlist li{display:block;}
	.iconlist li a{padding:5px 0 15px;}
	.iconlist li a img{max-width:100%;border:0;}
	
	.submain .big-tablist1{display:none;}
	.main .big-tablist1{display:none;}

}
@media only screen and (min-width:582px) and (max-width:1024px) {	
	.recom_w .control{width:25px; height:50px; background-size:25px 50px; margin-top:-20px;}
}
@media only screen and (min-width:1024px) {	
	table.iconlist{width:280px;}
	.customer{clear:both;width:278px;}
	table.iconlist td{padding:0 !important;width:92px;height:103px;}
}
@media only screen and (max-width:581px) {
	div.main_cnt_ban1{display:none;}
	/*div.main_cnt_ban1.mobile{display:block;}*/
	.imageslider_zone .control{width:10px;height:20px; margin:-10px 0 0 0;background-size:10px 20px;}
	.recomlist li a .mentit{height:25px; background-size:auto 25px;  padding:0 5px; max-width:90%; line-height:18px;}
	.recomlist li a .photo{width:55%;}
	.recomlist li a .text-w{font-size:0.8em;}
	.recom_w .control{width:15px; height:30px; background-size:15px 30px; margin-top:15px;}
	.recomlist li a .photo{width:50%;}	
}
@media only screen and (max-width:413px) {
	.recomlist li a .text-w p.subtxt01,.recomlist li a .text-w p.subtxt02{padding:0 0 0 10px !important}
	.recomlist li a .photo{width:55%;}
	.recomlist li a .text-w{font-size:0.6em;}
}

@media only screen and (min-width:781px){
	.right_cont .notice, .right_cont .review{width:300px;height:185px;padding:5px 20px;}	
/*	.swipe-zone2 .swipe-container2.bigImage img{width:980px;}
	.swipe-zone2 .swipe-container2.subImage img{width:680px;}*/
}