@charset "utf-8";
/* CSS Document */

/* skip */
#skipnav {overflow:hidden; position:absolute; width:100%; z-index:1000;}
#skipnav a {display:block; overflow:hidden; height:1px; width:1px; margin:0 -1px -1px 0; font-size:0; line-height:0; text-align:center;}
#skipnav a:focus, #skipnav a:hover, #skipnav a:active {width:auto; height:20px; margin:0; padding:8px 0 5px; background:#20262c; font-size:12px; font-weight:700; line-height:1; color:#fff;}

.skip_info {display:block; position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:100%;}

#wrap {min-width:300px;}
.pc_w {width:1200px; margin:0 auto;}

header {background:#fff; border-top:5px solid #0a3a87; min-height:120px;}
header > .head {overflow:hidden; background:#f7f7f7; border-bottom:1px solid #e5e5e5;}
header > .head ul {float:right;}
header > .head ul li {float:left;}
header > .head ul li a {display:table-cell; vertical-align:middle; padding:5px 15px; text-align:center; font-size:12px; color:#555; position:relative; letter-spacing:0;}
header > .head ul li a:before {content:''; position:absolute; top:12px; left:5px; background:#b2b2b2; width:3px; height:3px;}
header > .head ul li:first-child a {background:none;}

footer {background:#3b3b3b; padding:2.5% 0; clear:both;}
footer > div {overflow:hidden;}
footer h2 {width:15%;}
footer p {color:#bbb;}
footer p > span {display:inline-block; margin-right:2%;}
footer p a {color:#bbb;}
footer img {max-width:100%;}

a.go_top {display:none; position:fixed; z-index:100; right:7px; bottom:30px; background:url(../DR0001IMG/common/icon_go_top.png) 50% 0 no-repeat; background-size:37px; width:37px; height:37px; text-indent:-99999px; opacity:0.8;}


@media screen and (max-width:1220px) {
.pc_w {width:auto !important;}
footer {padding:1.2% 7px;}
}

@media screen and (max-width:980px) {
header {/* border-top:2px solid #222; */ border-top:0; min-height:95px;}
header > .head {background:#0a3a87;}
header > .head ul {float:none;}
header > .head ul li {width:33.33%;}
header > .head ul li:first-child  {width:33.34%;}
header > .head ul li a {display:block; width:auto; height:auto; background:none; padding:2.5% 1%; border-left:1px solid #295baa; border-right:0; color:#fff;}
header > .head ul li a:before {background:none; display:none;}
header > .head ul li:first-child a {border-left:0;}
/* header > .head ul li a span {min-height:16px; padding:0 0 0 25px; background-position:0 50% !important;} */
}

@media screen and (max-width:768px) {
footer {padding:3% 10px; text-align:center; font-size:12px;}
footer h2, footer p {float:none; width:auto; margin-left:0;}
footer h2 {margin-bottom:10px;}
footer h2 img {max-width:140px;}
}

@media screen and (max-width:640px) {
header {min-height:85px;}
}

@media screen and (max-width:360px) {

}

/*************************************
  상단네비
**************************************/
header h1 {position:absolute; top:25px; left:10px;}
header h1 img {max-width:245px;}

.toggleMenu {display:none; position:absolute; top:16px; left:10px;}
.toggleMenu img {width:27px;}
header #gnb_wrap {background:#fff; position:relative;}
header #gnb {/* position:relative; */ min-height:57px; float:right; width:68%; padding-top:12px;}
.nav {}
/* .nav:before, .nav:after {content:" "; display:table;} */
.nav:after {clear:both;} 
.nav ul {width:97%;}
.nav li {position:relative; z-index:1000;}
.nav > li {float:left; width:25%; text-align:center;}
.nav > li > .parent {}
.nav > li > a {display:block; text-align:center; font-size:20px; font-weight:500; color:#111; padding:20px 0 30px;}
.nav > li > a > span {display:inline-block;}
.nav > li ul {position:absolute; left:-9999px;}
.nav > li.hover > ul {left:0%;}
.nav li li.hover ul {left:100%; top:0;}
.nav li li a {display:block; font-size:13px; padding:12px 10px; background:#246dba; color:#fff; border-top:1px solid #1b61a9; position:relative; z-index:100;}
.nav li li:first-child {border-top:0;}

@media screen and (max-width:1100px) {
.nav > li > a {font-size:16px;}
}

@media screen and (max-width:980px) {
header h1 {left:10px; top:6px; right:10px; text-align:center;}
header h1 img {max-width:190px;}
.active {display:block;}
header #gnb_wrap {border-top:0; background:none;}
header #gnb {width:100%; min-height:0;}
.nav {margin-top:47px; background:#246dba; position:relative; z-index:100;}
.nav > li {float:none; border-bottom:1px solid #1b61a9; padding:0; width:auto; text-align:left;}
.nav > li > a {display:block; font-size:14px; padding:15px 4%; color:#fff; height:auto; text-align:left;}
.nav > li > .parent {background:url(../DR0001IMG/common/downArrow.png) 98% 50% no-repeat;}
.nav li li .parent {background:url(../DR0001IMG/common/downArrow.png) 50% 95% no-repeat;}
.nav ul {display:block; width:100%;}
.nav li li a {font-size:13px; padding:10px 6%; background:#f7f7f7; border-top:0; border-bottom:1px solid #ddd; color:#333;}
.nav li li a br {display:none;}
.nav > li.hover > ul {left:0; width:100%;}
.nav > li.hover > ul, .nav li li.hover ul {position:static;}
}

/*************************************
  버튼
**************************************/
/* 버튼 기본 스타일 ------------------------------- */
.btns {display:inline-block; padding:0 15px; height:36px; line-height:33px; font-weight:normal; text-align:center; vertical-align:middle; border-radius:0px; cursor:pointer; border:1px solid transparent; white-space:nowrap;}
.btns:hover, .btns:focus {opacity:0.9;}

span.button {cursor:default;}
span.button:hover {text-decoration:none;}

/* 컬러 구분 */
.c_wh {background:#fff; color:#333; border-color:#555;}
.c_gray {background:#f4f4f4; color:#333; border-color:#d9d9d9;}
.c_gray2 {background:#6e6e6e; color:#fff; border-color:#6d6d6d;}
.c_blue {background:#2c64b1; color:#fff; border-color:#2760ad;}
.c_red {background:#c20109; color:#fff; border-color:#ba0109;}
.c_red2 {background:#c20109; color:#fff; border-color:#ba0109;}
.c_bk {background:#222; color:#fff; border-color:#272727;}
.c_or {background:#eb6100; color:#fff; border-color:#eb6122;}
.c_grn {background:#0097ac; color:#fff; border-color:#0097ab;}
.c_grn2 {background:#2caeb1; color:#fff; border-color:#28acaf;}