@charset "utf-8";





body{ margin:0; padding:0; position:relative; overflow-x:hidden; background:#5c5c5c; }
 
#wrap{ width:640px; margin:0 auto; background:#fff; position:relative;}




/* 헤더 */
#header {z-index:10; width:100%; height:114px; background:#fff }
#header #menu {float:left; margin:24px 15px; width:60px; height:60px; background:url(../images/menu.jpg) no-repeat center center; font-size:0; cursor:pointer;}
#header #logo {position:absolute; left:45%; width:117px; height:31px; margin:40px -50px;}
#header #logo h1 {width:100%; height:100%;}
#header #logo h1 a {display:block; width:100%; height:100%; font-size:0; line-height:0;}
#header #mem_btns {position:absolute; width:100px; height:100px; text-align:left; right:0; top:17px;}



#menu_list_bg {display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:11111}
#menu_list {position:fixed; left:-500px; top:0; z-index:1111111; width:500px; height:100%; background:#fff; overflow:auto; overflow-x:hidden;}
#menu_list .menu_list_tit { width:100%; height:70px; text-align:center; color:#fff; font-size:27px; line-height:70px; background:#333;}
#menu_list .menu_list_tit .close {display:block; position:absolute; right:10px; top:10px; width:48px; height:48px; border:solid 1px #999; text-align:center; line-height:48px; font-size:30px; color:#999;}
#menu_list #navi {width:100%; background:#fff; }
#menu_list #navi li {position:relative; border-bottom:solid 1px #d9d9d9;}
#menu_list #navi li a {display:block; padding:0 20px; height:80px; font-size:27px; line-height:80px; cursor:pointer; color: #030303;}
#menu_list #navi li .main_mn {font-size:30px; background:url(../images/submenu_arrow.gif) no-repeat 445px 8px;}
#menu_list #navi li .main_mn.on {font-weight:bold; color:#333; border-bottom:solid 1px #d9d9d9; background-position:445px -53px;}
#menu_list #navi li .close_lnb {display:block; width:100%; height:80px; padding:0; position:absolute; left:0; top:0; z-index:13;}
#menu_list #navi .lnb {display:none; background:#f6f6f6;}

#menu_list  #navi p{font-size:22px;height:50px; line-height:50px}
#menu_list  #navi p a{font-size:22px; height:50px; line-height:50px}




/* 비주얼 */
#main_visual {width:640px; position:relative; margin:0 auto; overflow:hidden; background:#FFF; }
#main_visual .imgbox {width:100%; height:597px;}
#main_visual .slider {width:100%; height:100%;}
#main_visual .slider .item {float:left; width:640px;}
#main_visual .btnbox {height:51px; cursor:pointer; position:absolute; bottom:0px; z-index:2; left: 56%;width: 170px;margin-left: -70px;}
#main_visual .btnbox li{display:block; margin:0;}
#main_visual .btnbox .go {float:left; width:19px; height:19px; background:url('images/main/mv_btn.png') no-repeat; text-indent:-9999px; margin-right:5px;}
#main_visual .btnbox .go.on {background:url('images/main/mv_btn_ov.png') no-repeat;}
#main_visual .btnbox .go.off {background:url('images/main/mv_btn.png') no-repeat;}


.main_tit {margin-bottom: 30px;}
.main_tit h3 {text-transform: uppercase; font-size: 40px; text-align: center; font-weight: 700;}




.con {margin-bottom: 70px;}

#con01 { padding-top: 60px; }
#con02 {}
#con02 .main_theme_wrap {background-color: #fbefef; padding: 50px 0;}
.main_theme {width: 580px; margin: 0 auto;}
.main_theme ul {display: block; overflow: hidden; }
.main_theme li {float: left;}
.main_theme .mr8 {margin-right: 8px;}


#ban_wrap {background-color: #fbefef; padding: 50px 0;}
#hot {text-align: center; position: relative;  width:580px; margin:0px auto;  left: 50%; margin-left: -280px;}
#hot #hot_list{width:100%; overflow:hidden; margin-bottom:100px;}
#hot li {float:left; width:290px !important;; margin-right: 0 !important;}
/* #hot #hot_list li img{width:395px;} */

       

.bot_txt{text-align:left; padding:10px 0; font-size:16px;  color:#5b5b5b;}
.bot_txt h4{text-align:left; font-size:30px; color:#222; font-weight:500; float:left; padding:10px 10px 0 0; line-height:30px}
.bot_txt .view_btn{float:right; padding:18px 30px 0 0;}

#ban_wrap {}
#ban_wrap .bx-wrapper {  position: relative;  *zoom: 1;  -ms-touch-action: pan-y;  touch-action: pan-y;}
#ban_wrap .bx-wrapper img {  max-width: 268px;  display: block;}
#ban_wrap .bxslider {  margin: 0;  padding: 0;}
#ban_wrap ul.bxslider {  list-style: none;}
#ban_wrap .bx-viewport {  /*fix other elements on the page moving (on Chrome)*/  -webkit-transform: translatez(0);}

#ban_wrap .bx-wrapper .bx-prev {  left: -32px;  background: url('/new2022/images/main/main_ban_prev.png') no-repeat 0 0;}
#ban_wrap .bx-wrapper .bx-next {  right:-10px;  background: url('/new2022/images/main/main_ban_next.png') no-repeat 0 0;}
#ban_wrap .bx-wrapper .bx-controls-direction a {  position: absolute;  top: 50%;  margin-top: -16px;  outline: 0;  width: 21px;  height: 60px;  text-indent: -9999px;  z-index: 9999;}
#ban_wrap .bx-wrapper .bx-controls-direction a.disabled {  display: none;}




#con03 {margin-bottom: 60px;}
#con03 {overflow: hidden;}
#con03 li {float: left; position: relative;}
#con03 li:after {content: ''; display: block; width: 1px; height: 150px; background-color: #ddd ; position: absolute; top: 15px ;  }
#con03 li:first-child:after {display: none;}