@charset "utf-8";
@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
/* Reset */
*{-webkit-text-size-adjust:none}
html,body{width:100%;height:100%}
html{overflow:hidden;overflow-y:scroll}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5{font-family:"Noto Sans KR", Malgun Gothic, Nanum Gothic, dotum, Calibri, AppleGothic,Droid Sans,Tahoma,Sans-serif;font-size:13px;line-height:150%; color: #555555}
body{*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}li{list-style:none}
input,select,button{vertical-align:middle}
img{max-width:100%;vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{text-decoration:none}
a:hover{text-decoration:none}
button *{position:relative}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
.clear {display:block;height:0px;font-size:0px;font-size:0em;line-height:0px;content:'';zoom:1;overflow:hidden;clear:both}
.inner {position:relative;display: block; padding:0 10px;margin:0 auto;clear:both; }

/* Layout */
#titlebar {position:relative;height:37px;}
#titlebar h1 {display:block; line-height:37px; text-align: center}
#titlebar h1 a img {width:180px;}

#titlebar a#nav-open {position:absolute;top:4px;left:5px}
#titlebar a#nav-open img {height:30px}

#titlebar a.topBanner {position:absolute;top:4px; right: 3px}
#titlebar a.topBanner img { width: 59px}

#navbar {height:33px; padding: 5px 0;

 background:#f05a24;
 /* background-image:-webkit-linear-gradient(top, #3498db, #0073c1);
  background-image:-moz-linear-gradient(top, #3498db, #0073c1);
  background-image:-ms-linear-gradient(top, #3498db, #0073c1);
  background-image:-o-linear-gradient(top, #3498db, #0073c1);
  background-image:linear-gradient(to bottom, #3498db, #0073c1);*/
}
#navbar ul {display:block}
#navbar ul li {display:block;float:left;width:25%}
#navbar ul li a {display:block;height:23px;font-size:12px;font-weight:bold;color:#fff;line-height:23px;text-align:center;border-left:#fbd6c8  dotted 1px}
#navbar ul li:first-child a{border-left:0 none}
#navbar ul li:last-child{border-left:0 none}

#footer {margin:0 0 0 0; background: #000000}
#footer #copyright {padding:20px;font-size:9px;line-height:120%;color:#a3a3a3; text-align: center}
#footer #footerBtn{display: block; padding-top: 10px}
#footer #footerBtn ul{padding: 5px 25px 0; text-align: center}
#footer #footerBtn ul li{display: block; line-height: 22px}
#footer #footerBtn ul li a{display: block; height: 22px; line-height: 25px; background: #333333; color:#fff; width: 100%; text-align: center; font-size: 9px}
#footer #footerBtn ul li a img{width:8px }
#footer #footerBtn ul.col3 li{display: inline-block; width: 30%;}
#footer #footerBtn ul.col3 li:last-child {margin-right: 0; float: right}
#footer #footerBtn ul.col3 li:first-child { float: left}

/* Nav */
#wrap {background:#fff;z-index:1;overflow:auto;-webkit-overflow-scrolling:touch;transition-property:all;-webkit-transition:all 0.3s;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
#overlay {display:none;position:absolute;background:rgba(0,0,0,0.5);top:0;left:0;right:0;bottom:0;cursor:pointer;box-shadow:inset 2px 0px 10px #444;z-index:999}
#nav-mobile {position:absolute;top:0;left:0;bottom:0;z-index:0;width:235px;background:#FFF;overflow-x:hidden;-webkit-box-shadow:3px 0px 5px #545454;-moz-box-shadow:3px 0px 5px #545454;box-shadow:3px 0px 5px #545454;-webkit-overflow-scrolling:touch;-webkit-transition:width 0.3s ease;-moz-transition:width 0.3s ease;-ms-transition:width 0.3s ease;-o-transition:width 0.3s ease;transition:width 0.3s ease; display: none }

#nav-category ul {display:block;clear:both;border-bottom:1px #bbb solid}
#nav-category ul li {display:block; background:url(/images/common/category_icon01.png) 95% 12px no-repeat;background-size:11px auto}
#nav-category ul li a {display:block;padding:0 0 0 15px;height:36px;font-size:12px;font-size:13px;font-weight:bold;color:#333333;line-height:39px;border-top:1px #bbb solid}
#nav-category > ul > li > ul {display:none;box-shadow:inset 0 3px 5px #bbb;background:#f3f3f3}
#nav-category > ul > li > ul > li{background:url(/images/common/category_icon02.png) 92% 15px no-repeat;background-size:5px auto}
#nav-category > ul > li > ul > li > a {padding:0 0 0 25px;color:#727272;border-top:1px #ddd solid}
#nav-category > ul > li > ul > li > ul  {display:none;box-shadow:inset 0 3px 5px #aaa;background:#eaeaea}
#nav-category > ul > li > ul > li > ul > li > a {padding:0 0 0 35px;color:#555;border-top:1px #ddd solid}
#nav-category ul li.bg{background:none;}


#nav-mobile .nav-top{height:50px}
#nav-mobile .nav-top a{display: block; text-align:center;padding-top:5px;height:45px;}
#nav-mobile .nav-top a img{width:130px; margin-top: 10px}

/* Form */
select {min-width:50px;height:20px;_height:20px;padding:2px 15px 2px 5px;font-size:12px;line-height:14px;border:1px #ccc solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background:url(/images/common/select_bg.png) no-repeat 92% 50%;border-top:#cccccc 2px solid;border-radius:5px;}
input[type="text"],
input[type="password"] {height:28px;_height:26px;padding:5px;font-size:13px;line-height:20px;border:1px #ccc solid;-webkit-appearance:none;border-top:#cccccc 2px solid;border-radius:5px;/*box-shadow:inset 0 0 8px #f6f6f6;*/}
input[type="radio"] {width:16px;height:16px}
textarea {font-size:13px;line-height:130%;border:1px #ccc solid;border-top:#cccccc 2px solid;border-radius:5px;padding:5px;}
.content .form-btn {padding:10px 0;text-align:center}