@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

@font-face {font-family:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}
@font-face {font-family:ns; font-weight:100; src:url(/font/notokr-demilight.eot); src:local('※'), url(/font/notokr-demilight.woff) format('woff');}
@font-face {font-family:ns; font-weight:500; src:url(/font/notokr-medium.eot); src:local('※'), url(/font/notokr-medium.woff) format('woff');}
@font-face {font-family:bb; font-weight:500; src:url(/font/BebasNeue.eot); src:local('※'), url(/font/BebasNeue.woff) format('woff');}
@font-face {font-family:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}



*, body {margin:0; padding:0;}
body {min-width:1200px; font-family:ns, dotum, gullim, Tahoma, Arial, Helvetica, sans-serif;}
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, select, button, 
body, td, form, select, input, button, textarea, div, option, pre, p, span, blockquote, li, dt, dd, legend, label, h1, h2, h3, h4, h5, h6, 
div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset {position:relative;}
label, button, input[type=button], input[type=submit], input[type=image] {cursor:pointer;}

img {border:none;}
a {text-decoration:none;}
li {list-style:none;}
label {cursor:pointer; color:#666;}
select {cursor:pointer; border:1px solid #ddd; font-size:12px; color:#666;}
input[type="checkbox"] {-webkit-appearance:button; width:14px !important; height:14px; display:block; border:1px solid #ddd;}
input[type="checkbox"]:checked {background-image:url(/img/checkbox_on.jpg); background-position:center;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt10 {margin-top:10px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt50 {margin-top:50px !Important;}
.mrt70 {margin-top:70px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.display_block {display:block !important;}
.db1 {display:inline-block;}
.dn1 {display:none;}
.fll {float:left;}
.flr {float:right;}

.px1200 {width:1200px; margin:0 auto;}
strong {font-weight:500;}







/* ================================= 공통 ================================= */
header {width:100%; overflow:hidden; border-top:5px solid #267ac8;}
header h1 {margin:30px auto; text-align:center; height:61px;}
header figure {position:absolute; right:0; top:8px; overflow:hidden;}
header figure img {display:block; float:left;}
header figure strong {display:Block; float:left; font-size:37px; color:#175d9e; font-weight:900; font-family:"NanumSquare"; letter-spacing:-0.07em; line-height:45px; margin:0 0 0 15px;}
header figure:first-child {left:0; top:15px;}

nav {width:100%; height:49px; line-height:49px; border-top:1px solid #ced2d9; border-bottom:1px solid #ced2d9;}
nav ul {width:1200px; margin:0 auto; overflow:Hidden; background:url(/img/bar01.jpg) no-repeat right center;}
nav ul li {float:left; width:171px; height:49px; line-height:51px; background:url(/img/bar01.jpg) no-repeat left center; text-align:Center; letter-spacing:-0.05em; font-family:"NanumSquare"; font-size:17px;}
nav ul li a {display:block; color:#333; transition:background 0.5s, color 0.5s;}
nav ul li a:Hover {background:#2987cf; color:#fff; font-weight:600;}

#floatMenu {position:fixed; width:255px; height:182px; right:50px; top:0; z-index:1000; color:#fff;}
#floatMenu img {display:block;}
footer {width:100%; margin:60px auto 0 auto; overflow:hidden; text-align:center; border-top:1px solid #ddd;}
footer figure {margin:20px auto;}
footer article {font-size:14px; color:#474747;}
footer p {width:100%; height:45px; line-height:45px; color:#fff; background:#404040; text-transform:uppercase; font-size:10px; font-weight:400; margin:20px auto 0 auto;}
footer p a {color:#fff;}






/* ================================= 메인 ================================= */
#mainvisual {width:100%; margin:1px auto 0 auto; height:404px; overflow:hidden; text-align:center; background:url(/img/mainvis01.jpg) no-repeat center top;}
#mainvisual img {display:block; margin:0 auto;}

/* 슬라이드일시 */
#mainvisual_new {margin:1px auto 0 auto; overflow:hidden; font-family:"NanumSquare"; width:100%; height:404px;}
#mainvisual_new .slidesjs-container {width:100% !important; height:404px !important;}
#mainvisual_new .slidesjs-control {width:100% !important; height:404px !important;}

#mainvisual_new .slidesjs-control li:first-child {z-index:99 !important;}
#mainvisual_new .slidesjs-control li:nth-child(2) {z-index:98 !important;}
#mainvisual_new .slidesjs-control li:nth-child(3) {z-index:97 !important;}
#mainvisual_new .slidesjs-control li:nth-child(4) {z-index:96 !important;}
#mainvisual_new .slidesjs-control li:nth-child(5) {z-index:95 !important;}
#mainvisual_new .slidesjs-control li:nth-child(6) {z-index:94 !important;}

#mainvisual_new .slidesjs-pagination {position:absolute; bottom:20px; width:100%; left:0; text-align:center; z-index:102;}
#mainvisual_new .slidesjs-pagination li {display:inline-block;}
#mainvisual_new .slidesjs-pagination li a {color:#fff; z-index:100; font-size:0; width:8px; height:8px; background:#66a4c6; display:Block; border-radius:30px; margin:0 0 0 12px;}
#mainvisual_new .slidesjs-pagination li a.active {width:43px; background:#1872a9;}

#mainvisual_new .slidesjs-previous, .slidesjs-next {display:block; position:absolute; top:500px; z-index:310; font-size:0;}
#mainvisual_new .slidesjs-previous {background:url(/img/mainarrow_left.png) no-repeat center; left:30px;}
#mainvisual_new .slidesjs-next {background:url(/img/mainarrow_right.png) no-repeat center; right:30px;}


#main01 {width:1200px; margin:20px auto 0 auto; overflow:hidden;}
#main01 ul {overflow:hidden;}
#main01 ul li {float:left; margin:0 0 0 20px; background:#fff;}
#main01 ul li img {display:Block; transition:opacity 0.5s;}
#main01 ul li:first-child {margin:0;}
#main01 ul li:hover img {opacity:0.5;}


#main02 {width:1200px; margin:20px auto 0 auto; overflow:hidden;}
#main02 section {float:left; background:#fafafa; padding:30px; margin:0 20px 0 0;}
#main02 section h1 {overflow:hidden; padding:0 0 12px 0; border-bottom:2px solid #125884; width:100%;}
#main02 section h1 strong {display:block; float:left; color:#193648; font-size:17px; font-family:"NanumSquare"; line-height:17px; font-weight:600;}
#main02 section h1 a {display:block; text-transform:uppercase; float:right; font-size:10px; line-height:17px; font-weight:400; color:#333; letter-spacing:0.05em;}

.section1_main02 {width:404px; min-height:234px;}
.section1_main02 ul {margin:9px auto 0 auto;}
.section1_main02 li {font-size:13px; overflow:hidden; line-height:32px; background:url(/img/bullet01.jpg) no-repeat left center; padding:0 0 0 6px;}
.section1_main02 li a {display:block; color:#6b6b6b;}
.section1_main02 li a:hover, .section1_main02 li a:hover strong {font-weight:500; color:#000;}
.section1_main02 li a strong {width:300px; font-size:14px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; display:block; float:left; font-weight:400;}
.section1_main02 li a span {display:block; float:right; font-size:10px; text-transform:uppercase;}

.section2_main02 {width:286px;}
.section2_main02 li {overflow:Hidden; height:37px; line-height:37px; margin:10px 0 0 0;}
.section2_main02 li strong, .section2_main02 li span, .section2_main02 li input, .section2_main02 li textarea, .section2_main02 li a {display:Block; float:left;}
.section2_main02 li strong {width:50px; font-size:13px;}
.section2_main02 li input {background:#fff; border:1px solid #ddd; height:35px; line-height:35px;}
.section2_main02 li:first-child input {width:233px;}
.section2_main02 li:nth-child(2) input {width:60px;}
.section2_main02 li span {height:35px; line-height:35px; margin:0 9.5px;}
.section2_main02 li:last-child {height:72px;}
.section2_main02 li textarea {height:70px; border:1px solid #ddd; background:#fff; width:170px;}
.section2_main02 li a {background:#0072bc; color:#fff; line-height:72px; height:72px; text-align:center; font-size:13px; width:64px;}
.section2_main02 label {font-size:11px; overflow:Hidden; margin:10px 0 0 50px; display:block;}
.section2_main02 label input, .section2_main02 label span {display:Block; float:left; color:#333;}


.div1_main02 {background:#2c4e6f; padding:30px; width:290px;; float:Right;}
.div1_main02 h3 {overflow:hidden;}
.div1_main02 h3 strong {color:#fff; font-size:17px; font-family:"NanumSquare";}
.div1_main02 h3 span {color:#eee; font-size:10px; padding:0 0 0 6px; font-weight:100;}
.div1_main02 h1 {Text-align:center; font-size:42px; color:#fff; font-family:"NanumSquare"; padding:20px 0; width:100%; letter-spacing:-0.06em; font-weight:900; line-height:36px; height:33px; border-bottom:1px solid #ddd;}
.div1_main02 ul {overflow:Hidden; margin:15px auto 10px auto;}
.div1_main02 ul li {margin:10px auto 0 auto; overflow:Hidden; font-size:13px;}
.div1_main02 ul li strong {display:Block; float:left; color:#9bd8ff;}
.div1_main02 ul li span {display:block; float:left; margin:0 0 0 10px; color:#fff;}
.div1_main02 p {width:100%; height:40px; line-height:40px; text-align:center; color:#fff; font-size:13px; background:#588fb7; margin:20px auto 0 auto; overflow:Hidden;}






/* ================================= 서브 ================================= */
#subvisual {width:100%; height:400px; background:url(/img/subvisual.jpg) no-repeat center top; margin:1px auto 0 auto; overflow:hidden;}

#subpage {width:100%; overflow:Hidden; padding:60px 0 0 0;}
.hgroup_sub {text-align:center; background:url(/img/bar04.jpg) no-repeat center bottom; padding:0 0 40px 0;}
.hgroup_sub h3 {font-size:10px; font-weight:400; letter-spacing:0.05em; color:#949494; text-transform:uppercase;}
.hgroup_sub h1 {font-family:'NanumSquare'; font-size:49px; background:url(/img/bg01.png) left 38px repeat-x; color:#303030; font-weight:400; margin:25px auto 0 auto; letter-spacing:-0.07em;}

.subwrap {margin:120px auto 0 auto; overflow:hidden;}
.h1title {overflow:hidden; line-height:50px; margin:0 0 40px 0;}
.h1title span {display:block; width:3px; height:50px; float:left; background:#000;}
.h1title strong {display:block; float:left; font-size:20px; color:#000; margin:0 0 0 20px; font-family:"NanumSquare"; letter-spacing:-0.07em;}

.sub00 {width:1200px; margin:40px auto 0 auto; overflow:hidden;}


/* 서브01 */
.sub01 {}
.sub0101_01 {text-align:Center;}
.sub0101_01 h3 {font-family:"NanumSquare"; font-size:23px; color:#222; font-weight:400; letter-spacing:-0.04em; line-height:35px;}
.sub0101_01 article {font-size:16px; line-height:28px; color:#555; margin:35px auto 0 auto; letter-spacing:-0.08em;}
.sub0101_01 > div {overflow:hidden; margin:80px auto 0 auto;}
.sub0101_01 > div figure {float:left; margin:0 0 0 20px; width:380px;}
.sub0101_01 > div figure:First-child {margin:0;}
.sub0101_01 > div figure img {width:100%;}



/* 서브02 */
.sub02 {}



/* 서브03 */
.sub03 {text-align:center;}
.table01 {width:100%; border-top:2px solid #333;}
.table01 th, .table01 td {font-weight:400; padding:20px; letter-spacing:-0.05em;}
.table01 th {font-size:15px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5; color:#000; font-weight:500;}
.table01 td {font-size:13px; border-left:1px solid #ddd; text-align:Center; border-bottom:1px solid #ddd;}
.table01 td:first-child, .table01 th:first-child {border-left:none;}
.table01 td:first-child {Background:#fafafa;}
.sub03 p {font-size:18px; color:#fff; background:#e23257; margin:40px auto 0 auto; padding:7px 5px 5px 5px; letter-spacing:-0.07em; font-weight:600; text-align:center; display:inline-block; font-family:"NanumSquare";}





/* 서브06 */
.sub06 {}
.sub06wrap {padding:50px; background:#fcfcfc; width:700px; margin:0 auto; border:1px solid #ddd;}
.sub06wrap li {overflow:Hidden; height:52px; line-height:52px; margin:30px 0 0 0;}
.sub06wrap li:first-child {margin:0;}
.sub06wrap li strong, .sub06wrap li span, .sub06wrap li input, .sub06wrap li textarea, .sub06wrap li a {display:Block; float:left;}
.sub06wrap li strong {width:80px; font-family:"NanumSquare"; font-size:17px; font-weighT:600;}
.sub06wrap li input {background:#fff; border:1px solid #ddd; height:50px; line-height:50px;}
.sub06wrap li:first-child input {width:617px;}
.sub06wrap li:nth-child(2) input {width:174px;}
.sub06wrap li span {height:50px; line-height:50px; margin:0 20px;}
.sub06wrap li:last-child {height:152px;}
.sub06wrap li textarea {height:150px; border:1px solid #ddd; background:#fff; width:617px;}
.sub06wrap label {font-size:14px; overflow:Hidden; margin:10px 0 0 80px; display:block;}
.sub06wrap label input {top:3px;}
.sub06wrap label input, .sub06wrap label span {display:Block; float:left; color:#333;}
.sub06wrap agr {display:block; margin:10px 0 0 80px;}
.sub06wrap agr textarea {width:597px; height:60px; padding:10px; border:1px solid #ddd;}



.sub06wrap > a {border-radius:30px; margin:40px auto 0 auto; height:50px; line-height:50px; display:block; width:200px; text-align:center; color:#fff; background:#0072bc; transition:background 0.5s, font-weight 0.5s;}
.sub06wrap > a:hover {background:#2c4e6f; font-weight:500;}

.red01 {color:#f01a52 !important;}