@charset "utf-8";
@import url('/default/css/font.css');

/* reset */
html{height: 100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
body{font-family:'RixSGo M';font-size:14px;line-height:20px;color:#000;background-color:#fff; letter-spacing: -0.025em;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-family:'RixSGo B';font-weight:400;}
img{vertical-align:top;border:0}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}
fieldset{border:0}
legend,caption{/* visibility:hidden; */width:0;height:0;font-size:0;line-height:0}
address,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
strong,i,u{font-style:normal;}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;width:100%;}
caption,hr,legend{width:0px;height:0px;font-size:1px;text-indent:-9999em;line-height:0}
th,
td{letter-spacing:-1px;vertical-align:top;}
.dimm,.dimm_main{display:block;top:0;right:0;bottom: 0;left: 50%;z-index:100;background-color:#000;opacity:.7;filter:alpha(opacity=70);position: fixed;ZOOM:1;width: 1200px;height: 740px;margin-left: -600px;}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;-moz-binding: url('ellipsis.xml#ellipsis');}
.dimm02{width:1200px;height:800px}
.dimm02 + .pop_join_end{bottom:0;}
.dimm02 + .pop_join_end .scrollbar{height:748px}
.dimm02 + .pop_join_end .scrollbar .scrollview{height:748px}
dt {font-weight: normal;}

/* bold */
strong,th,select,textarea,label,b,
input[type=text],input[type=password],
.bold,
.sub_tit,.tit_basic {font-family:'RixSGo B';}

/* form controll */
input[type=checkbox],
input[type=radio]{width:20px;height:20px;margin:0;padding:0;vertical-align:top;}
input[type=text],input[type=password],select, label {font-size:16px;color:#000;}
textarea{padding:1px 0 1px 0;text-indent:0;width:100%;height:18px;line-height:18px;color:#000;font-size:16px;border:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;resize:none;overflow:hidden;}

/* skipnav */
.skipnav{position:absolute;top:0;left:0;width:100%;height:0;line-height:0;}
.skipnav a{display:block;overflow:hidden;height:1px;width:1px;padding:0;font-size:0;line-height:0;margin:0 -1px -1px 0;}
.skipnav a:hover,
.skipnav a:active,
.skipnav a:focus{position:absolute;top:0;left:0;z-index:50;width:100%;height:19px;line-height:100%;margin:0;padding:10px 0 5px 0;border:1px solid #000;background:#333;font-size:16px;color:#fff;text-align:center;}

/* common */
.clfix{*zoom:1}
.clfix:before,.clfix:after{display:table;line-height:0;content:""}
.clfix:after{clear:both}

.hide_txt{display:inline-block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;clip:rect(1px 1px 1px 1px)}
.pos_rel {position:relative;z-index: 110}
.float_no{float:none !important}
.d_block{display:block !important}
.bg_none{background:none !important;}
.rel{position:relative;}

/* link */
a,a:link,a:visited,a:active,a:hover,a:focus{color:#333;font-size:100%;text-decoration:none;}
a:hover {text-decoration:none;color:#333;}
.focus{outline:1px solid #9CBEF5}

a.link {text-decoration:none;}
a.link span {text-decoration:none;}
a.link01 {text-decoration:none;}
a.link02 {text-decoration:none;color:#425e77 !important;font-family:"RixSGo M";}
a.link03 {text-decoration:none;color:#a16a38 !important;font-family:"RixSGo M";}
a.link04 {text-decoration:none;color:#90494c !important;font-family:"RixSGo M";}
a.link:hover,
a.link02:hover,
a.link03:hover,
a.link04:hover {}
a.link_prd {line-height:20px;}
a.link_prd em {display:block;}
a.link_prd span {display:block;text-decoration:none;font-size:14px;color:#777;}
a.link_prd:hover {text-decoration:none !important;}
a.link_prd:hover span {color:#00819a;}

/* space */
.-mt10{margin-top:-10px !important;}
.mt0 {margin-top:0 !important;}
.mt2{margin-top:2px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt14 {margin-top:14px !important;}
.mt16 {margin-top:16px !important;}
.mt18 {margin-top:18px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt28 {margin-top:28px !important;}
.mt30 {margin-top:30px !important;}
.mt32 {margin-top:32px !important;}
.mt35 {margin-top:35px !important;}
.mt36 {margin-top:36px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt120{margin-top:120px !important;}
.mt150{margin-top:150px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb13 {margin-bottom:13px !important;}
.mb15 {margin-bottom:15px !important;}
.mb18 {margin-bottom:18px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb32 {margin-bottom:32px !important;}
.mb35 {margin-bottom:35px !important;}
.mb37 {margin-bottom:37px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb110 {margin-bottom:110px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml12 {margin-left:12px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}

.mr0 {margin-right:0 !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}

.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr70 {padding-right:70px !important;}

.pr0 {padding-right: 0 !important;}
.pr25 {padding-right: 25px !important;}
.pr35 {padding-right:35px !important;}
.pl0{padding-left: 0 !important;}
.pl10{padding-left: 10px !important;}
.pl25{padding-left:25px !important;}

/* width */
.w400 {width:400px !important}
.w450 {width:450px !important}
.w500 {width:500px !important}
.w550 {width:550px !important}
.w620{width:620px !important}
.w750{width:750px !important}
.w110 {width:110px !important}
.w100per{width: 100% !important}

/* placeholder */
input::placeholder {color: #939393 !important;}
::-webkit-input-placeholder {color: #939393;font-weight:400;font-size:14px;font-family:'RixSGo M'}
:-moz-placeholder {color: #939393;font-weight:400;opacity: 1;font-size:14px;font-family:'RixSGo M'}
::-moz-placeholder {color: #939393;font-weight:400;opacity: 1;font-size:14px;font-family:'RixSGo M'}
:-ms-input-placeholder {color: #939393;font-weight:400;font-size:14px;font-family:'RixSGo M'}

.hide_txt { 
    display: inline-block;
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 0;
    clip: rect(1px 1px 1px 1px);
}
.clfix:before, .clfix:after {
    display: table;
    line-height: 0;
    content: "";
}

/* Color Common */
.txt_red {color:#e11b22 !important}
.txt_blue {color:#005baf !important}
.txt_blue2 {color:#00819a !important}
.txt_black {color:#333333 !important}
.txt_666 {color:#666 !important}
.txt_999 {color:#999 !important;}
.txt_000 {color:#000000 !important}
.txt_0096af{color: #0096af;}
.txt_mint{color: #15dbb0 !important;}
.txt_purple{color: #5746d8 !important;}
.txt_purple2{color:#7d6feb !important;}

.txt_sky {color:#7cceec !important}
.font_13 {font-size:13px !important;line-height:18px}
.font_14 {font-size:14px !important;line-height:19px}
.font_18 {font-size:18px !important}
.font_19 {font-size:19px !important}
.va_m02{vertical-align:-2px}
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.fl {float:left !important;font-size:11px}
.fr {float:right !important}
.txt_l {text-align:left !important;}
.txt_r {text-align:right !important;}
.txt_c {text-align:center !important;}
.txt_bd{font-family:'RixSGo B'}
.txt_bd4{font-weight:700;color:#444444!important}
.txt_eb{font-family:'RixSGo EB' !important}
.txt_normal{font-family:'RixSGo M' !important;}
.bdb0 {border-bottom:0 !important;}
.bdt0 {border-top:0 !important;}
.bdl0 {border-left:0 !important;}
.bdr0 {border-right:0 !important;}
.v_align_top{vertical-align:top!important}
.dp_none{display:none !important}/* 180727 */
.dp_inline{display:inline !important}/* 180727 */
.dp_inline_block{display:inline-block !important;}/* 180727 */
.dp_block{display:block !important}/* 180727 */

/** initial setup **/
.scrollbar {position:absolute;width:100%;height:100%;overflow:hidden;}
.scrollbar > .scrollview {position: absolute;overflow-y: hidden;overflow-x: hidden;top: 0;right: 0;bottom: 0;left: 0;}
.scrollbar > .scrollview:focus {outline:thin dotted;}
.scrollbar > .scrollview::-webkit-scrollbar {display:none;}
.has-scrollbar > .scrollview::-webkit-scrollbar {display:block;}
.scrollbar > .nano-pane {position: absolute;width:6px;right:8px;top:20px;bottom:20px;visibility:hidden\9; /* Target only IE7 and IE8 with this hack */opacity:.01;background:rgba(0,0,0,.25);
-webkit-transition:.2s;
-moz-transition:.2s;
-o-transition:.2s;
transition:.2s;}
.scrollbar > .nano-pane > .nano-slider {position:relative;margin:0 1px;background:#444;background:rgba(0,0,0,.5);}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {visibility:visible\9; /* Target only IE7 and IE8 with this hack */opacity:0.99;}

.scrollbar .nano-pane {background:#ddd;}
.scrollbar .nano-slider {background:#666;}
/* .scrollbar.table_scrollbar .scrollview{padding-right: 10px} */
.scrollbar.table_scrollbar .scrollview{padding-right:0}/* 2015-12-30 수정 */
.scrollbar.table_scrollbar .nano-pane {right:0;}/*1차수정 2015-10-21 추가*/

.no_nanoPane .nano-pane{display:none !important}/* 180725 */

/* top button *//* 20160316 */
.topbtn{position:fixed;left:50%;bottom:128px;margin-left:630px;background:#f8f8f8;z-index:1;}
.topbtn a{display:block;padding:25px 0 10px;width:44px;height:12px;font-size:12px;line-height:12px;color:#555555;text-align:center;background:url("../images/common/bg_topbtn.png") no-repeat 14px 10px}
.topbtn.topbtn_tm a{padding:0;width:auto;height:auto;line-height:auto;background:none}
.topbtn a:hover{text-decoration:none}
.topcall{display:none;position:fixed;left:50%;bottom:128px;margin-left:375px;background:#f8f8f8;z-index:1;}

/* icon */
.icon_co01{										/* 다이렉트 아이콘 */
    position:absolute;
    left:5px;
	background: url(/petpermint/images/common/common.png) no-repeat;
	background-size: 300px 300px;
	background-position: 0 -46px;
	width: 17px;
	height: 16px;
	display: inline-block;
	text-indent: -999999%;
	color: transparent;
}
.icon_co02{										/* 인스타그램 아이콘 */
	background: url(/petpermint/images/common/common.png) no-repeat;
	background-size: 300px 300px;
	background-position: -18px -46px;
	width: 19px;
	height: 19px;
	display: inline-block;
	text-indent: -999999%;
	color: transparent;
}

/* etc */
.hide_txt {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 0;
    clip: rect(1px 1px 1px 1px);
}
.clfix:before, .clfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.curtain_on {padding-top:90px}