@charset "utf-8";
hr {display:none;}
img,fieldset {border:0 none;}
dl,ul,ol,li {list-style: none;padding:0;margin:0;}
body, td, th {font-size:13px;line-height:1.5;color:#666666;font-family:Nanum Gothic, dotum,AppleGothic,sans-serif;}
em {font-style:normal;}
h2,h6,caption {display:none;}
h3,h4,h5,h1{font-family:Nanum Gothic;}
button {cursor:pointer;}
body{margin:0px;padding:0;}
.cl_b{clear:both; width:0px; height:0px;}
img {border:0px;} 
#gab{padding-top:30px;}
.gab{padding-top:10px;}
.gabs{padding-top:3px;}
.gab2{height:20px;}
.gab3{height:30px;}
.gab4{padding-top:40px;}
table{border-collapse:collapse;border-spacing:0}
select{border:1px solid #ccc;padding:3px 0;font-family:"Nanum Gothic";font-size:12px;}
select .it_option{font-family:"Nanum Gothic";font-size:12px;}

/* top */
#wrap{width:100%;height:100%;margin:0 auto;padding:0px;}
#header{width:100%;height:227px;background: url(../images/top_bg.gif) repeat-x;min-width:1200px;}
#Top{width:1200px;margin:0 auto;height:39px;}
#Top ul{list-style:none;margin:0;padding:0;}
#Top li{list-style:none;margin:0;padding:0;float:left;}
#Top .right{float:right;text-align:right;}
#topLine{height:22px;padding:3px 0 0 0;position:relative;}
#topLine .point{position:absolute;top:25px;z-index:10;right:363px;}
#topLine ul{list-style:none;margin:0;float:right;margin-top:4px;}
#topLine li{float:left;list-style:none; position:relative;white-space:nowrap;padding:1px 10px 0 10px; background:url(../images/divine.gif) no-repeat; background-position:right;font-size:11px;color:#666;}
#topLine li a{color:#666;}
#topLine li.event{padding:0 0 0 10px; background:none;margin-top:-2px; }
#topLine li.cart{background:url(../images/bt_cart.png)	no-repeat; background-position:7px 2px;padding:1px 10px 0 26px; }



#top_banner_area{width:100%;height:87px;background:url(/images/top_banner_bg.gif) repeat-x;position:relative;margin:0 auto;padding:0;text-align:center;min-width:1200px;}
#top_banner_area .banner{width:1200px;margin:0 auto;}
#top_banner_area .banner li{float:left;}
#top_banner_area .btn_x{position:absolute;right:20px;top:27px;font-size:11px;}



/* header */
#Mainheader{width:1200px;margin:0 auto;height:132px;}
#Mainlogo{float:left;width:384px;padding-top:5px;}
#hboard{float:right;width:243px;padding-top:30px;}
#hsearch{float:left;height:35px;width:430px;text-align:left;padding-top:30px;}
#hsearch .best{font-size:11px;color:#666;margin-bottom:4px;padding-left:23px;}
#hsearch .best li{font-size:11px;color:#666;float:left;padding:1px 6px 0 6px; background:url(../images/divine.gif) no-repeat; background-position:right;}
#hsearch .best li:first-child{background:none;padding:1px 0 0 0;}
#hsearch .best li:nth-child(5){background:none;}
#hsearch .se{float:left;padding:9px 3px 3px 20px;background:url(../images/search_bg.gif) no-repeat;width:338px;height:47px;}
#hsearch .se input{font-size:11px;color:#888888;font-family:"Nanum Gothic";width:300px;height:27px;}
#hsearch .bt{float:left;}


#main_menu{width:100%;height:125px;background:url(../images/menu_bg.gif) repeat-x;}
#menu_garo {clear:both; width:1200px;margin:0 auto;}
#gnb_garo{width:1200px; margin:0;padding:0;list-style:none; }
#gnb_garo ul {width:1200px; margin:0;padding:0;list-style:none; }
#gnb_garo li {float:left; overflow: hidden;padding:0px; list-style:none;margin:0;}/* .submenu {padding-top:30px;} */
.boardmenu {clear:both; width:1200px;margin:0 auto;height:37px;}
.boardmenu ul { margin:0;padding:0;list-style:none;float:right; }
.boardmenu li {float:left; overflow: hidden;padding:0px; list-style:none;margin:0;}/* .submenu {padding-top:30px;} */








/* main */
#mainBanner{width:100%px;margin:0 auto;height:540px;background:url(../images/main_imgbg.gif) repeat-x;}
#mainBanner .mainban{width:1201px;margin:0 auto;position:relative;}
#mainBanner .mainban .mainimgs{width:1201px;position:absolute;top:8px;left:-10px;}

#contentWrap{width:100%;margin:0 auto;}
#subWrap{width:1200px;margin:0 auto;}
#mainBan{width:1200px;margin-top:20px;}
#mainBan .leftm{width:217px;height:433px;background:url(../images/left_menu_bg.gif) no-repeat;float:left;}
#mainBan .leftm ul{list-style:none;margin:0;padding:122px 0 0 40px;}
#mainBan .leftm li{list-style:none;}
#mainBan .leftm li.twom{padding-top:34px}
#mainBan .leftm li.threem{padding-top:30px}
#mainBan .mainimg{width:705px;height:433px;float:left;}
#mainBan .rightban{width:278px;height:433px;float:left;}
#mainBan .rightban ul{list-style:none;margin:0;padding:0;}
#mainBan .rightban li{list-style:none;width:278px;}
#mainBan .rightban li.fr{height:210px;}



        .bricon
        {
            background: url(/browser-icons.png);
        }


/* sub */
#sub{min-height:700px;overflow:hidden;width:1200px;margin:0 auto;}
#sNav{width:1200px;margin:0 auto;position:relative;margin-top:20px;}
#sNav .toptitle{width:500px;float:left;color:#333;font-size:30px;font-weight:bold;}
#sNav .mong{position:absolute;right:0;top:-23px;}
#sNav .rightnav{width:300px;float:right;text-align:right;font-size:11px;font-family:dotum;padding:18px 5px 0 0;}
#sTab{width:1200px;text-align:center;}
#sTab .nabtab{text-align:center;height:110px;}
#sTab .nabtab ul{list-style:none;margin:0 auto;padding:0 0 0 0;width:530px;}
#sTab .nabtab li{list-style:none;float:left;padding:10px 15px 10px 15px;border:1px solid #e4e4e4;border-radius:6px;text-align:center;margin-right:6px;}
#sTab .nabtab li.on{list-style:none;float:left;padding:10px 15px 10px 15px;border:2px solid #ff9900;border-radius:6px;text-align:center;margin-right:6px;color:#333;font-weight:bold;}
#sTab .nabtab li.bnone{background:none;padding-right:15px;}
#sTab2{width:1200px;background:url(../images/sub/tline.gif) repeat-x;height:41px;}
#sTab2 .nabtab{text-align:right;}
#sTab2 .nabtab ul{list-style:none;margin:0;padding:0;float:right;}
#sTab2 .nabtab li{list-style:none;float:left;padding:0;margin-right:5px;}
#sTab2 .nabtab li:last-child{margin-right:0;}
#subCont{margin-top:20px;}
#s_title{color:#d9563a;font-weight:bold;}
#sLine{width:1200px;height:1px;background-color:#ccc;}




/* latest board */
#lateBg{width:100%;background:#f7f7f7;border-top:1px solid #c9c9c9;margin-top:26px;margin-bottom:20px;}
#lateBoard{width:1200px;margin:0 auto;height:228px;}
#lateBoard .leftnotice{width:248px;padding:10px 0 0 21px;float:left;}
#lateBoard .leftnotice .ntitle{width:248px;height:43px;}
#lateBoard .leftnotice .ncon ul{list-style:none;margin:0;padding-top:22px;}
#lateBoard .leftnotice .ncon li{list-style:none;padding:0 0 0 3px;font-size:12px;font-family:"Nanum Gothic";line-height:24px;color:#777;}
#lateBoard .leftnotice .ncon li a{color:#666;}
#lateBoard .midreview{width:289px;padding:10px 0 0 21px;float:left;border-right:1px solid #e0e0e0;height:218px;}
#lateBoard .midreview .retitle{width:267px;height:43px;}{list-style:none;margin:0;padding-top:6px;}
#lateBoard .midreview .recon ul{list-style:none;margin:0;padding-top:22px;}
#lateBoard .midreview .recon li{list-style:none;padding:0 0 0 3px;font-size:12px;font-family:"Nanum Gothic";line-height:24px;color:#666;}
#lateBoard .midreview .recon li a{color:#666;}
#lateBoard .customer{width:293px;float:left;}
#lateBoard .cubank{width:307px;float:left;}


.lines{width:100%;height:1px;background:#e4e4e4;margin:13px 0 25px 0;}

/* mid banner */
#midBan{width:1200px;margin:0 auto;height:163px;padding-top:20px;}
#midBan li{list-style:none;float:left;margin-bottom:30px;display:block;}

#sub_container{width:1200px;margin:0 auto;padding-top:30px;}
#sub_img{width:1200px;margin:0 auto;height:135px;}
/*sub_left*/	
.left{float:left; width:170px;margin-right:20px;}
.sidemenu{padding:10px 20px 5px 20px; color:#fff;background:#f8f8f8;border:1px solid #e1dfdf;}
.menu-tit{height:95px; font-size:16px; background:#0b7a8b;}
.sMenu > ul > li{border-bottom:1px solid #e4e4e4; background:url(../images/menu_off.png) no-repeat 97% 12px;}
.sMenu > ul > li:last-child{border-bottom:0px solid #e4e4e4;padding-bottom:10px;}
.sMenu > ul > li:hover, .sMenu > ul > li.active{background-image:url(../images/menu_on.png);}
.sMenu > ul > li > a{display: block; padding:5px 0 5px 5px;color:#666;font-size:12px;}
.sMenu > ul > li:hover > a, .sMenu > ul > li.active > a{font-weight: bold; color:#222;font-weight:bold;}
.sMenu > ul > li > ul{padding:5px 0; font-size:11px; border-top:1px solid #dbdde1; background-color:#f8f9fa;} /* 2depth */
.sMenu > ul > li > ul > li > a{display: block; padding:3px 0 3px 15px; white-space: nowrap;}
.sMenu > ul > li > ul > li > a:hover{font-weight:bold;}
.on{font-weight:bold;}
.left_banner{overflow:hidden;}
.left_banner li{margin-top:7px;display:block;}




/*sub_contents*/
.contentBody{float:left; width:1010px;}
.contentBody .sub_top{width:1010px;height:76px;margin-bottom:15px;}
.contentBody .sub_title{height:28px;margin-bottom:25px;border-bottom:2px solid #40adbe;border-top:1px solid #ccc;font-size:18px;color:#333;font-weight:bold;padding:10px 12px;background:#f8f8f8;}
.contentBody .sub_title span{float:right;color:#999;font-size:12px;font-weight:normal;padding-top:6px;}
.contentBody .sub_title strong{color:#666;font-weight:bold;}
.contentBody .sub_container{width:1010px;}





.sliders{width:925px;margin-top:30px;height:528px;float:left;border:1px solid #dedbdb;}
.R_banner{float:right;margin-top:30px;}
.R_banner li{margin-bottom:7px;}
.R_banner li:last-child{margin-bottom:0;}
.contentslider-main{width:927px;height:530px;padding:0px;margin:0px; }

/* Panel */
.contentslider-main .sliderkit-panels{width:696px;height:447px;overflow:hidden;padding:0px;margin:0px;background:transparent; float:right;}
.contentslider-main .sliderkit-panel{width:696px;height:447px;overflow:hidden;padding:0px;margin:0px;background:transparent; }


 .sliderkit{ position:relative;overflow:hidden;text-align:left;}
 .sliderkit a,.sliderkit a:hover{text-decoration:none;}
 .sliderkit a:focus{outline:1px dotted #000;}
 .sliderkit img{border:0;}
 .sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
 .sliderkit .sliderkit-nav-clip {position:relative;overflow:hidden;margin:0 auto;}
 .sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
 .sliderkit .sliderkit-nav-clip ul li{float:left;}
 .sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
 .sliderkit .sliderkit-btn{z-index:10;}
 .sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
 .sliderkit .sliderkit-panel-active{z-index:5;}
 .sliderkit .sliderkit-panel-old{z-index:4;}
 .sliderkit .sliderkit-panel 
 .sliderkit-panel-textbox{position:absolute;z-index:1;}
 .sliderkit .sliderkit-panel 
 .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
 .sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}
 .contentslider-main {width:925px;height:528px;padding:0px;float:left;}
 .contentslider-main .sliderkit-nav{width:925px;margin:0 auto;position:relative;}
 .contentslider-main .sliderkit-nav-clip{height:64px;margin:0;position:absolute;top:466px;left:0px;}
 .contentslider-main .sliderkit-nav-clip li:first-child {width:185px;\0/IE8+9;width:185px;\0/IE8+9;\0/IE8+9;margin-left:0px;\0/IE8+9;}
 .contentslider-main .sliderkit-nav-clip li{display:block;width:184px;height:64px;margin-left:1px;background:url("/images/main_bar_off.png");}
 .contentslider-main .sliderkit-nav-clip li:last-child{width:184px;margin-left:1px;}
 .contentslider-main .sliderkit-nav-clip li a {width:184px;height:53px;padding-top:11px;line-height:52px;\0/IE8+9;line-height:52px\0/IE8+9;font-family:"Nanum Gothic";font-size:15px;letter-spacing:0px;color:#fff;text-decoration:none;background:transparent;font-weight:bold;}
 .contentslider-main .sliderkit-nav-clip li a:hover{ background:url("/images/main_bar_on.png");}
 .contentslider-main .sliderkit-nav-clip li.sliderkit-selected a{ background:url("/images/main_bar_on.png");color:#fff;}
 .contentslider-main .sliderkit-panels{width:925px;height:528px;overflow:hidden;padding:0px;margin:0px;}
 .contentslider-main .sliderkit-panel{width:925px;height:528px;overflow:hidden;padding:0px;margin:0px;}
 .contentslider-main .sliderkit-panel p {width:926px;height:528px;overflow:hidden;padding:0 0 0 0px;margin:0px auto;background-color:#fff;}






.best_prod{width:1200px;margin:0 auto;}
.best_prod .title{margin-top:30px;}
.best_prod ul{margin-top:16px;}
.best_prod li{float:left;margin-right:27px;}
.best_prod li:last-child{margin-right:0;}



.brand{width:1200px;margin-top:20px;}
.brand ul{width:1200px;margin:0;padding:0;}
.brand li{float:left;margin-bottom:16px;}
.brand li.rgab{margin-right:18px;width:446px;}
.brand li .gabs{height:13px;}

.doc{width:1200px;margin-top:20px;margin-bottom:30px;}
.doc li{float:left;margin-right:11px;}
.doc li:last-child{margin-right:0;}





.bottom{width:1200px;height:326px;}
.bottom li{float:left;}
.bottom li.brandb{height:326px;width:393px;}
.bottom li.notice{background:url(/img/notice_bg.gif) no-repeat;height:326px;width:394px;}
.bottom li.notice .title{padding-top:30px;padding-left:30px;}
.bottom li.notice .con{padding-top:6px;padding-left:50px;height:134px;font-size:12px;}
.bottom li.notice .con li{line-height:24px;width:300px;}
.bottom li.notice .con li a{color:#666;}
.bottom li.notice .bans{padding-left:30px;}
.bottom li.review{background:url(/img/review_bg.jpg) no-repeat;width:413px;height:326px;}
.bottom li.review .title{padding-top:30px;padding-left:30px;}
.bottom li.review .cons{padding-top:11px;padding-left:50px;height:237px;font-size:12px;}
.bottom li.review .cons li{line-height:24px;display:block;width:270px;}
.bottom li.review .cons li a{color:#666;}



/* 탭 */

.main_tit{margin-bottom:35px;}
#rec_pro{width:1200px;margin:0 auto;height:680px;}



.box_welcome_event {position:relative;padding-top:660px;height:25px; overflow:hidden; }
.box_welcome_event h2,
.box_welcome_event h3 {position:absolute;visibility:hidden;width:0;height:0;}
.box_welcome_event .section_list {height:25px;}
.box_welcome_event .section {float:left;position:relative; }

.box_welcome_event .section_title a {position:relative; font-family:'Nanum Gothic',monospace; font-size: 14px; top:-660px; display:block; letter-spacing:-0.05em;text-align:center; padding:10px 0 8px 0; height:20px; color:#666; font-weight:bold; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1;border-bottom:1px solid #c8c8c8;z-index:10; background-color: #f3f3f3;margin-left:-1px;}
.last{border-right:1px solid #e1e1e1;}
.box_welcome_event .section.on .section_title a:hover{ text-decoration:none; color:#333; background-color: #faf8f8;border:1px solid #e1e1e1;}

.box_welcome_event .section:first-child .section_title a,
.box_welcome_event .section:first-child .event_title a {margin-left:0;}
.box_welcome_event .section .arrow {display:none;width:14px;height:8px;background:url('/images/arrow_event.png');position:absolute;top:-519px;left:50%;z-index:101;margin-left:-7px;}
.box_welcome_event .section_content {}
.box_welcome_event .event_list {display:none;position:absolute;left:0;bottom:26px;width:100%;z-index:10;}


.box_welcome_event .section.on .section_title a {color:#fff; background-color: #f56b4e;border:1px solid #e3264b;}

.box_welcome_event .section.on .event_list {display:block;}
.box_welcome_event .section.on .arrow {display:block;}
.box_welcome_event .event_title a {display:block;position:relative;z-index:-1;margin-right:-1px;padding:6px 5px 0;height:17px;font-size:11px;line-height:13px;font-weight:normal;color:#333;background-color:#fff;border:1px solid #ccc;border-bottom:none;
                                   white-space:nowrap;overflow:hidden;letter-spacing:-1px;*vertical-align:top; /*text-overflow:ellipsis;*/}


.box_welcome_event .event_banner {visibility:hidden;position:absolute;left:0;bottom:-54px;width:1200px;height:660px;overflow:hidden; } /* 메뉴와 상품사이 */



.box_welcome_event .event_list li.on .event_title a {color:#fff;background-color:#fb3947;border-color:#fb3947;}
.box_welcome_event .event_list li.on .event_banner {visibility:visible;padding:10px 0 0 0;}
.box_welcome_event .active .event_title a {z-index:20;}
.box_welcome_event .section_list.active .section.on .arrow {*display:none;}



ul.vx12{margin:20px 0px 0px 0px; padding:0px 0px 0px 65px;}
.rec_products{width:1200px;margin:0 auto;margin-top:15px;}

/* bottomBanner */
#botBanner{width:1200px;margin:0 auto;overflow:hidden;}
#botBanner li{float:left;}

/* bottomLink */
#botLink{width:1200px;margin:0 auto;overflow:hidden;}
#botLink li{float:left;margin-right:6px;}
#botLink li:last-child{float:left;margin-right:0;}



/* copyTop */
#copyTop{width:100%;margin-top:20px;background:url(../images/copy_top_bg.gif) repeat-x;height:210px;}
#copyCustomer{width:1200px;margin:0 auto;}
#copyCustomer ul{list-style:none;margin:0;padding:0;}
#copyCustomer li{list-style:none;float:left;}
#copyCustomer li.cs{width:350px;height:156px;}
#copyCustomer li.escrow{width:303px;height:156px;}
#copyCustomer li.qna{padding-left:39px;height:64px;}
#copyCustomer li.ban{width:547;float:left;overflow:hidden;}
#copyCustomer li.ban ul{margin-left:35px;}
#copyCustomer li.ban li{float:left;width:106px;margin:0 18px 14px 0;height:49px;}
#copyCustomer li.ban li.last{margin:0 0 14px 0;}



#copyBtn{width:100%;height:43px;margin:0 auto;padding:0;background:#6d6d6d;min-width:1200px;}
#copyBtn .icon{width:1200px;height:43px;margin:0 auto;padding:0;position:relative;}
#copyBtn .icon ul{list-style:none;margin:0;padding:0;}
#copyBtn .icon li{list-style:none;float:left;}
#copyBtn .icon li.ntop{float:right;}
.bntop{margin:0 0 0 17px;position:absolute;top:0;right:0;}




/* copyright */
#footer {width:100%;height:98px;}
#Copy{width:1200px; height:34px;margin:0 auto;padding-top:25px; position:relative;font-size:11px;color:#777;margin-bottom:10px; }
#Copy .copy{font-weight:700;font-size:10px;text-transform:uppercase;font-family:'Open Sans';padding-top:5px;}




.tbl_type1 table {width:100%;margin-top:17px;}
.tbl_type1 table tr th {font-size:11px; word-wrap: break-word; overflow: hidden; background: #f8f8f8;height:35px;border:1px solid #e4e4e4;}
.tbl_type1 table tr td {overflow: hidden;padding:20px;text-align:left;border:1px solid #e4e4e4;}

.tbl_type2 table {width:513px;margin-top:15px;}
.tbl_type2 table tr th {font-size:11px; overflow: hidden; height:35px;border-top:2px #c1c1c1 solid;border-bottom:1px #c1c1c1 solid;}
.tbl_type2 table tr td {overflow: hidden;padding:6px 0 7px 0;text-align:center;border:1px solid #e0e0e0;color:#626962;}

.tbl_type3 table {width:1010px;margin-top:15px;}
.tbl_type3 table tr th {font-size:11px; overflow: hidden; height:35px;border:1px solid #e0e0e0;background:#f8f8f8;}
.tbl_type3 table tr td {overflow: hidden;padding:6px 0 7px 0;text-align:center;border:1px solid #e0e0e0;}
.tbl_type3 table tr td.tl{overflow: hidden;padding:6px 0 7px 20px;text-align:left;}

.tbl_type4 table {width:1010px;margin-top:15px;}
.tbl_type4 table tr th {font-size:11px; overflow: hidden; height:135px;border:1px solid #e0e0e0;background:#f8f8f8;padding:0;}
.tbl_type4 table tr td {overflow: hidden;padding:6px 20px 7px 20px;text-align:left;border:1px solid #e0e0e0;}
.tbl_type4 table tr td.tl{overflow: hidden;padding:6px 0 7px 20px;text-align:left;}
.tbl_type4 table tr td.ts{overflow: hidden;padding:6px 0 7px 20px;border:none;}

/*floating*/	

.bottomSky2 {
 position: absolute;
 left: 50%;
 margin:0 0 0 615px;
 top: 370px;
 width: 74px;
 z-index:100;
}



.bottomSky {
 position: absolute;
 left: 50%;
 margin:0 0 0 615px;
 top: 652px;
 width: 74px;

 z-index:100;
}




.divToday{position:relative; top:0;width:74px;}
.divToday li:last-child{margin-top:6px;}
.black{font-weight:bold;color:#000;font-size:14px;}
.black2{font-weight:bold;color:#444;font-size:13px;}

.fnb { position:absolute; right:0; top:46px; }

 

@media screen and (max-width: 1200px) {
    #Copy{ height:100%; }
}

.custom{width:1010px;}
.custom .tbox{background:#f8f8f8;border:1px solid #e4e4e4;padding:20px;margin:10px 0;font-weight:bold;}
.custom .tbox span{color:#20a0a5;display:block;}
.custom .cu_title{margin-top:30px;}
.custom ul{list-style:none;margin:0;padding:0 25px 25px 35px;border-left:1px solid #e2dfdf;border-right:1px solid #e2dfdf;border-bottom:1px solid #e2dfdf;}
.custom li{list-style:none;background:url(../images/dot.gif)	no-repeat; background-position:0px 8px;padding:0 0 0 13px;font-size:13px;font-family:"Nanum Gothic";line-height:24px;color:#666;}
.custom li.icons{list-style:none;background:none; padding:15px 0 35px 0;height:150px;}
.custom li span{color:#20a0a5;font-weight:bold;}

/* Flexible iFrame 등, 지도 등을 폭에 맞게 자동 리사이징 */

.Flexible-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height:0;
      overflow: hidden;
}

.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}