@charset "utf-8";

/* layout */
#wrap {width:100%;}


.header_wrapper #header { border-bottom: 0;  }
#content {*zoom:1;margin-top:53px;padding-bottom:50px;}
#content:after {content:"";clear:both;display:block;} 
.left_menu {width:130px;float:left;}
.page {width:800px;float:right;}
#main_content {width:100%;}
#main_content2 {width:100%;}
#main_content3 {width:100%; height: 465px; background:url(/images/main/bg_video_showcase2.jpg) no-repeat 50% 0; }



.wrap_quickMenu { width: 980px; margin: 0 auto; position: relative;  }
.wrap_quickMenu #quickMenu { width: 128px; position: absolute; right: -150px; top: 1px;  }
.wrap_quickMenu #quickMenu img { display: block;  }
.wrap_banner_r {  }
.wrap_banner_r p.my_coupon_area {background:url('images/my_coupon_bg.gif') 0 0 no-repeat;margin-bottom:6px;padding-top:6px;height:17px;*height:23px;text-align:center;font-weight:bold;color:#65a7db;font-size:11px;letter-spacing:-1.5px;font-family:Dotum;cursor:pointer;}
.wrap_banner_r .con { padding: 6px 7px 0 7px; background-color: #4d6daf;  }
.wrap_banner_r .con a { display: block;  }



body.main {background:url(/images/main/bg_header_main.png) repeat-x 0 0;}
.main_visual {width:100%;height:400px;background:url(/images/main/main_visual_02.jpg) no-repeat 50% 0; }
.visual_area{width:980px;margin:0 auto; position:relative;}
.best_list {position:absolute;top:52px;left:800px;padding:0 0 58px 20px;background:url('/images/main/best_list_bg.jpg') 0 repeat-y;z-index:2;}
.best_list li {margin-bottom: 6px;}
.best_list li.tit {height:32px;margin-bottom:9px;}
.best_list .new {padding-right:27px;background:url('/images/main/best_list_ico_new.png') no-repeat right 3px;}
.best_list li span {vertical-align:middle;}
.best_list .num {display:inline-block;width:17px;height:17px;background-color:#fff;font-weight:bold;text-align:center;margin-right:5px;margin-left:5px;line-height:19px;}
.best_list li.on .num {background-color:#3156a4;color:#fff;}
.best_list li a {font-weight:bold;color:#fff;letter-spacing:-.05em;vertical-align:middle;text-decoration:none;}
.best_list li.on a {color:#3156a4;}
.best_list li:hover a {color:#3156a4;}
.best_list li:hover .num {background-color:#3156a4;color:#fff;}
.visual_area .quick {*zoom:1;position:absolute;top:225px;left:823px;width:119px;z-index:3;}
.visual_area .quick:after {clear:both;display:block;content:'';}
.visual_area .quick a {float:left;display:block;width:35px;height:35px;margin-right:7px;}
.visual_area .quick .mini {background:url(/images/main/quick01.png) no-repeat 0 0; }
.visual_area .quick .sns {background:url(/images/main/quick02.png) no-repeat 0 0; }
.visual_area .quick .smart {margin-right:0;background:url(/images/main/quick04.png) no-repeat 0 0; }

.main_inner {width:980px;margin:0 auto;}
.main_box {*zoom:1;margin-top:-110px;}
.main_box:after {content:"";clear:both;display:block;}
.main_box li {position:relative;float:left;width:326px;height:190px;}
.main_box li.cont03 {width:328px;background: url('/images/main/bg_box01_cont03_06.jpg') no-repeat;}
.main_box .mov {position:absolute;top:41px;left:162px;display:block;width:138px;height:96px;cursor:pointer;}
.main_box .cont02 .mov {left:173px;}
.main_box .cont02 .btn_more {position:absolute;top:149px;left:26px;display:block;width:78px;height:25px;background: url('/images/main/bg_box01_cont03_btn_more.jpg') no-repeat;text-indent:-9999px;z-index:1;}

.main_i {*zoom:1}
.main_box02:after {content:"";clear:both;display:block;}
.main_box02 li {width:326px;height:191px; float: left; position:relative;width:326px;}
.main_box02 .mov {position:absolute;left:161px;top:41px;display:block;width:138px;height:96px;cursor:pointer;}

.main_inner .bx-pager {
	position:absolute;top:0;right:0;
	*zoom:1;position:absolute;top:10px;right:6px;}
.main_inner .bx-pager:after {clear:both;display:block;content:'';}
.main_inner .bx-pager .bx-pager-item {float:left;}
.main_inner .bx-pager .bx-pager-item a {display:block;width:8px;height:8px;margin:0 2px;background:#fff;border:1px solid #385ca8;text-indent:-99999px;}
.main_inner .bx-pager .bx-pager-item a.active {width:8px;height:8px;background: #385ca8;}




.main_box02 .cont02 {	width:328px; height: 191px; position:relative; border-bottom:4px solid #3156a4; overflow:hidden;}
.main_box02 .cont02t {	width:328px; height: 136px; position:relative; border-bottom:4px solid #3156a4; overflow:hidden;}

/* 
.main_box02 .cont04 {position:relative;width:326px;height:191px;overflow:hidden; border-bottom:4px solid #3eb0e2;} 
.main_box02 .cont04t {position:relative;width:326px;height:136px;overflow:hidden; border-bottom:4px solid #3eb0e2;} 
.main_box02 .cont04 a.slide {position:absolute;display:block;}
.main_box02 .cont05 {position:relative; border-bottom:4px solid #0283ce;}
.main_box02 .cont05 a.tit { width: 149px; height: 30px; display: block; position: absolute; left: 26px; top: 26px;  }
.main_box02 .cont05 a.tit:hover { text-decoration: none;  }
.main_box02 .cont05 .wrap_review {position: absolute;top:97px;left:20px;width:268px;height:69px;padding:8px 7px 5px 10px;overflow:hidden;background-color:#fff;border:1px solid #e9e9e9;}
.main_box02 .cont05 span.month_review { position: relative; top: 14px; font: 20px/19px 'Helvetica'; letter-spacing:-1px; color:#3055a5;  }
.main_box02 .cont05 .wrap_review span { display: inline-block; font: normal 11px/18px Verdana, Dotum; word-spacing: -1px;  }
.main_box02 .cont05 .wrap_review span.tit { font-weight: bold; color: #808080;  }
.main_box02 .cont05 .wrap_review span.con { 
	margin-top: 1px; color: #7f7f7f; display: block; overflow: hidden; height: 57px; text-align: left;  }
.main_box02 .cont05 .wrap_review span:hover { text-decoration: underline; color: #227cd2;  }

.main_box02 .cont05t {position:relative; width:326px; height: 136px; border-bottom:4px solid #0283ce;}


.main_box02 .cont06 {
	width:326px; height: 191px;  margin-right:2px; position:relative; border-bottom:4px solid #3156a4; 
	background:#f2f7fa url('/images/main/main_intro_bg.jpg') no-repeat; overflow:hidden;}
.main_box02 .cont06t {
	width:326px; height: 136px;  margin-right:2px; position:relative; border-bottom:4px solid #3156a4; 
	background:#f2f7fa url('/images/main/main_intro_bg.jpg') no-repeat; overflow:hidden;}
*/ 
.main_box02 .cont04 {position:relative;width:326px;height:191px;overflow:hidden; border-bottom:4px solid #eea547;} 
.main_box02 .cont04t {position:relative;width:326px;height:136px;overflow:hidden; border-bottom:4px solid #eea547;} 
.main_box02 .cont04 a.slide {position:absolute;display:block;}
.main_box02 .cont05 {position:relative; border-bottom:4px solid #d37d14;}
.main_box02 .cont05 a.tit { width: 149px; height: 30px; display: block; position: absolute; left: 26px; top: 26px;  }
.main_box02 .cont05 a.tit:hover { text-decoration: none;  }
.main_box02 .cont05 .wrap_review {position: absolute;top:97px;left:20px;width:268px;height:69px;padding:8px 7px 5px 10px;overflow:hidden;background-color:#fff;border:1px solid #e9e9e9;}
.main_box02 .cont05 span.month_review { position: relative; top: 14px; font: 20px/19px 'Helvetica'; letter-spacing:-1px; color:#3055a5;  }
.main_box02 .cont05 .wrap_review span { display: inline-block; font: normal 11px/18px Verdana, Dotum; word-spacing: -1px;  }
.main_box02 .cont05 .wrap_review span.tit { font-weight: bold; color: #808080;  }
.main_box02 .cont05 .wrap_review span.con { 
	margin-top: 1px; color: #7f7f7f; display: block; overflow: hidden; height: 57px; text-align: left;  }
.main_box02 .cont05 .wrap_review span:hover { text-decoration: underline; color: #d37d14;  }

.main_box02 .cont05t {position:relative; width:326px; height: 136px; border-bottom:4px solid #ea8d1c;}


.main_box02 .cont06 {
	width:326px; height: 191px;  margin-right:2px; position:relative; border-bottom:4px solid #eea547; 
	background:#f2f7fa url('/images/main/main_intro_bg.jpg') no-repeat; overflow:hidden;}
.main_box02 .cont06t {
	width:326px; height: 136px;  margin-right:2px; position:relative; border-bottom:4px solid #eea547; 
	background:#f2f7fa url('/images/main/main_intro_bg.jpg') no-repeat; overflow:hidden;}

.main_box03 {height:219px;*zoom:1}
.main_box03:after {content:"";clear:both;display:block;}
/* .main_box03 .tit {margin-bottom:10px;} */ 
.main_box03 .tit { margin-bottom:0px; } 
.main_box03 li.fst {float:left;height:187px;position:relative;width:287px;padding:18px 15px 0 24px;}
.main_box03 li.notice {width:289px;}
.main_box03 .btn_more {display:inline-block;width:19px;height:17px;background: url('/images/main/bul02.png') no-repeat; margin-left: 4px}
.main_box03 .mini_board li {background:url(/images/main/bul01.png) no-repeat 0 10px;height:22px;line-height:22px;vertical-align:middle;*zoom:1;}
.main_box03 .mini_board li:after {content:"";clear:both;display:block;}
.main_box03 .mini_board li .ico_new {margin-top:2px;margin-left:5px;}
.main_box03 .mini_board li .ico_new_dark {margin-top:2px;margin-left:5px;}
.main_box03 .mini_board a { padding-left:8px;vertical-align:middle; letter-spacing:-1px; display: inline-block; height: 22px; line-height:22px; margin: auto 0; }
.main_box03 .mini_board .date {position:absolute; right:15px; color:#acacac;font-size:11px; }
.main_box03 .review { letter-spacing: 0; }
.main_box03 .review .img_frame {position:absolute;left:0;top:50px;z-index:3}
.main_box03 .review .tit {margin-bottom:17px;}
.main_box03 .review p { word-wrap: break-word; text-align: left;  }
.main_box03 .review p a {font-size:11px; line-height:14px; }
.main_box03 .review img.user01 {position:absolute;top:50px;left:24px;width:52px;height:58px;}
.main_box03 .review p.user01{position:absolute;top:58px;left:100px;width:200px;height:42px;overflow:hidden;z-index:5; }
.main_box03 .review img.user02 {position:absolute;top:118px;left:265px;width:52px;height:58px;}
.main_box03 .review p.user02{position:absolute;top:126px;left:38px;width:200px;height:42px;overflow:hidden;z-index:5; }

.show_list {*zoom:1;width:798px;margin:0 auto;padding-top:122px;}
.show_list:after {content:"";clear:both;display:block;}
.show_list li {width:168px;height:132px;float:left;margin-left: 41px; margin-bottom: 36px;}
.show_list li.fst { margin-left: 0;  }
.show_list li span { cursor: pointer;  }

.main_info {width:980px;margin:0 auto;height:230px;*zoom:1;}
.main_info:after {content:"";clear:both;display:block;}
.main_info li {float:left;padding:25px 0 0 25px;height:210px;}
.main_info li .tit {margin-bottom:20px;}
.main_info li .btn_more_b {margin-top:15px;}
.main_info .tablet {width:255px;background:url(/images/main/bg_tablet.png) no-repeat right bottom;}
.main_info .book {width:255px;background:url(/images/main/bg_book.png) no-repeat right bottom}
.main_info .sns {width:185px;}
.main_info .cs_center {width:185px;}

.wrap_big_popup img { display: block;  }


.left_banner_wrap { width:180px; height:160px; margin-top:20px; background-color:#74b512; padding-top:13px;}
.left_banner_txt1 { width:100%; height:20px; text-align:left; font-size:11px; color:#cc3434; }
.left_banner_img { text-align:center; }
.left_banner_txt2 { width:100%; height:20px; text-align:center; font-size:16px; color:#FFFFFF; font-weight:bold; }
.left_banner_txt3 { width:100%; height:20px; text-align:right; font-size:11px; }



.left_banner2_wrap { width:180px; height:50px; margin-top:20px; background-color:#eda548; margin-bottom:-20px; }
.left_banner2_txt1 { width:100%; height:20px; text-align:left; font-size:11px; color:#cc3434; }
.left_banner2_img { text-align:center; }
.left_banner2_txt2 { width:100%; height:20px; text-align:center; font-size:16px; color:#FFFFFF; font-weight:bold; }
.left_banner2_txt3 { width:100%; height:20px; text-align:right; font-size:11px; }




.right_banner_wrap { position:fixed; width:157px; height:215px; left:50%; }
.right_banner_01 { width:181px; height:95px; cursor:pointer; }
.right_banner_02 { width:181px; height:30px; margin-top:10px; padding-top:13px; text-align:center; font-size:15px; font-weight:bold; color:#FFFFFF; cursor:pointer; }

.support { position:absolute; width:640px; height:320px; top:240px; left:50%; margin-left:-320px; border:5px solid #437fc1; background-color:#FFFFFF; box-shadow: 3px 3px 3px grey; display:none; z-index:99999; }
.support_top { width:620px; height:22px; background-color:#437fc1; text-align:right; padding:5px 10px; color:#FFFFFF; font-weight:bold; font-size:16px; }
.support_title { margin-top:40px; text-align:center; font-size:28px; font-weight:bold; }
.support_txt { margin:30px; text-align:center; font-size:20px; line-height:35px; }
.support_img { text-align:center; }