/*@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html{overflow-y:scroll}
ul,li,ol,li,dl,dd,dt{list-style:none}
body{ overflow-x: hidden; overflow-y:hidden; min-width:1320px; font-family: 'Nanum Gothic';}
body,p,ul,ol,li,dl,dt,dd,form,table,th,td,fieldset,input,textarea,select,button,h1,h2,h3,h4,h5,h6,pre{margin:0;padding:0;-webkit-text-size-adjust:none}
body,table,input,textarea,button,select{font-family: 'Nanum Gothic';font-size:13px;color:#7e7e7e; }
header,footer,nav,aside,section,article{display:block}
table{border-collapse:collapse;border-spacing:0}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
fieldset,img{border:0}
img{vertical-align:middle;-ms-interpolation-mode:bicubic !important}
.eng {font-family: 'Myriad Pro' !important;}
.nanum {font-family:'Nanum Gothic' !important;}

/* ie7 */
select{font-size:12px;color:#6b6b6c}
legend,hr{visibility:hidden;position:absolute;left:-999px;z-index:-1;width:0;height:0;font-size:0}
hr{display:none}

/* form */
form{margin:0;padding:0}
fieldset{margin:0;padding:0;border:0 none}
legend{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}
input,select,textarea{margin:0;padding:0;font-size:14px;line-height:1;vertical-align:middle}
label,button{cursor:pointer}
/*button{overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
*/
/* link */
a{text-decoration:none;cursor:pointer}
a:link{color:#7e7e7e}
a:visited{color:#7e7e7e}
a:hover{color:#333}
a:active{color:#333}

/* Button */
button{margin:0;padding:0;border:none;background:none}
button.btn{display:inline-block;*overflow:visible;cursor:pointer}
button,button.btn{vertical-align:middle}

/* basic */
.d-n{display:none}
.fw-n{font-weight: normal  !important;}
.t-c{text-align:center !important}
.t-l{text-align:left !important}
.t-r{text-align:right !important}
.v-t{vertical-align:top !important}
.v-m{vertical-align:middle !important}
.v-b{vertical-align:bottom !important}
.f-l{float:left !important}
.f-r{float:right !important}
.f-n{float:none !important}
.bg-n{background:none !important}
.bd-n{border:none !important}
.blind{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}
/* padding & margin */
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb15{margin-bottom:15px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mt30{margin-top: 30px;}
/* clearfix */
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:' '}
.clearfix{display:inline-block}
/* start commented backslash hack \ */
* html .clearfix{height:1%}
.clearfix{display:block}
/* close commented backslash hack */

/*lst_thmb*/
.lst_thmb:after{overflow:hidden;clear:both;content:''}
.lst_thmb .thmb{float:left;}
.lst_thmb .cont{ margin-left: 281px; }
/* layout */
/* common */
/* pc 모드 불필요한 요소 */


#header .inside,#popup .inside,#container,#footer .inside,#container_sub,#sitemap .inside{position:relative;z-index:20;margin:0 auto; }
.accessibilityWrap{}
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}

#wrapper {min-width:1320px; margin:0 auto;}
.btn_pack {display:inline-block; text-align:center;  transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; -o-transition: .3s ease;  font-family:'Dotum'; cursor:pointer; font-weight:bold;}
/*크기 */
.btn_pack.normal {font-size:13px; font-weight:bold;padding:13px 0; min-width:174px;}
.btn_pack.goods {font-size:15px;min-width: 104px;padding: 40px 0;}
.btn_pack.basket {font-size:13px; font-weight:bold; padding:16px 0; min-width:210px}
.btn_pack.bbs {font-size:13px; font-weight:bold; height:35px; min-width:82px; line-height:35px;}
.btn_pack.bbs2 {font-size:13px; font-weight:bold; height:35px; min-width:130px; line-height:35px;}
.btn_pack.normal2 {font-size:13px; font-weight:bold; padding:13px 0; min-width:162px}
.btn_pack.login {height:79px; width:162px; font-weight:bold;  font-size:13px; }
.btn_pack.join {height:28px; padding:0 15px; font-size:13px; line-height:28px;}
.btn_pack.small {height:35px; line-height:35px; padding:0 25px;}
.btn_pack.map {height:19px; line-height:19px; padding:0 8px; }
.btn_pack.map span {display:inline-block; padding-left:15px; background:url(/mall/images/sub/ico_map.png) 0 center no-repeat;font-size:11px; font-weight:bold;}
.btn_pack.search_small {height:77px; line-height:77px; width:160px;}
.btn_pack.search_big {width:160px; height:120px; line-height:120px;}
.btn_pack.g_search {line-height: 32px; width:60px; }
/*색상 */
.btn_pack.g_search.Black {background: #252525;}
.btn_pack.Black {background:#7a7872; border:1px solid #888;  color:#fff;}
.btn_pack.Gray {background:#989898; border:1px solid #888; color:#fff;}]
.btn_pack.Wgray {background:#b4b3b1; border:1px solid #939393; color:#fff;}
.btn_pack.White {background:#f9f9f9; border:1px solid #dedede;color:#8d8d8d; font-weight:bold;}
.btn_pack.lineBlack {border:1px solid #676662 !important}
.btn_pack.Black:hover {background:#222; }
.btn_pack.Gray:hover {background:#7a7872; }
.btn_pack.White:hover {background:#f9f9f9;color:#333; border:1px solid #333; }
.btn_pack.Wgray:hover {background:#7a7872; color:#fff; }
.btn_pack.Buy {background:#595959; border:1px solid #888; color:#333;}
.btn_pack.Buy:hover {background:#333;color: #fff;}
.btn_pack.Buy2{width: 48%; font-size: 18px; height: 52px; line-height: 52px;  font-weight: normal; padding: 0;}

.btn_pack.green {background:#e4e8d4;  color:#333;}
.btn_pack.green:hover {background:#BBBFAC;  color: #fff;}
.btn_pack.green2 {background:#94be01;  color:#fff;}
.btn_pack.green2:hover {background:#7B9E00;}
.btn_pack.map.Gray {background:#bebebe; color:#fff !Important; border:1px solid #b1b1b1;}
.btn_pack.map.Gray:hover {background:#7a7872;border:1px solid #706e67;}


.tab_list {border-bottom:1px solid #202020; margin-bottom:30px;text-align:center;}
.tab_list ul {}
.tab_list ul:after {display:block; clear:both; content:"";}
.tab_list ul li {float:left; width:129px;  border: 1px solid #c4c2c0;border-bottom: 0; margin-left: -1px;position: relative; top:1px}
.tab_list ul li.fixed,.division_list ul li:hover {top:1px;position:relative;  border: 1px solid #202020;border-bottom: 0; background: #fff; padding-bottom: 1px;z-index:10;}
.tab_list ul li a {display:block; padding:10px 0;font-weight: 400;}
.tab_list ul li a span {display:block; border-right:1px solid #ccc;color:#888; }
.tab_list ul li.fixed a ,.division_list ul li:hover a {color:#222;font-weight: bold;}


.tab_list_inner {margin-bottom: 30px;  }
.tab_list_inner:after {display:block; clear:both; content:"";}
.tab_list_inner ul{float:right;}
.tab_list_inner ul:after {display:block; clear:both; content:"";}
.tab_list_inner li {float:left; margin:0 10px 0 0;}
.tab_list_inner li a{display:block; color:#a1a1a1; font-size:12px; font-weight:bold; padding:0 0 0 6px; background:url(/mall/oktomato_g4/default/button/bg_tab.gif) left center no-repeat;}
.tab_list_inner li.fixed a {color:#ff7a22; text-decoration:underline;}

.mt40{margin-top: 40px;}