@charset "utf-8";
/* 레이아웃 */
/*################ 폰트 ################*/
@font-face {font-family: 'NotoSansCJKkr-Black';font-style: normal;src:url("https://img.malltail.com/goods_img/font/NotoSansCJKkr-Black.woff");}
@font-face {font-family: 'NotoSansCJKkr-Bold';font-style: normal;src:url("https://img.malltail.com/goods_img/font/NotoSansCJKkr-Bold.woff");}
@font-face {font-family: 'NotoSansCJKkr-DemiLight';font-style: normal;src:url("https://img.malltail.com/goods_img/font/NotoSansCJKkr-DemiLight.woff");}
@font-face {font-family: 'NotoSansCJKkr-Light';font-style: normal;src:url("https://img.malltail.com/goods_img/font/NotoSansCJKkr-Light.woff");}
@font-face {font-family: 'NotoSansCJKkr-Medium';font-style: normal;src:url("https://img.malltail.com/goods_img/font/NotoSansCJKkr-Medium.woff");}
@font-face {font-family: 'NotoSansCJKkr-Regular';font-style: normal;src:url("https://img.malltail.com/goods_img/font/NotoSansCJKkr-Regular.woff");}
@font-face {font-family: 'NotoSansCJKkr-Thin';font-style: normal;src:url("https://img.malltail.com/goods_img/font/NotoSansCJKkr-Thin.woff");}
@font-face {font-family: 'NotoSansKR-Bold';font-style: normal;src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Bold.woff");}
@font-face {font-family: 'NotoSansKR-Light';font-style: normal;src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Light.woff");}
@font-face {font-family: 'NotoSansKR-Medium';font-style: normal;src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Medium.woff");}
@font-face {font-family: 'NotoSansKR-Thin';font-style: normal;src:url("https://img.malltail.com/goods_img/font/NotoSansKR-Thin.woff");}

/*################ 초기화 ###############*/
*{margin:0; padding:0; font-family:"NotoSansCJKkr-Medium",sans-serif;}
li{list-style:none;}
a:link, a:visited{text-decoration:none;}
a:hover, a:focus{text-decoration:none;}

body, header, section, footer, nav{ margin:0; padding:0; }
header, section, footer, nav{ display:block; }
#wrap{width:100%; height:100%;}
.inner{width:1200px; margin:0px auto; position:relative;}
.inner:after{content:''; display:block; clear:both;}

/*################ 헤더 ###############*/
#head{width:100%; height:80px; position:fixed; top:0px; left:0px; z-index:99;}
#head h1{width:204px; height:33px; position:absolute; top:18px; left:0px;}
#head h1 a{width:100%; height:100%; display:inline-block; 
background-image:url(/images/main/logo.png);
background-repeat:no-repeat;
background-size:100% 100%;
background-position:center center;
}
#head .gnb{width:950px; height:100%; padding-left:250px;}
#head .gnb > li{height:100%; line-height:79px; display:inline-block; margin:0px 15px;}
#head .gnb > li .depth01{display:inline-block;}
#head .gnb > li .depth01 > span{color:#fff; font-weight:bold; font-size:18px; letter-spacing:-1px; cursor:pointer;}
#head .gnb > li .depth01 .depth02{width:100%; height:54px; line-height:54px; background-color:#fff; position:fixed; top:78px; left:0px; 
border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; display:none;}
#head .gnb > li .depth01 .depth02 a{display:inline-block; color:#777; font-size:16px; letter-spacing:-1px; margin-right:30px;}
#head .gnb > li .depth01:hover .depth02{display:block;}

#head .gnb > li .depth01 .depth02 .inner.depth02_01{box-sizing:border-box; padding-left: 270px;}
/*
#head .gnb > li .depth01 .depth02 .inner.depth02_02{box-sizing:border-box; padding-left: 370px;}
#head .gnb > li .depth01 .depth02 .inner.depth02_03{box-sizing:border-box; padding-left: 455px;}
#head .gnb > li .depth01 .depth02 .inner.depth02_04{box-sizing:border-box; padding-left: 580px;}
*/
#head .gnb > li .depth01 .depth02 .inner.depth02_02{box-sizing:border-box; padding-left: 375px;}
#head .gnb > li .depth01 .depth02 .inner.depth02_03{box-sizing:border-box; padding-left: 380px;}
#head .gnb > li .depth01 .depth02 .inner.depth02_04{box-sizing:border-box; padding-left: 495px;}
#head .head_btns{width:350px; height:100%; line-height:79px; text-align:right; position:absolute; top:0px; right:0px;}
#head .head_btns a{display:inline-block; font-size:16px; color:#fff; letter-spacing:-1px;}
#head .head_btns a.login{margin-right:30px;}
#head .head_btns a.inquire{width:140px; height:40px; line-height:39px; background-color:#79389e; border-radius:40px; text-align:center;}

#head.on{background-color:#fff; border-bottom:1px solid #e6e6e6;}
#head.on h1 a{background-image:url(/images/main/logo_on.png);}
#head.on .gnb li .depth01 > span{color:#000;}
#head.on .head_btns a.login{color:#000;}
/*################ 풋터 ###############*/
#footer{width:100%; padding:65px 0px 65px 0px; border-top:1px solid #eee; text-align:left;}
#footer .logo{padding-bottom:10px;}
#footer .copy p{color:#000; font-family:dotum,'돋음'; font-size:13px; letter-spacing:0px;}
#footer .copy p.odd{padding:6px 0px 10px 0px;}
#footer .copy p.odd a{color:#79389e; text-decoration:underline;}
.sub_foot{width:100%; height:70px; line-height:70px; font-size:11px; color:#000; text-align:center; background-color:#fcfcfc; position:fixed; bottom:0px; left:0px;}
.btn_top{width:60px; height:60px; position:fixed; bottom:100px; right:100px; z-index:99;}

/*################ 페이지 버튼 ###############*/
.paging{width:100%; height:32px; padding:30px 0px;}
.paging ul{width:100%; height:100%; text-align:center; overflow:hidden;}
.paging ul li{display:inline-block;}
.paging ul li.btns{font-weight:bold;  letter-spacing:-1px;}
.paging ul li span{width:30px; height:30px; line-height:30px; display:inline-block; font-size:13px; font-family:dotum,"돋음"; text-align:center; cursor:pointer;}
.paging ul li span a{width:100%; height:100%; color:#000; display:inline-block; font-family:dotum,"돋음";}
.paging ul li span.current{border-radius:30px; background-color:#79389e;}
.paging ul li span.current{color:#fff; font-weight:bold;}
.paging ul li span.current a{color:#fff; font-weight:bold;}