@charset "utf-8";
/* --------------------------------------------------
* Version	: 1.0
* Date		: 2018.06
* Author	: SangKi Park / pak81@saerom.co.kr, seon81.park@gmail.com
\* -------------------------------------------------- */


/** Font Path
===================================*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NanumGothic-Regular.eot);
  src: url(../fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(../fonts/NanumGothic-Regular.woff) format('woff'),
       url(../fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NanumGothic-Bold.eot);
  src: url(../fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(../fonts/NanumGothic-Bold.woff) format('woff'),
       url(../fonts/NanumGothic-Bold.ttf) format('truetype');
}


/** RESET
===================================*/
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;background:transparent;outline:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {display:block}
ul,ol {list-style:none}
blockquote,q {quotes:none}
pre {display:inline-block}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
a {color:inherit;text-decoration:none !important;outline:none !important}
em {font-style:normal}
table {table-layout:fixed;border-collapse:collapse;border-spacing:0}
table,tr,th,td {border-collapse:collapse;border-spacing:0;empty-cells:show}
input,select {margin:0;padding:0;font:inherit;vertical-align:middle;outline:none}
input[type=text]:-ms-clear {display:none}
button {margin:0;padding:0;border:0;font:inherit;background:transparent;cursor:pointer;outline:none}
button::-moz-focus-inner {padding:0;border:0}
button span {position:relative}
img {max-width:100%;vertical-align:top}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {-webkit-text-fill-color:inherit;-webkit-box-shadow:0 0 0px 1000px rgba(0,0,0,0) inset !important;transition:background-color 5000s ease-in-out 0s}
input:-webkit-autofill ~ label,
input:-webkit-autofill:hover ~ label,
input:-webkit-autofill:focus ~ label,
input:-webkit-autofill ~ label {z-index:-1 !important}


/** Common
===================================*/
/* Base */
html,body {height:100%}
body {font-family:"Nanum Gothic", Nanum Gothic, "나눔고딕","Malgun Gothic","돋움",Dotum,Helvetica,AppleGothic,Sans-serif;font-size:100%;-webkit-font-smoothing:antialiased}
body > form {height:100%}
.blind {overflow:hidden;clip:rect(1px, 1px, 1px, 1px);position:absolute;width:1px;height:1px}
.clearfix:after {content:'';clear:both;display:table;height:0;overflow:hidden;visibility:hidden}

/* Button Link */
.sBtnLink ul { display:inline-block; }
.sBtnLink ul > li { display:inline; }
.sBtnLink .sBtn { float:left; display:inline-block; margin:0 5px; padding:0 4px; border:1px solid #a9a9a9; min-width:90px; font-size:13px; line-height:28px; color:#383838; vertical-align:top; }
.sBtnLink .sBtn img { vertical-align:middle; }
.sBtnLinkCenter { text-align:center; }

/* selectbox.js */
.selectBox {}
.selectBox select {padding:0;border:1px solid #e6e6e6;width:100%;height:38px;font-size:13px;font-weight:700;color:#444;text-indent:8px}
.selectBox .sbHolder {position:relative}
.selectBox .sbToggle {display:block;position:absolute;top:50%;right:16px;margin-top:-4px;width:12px;height:7px;background:url(../images/common/sb_toggle.png) no-repeat;}
.selectBox .sbSelector {display:block;padding:0 12px;border:1px solid #e6e6e6;font-size:13px;line-height:38px;font-weight:700;color:#444}
.selectBox .sbOptions {position:absolute;top:38px;left:0;right:0;padding:4px 0;border:1px solid #e6e6e6;background:#fff;z-index:1}
.selectBox .sbOptions li a {display:block;padding:0 12px;font-size:13px;line-height:24px;color:#444}
.selectBox .sbOptions a.sbFocus {color:#89b51b}

/* Form */
label input[type="radio"] { margin-top:-2px; }
.sInput { border:1px solid #dedede; padding:3px 9px; }
.sInput input { display:block; border:0; width:100%; height:28px; font-size:13px; color:#333; }
span.sInput { display:inline-block; vertical-align:middle; }
.sSelect { overflow:hidden; border:1px solid #dedede; padding:3px 0; background:url(../images/common/bg_select.png) no-repeat right center; }
.sSelect select { display:block; padding:0 9px; border:0; height:28px; font-size:13px; color:#333; background:transparent; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; }
span.sSelect { display:inline-block; vertical-align:middle; }
.optionList { overflow:hidden; margin:0 -14px; }
.optionList li { float:left; margin:0 14px; }
.sOnoff { overflow:hidden; display:inline-block; position:relative; width:26px; vertical-align:top; }
.sOnoff input { position:absolute; top:0; left:-9999px; }
.sOnoff label { display:block; }
.sOnoff label:after { content:'OFF'; display:block; font-size:10px; line-height:16px; color:#fff; text-align: center; background:#a9a9a9; }
.sOnoff input:checked + label:after { content:'ON'; background:#ff6c0f; }

/* Tab Menu */
.sTabMenu {}

/* Table */
.sTable dl { padding:20px 0 8px; }
.sTable dt { font-size:15px; line-height:27px; font-weight:bold; color:#003e74; text-indent:6px; }
.sTable dd { font-size:12px; line-height:18px; color:#666; }
.sTable dd:before { content:'-'; display:inline; margin:0 4px 0 6px; }
.sTable table { border-bottom:2px solid #e6e6e6; width:100%; }
.sTable table th,
.sTable table td { padding:6px 10px; border-top:1px solid #e6e6e6; height:36px; font-size:13px; line-height:18px; font-weight:normal; color:#666; text-align:left; }
.sTable table th { color:#333; background:#f7f7f7; }
.sTable table th .import:before { content:'*'; display:inline; margin-right:6px; color:#ff6c0f; }

/* Dropdown */
.sDropdown { display:inline-block; position:relative; font-size:12px; line-height:18px; color:#555; }
.sDropdownToggle { display:inline-block; padding:4px 24px 4px 9px; border:1px solid #999; text-align:left; }
.sDropdownToggle:after { content:''; display:block; position:absolute; top:50%; right:9px; margin-top:-6px; width:6px; height:6px; border-bottom:1px solid #555; border-right:1px solid #555; transform:rotate(45deg); }
.sDropdownMenu { display:none; position:absolute; top:31px; left:0; border:1px solid #999; min-width:88px; background:#fff; z-index:1; }
.sDropdownMenu li { border-bottom:1px solid #ebeef3; }
.sDropdownMenu li:last-child { border-bottom:none; }
.sDropdownMenu li a { display:block; padding:4px 9px; }
.is-dropdown-active .sDropdownMenu { display:block; }

/* Accordion */
.sAccordion {}
.sAccordionContent { display:none; }
.is-accordion-active .sAccordionContent { display:block; }

/* Dialog */
.sDialog { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); z-index:999; }
.sDialog .inner { display:table-cell; vertical-align:middle; }
.sDialogBox { position:relative; margin:0 auto; width:600px; background:#fff; }
.sDialogHeader { position:relative; padding:5px 20px; background:#004483; }
.sDialogTitle { padding:7px 0; font-size:18px; line-height:26px; font-weight:bold; color:#fff; }
.sDialogContent:after { content:''; clear:both; display:table; }
.sDialogClose { position:absolute; top:7px; right:7px; }
.sDialogControls { padding:17px 0 16px; text-align:center; background:#e9e9e9; }
.sDialogControls .btn { display:inline-block; position:relative; top:initial; right:initial; margin:0 3px; width:100px; font-size:13px; line-height:36px; font-weight:700; color:#7c7c7c; background:#fafafa; vertical-align:top; }
.sDialogControls .btnConfirm { color:#fff; background:#81bc3d; }
.is-dialog-active .sDialog { display:table; }

/* sTimeLine */
.sTimeLine { position:relative; min-height:100%;}
.sTimeLine:before { content:''; position:absolute; top:0; left:90px; bottom:0; width:3px; height:100%; background:#f1f1f1; }
.sTimeLine ul { overflow:hidden; padding:30px 50px 30px 130px; }
.sTimeLine ul li { position:relative; padding:16px 0; border-bottom:1px solid #e9e9e9; }
.sTimeLine ul li span { display:block; }
.sTimeLine ul li span em { font-weight:bold; }
.sTimeLine .ic40 { overflow:hidden; display:block; position:absolute; top:16px; left:-60px; border-radius:50%; width:40px; height:40px; text-indent:-9999px; background:#89b51b; z-index:1; }
.sTimeLine ul li .txt { position:absolute; top:0; left:-9999px; }
.sTimeLine ul li .date { font-size:11px; line-height:18px; color:#004483; }
.sTimeLine ul li .date:before { content:''; display:inline-block; margin:2px 4px 0 0; width:14px; height:14px; background:url(../images/common/sp_portal.png) no-repeat; background-position:-60px -30px; vertical-align:top; }
.sTimeLine ul li .name { font-size:15px; line-height:23px; color:#333; }
.sTimeLine ul li .title,
.sTimeLine ul li .time  { font-size:14px; line-height:22px; color:#4f4f4f; }
.sTimeLine ul li.read span em { font-weight:normal; }
.sTimeLine ul li .btnDel {overflow:hidden;display:block;position:absolute;top:50%;right:0;margin-top:-16px;width:32px;height:32px;text-indent:-9999px;background:url(../images/common/ic_del.png) no-repeat 50% 50%}


/** Icon
===================================*/
.ic24 {overflow:hidden;display:inline-block;width:24px;height:24px;text-align:left;text-indent:-9999px;background:url(../images/common/sp_icon_24x24.png) no-repeat;vertical-align:top}
.ic24-certi {background-position:0 0}
.ic24-coffee {background-position:0 -30px}
.ic24-search {background-position:0 -60px}
.ic24-tel {background-position:0 -90px}
.ic24-mail {background-position:0 -120px}
.ic24-survey {background-position:0 -150px}
.ic36 { overflow:hidden; display:block; margin:0 auto; width:36px; height:36px; text-align:left; text-indent:-9999px; background:url(../images/common/sp_icon_36x36.png) no-repeat; }
.ic36-gmail { background-position:0 -40px; }
.ic36-drive { background-position:0 -80px; }
.ic36-calendar { background-position:0 -120px; }
.ic36-survey { background-position:0 -160px; }
.ic36-google { background-position:0 -200px; }
.ic36-xls { background-position:-40px 0; }
.ic36-ppt { background-position:-40px -40px; }
.ic36-word { background-position:-40px -80px; }
.ic36-pdf { background-position:-40px -120px; }
.ic36-drawer { background-position:-40px -360px; }
.ic36-prev { background-position:-80px 0; }
.ic36-next { background-position:-80px -40px; }
.ic36-set2 { background-position:-80px -80px; }
.ic36-del { background-position:-80px -120px; }
.ic36-add2 { background-position:-80px -160px; }
.ic36-del2 { background-position:-80px -200px; }
.ic36-update { background-position:-80px -240px; }
.ic36-close { background-position:-80px -280px; }
.ic36-set3 { background-position:-80px -360px; }
.ic36-menu { background-position:-120px 0; }
.ic36-menu2 { background-position:-120px -40px; }
.ic36-noti2 { background-position:-120px -80px; }
.ic36-store2 { background-position:-120px -120px; }
.ic36-org2 { background-position:-120px -160px; }
.ic36-mail { background-position:-120px -200px; }
.ic36-mail2 { background-position:-120px -240px; }
.ic36-appr { background-position:-120px -280px; }
.ic36-appr2 { background-position:-120px -320px; }
.ic36-sand { background-position:-120px -360px; }
.ic36-college { background-position:-160px 0; }
.ic36-keyword { background-position:-160px -40px; }
.ic36-srch1 { background-position:-160px -80px; }
.ic36-srch2 { background-position:-160px -120px; }
.ic36-board { background-position:-160px -160px; }
.ic36-board2 { background-position:-160px -200px; }
.ic36-set { background-position:-160px -240px; }
.ic36-srch4 { background-position:-160px -280px; }
.ic36-print { background-position:-160px -320px; }
.ic36-daily { background-position:-160px -360px; }
.ic36-form { background-position:-200px 0; }
.ic36-food { background-position:-200px -40px; }
.ic36-bus { background-position:-200px -80px; }
.ic36-help { background-position:-200px -120px; }
.ic36-data { background-position:-200px -200px; }
.ic36-plan { background-position:-200px -240px; }
.ic36-ceo { background-position:-200px -280px; }
.ic36-trophy { background-position:-200px -320px; }
.ic36-work { background-position:-200px -360px; }
.ic36-qna { background-position:-240px 0; }
.ic36-bot { background-position:-240px -40px; }
.ic36-coffee { background-position:-240px -80px; }
.ic36-job { background-position:-240px -120px; }
.ic36-time { background-position:-240px -160px; }
.ic36-rest { background-position:-240px -200px; }
.ic36-air { background-position:-240px -240px; }
.ic36-request { background-position:-240px -280px; }
.ic36-study { background-position:-240px -320px; }
.ic36-site { background-position:-240px -360px; }
.ic36-lect { background-position:-280px 0; }
.ic36-rule { background-position:-280px -40px; }
.ic36-medal { background-position:-280px -80px; }
.ic36-dia { background-position:-280px -120px; }
.ic36-col3 { background-position:-280px -160px; }
.ic36-noti { background-position:-280px -200px; }
.ic36-map { background-position:-280px -240px; }
.ic36-org { background-position:-280px -280px; }
.ic36-face { background-position:-280px -320px; }
.ic36-law { background-position:-280px -360px; }
.ic40 { overflow:hidden; text-indent:-9999px; }
.ic40:after { content:''; display:block; width:40px; height:40px; background:url(../images/common/sp_icon_40x40.png) no-repeat; }
.ic40-home:after { background-position:0 0; }
.ic40-mail:after { background-position:0 -50px; }
.ic40-board:after { background-position:0 -100px; }
.ic40-plan:after { background-position:0 -150px; }
.ic40-appr:after { background-position:0 -200px; }
.ic40-servey:after { background-position:0 -250px; }
.ic40-system:after { background-position:0 -300px; }
.ic40-all:after { background-position:0 -350px; }
.ic40-mail2:after { background-position:-50px -50px; }
.ic40-appr2:after { background-position:-50px -100px; }
.ic40-plan2:after { background-position:-50px -150px; }
.ic40-board2:after { background-position:-50px -200px; }
.ic40-data:after { background-position:-100px 0; }
.ic40-cmnt:after { background-position:-100px -50px; }
.ic40-tel:after { background-position:-100px -100px; }
.ic40-bag:after { background-position:-100px -150px; }
.ic40-hout:after { background-position:-100px -200px; }
.ic40-gmail:after { background-position:-100px -250px; }
.ic40-monitor:after { background-position:-100px -300px; }


/** Print
===================================*/
@media print{
	*{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
	a,a:visited{text-decoration:underline}
	a[href]:after{content:" (" attr(href) ")"}
	abbr[title]:after{content:" (" attr(title) ")"}
	a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
	blockquote,pre{border:1px solid #999;page-break-inside:avoid}
	thead{display:table-header-group}
	img,tr{page-break-inside:avoid}
	img{max-width:100%!important}
	h2,h3,p{orphans:3;widows:3}
	h2,h3{page-break-after:avoid}
	select{background:#fff!important}
}


/** Slick Slider
===================================*/
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus {outline:0}
.slick-list.dragging {cursor:pointer;cursor:hand}
.slick-slider .slick-list,
.slick-slider .slick-track {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track {position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,
.slick-track:before {display:table;content:''}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility:hidden}
.slick-slide {display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide {float:right}
.slick-slide img {display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}
.slick-arrow { overflow:hidden; position:absolute; top:50%; margin-top:-17px; width:35px; height:35px; text-indent:-9999px; z-index:1; }
.slick-prev { left:0; background:url(../images/portal/swiper_button_left.png) no-repeat; }
.slick-next { right:0; background:url(../images/portal/swiper_button_next.png) no-repeat; }
.slick-dots { position:absolute; bottom:10px; left:0; width:100%; height:10px; text-align:center; }
.slick-dots li { display:inline-block; vertical-align:top; }
.slick-dots li button { overflow:hidden; float:left; display:block; margin:0 2px; border-radius:5px; width:10px; height:10px; text-indent:-9999px; background:rgba(255,255,255,0.2); }
.slick-dots .slick-active button { width:20px; background:#fff; }