@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

body {font-family:'Noto Sans KR', dotum, sans-serif; background:#fff; font-size:13px;}
#wrap {position:relative; overflow:hidden; padding-top:118px; background:#f9f9f9;}
#wrap.main {background:#fff;}
.container {width:1020px; margin:0 auto; position:relative;}
.container:after {content:""; display:table; clear:both;}
.container.mbr {padding-top:60px; padding-bottom:60px;}

#gnb {position:fixed; top:0; left:0; right:0; z-index:10; background:#fff;}
#gnbTop {height:35px; border-bottom:solid 1px #ddd;}
#gnbTop a {display:block; font-size:13px; color:#333; height:20px; line-height:20px;}
#gnbTfvr {float:left; margin:7px 0;}
#gnbTmenu {float:right; margin:0 -7px;}
#gnbTmenu:after {content:""; display:table; clear:both;}
#gnbTmenu li {float:left; padding:7px 15px; position:relative;}
#gnbTmenu li:before {content:""; display:block; width:1px; height:12px; background:#d7d7d7; position:absolute; left:0; top:50%; margin-top:-6px;}
#gnbTmenu li:first-child:before {display:none;}
#gnbBot {height:83px; border-bottom:solid 1px #ddd;}
#gnbLogo {float:left; width:276px; height:48px; margin:17px 0; background:url("/img/common/gnb_logo.png")no-repeat center center;}
#gnbLogo a {display:block; height:100%; text-indent:-9999px;}
#gnbMenu {float:right; margin:0 -45px;}
#gnbMenu > ul {float:right;}
#gnbMenu > ul:after {content:""; display:table; clear:both;}
#gnbMenu > ul > li {float:left; position:relative; padding:27px 45px;}
#gnbMenu > ul > li > a {display:block; font-size:18px;; color:#000; letter-spacing:-0.05em; height:28px; min-width:100px; line-height:28px; font-weight:500; position:relative; padding-left:15px;}
#gnbMenu > ul > li > a:before {content:""; display:block; width:4px; height:4px; background:#000; position:absolute; left:0; top:50%; margin-top:-2px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;}
#gnbMenu > ul > li.current > a {color:#2f45a6;}
#gnbMenu > ul > li > ul {position:absolute; top:100%; left:0; right:0; display:none; padding:15px 15px 15px 45px; height:170px; border-right:solid 1px #d5d5d5;}
#gnbMenu > ul > li:first-child > ul {border-left:solid 1px #d5d5d5;}
#gnbMenu > ul > li > ul > li {padding:3px 0;}
#gnbMenu > ul > li > ul > li > a {display:block; font-size:14px; color:#6a6a6a; padding-left:15px; position:relative; -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; -ms-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out;}
#gnbMenu > ul > li > ul > li > a:before {content:""; display:block; background:#6a6a6a; width:2px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
#gnbMenu > ul > li > ul > li > a:hover {color:#1f4bb4;}
#gnbMenuBg {position:absolute; top:100%; left:-500px; right:-500px; height:170px; display:none; background:#fbfbfb;}


#mainBanner {position:relative;}
#mbSlider .slick-slide {height:440px; background-position:center center !important; background-size:auto 100% !important;}
#mbSlider .slick-dots {position:absolute; left:0; right:0; bottom:0; height:50px; text-align:center;}
#mbSlider .slick-dots li {display:inline-block;}
#mbBottom {position:absolute; left:0; bottom:40px; left:50%; margin-left:-475px;}
#mbDots {display:inline-block; vertical-align:middle;}
#mbDots .slick-dots {display:block;}
#mbDots .slick-dots:after {content:""; display:table; clear:both;}
#mbDots .slick-dots li {display:block; float:left; width:12px; height:12px; cursor:pointer; background:#ccc; margin:0 5px; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
#mbDots .slick-dots li.slick-active {background:#1a2370; width:40px;}
#mbDots .slick-dots li button {display:none;}
#slick-pause {display:inline-block; vertical-align:middle; width:9px; height:12px; text-indent:-9999px; cursor:pointer; background:url("/img/main/main_banner_paused.png")no-repeat center center;}
#slick-pause.paused {background:url("/img/main/main_banner_play.png")no-repeat center center;}

#mainMenu {background:#3b7fc4;}
#mainMenu ul {}
#mainMenu ul:after {content:""; display:table; clear:both;}
#mainMenu ul li {float:left; width:25%; position:relative;}
#mainMenu ul li:after {content:""; display:block; position:absolute; right:0; top:25px; bottom:25px; width:1px; background:#72a3d4;}
#mainMenu ul li:last-child:after {display:none;}
#mainMenu ul li a {display:block; padding:40px 100px 40px 20px; position:relative;}
#mainMenu ul li a:after {content:""; display:block; width:57px; height:44px; position:absolute; right:20px; top:50%; margin-top:-22px;}
#mainMenu ul li:nth-child(1) a:after {background:url("/img/main/main_menu01.png")no-repeat center center;}
#mainMenu ul li:nth-child(2) a:after {background:url("/img/main/main_menu02.png")no-repeat center center;}
#mainMenu ul li:nth-child(3) a:after {background:url("/img/main/main_menu03.png")no-repeat center center;}
#mainMenu ul li:nth-child(4) a:after {background:url("/img/main/main_menu04.png")no-repeat center center;}
#mainMenu ul li a h4 {font-size:20px; color:#fff; font-weight:700; letter-spacing:-0.075em; padding-bottom:5px;}
#mainMenu ul li a p {font-size:14px; color:rgba(255,255,255,0.75); line-height:1.4em;}
#mainMenu ul li a:hover h4,
#mainMenu ul li a:hover p {color:#DDF231;}

#mainContent {padding:40px 0; border-top:solid 1px #ddd;}
#mainNotice {width:490px; height:200px; float:left; margin-right:40px;}
#mnTitle {position:relative; border-bottom:solid 1px #336699; padding-bottom:10px;}
#mnTitle:after {content:""; display:table; clear:both;}
#mnTitle h3 {float:left; font-size:18px; color:#000; font-weight:500; letter-spacing:-0.075em; line-height:1.0em;}
#mnTitle a {float:right; display:block; width:20px; height:20px; border:solid 1px #ccc; background:url("/img/main/main_notice_more.png")no-repeat center center; text-indent:-9999px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
#mnList li {border-bottom:dotted 1px #ddd; padding:6px 0; padding-left:18px; position:relative;}
#mnList li:before {content:""; display:block; width:4px; height:4px; background:#2b6db0; position:absolute; left:5px; top:50%; margin-top:-2px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;}
#mnList li:last-child {border-bottom:none;}
#mnList li:after {content:""; display:table; clear:both;}
#mnList li a {display:inline-block; float:left; max-width:80%; color:#333; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#mnList li span.lt_date {float:right; display:block; font-size:13px; color:#666;}

#mainIntro {width:225px; height:200px; float:left; margin-right:40px;}
#mainCmnty {width:225px; height:200px; float:left;}
#mainIntro a,
#mainCmnty a {display:block; height:100%; border:solid 1px #5ab6b7; text-indent:-9999px; background-size:cover !important;}
#mainIntro a {background:url("/img/main/main_introduce.jpg")no-repeat center center;}
#mainCmnty a {background:url("/img/main/main_community.jpg")no-repeat center center;}

#footer {background:#efefef;}
#ftMenu {float:left; margin:0 -17px;}
#ftMenu:after {content:""; display:table; clear:both;}
#ftMenu li {padding:17px; position:relative; float:left;}
#ftMenu li:after {content:""; display:block; width:1px; height:12px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-6px;}
#ftMenu li:last-child:after {display:none;}
#ftMenu li a {display:block; font-size:13px; color:#000; height:16px; line-height:16px;}
#ftFamily {position:relative; float:right;}
#ftFamily span {display:block; font-size:13px; color:#666; height:50px; line-height:50px; border-left:solid 1px #d7d7d7; cursor:pointer; border-right:solid 1px #d7d7d7; padding-left:20px; padding-right:60px; position:relative;}
#ftFamily span:after {content:""; display:block; width:15px; height:9px; position:absolute; right:20px; top:50%; margin-top:-5px; background:url("/img/common/footer_btn_up.png")no-repeat center center;}
#ftFamily span.on:after {background:url("/img/common/footer_btn_down.png")no-repeat center center;}
#ftFamily ul {position:absolute; left:0; right:0; bottom:100%; background:#efefef; display:none;}
#ftFamily ul li {border:solid 1px #d7d7d7; border-bottom:none;}
#ftFamily ul li:last-child {border-bottom:solid 1px #d7d7d7;}
#ftFamily ul li a {display:block; font-size:13px; color:#666; height:50px; line-height:50px; padding:0 20px;}

#copyright {padding-top:30px; padding-bottom:60px; text-align:center;}
#copyright p {font-size:13px; color:#9f9f9f;}


#subPage {padding-bottom:10px;}
#breadCrumb {width:100%; float:left; padding:12px 0;}
#breadCrumb:after {content:""; display:table; clear:both;}
#breadCrumb ul {float:right;}
#breadCrumb ul:after {content:""; display:table; clear:both;}
#breadCrumb ul li {font-size:13px; color:#666; padding-right:13px; margin-right:10px; position:relative; float:left; height:16px; line-height:16px;}
#breadCrumb ul li:after {content:""; display:block; width:3px; height:5px; position:absolute; right:0; top:50%; margin-top:-2px; background:url("/img/common/breadcrumb_arrow.png")no-repeat center center;}
#breadCrumb ul li:first-child {width:30px; text-indent:-9999px; background:url("/img/common/breadcrumb_home.jpg")no-repeat left center;}
#breadCrumb ul li:last-child {padding-right:0; margin-right:0;}
#breadCrumb ul li:last-child:after {display:none;}
#leftMenu {width:220px; float:left; margin-right:20px;}
#lmTitle {height:100px; line-height:100px; text-align:center; background:#3b7fc4; font-size:25px; color:#fff; font-weight:700; letter-spacing:-0.075em;}
#lmList {background:#fff;}
#lmList li {border-bottom:solid 1px #f9f9f9; position:relative;}
#lmList li:last-child {border-bottom:none;}
#lmList li:before,
#lmList li:after {content:""; display:block; background:#666; position:absolute; right:20px; top:50%;}
#lmList li:before {width:11px; height:1px; margin-right:-5px;}
#lmList li:after {width:1px; height:11px; margin-top:-5px;}
#lmList li a {display:block; height:60px; line-height:60px; padding-left:20px; font-size:16px;}
#lmList li.current a {color:#0661bd; font-weight:700;}
#lmList li.current:before {background:#0661bd;}
#lmList li.current:after {display:none;}
#lmInfo {border:solid 1px #ddd; margin-top:10px; padding:0 20px 20px; background:#fff;}
#lmInfo h5 {border-bottom:solid 1px #d1d4da; height:46px; line-height:45px; padding-left:35px; margin-bottom:10px; color:#3b7fc4; font-size:20px; font-weight:700; letter-spacing:-0.075em; background:url("/img/common/subpage_information.png")no-repeat left center;}
#lmInfo p {font-size:12px; color:#282828; line-height:1.3em;}
.brdList {width:780px; float:left; background:#fff; padding:30px; padding-bottom:0;}
.brdTitle {font-size:28px; color:#003366; font-weight:700; letter-spacing:-0.075em;}

#admMenu {position:absolute; right:0; top:0;}
#admMenu:after {content:""; display:table; clear:both;}
#admMenu li {float:left; padding:0 15px; position:relative;}
#admMenu li:before {content:""; display:block; width:1px; height:12px; background:#d7d7d7; position:absolute; left:0; top:50%; margin-top:-6px;}

#admMenu li:first-child:before {display:none;}

.clearfix {clear:both;}

.glyList {margin:0 -10px; padding:10px 0;}
.glyList:after {content:""; display:table; clear:both;}
.glyList li {float:left; width:33.3333%; padding:10px;}
.glyList li a {display:block;}
.glyList li a em {display:block; padding-bottom:80%; background-size:cover !important;}
.glyList li a h5 {margin-top:10px; font-size:14px; letter-spacing:-0.075em; font-weight:700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.glyList li a dl {}
.glyList li a dl:after {content:""; display:table; clear:both;}
.glyList li a dl dd {float:left; font-size:12px;}
.glyList li a dl dd:first-child {margin-right:10px;}



.subCont {width:780px; float:left; background:#fff; padding:30px;}
.privacy {font-size:14px; color:#3a3a3a; line-height:1.6em;}
.privacy h3 {font-size:28px; color:#003366; font-weight:700; letter-spacing:-0.075em;}
.privacy h4 {margin-top:50px; font-size:18px; font-weight:700;}
.privacy h5 {margin-top:50px; font-size:16px; font-weight:700;}
.privacy p {margin-top:5px;}
.privacy ul {margin-top:10px; padding-left:10px;}
.privacy ul li {line-height:1.5em; padding:2px 0;}

.intro h3 {font-size:28px; color:#003366; font-weight:700; letter-spacing:-0.075em;}
.intro h4 {font-size:23px; color:#3a3a3a; font-weight:400; letter-spacing:-0.075em; padding:40px 0;}
.intro h5 {font-size:14px; color:#3a3a3a; font-weight:400; letter-spacing:-0.075em; padding:50px 0;}
.intro h5 span {font-size:18px; font-weight:700;}
.intro p {font-size:14px; color:#3a3a3a; font-weight:400; letter-spacing:-0.075em; line-height:1.8em;}
.intro p span {display:block;}
.intro dl {padding:30px 0; font-size:14px; color:#3b7fc4; font-weight:400; letter-spacing:-0.075em; line-height:2.4em;}
.intro dl dt {}
.intro dl dd {padding-left:25px;}
.introImg {display:block; position:absolute; right:50px; bottom:120px;}
.organization {padding:80px 0;}
.organization img {display:block; margin:0 auto; max-width:100%;}