@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("/common/fonts/S-Core-Dream/s-core-dream.css");

* {margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:'NanumBarunGothic', dotum, sans-serif;font-size:12px;color:#383d41;vertical-align:middle;}
body{background-color:#fff;text-align:left; min-width: 1050px; margin: 0 auto}
li{list-style:none}
input {outline:none;}
input,select,button{vertical-align:middle}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}

.auto {margin:0 auto;}
.none {font-size:1px; line-height:1px;}
.bold {font-weight:bold;}
.left {text-align:left;}
.center {text-align:center;}
.pointer {cursor:pointer;}
.move {cursor:move;}
.underline {text-decoration:underline;}
.right {text-align:right;}
.clr {clear:both; font-size:0px;}
.up1 {position:relative; overflow:hidden; left:0; top:-1px;}
.up2 {position:relative; overflow:hidden; left:0; top:-2px;}
.up3 {position:relative; overflow:hidden; left:0; top:-3px;}
.up4 {position:relative; overflow:hidden; left:0; top:-4px;}
.up5 {position:relative; overflow:hidden; left:0; top:-5px;}
.up10 {position:relative; overflow:hidden; left:0; top:-10px;}
.down1 {position:relative; overflow:hidden; left:0; top:1px;}
.down2 {position:relative; overflow:hidden; left:0; top:2px;}
.down3 {position:relative; overflow:hidden; left:0; top:3px;}
.down4 {position:relative; overflow:hidden; left:0; top:4px;}
.down5{position:relative; overflow:hidden; left:0; top:5px;}

.l16 {line-height:16px;}
.l18 {line-height:18px;}

.userview {padding:0 7px 0 7px; line-height:14px; font-size:12px; color:#333333; font-family:dotum,돋움;}
.userview a:hover {color:#39bb00; text-decoration:none;}

/*
.tooltip
{position:absolute;top:0px;left:0px;z-index:9999;display:none;border:2px solid #0195a1;line-height:16px; font-size:11px; color:#898989; font-family:dotum,돋움;padding:20px;font-weight:normal;text-align:left;}
*/
.tooltip
{position:absolute; top:0px; left:0px; z-index:9999; display:none; border:2px solid #0195a1; background-color:#ffffff; line-height:16px; font-size:11px; color:#898989; font-family:dotum,돋움; padding:20px 20px 20px 20px; font-weight:normal; text-align:left;}

#message_body {position:absolute; top:0px; left:0px; width:0px; height:0px; z-index:999999; display:none; background-color:#000000; text-align:center;}
#message_box {position:absolute; top:0px; left:0px; padding:17px 20px 10px 20px; border:2px solid #c1c1c1; background:#ffffff; z-index:999999; display:none;}
#message_box .title {font-weight:bold; margin-bottom:8px; line-height:20px; font-size:14px; color:#333333; font-family:dotum,돋움; letter-spacing:-1px;}
#message_box .text {line-height:20px; font-size:13px; color:#363636; font-family:gulim,굴림;}
#message_box .btn{clear:both; margin-top:17px; padding:10px 0; border-top:1px solid #e5e5e5; text-align:center;}
#message_box .btn img {vertical-align:top;}

.layout_top_bg {position:absolute; top:0px; left:0px; width:100%; height:0px; z-index:-1;}
.layout_bottom_bg {position:absolute; bottom:0px; left:0px; width:100%; height:0px; z-index:-1;}

<!--미나씨 클래스-->

.select{border: 1px solid #A7A7A7;background-color:#ffffff;height: 20px;    font-family:"돋움", "굴림", Verdana, Arial;font-size: 11px;color: #666666;}
.input{border: 1px solid #c2c2c2;background-color: #FFFFFF;height: 20px;font-family: "돋움", "굴림", Verdana, Arial;font-size: 12px;color: #666666;}
.textarea{border:#c2c2c2 1px solid; background-color:#FFFFFF; font-family:"돋움", "굴림",Verdana,Arial;font-size:12px;color:#4B4B4B; padding:4px 4px 4px 4px;}
.scrollTxt{scrollbar-face-color:#FFFFFF; scrollbar-arrow-color:#289CDC;scrollbar-highlight-color : #c6c6c6; scrollbar-shadow-color : #c6c6c6; scrollbar-3dlight-color : #DADADA;scrollbar-darkshadow-color :#FFFFFF;font-family:'돋움', '굴림'; font-size:11px; color:#898989; line-height:18px;}
/*png투명*/
.png01{tmp:expression(setPng24(this));}

/*탑메뉴랑 메인메뉴*/
.inputsearch{border:1px solid #c0c0c0; width:180px; float:right; height:22px; margin-top:20px;}
.input02{border:1px solid #ffffff; background-color:#FFFFFF; height:17px; font-family:"돋움", "굴림", Verdana, Arial; font-size:12px; color: #707070 ;vertical-align:top; width:151px; padding-left:5px;padding-top:1px;}
.mainmenu{font-family:Tahoma;  color:#ffffff; font-weight:bolder; float:left;}

.Submenu { width:200px; }
.submenu {font-family:Verdana, Arial, Tahoma; width:180px; height:100%; font-weight:bold; font-size:12px; line-height:20px; }
.submenu2 {font-family:Verdana, Arial, Tahoma; }
.submenu ul{}
.submenu ul li{font-family:Verdana, Arial, Tahoma; font-weight:normal;font-size:13px;}
.submenu ul li a{ color:#707070;font-size:13px;}
.submenu ul li a:hover{color:#0054A6; font-weight: bold; text-decoration: underline;}
.catrgorymenu {position:absolute; z-index:10; left:0; top:0px; width:300px; display:none;}

/*마이페이지메뉴외*/
.mymenu {font-family:Verdana, Arial, Tahoma; width:160px; height:100%; font-weight:bold; font-size:12px; line-height:20px; margin-top:10px; padding-left:5px; color:#555555;}
.mymenu ul{ border-bottom:1px solid #dadada; padding-bottom:10px;}
.mymenu ul li{font-family:Verdana, Arial, Tahoma; line-height:18px; font-weight:normal;font-size:11px;}
.mymenu ul li a{color:#959595;font-size:11px;}
.mymenu .off a { line-height:18px; font-size:11px; color:#9e9e9e; font-family:'돋움';}
.mymenu .on { font-family:'돋움'; font-weight:bold; line-height:18px; font-size:11px;}
.mymenu .on a { font-family:'돋움'; font-weight:bold; line-height:18px; font-size:11px; color:#7d7d7d;}

/*상품리스트*/
.productname{font-family:'돋움', '굴림'; font-size:12px; color:#707070;line-height:17px; text-align:left; padding-top:19px;vertical-align:top;}
.productname img{vertical-align:middle;}
.producticon{line-height:12px; text-align:center;}
.productprice{font-family:dotum, Tahoma, Verdna, Aria; font-size:12px; font-weight:bolder; color:#464646; padding-top:2px;}
.productprice img{ vertical-align:top; margin-left:3px; line-height:12px;}
.item_price{font-family:Tahoma, Verdna, Aria; font-size:12px; font-weight:bolder; text-decoration:line-through; color:#363636;}

/*서브디자인*/
.sub01{ margin-bottom:30px;}
.line01{border-top:1px solid #dadada; margin-bottom:30px; width:890px;}
.donation_txt01{font-size:15px;color:#252525;font-weight:bolder; line-height:18px; margin-top:10px;}
.donation_title{font-size:20px;color:#252525;font-weight:bolder; line-height:30px;}
.donation_txt02{font-size:12px;color:#7d7d7d;line-height:16px; margin-top:10px;}


/*상품리스트_베스트_흰색폰트*/
.productname_best{font-family:'돋움', '굴림'; font-size:12px; color:#ffffff;line-height:25px; text-align:center;}
.productname_best a{color:#ffffff;}
.productname_best a:hover{color:#ffffff;}
.productname_best img{vertical-align:middle;}
.productprice_best{font-family:Tahoma, Verdna, Aria; font-size:12px; font-weight:bolder; color:#ffffff; line-height:12px; text-align:center; margin-bottom:20px;}
.productprice_best img{ vertical-align:top; margin-left:3px; line-height:12px;}

/*히스토리*/
.history_num01{font-family:Verdana, Arial;font-size:12px;color:#737373;text-align:center;font-weight:bolder;}
.history_num a{color:#737373}
.history_num a:hover{color:#348ad8;text-decoration:none;}
.history_num02{font-family:Verdana, Arial;font-size:12px;color:#348ad8;text-align:center;font-weight:bolder;}
.history_txt01{font-family:Verdana, Arial;font-size:20px;color:#306d97;font-weight:bolder; padding-bottom:10px;}
.history_txt02{font-family:Verdana, Arial;font-size:11px;color:#69a5cd;font-weight:bolder; vertical-align:top;}
.history_txt03{font-family:"돋움", "굴림",Verdana, Arial;font-size:12px;color:#707070;line-height:20px;padding-left:30px;}

/*카피에 공지사항*/
.noticebr{line-height:20px;width:8px; padding-top:0px; padding-right:2px}
.noticecontents{font-family:'돋움', '굴림'; font-size:12px; color:#636363;line-height:18px; width:230px; float:left;}
.noticecontents a{font-size:12px; color:#636363;}
.noticecontents a:hover{font-size:12px; color:#754c24;}
.noticedate{font-family:'돋움', '굴림'; font-size:12px; color:#636363;line-height:18px; text-align:right; width:70px; float:left;}

/*타이틀*/
.titlesub{font-family:'돋움', '굴림',Tahoma, Verdna, Aria; font-size:20px; color:#252525; font-weight:bolder;line-height:40px;}

/*네비*/
.subnavi{font-family:'돋움', '굴림',Tahoma, Verdna, Aria; font-size:12px; color:#555555; line-height:30px;}

/*상품뷰*/
.viewtitle{font-family:'돋움', '굴림',Tahoma, Verdna, Aria; font-size:12px; font-weight:bolder; color:#555555;}

/*리스트안내*/
.listtitle01{font-family:'돋움', '굴림'; font-size:15px; font-weight:bolder; color:#363636;}
.listtxt01{font-family:'돋움', '굴림'; font-size:12px; color:#363636;}
.listtxt02{font-family:Tahoma, Verdna, Aria; font-size:11px; color:#0072bc;}

.mypage02 {font-family:'돋움', '굴림'; font-size:11px; color:#555555; line-height:14px;}
.mypage02 a {font-family:'돋움', '굴림'; font-size:11px; color:#555555; line-height:14px;}
.mypage01 {font-family:'돋움', '굴림'; font-size:12px; color:#387bb0; line-height:14px; font-weight:bolder;}
.mypage01 a {font-family:'돋움', '굴림'; font-size:12px; color:#387bb0; line-height:14px; font-weight:bolder;}

/*리스트관련*/
.b_title {font-family:'돋움', '굴림', Verdana, Arial;font-size: 11px;color: #FFFFFF;text-align: center;}
.b_title02 {font-family:'돋움', '굴림', Verdana, Arial;font-size: 11px;font-weight:bolder;color: #555555;text-align: center;}
.b_num {font-family:"Verdana", "Arial";font-size: 11px;font-weight: normal;color: #7d7d7d;text-align: center;}
.b_subject {font-family:'돋움', '굴림', Verdana, Arial;font-size: 12px;color: #707070;}
.b_name {font-family:'돋움', '굴림', Verdana, Arial;font-size: 11px;color: #707070;text-align: center;}
.b_date {font-family:Tahoma,Verdana , Arial;font-size: 11px;color:#707070;text-align: center;vertical-align: middle;}
.b_hit {font-family:Tahoma, Verdana, Arial;font-size: 12px;color: #737373;text-decoration: none;text-align: center;}
.b_content {font-family:'돋움', '굴림', Verdana, Arial;font-size: 12px;color:#707070; padding:10px; line-height:15px;}
.b_view {font-family:'돋움', '굴림', Verdana, Arial;font-size: 12px;color:#707070;}
.b_total {font-family:'돋움', '굴림', Verdana, Arial;font-size: 11px;color:#707070;}

/*페이징*/
.page_num {font-family:Verdana, Arial;font-size: 12px;color: #7d7d7d;text-align: center; letter-spacing:5px;}
.page_a {color: #252525;font-weight:bolder;}
.pageing01 {font-family:Verdana, Arial;font-size: 12px;color: #898989; padding:2px 6px 0px 6px;}

/*.line{border-bottom:1px solid #dadada; width:890px;}*/

/*상세가이드 11폰트*/
.guide01 {font-family:'돋움', '굴림', Verdana, Arial;font-size:11px;color:#555555;line-height:16px;}
.policy02 {font-family:'돋움', '굴림', Verdana, Arial;font-size:11px;color:#737373;line-height:16px;font-weight:bolder;}
.guide03 {font-family:'돋움', '굴림', Verdana, Arial;font-size:11px;color:#252525;line-height:16px;}

/*로그인박스*/
.login_title{text-align:center; margin-bottom:10px; margin-top:20px; border-bottom:1px solid #000000; border-top:1px solid #000000; line-height:35px; width:275px; margin-left:10px;}
.login_title02{font-family:'NanumGothic','돋움', '굴림'; font-size:16px; color:#252525; text-align:center; font-weight:bolder; margin-bottom:10px; border-bottom:1px solid #000000; border-top:1px solid #000000; line-height:40px; width:275px; margin-left:10px;}
.login_txt01{font-family:Tahoma, Verdana, Arial; font-weight:bolder; font-size:14px; color:#959595; float:left; width:100px; line-height:40px; margin-left:10px;}
.login_txt02{font-family:'돋움', '굴림', Verdana, Arial;font-size:12px; color:#959595; float:left; line-height:25px; margin-left:10px;}
.login_txt03{font-family: 'NanumGothic','돋움', '굴림', Verdana, Arial;font-size:12px; color:#959595; float:left;  width:100px; line-height:40px; font-weight:bolder; margin-left:10px;}


/*카피*/
.copymenu { height:39px;}
.copymenu li{font-family:'돋움', '굴림'; font-size:11px; color:#363636; float:left;}
.copytxt01{font-family:'돋움', '굴림'; font-size:11px; color:#8e8e8e; line-height:18px; }
.copytxt02{font-family:Verdana,Tahoma; font-size:8pt; color:#707070; font-weight:bolder; line-height:18px; margin-top:5px;}
.copylogo{margin:20px 50px 20px 20px; float:left;}



/*******************************SII STYLE*******************************/

a { text-decoration:none; color:inherit; }
img { border:0px; outline:none; }
table { border-spacing:0; border-collapse:collapse; }


.lay_con { width:1200px; margin:0 auto; }
.clearFix:after { content:''; clear:both; display:block; }
.imgWrap img { display:block; }
.left { float:left; }
.right { float:right; }
.p_fix { position:fixed; top:0px; z-index:999; }

#headerArea { position:relative; width:100%; height:176px; }
.top_link { height:32px; color:#959595; font-size:11px; font-family:dotum,'돋움';}
.top_link_menu li { float:left; margin-left:5px; }
.top_logo_search { height:107px;}
.search_input { width:173px; border:1px solid #c6c6c6; border-right:0px; padding-left:5px; padding-top:8px; padding-bottom:8px;}
.top_gnb_box { border-top:2px solid #555555; color:#363636; font-size:12px; font-family:dotum,'돋움'; height:34px; line-height:12px; background:#e6e4e5; width:100%; border-bottom:1px solid #555555;}
.gnb li { float:left; padding-top:12px; margin-left:86px; }
.mainContent { margin-bottom:80px;}
#mainSlider { position:relative; width:100%; height:450px; }
#mainSlider ul li { width:100%; height:732px; background-position:center top; background-repeat:no-repeat;  background-size:cover;}

.tImg { width:398px; height:505px; margin-right:1px; }
.tImg_main_slide { width: 199px; height:505px; margin-right:1px;}

.main_it_item li { width:199px; height:260px; margin-left:1px; background-color:#464646; float:left;}
.main_it_item li:first-child { margin-left:0px; }
.main_item_tab_space { height:2px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
.main_item_tab { color:#959595; font-size:12px; font-family:dotum, '돋움'; text-align:center; padding-top:12px; padding-bottom:11px;}

.mit_space { margin:0 17px;}
.mit_selected { font-weight:bold; color:#363636; }

#footArea { border-top:2px solid #acacac; height:286px; background:#f7f7f7; }
.copyLeft { margin-left:100px; width:767px; border-right:1px solid #d7d7d7; height:196px; }
.SII_copyright { height:90px; background:#464646; text-align:center; }
.copyLeft_top { border-bottom:1px solid #d7d7d7; width:734px; padding-top:11px; padding-bottom:12px;}
.copyLeft_bottom { color:#898989; font-size:11px; }
.copy_title { color:#555555; font-size:12px; font-weight:bold; margin-bottom:18px; }
.copy_title img { vertical-align:2px; margin-right:5px; }
.copyR { font-size:11px; color:#898989; padding-top:27px; padding-left:44px; }


/**스크롤박스 //start**/

.scrollBox { position:absolute; width:100px; z-index:999999; font-size:11px; color:#fff; margin-left:1230px; top:10px; }

/**스크롤박스 //end**/

#roll_gnb { position:absolute; width:100%; z-index:9999; }
.roll { position:absolute; display:none;}
.roll_menu { border:1px solid #555; width:118px; margin-top:11px; background-color:#fff;}
.roll_menu li a { display:block; text-align:center; font-size:12px; color:#464646; padding:9px 0px;}
.roll_menu li a:hover { background:#555; color:#fefefe; }

/* 제품 리스트 //start */
.best_item_title { margin-top:59px; margin-bottom:46px; }
.best_item_title_text { font-size:12px; font-family:dotum, '돋움'; color:#464646; margin-top:20px; }
.best_item_money { font-size:12px; font-family:dotum, '돋움'; color:#464646; font-weight:bold; margin-top:4px;}
.item_category_view { border-bottom:1px solid #d7d7d7; padding-bottom:15px;}
.item_category_view li { float:left; }
.item_category_view li.ml20 { margin-left:20px; }
.item_category_view li.on { color:#363636; font-weight:bold;}
.item_category_view li.off { color:#959595; }
.item_category_space { font-size:10px; vertical-align:1px; color:#c2c2c2; }
.item_category_total { font-weight:bold; font-size:12px; color:#555; margin-right:3px; font-size:11px;}
.category_btn_table { color:#acacac; font-size:11px; font-family:dotum, '돋움'; margin-top:9px; }
.category_btn_table td.on { color:#555555; }
.category_btn_space { color:#e1e1e1; }
/* 제품 리스트 //end */

/*상세페이지 //start*/
.relation_item_box { width:1200px; }
.relation_item_box li { float:left; }
.item_view_tab {border-bottom:2px solid #0072bc; color:#959595; font-size:15px; padding-bottom:15px; padding-top: 45px; padding-left: 10px}
.item_view_tab li { float:left;}
.item_view_tab li.on { color:#0072bc; font-weight:bold; }
.item_view_tab li.space { color:#959595; margin:0px 30px;}
.item_board { width:100%; border-top:2px solid #b7b7b7; }
.item_board_title { color:#555555; font-weight: bold; font-size:13px; font-family:dotum, '돋움'; }
/*상세페이지 //end*/

.naver_map { width:676px; height:361px; margin:0 auto; background:#e6e6e6; }

.login_input { width:250px; height:40px; border:1px solid #050506; padding-left:5px; font-size:13px;}
.find_btn a { border:1px solid #d7d7d7; width:210px; padding:9px 0px 8px 0px; text-align:center; display:block; color:#7d7d7d; font-size:12px; font-family:Gulim, '굴림';}
.login_order_btn a { border:1px solid #e1e1e1; width:210px; padding:14px 0px 13px 0px; text-align: center; display:block; color:#7d7d7d; font-size:12px; font-family:Gulim, '굴림'; background-color:#f9f9f9; text-align:center;}

.mypage_top_info { border-spacing:0px; border-collapse:collapse; border:1px solid #ccc; width:1000px; }
.mypage_top_info td { border-left:1px solid #ccc;}
.mypage_top_info td.bg { background-color:#ebeff6; }
.mypage_info_menu { padding-top:20px; color:#959595; font-size:12px; font-family:dotum, '돋움'; padding-bottom: 8px}
.mypage_info_menu li { margin-bottom:12px; font-size: 14px; color: #464646}

.my_info { margin-left:68px; color:#898989; }
.c36 { color:#363636; margin-right:3px; font-size: 14px}


/* ============================================= 메인 페이지 카테고리 메뉴 ============================================== */
#category_menu {width:1200px; margin: 0 auto;}
#category_menu .category_top {width:100%;height:47px;background:#577297;overflow: hidden;}
#category_menu .category_top span{display:inline-block;width:186px;background:#12315B;padding:16px 0 14.4px 31px;}
#category_menu .category_top span img {display:inline-block;width:12.39px;vertical-align: top;}
#category_menu .category_top span strong {font-family:'NanumBarunGothic', dotum, sans-serif;font-size:16px;letter-spacing: -0.4px;color:#fff;margin-left:7.11px;vertical-align: top;}

#category_menu .category_con {}
#category_menu .category_con .category_left {float:left;width:217px;}
#category_menu .category_con .category_left ul {}
#category_menu .category_con .category_left ul li {background:#1B4A88;border-bottom:1px solid #12315B;}
#category_menu .category_con .category_left ul li a {display:block;padding:17px 0 15.5px 31px;font-family:'NanumBarunGothic', dotum, sans-serif;font-size:16px;font-weight:bold;letter-spacing: -0.4px;color:#fff;}

#category_menu .category_con .category_right {float:right;width:calc(100% - 217px);height:515px;}
#category_menu .category_con .category_right #main_slider {}
#category_menu .category_con .category_right #main_slider ul {}
#category_menu .category_con .category_right #main_slider ul li {width:983px;height:515px;}

#category_menu .category_con .category_right #main_slider .bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    background: transparent;
}

.main_product_title {clear:both;padding: 80px 0 0;}
.main_product_title h1 {font-family:NanumBarunGothic;font-size:26px;letter-spacing: -0.65px;color:#000;text-align: center;}
.main_product_title p {font-size:16px;letter-spacing: -0.4px;color:#000;margin-top:5px;text-align: center;}
