@charset "utf-8";


/* 초기화 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
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, sub, sup, tt, var, b, u, i, center, 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, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size: ;
    font: ;
    vertical-align:middle;
    box-sizing:border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
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;}
em, i {font-style:normal;}


/* 사이트 기본구성 */
html {height:100%;}
body {height:100%; min-width:320px; word-break:keep-all; background:#fff;}
body,input,textarea,select,button {font-family:'NotoSansKR', 'Open sans', 'Malgun Gothic', '맑은 고딕', '돋움', 'Tahoma'; font-size:14px; color:#777; font-weight:normal; line-height:22px;}
table,th,h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
fieldset {min-width:auto;}
legend, caption {display:none;}
img,input,select,textarea {vertical-align:middle; box-sizing:border-box;}
a {display:inline-block; text-decoration:none; color:#777; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
a:hover {text-decoration:none; color:#e60039; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
*:focus {outline:none; -ms-touch-action:manipulation; touch-action:manipulation; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
* {-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}


span {vertical-align:top;}
em {vertical-align:top;}




/* 기본 레이아웃[틀]  //////////////////////////////////////////////*/
#wrap {position:relative; width:100%; height:100%;}


/* 상단영역 - PC */
.header {position:fixed; top:0px; width:100%; border-bottom:#e5e5e5 1px solid; background:#fff; z-index:999;}
.header > dl {width:1140px; margin:0 auto; padding:30px 0; overflow:hidden;}
.header > dl > dt {float:left; width:25%;}
.header > dl > .lntina {float:right; margin-top:-20px; width:25%;}
.header > dl > dd {float:left; width:75%;}
.header > dl > dd ul {width:100%; overflow:hidden;}
.header > dl > dd ul li {float:left;}
.header > dl > dd ul li:nth-child(1) {width:17%;}
.header > dl > dd ul li:nth-child(2) {width:20%;}
.header > dl > dd ul li:nth-child(3) {width:22%;}
.header > dl > dd ul li:nth-child(4) {width:21%;}
.header > dl > dd ul li:nth-child(5) {width:20%;}
.header > dl > dd ul li a {display:inline-block; padding:12px 0; font-weight:500; font-size:16px; line-height:16px; color:#333;}
.header > dl > dd ul li a:hover {color:#e60039;}
.header > dl > dd ul li a.active {color:#e60039;}
.header > .gnb-menu {display:none; width:100%; padding:10px 0 30px 0; background:#fff;}
.header > .gnb-menu > dl {width:1140px; margin:0 auto; overflow:hidden;}
.header > .gnb-menu > dl dt {float:left; width:25%;}
.header > .gnb-menu > dl dd {float:left; width:75%;}
.header > .gnb-menu > dl dd ul {width:100%; overflow:hidden;}
.header > .gnb-menu > dl dd ul li {float:left; padding-left:1px;}
.header > .gnb-menu > dl dd ul li:nth-child(1) {width:17%;}
.header > .gnb-menu > dl dd ul li:nth-child(2) {width:20%;}
.header > .gnb-menu > dl dd ul li:nth-child(3) {width:22%;}
.header > .gnb-menu > dl dd ul li:nth-child(4) {width:21%;}
.header > .gnb-menu > dl dd ul li:nth-child(5) {width:20%;}
.header > .gnb-menu > dl dd ul li a {display:block; padding:5px 0; font-size:13px;}
.header > .gnb-menu > dl dd ul li a:hover {font-weight:600; color:#333;}
.header > .gnb-menu > dl dd ul li a.active {font-weight:600; color:#333;}
.header > .gnb-equipment01 {display:none; width:100%; padding:10px 0 30px 0; background:#fff;}
.header > .gnb-equipment01 > ul {width:1160px; margin:0 auto; overflow:hidden;}
.header > .gnb-equipment01 > ul li {float:left; width:31.3%; margin:0 1%;}
.header > .gnb-equipment01 > ul li h2 {padding:20px 0; font-size:15px; line-height:15px; color:#333; border-bottom:#333 1px solid;}
.header > .gnb-equipment01 > ul li div {margin-top:10px;}
.header > .gnb-equipment01 > ul li div a {display:block; padding:7px 0; font-size:13px; line-height:13px;}
.header > .gnb-equipment01 > ul li div a:hover {font-weight:600; color:#333;}
.header > .gnb-equipment01 > ul li div a.active {font-weight:600; color:#333;}
.header > .gnb-equipment02 {display:none; width:100%; padding:10px 0 30px 0; background:#fff;}
.header > .gnb-equipment02 > ul {width:1160px; margin:0 auto; overflow:hidden;}
.header > .gnb-equipment02 > ul li {float:left; width:21.3%; margin:0 1%;}
.header > .gnb-equipment02 > ul li h2 {padding:20px 0; font-size:15px; line-height:15px; color:#333; border-bottom:#333 1px solid;}
.header > .gnb-equipment02 > ul li div {margin-top:10px;}
.header > .gnb-equipment02 > ul li div a {display:block; padding:7px 0; font-size:13px; line-height:13px;}
.header > .gnb-equipment02 > ul li div a:hover {font-weight:600; color:#333;}
.header > .gnb-equipment02 > ul li div a.active {font-weight:600; color:#333;}

@media all and (max-width:479px) {
.header {display:none;}
}
@media all and (min-width:480px) and (max-width:767px) {
.header {display:none;}
}
@media all and (min-width:768px) and (max-width:991px) {
.header {display:none;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.header > dl {width:970px;}
.header > .gnb-menu > dl {width:970px;}
.header > .gnb-equipment01 > ul {width:990px;}
}
@media all and (min-width:1200px) {

}


/* 상단영역 - 모바일 */
.header-mobile {position:fixed; top:0px; width:100%; border-bottom:#e9e9e9 1px solid; background:#fff; z-index:999;}
.header-mobile > dl {width:100%; padding:15px 20px; overflow:hidden;}
.header-mobile > dl > dt {float:left; width:15%; text-align:right;}
.header-mobile > dl > dt:first-child {text-align:left;}
.header-mobile > dl > dt a {font-size:20px; color:#333;}
.header-mobile > dl > dt a:hover {color:#e60039;}
.header-mobile > dl > dd {float:left; width:70%; text-align:center;}
.header-mobile > ul {display:none; width:100%; padding:5px 20px 20px 20px; overflow:auto;  }
.header-mobile > ul > li > a {display:block; padding:15px 0; font-size:14px; line-height:15px; color:#555; border-top:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid;}
.header-mobile > ul > li > a:hover {color:#e60039;}
.header-mobile > ul > li > div {padding:10px 20px 12px 20px; font-size:12px; border-top:#e5e5e5 1px solid; border-left:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid; background:#f9f9f9;}
.header-mobile > ul > li > div > h2 {font-size:13px; line-height:13px; color:#333;}
.header-mobile > ul > li > div > div {margin-top:10px; padding:10px 20px; border:#e5e5e5 1px solid; background:#fff;}

@media all and (max-width:479px) {

}
@media all and (min-width:480px) and (max-width:767px) {

}
@media all and (min-width:768px) and (max-width:991px) {

}
@media all and (min-width:992px) and (max-width:1199px) {
.header-mobile {display:none;}
}
@media all and (min-width:1200px) {
.header-mobile {display:none;}
}


/* 하단영역 */
.footer {width:100%; border-top:#e5e5e5 1px solid;}
.footer > dl {width:1140px; margin:0 auto; padding:40px 0; overflow:hidden;}
.footer > dl > dt {float:left; width:80%; font-size:13px;}
.footer > dl > dt > h2 {font-weight:700; font-size:16px; color:#333;}
.footer > dl > dt > div {margin-top:10px;}
.footer > dl > dt > p {margin-top:10px;}
.footer > dl > dt > p span {vertical-align:top; font-weight:700; color:#e60039;}
.footer > dl > dd {float:right;margin-bottom:-20px; width:20%; text-align:right;}
.footer > dl > dd > a {padding-bottom:10px;}

@media all and (max-width:479px) {
.footer > dl {width:320px;}
.footer > dl > dt {width:100%; text-align:center; font-size:12px;}
.footer > dl > dt > h2 {font-size:14px;}
.footer > dl > dd {width:100%; margin-top:20px; text-align:center;}
.footer > dl > dd img {height:30px;}
.footer > dl > dd > .footer_lntina > img {width:80%;}
}
@media all and (min-width:480px) and (max-width:767px) {
.footer > dl {width:470px;}
.footer > dl > dt {width:100%; text-align:center; font-size:12px;}
.footer > dl > dt > h2 {font-size:14px;}
.footer > dl > dd {width:100%; margin-top:20px; text-align:center;}
.footer > dl > dd img {height:30px;}
.footer > dl > dd > .footer_lntina > img {width:80%;}
}
@media all and (min-width:768px) and (max-width:991px) {
.footer > dl {width:750px;}
.footer > dl > dt {width:100%; text-align:center;}
.footer > dl > dd {width:100%; margin-top:20px; text-align:center;}
}
@media all and (min-width:992px) and (max-width:1199px) {
.footer > dl {width:970px;}
}
@media all and (min-width:1200px) {

}


/* 컨텐츠영역 */
.content {min-width:320px; margin-top:0; padding-top:93px; background:#fff;}

@media all and (max-width:479px) {
.content {padding-top:57px;}
}
@media all and (min-width:480px) and (max-width:767px) {
.content {padding-top:57px;}
}
@media all and (min-width:768px) and (max-width:991px) {
.content {padding-top:57px;}
}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) {

}