@charset "utf-8";
@import url("/font/SCDream/fonts.css");

/* Common */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; list-style-type:none;}
ul, ol, li, figure {margin:0; padding:0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}

/* base styles */
* {margin:0; padding:0;}
body {padding:0; font-size:1em; line-height:1.5; color:#666;}
a {color:#666; text-decoration:none;}
a:hover, a:active {text-decoration:none;}
blockquote {margin:1em 40px;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
li {list-style:none;}
i, em, address {font-style:normal;}
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline;}
button {-webkit-appearance:none; box-sizing:content-box; border:0 none; background:transparent; line-height:normal;}
input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
input[type="search"] {-webkit-appearance:none;}
textarea {vertical-align:top; resize:vertical;}
input:invalid, textarea:invalid {background-color:#f6f6f6;}
table {width:100%; empty-cells:show;}
td {vertical-align:middle;}
select {vertical-align:middle;}
::-webkit-input-placeholder {color:#aaa;}
:-moz-placeholder {color:#aaa;}
input::-webkit-input-placeholder {color:#aaa;}
textarea::-webkit-input-placeholder {color:#aaa;}
table caption {position:relative; height:0; width:0; font-size:0;  line-height:0; overflow:hidden;}

/* base layout */
body, input, textarea, select, button {font-family: "SCDream", "Malgun Gothic", "맑은 고딕", "돋움", "dotum", sans-serif; letter-spacing:-0.5px;}
html {background-color:#fff;}
body {min-width:320px;}
h1, h2, h3, h4, h5, h6 {margin:0; font-weight:normal;}
img {height:auto; vertical-align:middle; -ms-interpolation-mode:bicubic;}
em {color:#ed1c24;}

/* layout grid */
html, body {height:100%;}
body {background-color:#fff; -webkit-overflow-scrolling:touch;}
#wrap {min-width:320px; -webkit-user-drag:none; touch-action:pan-y;}

/* Helper classes */
.hidden {display: none;}
.blind, legend, .hid, hr {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.al {text-align:left !important;}
.ac {text-align:center !important}
.ar {text-align:right !important}
.fl {float:left !important;}
.fr {float:right !important;}
.clear {display:block; content:""; clear:both;}
.no_bg{background:none !important;}

/* 패딩 */
.pd0  {padding:0 !important;}

.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}

.pdt5  {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt30 {padding-top:30px !important;}
.pdt40 {padding-top:40px !important;}

.pdr5  {padding-right:5px !important;}
.pdr10 {padding-right:10px !important;}
.pdr15 {padding-right:15px !important;}
.pdr20 {padding-right:20px !important;}
.pdr30 {padding-right:30px !important;}

.pdb5  {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb30 {padding-bottom:30px !important;}

.pdl5  {padding-left:5px !important;}
.pdl10 {padding-left:10px !important;}
.pdl15 {padding-left:15px !important;}
.pdl20 {padding-left:20px !important;}
.pdl30 {padding-left:30px !important;}

/* 마진 */
.mg0  {margin:0 !important;}

.mg5  {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg30 {margin:30px !important;}

.mgt5  {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}

.mgt5n  {margin-top:-5px !important;}
.mgt10n  {margin-top:-10px !important;}

.mgr5  {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}

.mgb0  {margin-bottom:0 !important;}
.mgb5  {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}

.mgl5  {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}


/* header */
.header{position:fixed; left:0; top:0; width:100%; height:auto; z-index:10;}
.header_wrap{position:relative; height:60px; background:#fff; border-bottom:1px solid #ccc; overflow:hidden;}
.header_wrap h2{position:absolute; top:15px; left:20px;}
.header_wrap h2 a{display:block;}
.header_wrap h2 img{width:auto; height:28px;}
.header_wrap ul{position:absolute; top:15px; right:20px; overflow:hidden;}
.header_wrap ul li{float:left; margin:0 0 0 20px;}
.header_wrap ul li a{display:block;}
.header_wrap ul li img{width:auto; height:24px;}

/* sub_header */
.sub_header_wrap{position:relative; height:55px; background:#fff; border-bottom:1px solid #ccc; overflow:hidden;}
.sub_header_wrap ul{height:100%; overflow:hidden;}
.sub_header_wrap ul li{width:20%; height:100%; float:left;}
.sub_header_wrap ul li a{display:block; height:100%; padding:5px 0 0; text-align:center;} 
.sub_header_wrap ul li img{width:auto; height:24px}
.sub_header_wrap ul li span{display:block; margin:3px 0 0; color:#333; font-size:12px;}




@media (max-width:580px) {



}


@media (max-width:380px) {


}