@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");
html {transition:opacity 0.3s;}

/******************************************************************************
 *** initialize ***************************************************************
 ******************************************************************************/
* {margin:0;padding:0;}
body {margin:0;padding:0;background:#fff;color:#444;font-size:12px;line-height:1.4em;font-family:'Nanum Gothic', Dotum, Arial, Verdana, sans-serif;}
p, ul, ol, li, dl, dt, dd, form {margin:0;padding:0;border:0;list-style-image:none;list-style-position:outside;list-style-type:none;}
a, img, span, b, input, select, em, textarea, label, strong, input, i, u, b {vertical-align:middle;}
table {border-collapse:collapse;}
caption, legend {display:none;}
img {border:0 none;vertical-align:middle;}
frameset, frameborder, frame {border:0;}
a, a:link, a:visited {text-decoration:none;color:#444;}
a:hover, a:active {text-decoration:underline;}


/******************************************************************************
 *** form *********************************************************************
 ******************************************************************************/
input, select, textarea {vertical-align:middle;font-size:1em;}
fieldset {border:none;}
label {color:#777;}
input[type="text"], input[type="password"] {padding:1px 0;height:18px;}
input[type="radio"], input[type="checkbox"] {margin-top:-2px;}
input[type="file"] {height:20px;border:1px solid #aaa;}
textarea {width:100%;height:100px;padding:4px 0;}
.txt-box {width:95%;padding:3px;border:1px solid #bfbfbf;font-family:tahoma;}


/******************************************************************************
 *** system contents **********************************************************
 ******************************************************************************/
.tbl-list {clear:both;width:100%;color:#666;text-align:center;font-size:14px;}
.tbl-list th {padding:6px 0 9px 0;background-color:#e5e2dc;}
.tbl-list td {padding:10px 0;border-bottom:1px solid #e5e2dc;}
.tbl-list td .subject {padding-left:20px;text-align:left;}

.subject thead th {background:url("/public/images/bg-tbl.png") 0 0 repeat-x;}
.subject thead th.first {padding-left:10px;background:url("/public/images/tbl-left.png") 0 0 no-repeat;}
.subject thead th.last {background:url("/public/images/tbl-right.png") 100% 0 no-repeat;}

.tbl-detail {clear:both;width:100%;color:#666;font-size:14px;}
.tbl-detail td {padding:6px 0;border-bottom:1px solid #d0d0cd;}
.tbl-detail th {padding:9px 0 6px 0;background:#e5e2dc;}
.tbl-detail th.first {padding:8px 0 7px 15px;}
.tbl-detail tbody th {padding:9px 0 6px 0;border-bottom:1px solid #d0d0cd;background:none;}
.tbl-detail td {padding:9px 0 6px 0;border-bottom:1px solid #d0d0cd;}
.tbl-detail td img, .tbl-detail td input {padding:4px 0;}
.tbl-detail td.info {padding:9px 0 6px 10px;}

.gallery-box {clear:both;height:auto;overflow:hidden;}
.gallery-box li {/*width:25%;*/margin-left:20px;float:left;margin-bottom:15px;text-align:center}
.gallery-box li img {border-radius:6px;}
.gallery-box li p {margin-top:8px;font-size:13px;line-height:1.4;color:#555;}
.gallery-box li p a {color:#444;text-decoration:none;font-weight:bold;}
.gallery-box li p a:hover {color:#3ba1d2;text-decoration:underline;}


.vsl {clear:both;height:20px;}
.vsm {clear:both;height:10px;}

.align-box {clear:both;height:auto;padding-top:10px;padding-bottom:2px;text-align:center;border-top:1px solid #e5e2dc;margin-top:15px;}
.align-box:after {content:"";display:block;clear:both;}
.align-right {text-align:right;}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-box:after {content:'';display:block;clear:both;height:0;}
.align-box .align-left {float:left}
.align-box .align-right {float:right}

label {display:inline-block;}


/******************************************************************************
 *** layout *******************************************************************
 ******************************************************************************/
#wrap {background:url("/public/images/bg-sub-content.png") repeat 0 0;}
#wrap.main {background:#fff;}

#header {position:relative;height:145px;z-index:100;background:url("/public/images/bg-header.png") repeat-x 0 0;z-index:105}
#header .inner {position:relative;width:1062px;margin:0 auto;}

h1 {position:absolute;top:50px;left:0;z-index:100;}
h1 img {vertical-align:top;}

.gnb-menu {position:absolute;top:35px;left:0;width:100%;}

#gnb {margin-right:-17px;width:1062px;margin:0 auto;font-family:'Nanum Gothic', 'malgun gothic';}
#gnb > ul {float:right;display:table;}
#gnb > ul li {display:table-cell;height:96px;vertical-align:middle;background:url("/public/images/bg-gnb-bar.png") no-repeat 0 50%;}
#gnb > ul li:first-child {margin-left:0px;background:none;}
#gnb > ul li a {display:inline-block;min-width:106px;text-align:center;font-size:17px;font-weight:800;}

.sub-visual {margin-top:-15px;text-align:center;}
.sub-visual.bg {background:url("/public/images/bg-sub-hero.png") repeat 0 0;}

#container {width:1062px;min-height:500px;padding-bottom:60px;margin:0 auto;margin-top:-60px;z-index:10;}
#container:after {content:'';clear:both;display:block;}

.snb2,
.snb {position:relative;float:left;width:226px;box-shadow:0 0 5px rgba(0,0,0,0.5);}
.snb h2 {height:60px;line-height:60px;text-align:center;color:#fff;font-size:25px;background:#26466d;}
.snb .snb-menu > li {border-top:1px solid #62b4db;background:#3ba1d2;}
.snb .snb-menu > li > a {display:block;padding:10px 20px;color:#fff;text-decoration:none;font-size:15px;font-weight:bold;}
.snb .snb-menu > li > ul {display:none;}
.snb .snb-menu > li.on > ul {display:block;}
.snb .snb-menu > li > ul {padding:10px 0;background:#fff;}
.snb .snb-menu > li > ul > li {}
.snb .snb-menu > li > ul > li a {display:block;padding:5px 20px;font-size:13px;font-weight:bold;color:#5b5b5b;text-decoration:none;}
.snb .snb-menu > li > ul > li.on a,
.snb .snb-menu > li > ul > li a:hover {color:#3ba1d2;}

#content {position:relative;float:right;width:720px;min-height:650px;padding:37px 40px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.5);z-index:10;}
#content .path {position:absolute;top:30px;right:40px;padding-left:10px;color:#919191;background:url("/public/images/ico-home.png") no-repeat 0 50%;}
#content .path span {display:inline-block;padding-left:10px;margin-left:5px;vertical-align:baseline;background:url("/public/images/ico-path.png") no-repeat 0 50%;}
#content .path span:first-child {margin-left:0px;background:none;}
#content .path span:last-child {font-weight:bold;}
#content h2 {padding-bottom:20px;border-bottom:2px solid #626262;color:#5b5b5b;font-size:28px;}
#content h2 img {margin-left:-20px;}
#content #content-body {margin-top:20px;padding:20px 10px 0 10px;}

#footer {background:#fff;}
#footer a {text-decoration:none}
#footer .inner {position:relative;position:relative;width:1062px;margin:0 auto;}
#footer .relative-menu {border-top:1px solid #e9e9e9;}
#footer .relative-menu .inner {display:table;border-right:1px solid #e9e9e9;}
#footer .relative-menu a {display:table-cell ;width:33.3333px;height:48px;line-height:48px;padding:0 0 0 35px;border-left:1px solid #e9e9e9;font-weight:bold;color:#5b5b5b;font-size:14px;}
#footer .relative-menu a:before {float:right;content:'+';font-weight:bold;font-size:20px;color:#ababab;margin-right:15px;}
#footer .relative-menu a:hover {background:#f3f3f3;}
#footer .footer-menu {height:45px;text-align:center;background:#26466d;}
#footer .footer-menu a {position:relative;display:inline-block;line-height:45px;color:#fff;padding:0 12px;}
#footer .footer-menu a:before {position:absolute;top:50%;left:0;display:block;content:'';width:1px;height:12px;margin-top:-7px;background:#4b6584;}
#footer .footer-menu a:first-child:before {display:none;}
#footer .footer-logo {position:absolute;top:23px;left:0;}
#footer > .inner {padding:23px 0 25px 232px;box-sizing:border-box}
#footer .address {margin-top:5px;color:#5b5b5b;font-weight:bold;font-size:11px;line-height:1.5em;}
#footer .copyright {margin-top:12px;color:#919191;font-size:10px;}


/******************************************************************************
 *** main *********************************************************************
 ******************************************************************************/
#main-content {min-height:300px;width:1280px;margin:0 auto;margin-top:-13px;}
#main-content:after {display:block;content:'';clear:both;}

.section1 {float:right;}
.section1 li {height:207px;overflow:hidden;}
.section1 li a {display:table;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;text-decoration:none}
.section1 li .txt-area {position:relative;display:table-cell;width:178px;text-align:center;}
.section1 li .txt-area .subTxt {position:absolute;top:22px;left:22px;text-align:left;font-size:13px;}
.section1 li .txt-area .subTxt>strong {font-size:20px;}
.section1 li .txt-area .subTxt .line {padding-bottom:1px;margin-bottom:1px;border-bottom:1px solid rgba(255,255,255,0.5);}
.section1 li .txt-area>strong {font-size:30px;color:#484848;line-height:1.2em;}
.section1 li .photo-area {position:relative;display:table-cell;}
.section1 li .photo-area:after {display:block;content:'';position:absolute;top:50%;left:0;margin-top:-23px;
    border-bottom:23px solid transparent;
    border-top:23px solid transparent;
    border-left:23px solid #fff;
}
.section1 li.apply .txt-area {background:#f43b40;color:#fff;}
.section1 li.apply .txt-area .subTxt {line-height:1.8em;}
.section1 li.apply .txt-area > strong {position:relative;top:10px;font-size:45px;color:#fff;letter-spacing:-2px;}
.section1 li.apply .photo-area:after {    border-left:23px solid #f43b40;}

.section2 {width:925px;height:415px;}
.section2 .main-slide {position:relative;width:100%;overflow:hidden;}
.section2 .main-slide li {float:left;}
.section2 .main-slide .slick-dots {position:absolute;bottom:50px;left:0;width:100%;padding-left:222px;box-sizing:border-box;z-index:10;}
.section2 .main-slide .slick-dots ul {text-align:center;}
.section2 .main-slide .slick-dots li {display:inline-block;float:none;width:13px;height:13px;border-radius:13px;margin:0 5px;background:rgba(255,255,255, 0.5)}
.section2 .main-slide .slick-dots li button {opacity:0;}
.section2 .main-slide .slick-dots li.slick-active {background:#32acdb;}
.section2 .main-slide .btnPrev {position:absolute;top:50%;left:33px;height:111px;width:56px;margin-top:-50px;background:url("/public/images/btn-slidePrev.png") no-repeat 0 0;}
.section2 .main-slide .btnNext {position:absolute;top:50%;right:33px;height:111px;width:56px;margin-top:-50px;background:url("/public/images/btn-slideNext.png") no-repeat 0 0;}

.section3 {float:right;display:table;width:817px;table-layout:fixed}
.section3 .cell {display:table-cell;height:206px;width:33.3333%;border-left:1px solid #e4e4e4;vertical-align:top;}
.section3 .cell:nth-child(1) {width:232px;border-left:none;}
.section3 .cell:nth-child(2) {width:312px;}
.section3 .cell:nth-child(3) {}
.section3 .notice-list {position:relative;padding:25px 25px 0 25px;}
.section3 .notice-list.right {float:right;}
.section3 .notice-list .more {position:absolute;top:18px;right:22px;}
.section3 .notice-list .tit {margin-bottom:10px;font-size:16px;color:#484848;}
.section3 .notice-list .list {position:relative;width:100%;}
.section3 .notice-list .list ul {width:100%;}
.section3 .notice-list .list li {position:relative;}
.section3 .notice-list .list li:first-child {margin-top:0px;}
.section3 .notice-list .list li a {display:block;width:90%;padding:4px 0 3px 0;overflow:hidden;text-overflow:ellipsis;color:#8e8e8e;white-space:nowrap;font-size:13px;}
.section3 .notice-list .list li a:hover {text-decoration:underline;}

.section3 .notice-list .img-list a {display:block;}
.section3 .notice-list .img-list .img {float:left;margin-right:15px;}
.section3 .notice-list .img-list .img-txt {display:block;overflow:hidden;font-weight:bold;font-size:13px;}
.section3 .notice-list .img-list .text {height:48px;overflow:hidden;padding-top:15px;display:block;clear:both;color:#8e8e8e;font-size:13px;}


/******************************************************************************
 *** template *****************************************************************
 ******************************************************************************/
.introduce .tit-txt {line-height:1.2em;font-size:36px;color:#000000;font-weight:bold;}
.introduce .tit-txt .small-font {font-size:30px;vertical-align:baseline;}
.introduce .tit-txt strong {vertical-align:baseline;color:#ff0000;}
.introduce .txt-box {padding-top:30px;color:#616161;line-height:1.45em;}
.introduce .txt-box p {margin-top:24px;}
.introduce .txt-box p:first-child {margin-top:0;}
.introduce .photo {padding-top:30px;}

.tab .board-tab {display:table;width:100%;position:relative;padding:5px 5px 1px 5px;box-sizing:border-box;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-radius:3px;color:#000000;font-size:12px;
/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#c4c4c4+0,afafaf+50,9c9c9c+100 */
background:#c4c4c4;/* Old browsers */
background:-moz-linear-gradient(top,  #c4c4c4 0%, #afafaf 50%, #9c9c9c 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(top,  #c4c4c4 0%,#afafaf 50%,#9c9c9c 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,  #c4c4c4 0%,#afafaf 50%,#9c9c9c 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#9c9c9c',GradientType=0 );/* IE6-9 */
}
.tab .board-tab a {display:inline-block;min-width:60px;margin-left:2px;padding:7px 14px;text-decoration:none;text-align:center;border-radius:3px 3px 0 0;color:#565656;
/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ececec+0,e7e7e7+49,e7e7e7+49,dcdcdc+50,f9f9f9+100 */
background:#ececec;/* Old browsers */
background:-moz-linear-gradient(top,  #ececec 0%, #e7e7e7 49%, #e7e7e7 49%, #dcdcdc 50%, #f9f9f9 100%);/* FF3.6-15 */
background:-webkit-linear-gradient(top,  #ececec 0%,#e7e7e7 49%,#e7e7e7 49%,#dcdcdc 50%,#f9f9f9 100%);/* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom,  #ececec 0%,#e7e7e7 49%,#e7e7e7 49%,#dcdcdc 50%,#f9f9f9 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#f9f9f9',GradientType=0 );/* IE6-9 */
}
.tab .board-tab a.on {position:relative;background:#fff;}
.tab .board-tab a.on:after {position:absolute;bottom:-2px;left:0;content:'';display:block;width:100%;height:3px;background:#fff;}

.tab .gallery-list {padding-top:5px;height:160px;overflow:hidden;}
.tab .gallery-list:after {content:'';clear:both;display:block;}
.tab .gallery-list li {width:33.3333%;float:left;width:100%;display:block;padding-top:10px;box-sizing:border-box;text-align:center;padding-left:7px;padding-right:7px;}
.tab .gallery-list li .img {display:block;}
.tab .gallery-list li .img img {max-width:100%;width:auto;}
.tab .gallery-list li .img-txt {display:block;margin-top:8px;color:#000000;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.tab .gallery-list .slide {overflow:hidden;}
.tab .gallery-list .slide .galleryBx {display:block;float:left;overflow:hidden;width:100%;}
.tab .gallery-list .slide .slick-dots {display:none !important;}

.t1 .top-area {display:flex;padding-bottom:20px;}
.t1 .top-area:after {display:block;content:'';clear:both;}
.t1 .top-area .visualimg {flex-shrink:0;margin-right:15px;}
.t1 .top-area .visualimg img {max-width:100%;height:100%;object-fit:cover;display:block;}
.t1 .top-area .txt-box {width:auto;overflow:auto;flex:1;min-width:0;box-sizing:border-box;}
.t1 .top-area .txt-box .tit {padding:9px 0 5px 15px;margin-bottom:8px;font-size:16px;font-weight:bold;color:#3a5c75;border-bottom:1px solid #cbcdc8;}
.t1 .top-area .txt-box p {padding:0 15px;font-size:14px;line-height:1.6;color:#818282;}

.data-tbl {clear:both;}
.data-tbl table {width:100%;table-layout:fixed;font-size:13px;}
.data-tbl table th {padding:7px 5px;color:#45473c;font-weight:normal;border:1px solid #cdcccb;background:#f6faec;}
.data-tbl table thead th {border-top:5px solid #dddfde;}
.data-tbl table thead tr:first-child th:first-child {border-top:5px solid #9ac12a;}
.data-tbl table td {padding:7px 5px;color:#45473c;border:1px solid #cdcccb;text-align:center;background:#ffffff;}
.data-tbl table td.align-left {text-align:left;padding-left:15px;}

.tbl-content {padding:10px;font-size:14px;line-height:1.8;}

button.btn-type1 {padding-bottom:3px;}
.btn-type1 {position:relative;display:inline-block;padding:8px 28px;cursor:pointer;text-align:center;border:1px solid #26466d;color:#26466d;font-size:13px;font-weight:bold;height:auto;line-height:1;text-decoration:none !important;vertical-align:middle;border-radius:4px;background:#fff;transition:all 0.2s;}
.btn-type1:hover {background:#26466d;color:#fff;}


/******************************************************************************
 *** page ****************************************************************
 ******************************************************************************/
.greeting-wrap {}

.greeting-tab {display:table;width:100%;table-layout:fixed;border-bottom:3px solid #26466d;}
.greeting-tab li {display:table-cell;text-align:center;}
.greeting-tab li a {display:block;padding:14px 0;font-size:15px;font-weight:bold;color:#888;background:#f0f0f0;border:1px solid #ddd;border-bottom:none;text-decoration:none;transition:all 0.2s;}
.greeting-tab li a:hover {color:#26466d;background:#e8e8e8;}
.greeting-tab li.active a {color:#fff;background:#26466d;border-color:#26466d;}

.greeting-panel {}

.greeting-profile {display:table;width:100%;margin-top:30px;padding:25px;background:linear-gradient(135deg, #f8fbff 0%, #eef4fb 100%);border-radius:8px;box-sizing:border-box;}
.greeting-profile .profile-photo {display:table-cell;width:140px;vertical-align:top;}
.greeting-profile .profile-photo img {width:130px;height:160px;object-fit:cover;border-radius:6px;box-shadow:0 3px 12px rgba(0,0,0,0.15);}
.greeting-profile .profile-info {display:table-cell;vertical-align:middle;padding-left:25px;}
.greeting-profile .profile-role {display:inline-block;padding:4px 12px;margin-bottom:8px;font-size:12px;font-weight:bold;color:#fff;background:#3ba1d2;border-radius:20px;letter-spacing:0.5px;}
.greeting-profile .profile-name {display:block;margin-top:6px;font-size:26px;color:#222;letter-spacing:-0.5px;}
.greeting-profile .profile-detail {margin-top:12px;}
.greeting-profile .profile-detail li {position:relative;padding-left:12px;margin-top:4px;font-size:13px;color:#666;line-height:1.6;}
.greeting-profile .profile-detail li:before {position:absolute;left:0;top:9px;content:'';display:block;width:4px;height:4px;border-radius:50%;background:#3ba1d2;}

.greeting-quote {position:relative;margin:28px 0;padding:22px 25px 22px 30px;border-left:4px solid #26466d;background:#fafafa;font-size:22px;line-height:1.5;color:#333;font-weight:bold;letter-spacing:-0.5px;}
.greeting-quote:before {content:'\201C';position:absolute;top:8px;left:8px;font-size:40px;color:#c5d5e5;font-family:Georgia, serif;line-height:1;}
.greeting-quote span {display:block;font-size:17px;font-weight:normal;color:#777;margin-bottom:4px;}
.greeting-quote strong {color:#c0392b;}

.greeting-body {padding:5px 0 10px 0;line-height:1.9;color:#4a4a4a;font-size:15px;}
.greeting-body p {margin-top:16px;text-indent:0.5em;}
.greeting-body p:first-child {margin-top:0;}

.tit1 {padding:8px 0;margin-top:20px;margin-bottom:10px;font-size:16px;font-weight:bold;color:#3a5c75;border-bottom:1px solid #3a5c75;}
.txt4 {font-size:15px;color:#4a4a4a;line-height:1.9;}

.gallery-row {display:table;width:100%;table-layout:fixed;margin-top:10px;}
.gallery-row .img {display:table-cell;padding:0 3px;}
.gallery-row .img img {width:100%;height:auto;}