@charset "utf-8";
/* CSS Document */


@import url('default.css');
@import url('reset.css');
@import url('style.css');
@import url('basic.css');
@import url('layout.css');



#apDiv1 {
	position:absolute;
	width:958px;
	background-color:#fff;
	margin-top:-10px;
	margin-left:-2px;
	visibility: hidden;
	clear:both; 
	z-index:100;
}

.selling_header_pop { position:absolute; _margin-top: 10px !important; margin-top: 5px !important;  width:998px;  height:227px; border:1px solid #d4181e; border-top:none; border-bottom:4px solid #d4181e; background-color:#ffffff;}
.selling_header_pop p { float:left; position:relative; }
.selling_header_pop div { float:left; padding:15px 10px; width:805px; height:197px; background:url(/_lang/image/kr/img/brand_shop/pop_bg.gif) repeat-x top #fff; position:relative; }
.selling_header_pop div h2 { clear:both; padding:15px 0 0 0; height:15px;}
.selling_header_pop div ul li { float:left; padding:0 2px 3px 0;}
.selling_header_pop div ul li img { width:46px; height:43px; border:1px solid #e3e3e3;}

.ad_type23 {clear:both; position:relative;}

.ad_type2 {float:left; position:relative; width:198px; height:384px; display:inline-block; border-left:#ca0221 20px solid; background:url(../images/phonestyle/left_cate_back.gif) left top repeat;}
.ad_type2 dl {border-bottom:#5d554d 1px solid; margin:5px; padding:15px;}
.ad_type2 dt {padding-bottom:15px;}
.ad_type2 dd ,
.ad_type2 dd a,
.ad_type2 dd a:link,
.ad_type2 dd a:visited,
.ad_type2 dd a:hover,
.ad_type2 dd a:active {color:#fff; font-family:gulim; font-size:13px; line-height:160%;}
.ad_type3 {float:right; position:relative; }

.ad_type45 {clear:both; margin-top:23px; margin-bottom:30px; display:inline-block; position:relative; width:100%; }

.ad_type4 {float:left; position:relative; height:150px; }
.ad_type4 div {float:left;}
.ad_type4 div.board_notice {float:left; margin-right:10px;}
.ad_type4 div.board_new {float:left; margin:0px;}
.ad_type4 div.board_notice h2,
.ad_type4 div.board_new h2 {border-bottom:#dbdbdb 1px solid; padding:8px 10px; width:195px; font-size:13px; font-family:gulim; color:#303030;}


.ad_type5 {float:right; position:relative; height:121px !important; width:240px; overflow:hidden; border:1px solid #dbdbdb; padding:0; margin:0; }
.ad_type5 ul {position:relative; margin:0; padding:0;   height:120px; overflow:hidden; font-size:12px; list-style:none; *zoom:1}
.ad_type5 ul:after {display:block; clear:both;  margin:0; padding:0;}
.ad_type5 li {float:left; margin:0px; padding:0px; }
.ad_type5 li a {float:left; position:relative; border:1px solid #dbdbdb; border-width:0px 1px 1px 0px; color:#8a898f; text-decoration:none}
.ad_type5 li a span {display:inline-block; padding:6px 14px 6px 15px; cursor:pointer;}
.ad_type5 li ul {display:none ;position:absolute; top:33px; left:0; width:100%; margin:0; padding:0; border:0; list-style:none; *zoom:1}
.ad_type5 li ul:after {display:block; clear:both; content:""}
.ad_type5 li ul.board_list {top:35px;}
.ad_type5 li ul.board_list li {float:left; position:relative; margin:0 0 8px 0; padding-left:15px; padding-right:5px; color:#494949;  border-bottom:#dbdbdb 1px solid; height:23px; width:100px; background:url(../images/phonestyle/icon_gray.gif) 7px 5px no-repeat; letter-spacing:-1px;}
.ad_type5 li ul.board_list span {float:right; text-align:right; color:#ad1515 !important;   border:0 !important; background:transparent; letter-spacing:normal }
.ad_type5 li ul li {padding-left:10px;}
.ad_type5 li ul a {float:none; position:relative; text-decoration:none}
.ad_type5 li ul a span {display:inline-block; padding:6px 14px 6px 15px; cursor:pointer;}
.ad_type5.s1 .s1 a,
.ad_type5.s2 .s2 a {color:#333; margin:0px; padding:0px;   border-bottom:#fff 1px solid;}
.ad_type5.s3 .s3 a {color:#333; margin:0px; padding:0px;   border-bottom:#fff 1px solid; border-right:#fff 1px solid;}
.ad_type5.s1 .s1 a span,
.ad_type5.s2 .s2 a span,
.ad_type5.s3 .s3 a span {padding-top:7px; font-weight:bold; }
.ad_type5.s1 .s1 ul,
.ad_type5.s2 .s2 ul,
.ad_type5.s3 .s3 ul {display:block}


.ad_type6 { clear:both; margin:0 auto; display:block; position:absolute; left:0; width:100%;  background:url(../images/phonestyle/franchise_back.gif) left top repeat-x #dac08a; text-align:center; }
.ad_type6 div.con_back {background:url(../images/phonestyle/franchise.gif) left top no-repeat; height:280px; width:1000px; margin:0 auto; margin-top:-17px;}
.ad_type6 div.franchise_shop {float:left; padding-top:90px;}
.ad_type6 div.franchise_interior {float:left; padding-top:152px; margin-left:45px;}
.ad_type6 div.franchise_interior li {float:left;}
.ad_type6 div.franchise_interior li.fran_photo  img {width:256px; height:103px;}


.ad_type78 {clear:both; margin-top:280px; position:relative; display:inline-block;}
.ad_type7 {float:left; display:inline-block; height:732px; width:745px; margin-right:14px; border-bottom:#f58178 4px solid; position:relative;}
.ad_type8 {float:right;}

.ad_type9 { clear:both; margin:0 auto; margin-top:25px; display:block; position:absolute; left:0; width:100%;  background:#000000; text-align:center; }

.ad_type1011 {clear:both; margin-top:190px; position:relative; display:inline-block;}
.ad_type10 {float:left; display:inline-block; margin-right:13px;}
.ad_type10 div.barnd_list {background:#f4f4f4; padding:10px 0px 0px 10px; width:534px; height:238px;}
.ad_type10 div.barnd_list span {float:left; margin:0 2px 5px 0;}
.ad_type11 {float:right; width:443px; height:332px; background:url(../images/phonestyle/movie_back.gif) left top no-repeat;}

.ad_type12 {clear:both; background:url(../images/phonestyle/bottom_customer.gif) left top no-repeat;  height:160px;  position:relative; margin:80px 0 20px 0; }
.ad_type12 span { margin:52px 0px 0px 12px; display:inline-block;}
.ad_type12 p {position:absolute; left:505px; top:50px;}



.bu_type1 { position:absolute; right:0; top:5px; height:10px;}
.bu_type1 a { display:inline-block; overflow:hidden; margin:0 0 0 4px; width:10px; height:10px; background:url(../images/main/btn_circle.gif) no-repeat right top; text-indent:-50px;}
.bu_type1 a:hover { display:inline-block; overflow:hidden; width:10px; height:10px; background:url(../images/main/btn_circle.gif) no-repeat left top; text-indent:-50px;}
.bu_type1 a.on { display:inline-block; overflow:hidden; width:10px; height:10px; background:url(../images/main/btn_circle.gif) no-repeat left top; text-indent:-50px;}

.bu_type2 { position:absolute; right:0; top:5px; height:10px;}
.bu_type2 a { display:inline-block; overflow:hidden; margin:0 0 0 4px; width:10px; height:10px; background:url(../images/main/btn_circle2.gif) no-repeat right top; text-indent:-50px;}
.bu_type2 a:hover { display:inline-block; overflow:hidden; width:10px; height:10px; background:url(../images/main/btn_circle2.gif) no-repeat left top; text-indent:-50px;}
.bu_type2 a.on { display:inline-block; overflow:hidden; width:10px; height:10px; background:url(../images/main/btn_circle2.gif) no-repeat left top; text-indent:-50px;}


.main_line { width:100%; height:10px; background:url(../images/common/bg/bg_dot.gif);}

.product { padding:25px 0 0 0; width:100%; height:380px; }
.product .thumb { float:left; width:300px; padding:0 0 0 30px;}
.product .thumb .big { overflow:hidden; width:300px; height:300px; text-align:center; vertical-align:middle;}
.product .thumb .big img { width:300px; height:300px;}
.product .thumb ul { height:74px; border-bottom:1px solid #dadada;}
.product .thumb ul li { float:left; padding:2px; width:54px; height:54px; overflow:hidden;}
.product .thumb ul li a { display:block;}
.product .thumb .btn { padding:10px 0 0 0; width:100%; height:18px; text-align:center;}
.product .thumb .btn a { display:block; margin:0 auto; width:67px; height:18px; background:url(../images/common/btn/btn_product.gif) no-repeat 0 -174px; text-indent:-20000px;}
.product .option { float:left; padding:0 0 0 24px; width:480px;}
.product .option h2 { padding:0 0 14px 0; font-size:16px; color:3c3c3c;}
.product .product_btn { padding:20px 0 0 0; height:37px; text-align:center;}
.product .product_btn a { margin:0 6px 0 0;}
.product .sns_btn {height:23px; padding:14px 0 0 0; text-align:center;}
.product .sns_btn a { margin:0 0 0 4px; vertical-align:middle;}

.product .result { float:right; width:230px;}
.product .result h2 { padding:6px; border:1px solid #dadada; font-size:11px; color:#656565;}
.product .result h2 span { font-weight:normal;}
.product .result ul { padding:11px 11px 0 11px; border:1px solid #dadada; border-top:none;}
.product .result ul li { height:22px; padding:0 0 0 10px; background:url(../images/common/ico/bu_square.gif) no-repeat 5px 5px;}
.product .result ul li span { display:block; float:right; width:70px;}
.product .result ul li a { display:block; float:left; width:117px; font-size:11px;}

.more_product { clear:both; border:1px solid #dcdcdc;}
.more_product .line { overflow:hidden; position:relative; height:180px; border:3px solid #f2f2f2;}
.more_product .line h2 { padding:8px 0 6px 8px; height:17px; border-bottom:1px dashed #dadada; font-size:1px;}
.more_product .line ul { padding:0 58px;}
.more_product .line ul li { float:left; margin:0 15px 0 0; width:110px; height:190px; text-align:center;}
.more_product .line ul li img { width:110px; height:110px;}
.more_product .line ul li a { font-size:11px;}
.more_product .line ul li a span { display:block; padding:5px 0 0 0;}
.more_product .line ul li a em { display:block; padding:5px 0 0 0; color:#3c3c3c; font-weight:bold;}
.more_product .line .before { display:block; width:27px; height:50px; position:absolute; left:18px; top:80px; background:url(../images/product/bg_step_arrow.gif) no-repeat left top; text-indent:-80000px;}
.more_product .line .next { display:block; width:27px; height:50px; position:absolute; right:18px; top:80px; background:url(../images/product/bg_step_arrow.gif) no-repeat left bottom; text-indent:-80000px;}
.more_product .line p a { display:block; width:27px; height:50px;}

.product_table_header  { width:100%; padding:20px 0 0 0; height:27px;}
.product_table_header p { float:right;}
.product_table_header p.data { float:left; padding:10px 0 0 10px; background:url(../images/common/ico/bu_square.gif) no-repeat 5px 13px; font-size:11px;}
.product_table_header p.data strong { color:#e81f38;}

.bx_type1 { padding:10px; border:3px solid #e8e8e8;}
.bx_type1 h3 { font-size:11px; color:#e91f37;}
.bx_type1 p,
.bx_type1 ul { padding:5px 0 0 0;}

.product_bbs1 { float:left; width:475px;}
.product_bbs2 { float:right; width:475px;}

.product_info { width:100%; padding:47px 0; text-align:center;}

.product_btmad h2 { padding:4px; height:18px; background:#363636;}
.product_btmad ul { padding:10px; height:79px; background:#464646;}
.product_btmad ul li { float:left; margin:0 4px 0 0;}





#main_contents{ position:relative; margin-top:10px; }
.main_banner{position:relative;}
.main_banner .main_c_banner{position:relative; float:left;}
.main_banner .main_c_banner .bmenu{display:block; width:100%;}
.main_banner .main_c_banner .bmenu li{
	display:inline-block;width:136px; float:left;border-top:#b9b9b9 solid 1px;border-bottom:#b9b9b9 solid 1px;border-right:#b9b9b9 solid 1px;
}
.main_banner .main_c_banner .bmenu li:first-child{border-left:#b9b9b9 solid 1px;width:135px;}
.main_banner .main_c_banner .bmenu li a{display:block; color:#737373; text-align:center; padding:7px 0; }
.main_banner .main_c_banner .bmenu li:first-child a{background:none;}
.main_banner .main_c_banner .bmenu .current{background:#000000;  border:#000000 solid 1px;}
.main_banner .main_c_banner .bmenu .current a{color:#FFF;}
.main_banner .main_r_banner{float:right; }

.event_banner{clear:both;}
.event_banner>ul{position:relative; display:inline-block; margin-top:7px;}
.event_banner>ul>li{float:left; border-top:#b9b9b9 solid 1px;border-bottom:#b9b9b9 solid 1px;border-right:#b9b9b9 solid 1px;border-left:#b9b9b9 solid 1px;}
.event_banner>ul>li+li{border-left:none}
.event_r_banner{float:right; margin-top:7px;}

.best_pro{}

/*    tab      */
.tab{margin-top:20px;}
.tab ul{display:inline-block; width:100%; border-bottom:#000 solid 2px;  }
.tab ul li{float:left; width:199px; border-top:#b9b9b9 solid 1px; border-right:#b9b9b9 solid 1px;  border-bottom:#000 solid 2px; margin-bottom:-3px; background:#FFFFFF}
.tab ul li:first-child{border-left:#b9b9b9 solid 1px;width:198px; }
.tab ul li a{float:left; padding:9px 0; text-align:center; width:100%}
.tab .current{border-top:#000 solid 2px;width:197px; border-right:#000 solid 2px; border-left:#000 solid 2px;  border-bottom:#fff solid 2px; font-weight:bold}
.tab .current a{color:#000}
.tab ul li:first-child.current{border-left:#000 solid 2px; width:197px; }

.tab_pro{padding:10px 0; clear:both; display:inline-block}
.tab_pro .item{float:left; width:199px; text-align:center; }
.tab_pro>ul>li+li{border-left:#ebebeb solid 1px;}



/* 금주의 NEW & HOT 상품 */
.new_area{margin-top:20px;}
.new_area ul{clear:both;}
.new_area>ul>li{position:relative; display:inline-block; margin:0 23px 20px 0; width:316px;}
.new_area>ul>li:nth-child(3n){margin:0 0 20px 0;}

/* IE nth */
.new_area>ul>li+li+li{margin:0 0 20px 0;}
.new_area>ul>li+li+li+li{margin:0 23px 20px 0;}
.new_area>ul>li+li+li+li+li+li{margin:0 0 20px 0;}

.new_area ul li .icon{position:absolute; top:-2px; right:30px;}



.new_thumb{ border:#e0e0e0 solid 1px; padding:9px; }
.new_thumb ul{}
.new_thumb ul>li{position:relative; display:inlin-block;}

.new_thumb .t1{ font-size:14px; color:#252525; font-weight:bold; padding:10px 0 10px 0;}
.new_thumb .t3{ font-size:32px; color:#e50e15; font-weight:bold; line-height:40px;}
.new_thumb .t4{ font-size:18px; color:#ed485e}
.new_thumb .t5{ display:inline-block; font-size:14px; color:#a5a5a5; text-decoration:line-through; margin-right:10px;}
.new_thumb .t6{ display:inline-block;font-size:18px; color:#272626; font-weight:bold}
.new_thumb .t7{ display:inline-block;}

.new_thumb .g1{display:block}
.new_thumb .g2{display:block; position:absolute; top:10px; left:60px; top:0}
.new_thumb .g2 .t5{display:block; font-size:12px;}
.new_thumb .g3{position:relative; padding:10px 0; border-top:#e6e6e6 solid 1px;}
.new_thumb .g4{position:absolute; right:0; top:10px; }
.new_thumb .t8{color:#0284d8; font-size:18px;}






/* 상담전화, 정기구독, 부분무이자, 배너 */
#footer_banner { position:relative; float:left; display:inline; width:1001px; height:280px; border:solid 1px #eaeaea; background-color:#f0f3f7; margin-bottom:20px; }
#footer_banner .callcenter { position:relative; float:left; display:inline; margin:10px 0 10px 10px; background:url(../images/main/main_callcenter.gif) no-repeat top left; width:200px; height:260px; }
#footer_banner .callcenter p.fb_question { position:relative; float:left; top:77px; left:11px; }
#footer_banner .callcenter p.fb_faq { position:relative; float:left; top:77px; left:15px; }
#footer_banner .account { position:relative; float:left; display:inline; margin:10px 0 10px 10px; background:url(../images/main/main_subscribe.gif) no-repeat top left; width:200px; height:260px; } #footer_banner .main_free { position:relative; float:left; display:inline; margin:10px 0 10px 10px; background:url(../images/common/main_selling.gif) no-repeat top left; width:240px; height:260px; }
#footer_banner .f_banner { position:relative; float:left; display:inline; margin:10px 0 10px 10px; width:308px; height:260px; background-color:#999999; }
#footer_banner .f_banner .left_banner { position:relative; float:left;width:200px; margin:3px 1px 0 3px; }
#footer_banner .f_banner .left_banner li.line { height:63px; padding-bottom:1px;}
#footer_banner .f_banner .right_banner { position:relative; float:left;  width:101px; margin:3px 0 0 0;}
#footer_banner .f_banner .right_banner li.line { height:127px; padding-bottom:1px;}










#mainContent .notice{ position:relative; padding:22px 0; font-weight:400}
#mainContent .notice img{ vertical-align:middle }
#mainContent .notice .date{ position:absolute; right:62px; top:23px}
#mainContent .notice .btnArea{ position:absolute; right:0; top:20px}


#mainproTabs{ margin-bottom:25px}
#mainproTabs>ul li{ position:relative; width:50%; float:left; height:48px; background:#444444}
#mainproTabs>ul li .over{ display:none;  position:absolute; top:48px; left:50%; width:16px; height:8px; background:url(../images/main/tab_over.gif) no-repeat}
#mainproTabs>ul li a{ display:block; text-align:center; padding:15px 0 10px 0; font-size:16px; font-weight:700; color:#FFF}

#mainproTabs>ul li.ui-state-active{ background:#db2930 }
#mainproTabs>ul li.ui-state-active .over{ display:block;}
#mainproTabs>ul+div{ clear:both}