@charset 'utf-8';
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

*{margin:0; padding:0;}
* {-webkit-text-size-adjust:none;}

*{ /* 패딩, 보더를 포함시킴 */
 -webkit-box-sizing : border-box;
 -moz-box-sizing : border-box;
 -o-box-sizing : border-box;
 -ms-box-sizing : border-box;
 box-sizing : border-box;
 } 

/* reset */
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a {color:#666; text-decoration:none;}
em,address{font-style:normal;}
dl,ul,ol,menu,li{list-style:none;}

body,th,td,p,div {font-family:'Noto Sans KR',"Malgun Gothic","맑은 고딕", sans-serif; font-weight:400; font-size:20px;}

body {margin:0; padding:0;background:#fff;color:#666; font-size:22px;}
html,body{position:relative;}

.t_left {text-align:left !important;;}
.t_center {text-align:center !important;;}
.t_right {text-align:right !important;;}

.left {float:left !important;;}
.right {float:right !important;}
.b {font-weight:bold;}
.red{color:red !important;}

img {max-width:100%;}

/* header */
header {position:relative; width:640px; height:100px; z-index:112; border-top:3px solid #8c1636; background-color:#8a2136;}
header h1 {width:227px; margin:0 auto; padding:27px 0 0 0;}
header .sidenav-control-left {position:absolute; right:20px; top:38px;}
header .my {position:absolute; right:20px; top:24px;}

.side-nav {position:fixed;width:520px;left:0;top:0;margin:0;padding-bottom:60px;background-color:#fff;z-index:999;overflow-y:auto;
-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;height:calc(100% + 60px);height:-moz-calc(100%);
will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-105%);transform:translateX(-105%)} 
.side-nav .title {position:relative; padding:0; text-align:center; margin:40px 0 0; border-bottom:1px solid #ddd;}
.side-nav .title a {display:inline-block; width:210px; height:54px; line-height:52px; background:#8d1737; text-align:center; color:#fff; font-size:24px; margin:0 10px 40px; padding:0; font-weight:normal;}
.side-nav li {float:none; line-height:82px; border-bottom:1px solid #ddd;} 
.side-nav li.active{background:url(../images/navi_arrow_down.jpg) no-repeat 96% 15px;} 
.side-nav a {color:#333; display:block; font-size:30px; height:80px; padding-left:30px;}
.side-nav .collapsible-header {color:#333;  font-size:30px; cursor:pointer; background:url(../images/navi_arrow_up.jpg) no-repeat 96% 15px; padding-left:30px;}
.side-nav li ul {padding:20px 0; background:#fff;}
.side-nav li ul li {border-bottom:0; line-height:58px; padding-left:20px; background:url(../images/dot.jpg) no-repeat 34px 26px;}
.side-nav li ul li a {height:58px; line-height:58px; font-weight:normal; font-size:26px; color:#666;}
.side-nav li ul li a:hover {background:none;}
.side-nav li ul li ul {padding:0; margin-bottom:20px;}
.side-nav li ul li ul li {line-height:40px;  padding-left:24px; background:none;}
.side-nav li ul li ul li a {height:40px; line-height:40px; font-size:24px;}

 .sns {text-align:center; margin:30px 0 0;}
 .sns a {display:inline-block; vertical-align:middle; margin:0 0 0 14px; padding:0; height:50px; line-height:50px;}
 .sns a img {width:50px;}
 .sns a:first-child {margin-left:0;}
 .sns select {display:inline-block; height:50px; font-size:22px; padding-left:20px; margin-left:30px; vertical-align:middle; margin-top:20px;}

#sidenav-overlay {position:fixed;top:0;left:0;right:0;height:120vh;background-color:rgba(0,0,0,0.7);z-index:997;will-change:opacity} 




/* footer */
footer {position:relative; overflow:hidden; padding:0px; width:640px;}
footer .banner {margin-bottom:18px;}
footer .navi {overflow:hidden; background:#333; line-height:54px;}
footer .navi li {width:33.3%; text-align:center; float:left; border-right:1px solid #737373; padding-top:12px;}
footer .navi li:last-child {border-right:0px;}
footer .navi li a {color:#fff; font-size:25px; line-height:100%;}

footer .btn {text-align:center; margin-bottom:20px; font-size:22px; color:#898989;  letter-spacing: -2px;}
footer .btn a {font-size:22px; color:#333;}
footer #desc {display:none; font-size:18px; margin:0 20px 10px; padding:20px; border:1px solid #dcdcdc;}
footer #desc strong {display:block; margin:0 0 5px 0;}
footer p.copyright {color:#898989; font-size:16px; letter-spacing:-1px; text-align:center; margin:10px 0;}
footer .bottom_logo{ text-align:center; margin-top:20px;}

footer .marketing {width:100%;padding:10px;background: #000;color:#fff;font-size:16px;text-align:center;line-height: 24px;margin-bottom: 30px;margin-top:-5px;letter-spacing:1px;}