@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(http://font.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url('http://fonts.cdnfonts.com/css/williwaw');
@font-face {font-family:'GmarketSansLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-1Thin'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face { src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-3Light'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-4Regular'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-5Medium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face { src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'S-CoreDream-9Black'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'KOTRALEAP'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRALEAP.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'HoengseongHanu'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/HoengseongHanu.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'SANJUGotgam'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANJUGotgam.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'ROKAFSlabSerifMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts2201-3@1.0/ROKAFSlabSerifMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'yg-jalnan'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Williwaw'; font-style:normal; font-weight:400; src:url('https://fonts.cdnfonts.com/s/19637/Williwaw-Book.woff') format('woff');}
@font-face {font-family:'Pretendard-Thin'; src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'); font-weight:100; font-style:normal;}
@font-face {font-family:'Pretendard-Light'; src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'); font-weight:300; font-style:normal;}
@font-face {font-family:'Pretendard-Regular'; src:url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight:400; font-style:normal;}
br {font-family:'nanumgothic';}
 




*, body {margin:0; padding:0;}
body {font-family:'Pretendard-Regular';}
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;}
.bronlymobile {display:none;}
strong {font-weight:500;}







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

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

#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:534px; overflow:hidden; text-align:center; background:url(/img/mainvis.jpg) no-repeat center top;}
#mainvisual img {display:block; margin:0 auto;}

/* 슬라이드일시 */
#mainvisual_new {margin:1px auto 0 auto; overflow:hidden; width:100%; height:534px;}
#mainvisual_new .slidesjs-container {width:100% !important; height:534px !important;}
#mainvisual_new .slidesjs-control {width:100% !important; height:534px !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; 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:59px;}
.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;}
.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; 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/subvis.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; letter-spacing:-0.07em;}
.sub00 {width:1200px; margin:40px auto 0 auto; overflow:hidden;}
.bronlymobile {display:block !important;}


/* 서브01 */
.sub01 {}
.sub0101_01 {text-align:Center;}
.sub0101_01 h3 { 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;}



/* 서브04 */
.sub04 {}
.forrm0401 {padding:30px; background:#f2faff;}
.forrm0401 li {overflow:hidden; height:60px; line-height:60px; width:100%; margin:10px 0 0 0;}
.forrm0401 li strong {display:block; float:left; width:120px; background:#104397; text-align:Center; color:#fff; font-size:15px; height:100%;}
.fomr0401_01 li:first-child {margin:0;}
.fomr0401_01 li input {display:block; float:left; width:calc(100% - 140px); background:#fff; height:100%; border:none; font-size:14px; padding:0 10px; outline:none;}
.fomr0401_02 {margin:10px auto; line-height:30px; height:300px;}
.fomr0401_02 h3 {display:block; float:left; width:120px; line-height:60px; background:#104397; text-align:Center; color:#fff; font-size:15px; height:100%;}
.fomr0401_02 article {display:block; float:left; width:calc(100% - 140px); background:#fff; height:100%; border:none; font-size:14px; padding:0 10px; outline:none;}
.fomr0401_02 article strong, .fomr0401_02 article textarea {display:block; margin:10px;}
.fomr0401_02 article textarea {border:none; width:100%; height:calc(100% - 100px); outline:none; font-family:'Pretendard-Regular';}
.fomr0401_03 li > input {display:block; float:left; background:#fff; height:100%; border:none; font-size:14px; padding:0 10px; outline:none; line-height:60px;}
.fomr0401_03 li > input[type=file] {width:250px;}
.fomr0401_03 li article {float:left; width:250px; height:60px; background:#fff; padding:0 10px;}
.fomr0401_03 li article p, .fomr0401_03 li article input {display:inline-block;}
.fomr0401_03 li article input {Height:50px; line-height:50px; border:1px solid #ddd; outline:none; margin:0 0 0 10px;}
.div0401 h3 {margin:15px 0; font-size:15px; font-weight:100;}
.div0401 textarea {width:calc(100% - 52px); padding:25px; border:1px solid #ddd; height:100px; display:block; font-family:'Pretendard-Regular'; line-height:27px;}
.div0401 label {font-size:14px; margin:10px 0 0 0; display:block;}
.div0401 label input {display:inline-block; top:2px; margin:0 5px 0 0;}
#atag0401 {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;}
#atag0401:hover {background:#2c4e6f; font-weight:500;}