@charset "utf-8";

/* v1.0 - 20201012 */

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

/* ************** reset ************** */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
body{-webkit-font-smoothing:antialiased;font-size:17px;font-family:'NanumSquare', 'Nanum Gothic', sans-serif;font-weight:400;color:#333;letter-spacing:-0.5px;word-break:keep-all;}
body,p,h1,h2,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;}
ul,ol,li{display:block;list-style:none;}
img{border:0px none;max-width:100%;}
img,input,button,label,select{vertical-align:middle;}
input[type='text'],input[type='password'],input[type='number'], select{padding-left:5px;}
input[type='submit'],input[type='button'],button{cursor:pointer;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
table{border-spacing:0;table-layout:fixed;width:100%;word-break:break-all;}
table table{width:auto;}
caption{overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px;}

/* ************** common ************** */
.inner{display:block;position:relative;margin:0 auto;width:1220px;box-sizing:border-box;}
.inner:after{display:block;content:'';clear:both;}
.soundOnly{display:block !important;position:absolute !important;top:-9999px !important;}
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}
.alignCenter{text-align:center !important;}
.floatLeft{float:left !important;}
.floatRight{float:right !important;}
.webOnly{display:block;}
.mobileOnly{display:none;}
.han{font-family:'Nanum Gothic', sans-serif;}/* 한자 */
.txtRed{color:#b50000 !important;}
.required{display:inline-block;margin-top:3px;margin-right:2px;width:8px;height:8px;text-indent:-9999px;background:url(/images/stepien/common/icon_required.png) center no-repeat;vertical-align:text-top;}
.keepAll{word-break:keep-all;}

/* ************** size ************** */
.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}
.w150{width:150px}.w200{width:200px}.w250{width:250px}.w300{width:300px}.w350{width:350px}.w400{width:400px}.w450{width:450px}.w500{width:500px}.w550{width:550px}.w600{width:600px}.w650{width:650px}.w700{width:700px}.w750{width:750px}.w800{width:800px}.w850{width:850px}.w900{width:900px}
.w1p{width:1%}.w2p{width:2%}.w3p{width:3%}.w4p{width:4%}.w5p{width:5%}.w6p{width:6%}.w7p{width:7%}.w8p{width:8%}.w9p{width:9%}.w10p{width:10%}
.w11p{width:11%}.w12p{width:12%}.w13p{width:13%}.w14p{width:14%}.w15p{width:15%}.w16p{width:16%}.w17p{width:17%}.w18p{width:18%}.w19p{width:19%}.w20p{width:20%}
.w21p{width:21%}.w22p{width:22%}.w23p{width:23%}.w24p{width:24%}.w25p{width:25%}.w26p{width:26%}.w27p{width:27%}.w28p{width:28%}.w29p{width:29%}.w30p{width:30%}
.w31p{width:31%}.w32p{width:32%}.w33p{width:33%}.w34p{width:34%}.w35p{width:35%}.w36p{width:36%}.w37p{width:37%}.w38p{width:38%}.w39p{width:39%}.w40p{width:40%}
.w41p{width:41%}.w42p{width:42%}.w43p{width:43%}.w44p{width:44%}.w45p{width:45%}.w46p{width:46%}.w47p{width:47%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}
.w51p{width:51%}.w52p{width:52%}.w53p{width:53%}.w54p{width:54%}.w55p{width:55%}.w56p{width:56%}.w57p{width:57%}.w58p{width:58%}.w59p{width:59%}.w60p{width:60%}
.w61p{width:61%}.w62p{width:62%}.w63p{width:63%}.w64p{width:64%}.w65p{width:65%}.w66p{width:66%}.w67p{width:67%}.w68p{width:68%}.w69p{width:69%}.w70p{width:70%}
.w71p{width:71%}.w72p{width:72%}.w73p{width:73%}.w74p{width:74%}.w75p{width:75%}.w76p{width:76%}.w77p{width:77%}.w78p{width:78%}.w79p{width:79%}.w80p{width:80%}
.w81p{width:81%}.w82p{width:82%}.w83p{width:83%}.w84p{width:84%}.w85p{width:85%}.w86p{width:86%}.w87p{width:87%}.w88p{width:88%}.w89p{width:89%}.w90p{width:90%}
.w91p{width:91%}.w92p{width:92%}.w93p{width:93%}.w94p{width:94%}.w95p{width:95%}.w96p{width:96%}.w97p{width:97%}.w98p{width:98%}.w99p{width:99%}.w100p{width:99.9%}
.h10{height:10px}.h20{height:20px}.h20{height:30px}.h30{height:40px}.h40{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}
.h150{height:150px}.h200{height:200px}.h250{height:250px}.h300{height:300px}.h350{height:350px}.h400{height:400px}.h450{height:450px}.h500{height:500px}.h550{height:550px}.h600{height:600px}.h650{height:650px}.h700{height:700px}

/* ************** component ************** */
/* form */
input[type='text'],input[type='password'],input[type='number'],input[type="submit"], input[type="button"], button, textarea, select{-webkit-appearance:none;appearance:none;border:none;border-radius:0;box-sizing:border-box;}
select::-ms-expand {display:none;}
input[type='text'],input[type='password'],input[type='number'],select{margin:2px 1px;height:32px;min-width:80px;max-width:100%;font-size:15px;color:#333;background:#fff;border:1px #d4d4d4 solid;}
select{margin:2px 1px;height:32px;max-width:100%;background:#fff url(/images/stepien/common/icon_select_basic.png) no-repeat right 7px center;border:1px solid #d4d4d4;}
input[type="submit"],button{margin:2px 1px;}
textarea{margin:2px 1px;padding:5px;background:#fff;border:1px solid #d4d4d4;resize:vertical;}
select:disabled,input:disabled,textarea:disabled{color:#333 !important;background:#f8f8f8 !important;}
select.disabled,input.disabled,textarea.disabled{color:#333 !important;background:#f8f8f8 !important;}
input.readonly{color:#333 !important;background:#f8f8f8 !important;}
input[type="text"]:-moz-read-only{color:#333 !important;background:#f8f8f8 !important;}
input[type="text"]:read-only{color:#333 !important;background:#f8f8f8 !important;}
input[type="checkbox"],
input[type="radio"]{-webkit-user-select:initial;user-select:initial;-webkit-appearance:none;appearance:none;position:relative;width:15px;min-height:32px;background:transparent !important;border:transparent !important;}
input[type="checkbox"]:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-17px;width:15px;height:32px;background:url(/images/stepien/common/icon_chk_off.png) no-repeat center;}
input[type="radio"]:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-17px;width:15px;height:32px;background:url(/images/stepien/common/icon_rdo_off.png) no-repeat center;}
input[type="checkbox"]:checked:before{background:url(/images/stepien/common/icon_chk_on.png) no-repeat center;}
input[type="radio"]:checked:before{background:url(/images/stepien/common/icon_rdo_on.png) no-repeat center;}
input[type="checkbox"] + label,
input[type="radio"] + label{margin-left:5px;}
input::-webkit-input-placeholder{font-size:15px;color:#5e5e5e;}
input:-ms-input-placeholder{font-size:15px;color:#5e5e5e;}
textarea::-webkit-input-placeholder{font-size:15px;color:#5e5e5e;}
textarea:-ms-input-placeholder{font-size:15px;color:#5e5e5e;}

/* datepicker */
input.useDatepicker{width:120px;background-image:url(/images/stepien/common/bg_datepicker.png);background-position:95% center;background-repeat:no-repeat;}
input.useMonthpicker{width:120px;background-image:url(/images/stepien/common/bg_datepicker.png);background-position:95% center;background-repeat:no-repeat;}
#ui-datepicker-div{display:none;width:180px;background:#fff;border:1px #ccc solid;z-index:102 !important;}
.ui-datepicker{position:relative;padding:5px;}
.ui-datepicker table{width:100%;font-size:12px;}
.ui-datepicker table thead th{height:24px;color:#777;line-height:24px;text-align:center;}
.ui-datepicker table tbody td{width:14.2857%;text-align:center;height:22px;}
.ui-datepicker table tbody td a{display:block;height:22px;color:#4b4b4b;line-height:22px;text-align:center;}
.ui-datepicker table tbody td span{color:#aaa;}
.ui-datepicker table tbody td.date-holiday a{color:#eb3c3c;}
.ui-datepicker tr td:first-child *{color:#eb3c3c;}
.ui-datepicker tr td:last-child *{color:#4084d2;}
.ui-datepicker th{padding:0;}
.ui-datepicker td a.ui-state-active{color:#fff;background:#4b4b4b;}
.ui-datepicker td a.ui-state-highlight{color:#4b4b4b;background:#dfdfdf;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:0;}
.ui-datepicker .ui-datepicker-title{margin:0;height:30px;line-height:30px;font-family:'Nanum Gothic';font-size:14px;font-weight:normal;color:#242424;letter-spacing:-1px;text-align:center;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute;left:50%;top:5px;width:20px;height:20px;line-height:26px;border-radius:2px;border:1px solid #d9d9d9;text-indent:-9999em;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev{margin-left:-66px;background:url(/images/stepien/common/icon_calendar_prev.png) no-repeat center center;}
.ui-datepicker .ui-datepicker-next{margin-left:44px;background:url(/images/stepien/common/icon_calendar_next.png) no-repeat center center;}
#ui-monthpicker-div.ui-datepicker{display:none;width:200px;background:#fff;border:1px #ccc solid;z-index:10 !important;box-sizing:border-box;}
#ui-monthpicker-div.ui-datepicker td{height:28px;}
#ui-monthpicker-div.ui-datepicker td a{cursor:pointer;}
#ui-monthpicker-div.ui-datepicker td a.ui-state-active{background:#4b4b4b;color:#fff;}
#ui-monthpicker-div.ui-datepicker tr td:first-child *{color:#4b4b4b;}
#ui-monthpicker-div.ui-datepicker tr td:last-child *{color:#4b4b4b;}
#ui-monthpicker-div.ui-datepicker .ui-datepicker-header{margin-bottom:8px;}
#ui-monthpicker-div.ui-datepicker .ui-datepicker-title select::-ms-expand{display:none;}
#ui-monthpicker-div.ui-datepicker .ui-datepicker-title .ui-datepicker-year{min-width:75px;padding:0 0 0 10px;}

/* slider */
/*.bx-wrapper{position:relative;}*/
.bx-wrapper ul li a{display:block;}
.bx-wrapper ul li a:focus{outline:auto;}
.bx-controls{position:absolute;right:20px;top:15px;}
.bx-controls .bx-pager{display:inline-block;}
.bx-controls .bx-pager-item{display:inline-block;}
.bx-controls .bx-pager-item a{display:inline-block;margin:0 4px;width:14px;height:14px;border-radius:20px;text-indent:-9999px;background:#fff;vertical-align:middle;}
.bx-controls .bx-pager-item a.active{width:35px;background:#5032b6;}
.bx-controls .bx-controls-auto{display:inline-block;}
.bx-controls .bx-controls-auto a{display:inline-block;width:22px;height:30px;text-indent:-9999px;vertical-align:middle;}
.bx-controls .bx-controls-auto-item .bx-start{background:url(/images/stepien/main/icon_sliderWhite_start.png) center no-repeat;}
.bx-controls .bx-controls-auto-item .bx-stop{background:url(/images/stepien/main/icon_sliderWhite_stop.png) center no-repeat;}
.bx-controls .bx-controls-auto-item a.active{display:none;}
.bx-controls .bx-controls-direction{display:inline-block;}
.bx-controls .bx-controls-direction a{display:inline-block;width:22px;height:30px;text-indent:-9999px;vertical-align:middle;}
.bx-controls .bx-controls-direction .bx-prev{background:url(/images/stepien/main/icon_sliderWhite_prev.png) center no-repeat;}
.bx-controls .bx-controls-direction .bx-next{background:url(/images/stepien/main/icon_sliderWhite_next.png) center no-repeat;}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-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.dragging{cursor:pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list{-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;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;margin:0 10px;float:left;height:100%;min-height:1px;box-sizing:border-box;}
.slick-slide > a{display:block;}
.slick-slide img{display:block;width:100%;}
.slick-slide.slick-loading img{display: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{display:inline-block;position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;text-indent:-9999px;vertical-align:middle;border:1px solid #ccc;}
.slick-prev{left:-70px;background:#fff url(/images/stepien/main/icon_slider_prev.png) center no-repeat;}
.slick-next{right:-40px;background:#fff url(/images/stepien/main/icon_slider_next.png) center no-repeat;}

/* button */
.btnArea{margin:35px 0;text-align:center;}
.btnArea.left{text-align:left;}
.btnArea.right{text-align:right;}
.btn{display:inline-block;position:relative;margin:2px 1px;padding:0 20px;min-width:100px;height:40px;line-height:38px;font-size:17px;color:#333;text-align:center;background-color:#fff;border:1px solid #8c8c8c;box-sizing:border-box;vertical-align:middle;}
.btn.focus{color:#fff;background-color:#5032b6;border:1px solid #5032b6;}
.btn.gray{color:#fff;background-color:#555;border:1px solid #555;}
.btn.inline{min-width:auto;padding:0 10px;height:32px;line-height:30px;}
.btn.small{padding:5px 7px;width:auto;height:auto;line-height:130%;font-family:'Nanum Gothic';font-size:13px;border-radius:3px;}
.btn:hover{border-color:#000 !important;box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.btn.focus:hover{background:#392288 !important;border-color:#392288 !important;}
.btn.gray:hover{background:#464646 !important;border-color:#464646 !important;}
.btnDown{display:inline-block;margin:2px 1px;padding:10px 50px 10px 15px;font-family:'Nanum Gothic';font-size:16px;color:#000;background:#fff url(/images/stepien/sub/icon_down.png) right 10px center no-repeat;border:1px solid #ccc;}
.btnDown:hover{box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.btn.prev:before{display:inline-block;content:'';margin-right:10px;width:7px;height:11px;background:url(/images/stepien/sub/icon_btn_prev.png) center no-repeat;}
.btn.list:after{display:inline-block;content:'';margin-left:10px;width:14px;height:11px;background:url(/images/stepien/sub/icon_btn_list.png) center no-repeat;}
.btn.next:after{display:inline-block;content:'';margin-left:10px;width:7px;height:11px;background:url(/images/stepien/sub/icon_btn_next.png) center no-repeat;}

/* file */
.btnFile{display:inline-block;width:20px;height:21px;text-indent:-9999px;background-position:center;background-repeat:no-repeat;}
.btnFile:hover{box-shadow:1px 1px 5px rgba(0,0,0,0.1);}
.pdf{background-image:url(/images/stepiko/sub/icon_pdf.png);}
.PDF{background-image:url(/images/stepiko/sub/icon_pdf.png);}
.zip{background-image:url(/images/stepiko/sub/icon_zip.png);}
.ZIP{background-image:url(/images/stepiko/sub/icon_zip.png);}
.hwp{background-image:url(/images/stepiko/sub/icon_hwp.png);}
.HWP{background-image:url(/images/stepiko/sub/icon_hwp.png);}
.ima{background-image:url(/images/stepiko/sub/icon_ima.png);}
.IMG{background-image:url(/images/stepiko/sub/icon_ima.png);}
.jpg{background-image:url(/images/stepiko/sub/icon_ima.png);}
.JPG{background-image:url(/images/stepiko/sub/icon_ima.png);}
.docx{background-image:url(/images/stepiko/sub/icon_doc.png);}
.DOCX{background-image:url(/images/stepiko/sub/icon_doc.png);}
.doc{background-image:url(/images/stepiko/sub/icon_doc.png);}
.DOC{background-image:url(/images/stepiko/sub/icon_doc.png);}
.xls{background-image:url(/images/stepiko/sub/icon_xls.png);}
.XLS{background-image:url(/images/stepiko/sub/icon_xls.png);}
.xlsx{background-image:url(/images/stepiko/sub/icon_xls.png);}
.XLSX{background-image:url(/images/stepiko/sub/icon_xls.png);}
.png{background-image:url(/images/stepiko/sub/icon_etc.png);}
.PNG{background-image:url(/images/stepiko/sub/icon_etc.png);}
.jsp{background-image:url(/images/stepiko/sub/icon_etc.png);}
.JSP{background-image:url(/images/stepiko/sub/icon_etc.png);}
.gif{background-image:url(/images/stepiko/sub/icon_etc.png);}
.GIF{background-image:url(/images/stepiko/sub/icon_etc.png);}
.etc{background-image:url(/images/stepiko/sub/icon_etc.png);}
.ETC{background-image:url(/images/stepiko/sub/icon_etc.png);}
.ppt{background-image:url(/images/stepiko/sub/icon_ppt.png);}
.PPT{background-image:url(/images/stepiko/sub/icon_ppt.png);}
.btnFileDown{display:inline-block;padding-left:30px;width:auto;background-position:left 2px;background-repeat:no-repeat;}
.btnFileDown:hover{color:#231abb;text-decoration:underline;}
.btnView{display:inline-block;margin:0 5px;width:20px;height:21px;text-indent:-9999px;background:url(/images/stepien/sub/icon_view.png) center no-repeat;}


/* tab */
.tabBar{margin-bottom:40px;word-break:break-all;}
.tabBar:after{display:block;content:"";clear:both;}
.tabBar li{display:table;float:left;position:relative;margin-top:-1px;margin-left:-1px;border:1px solid #ddd;box-sizing:border-box;}
.tabBar.cols2 li{width:50%;}
.tabBar.cols3 li{width:33.33%;}
.tabBar.cols4 li{width:25%;}
.tabBar.cols5 li{width:20%;}
.tabBar.cols6 li{width:16.66%;}
.tabBar li a{display:table-cell;padding:0 10px;height:50px;text-align:center;background-color:#fff;vertical-align:middle;box-sizing:border-box;}
.tabBar li.active a{font-weight:700;color:#fff;background-color:#3a358e;}


.tabPage{display:none;}
.tabPage.active{display:block;}

/* 포럼 게시판 상세 탭 */
.viewContent .tabBar{margin-bottom:25px;height:49px;border-bottom:1px solid #000;}
.viewContent .tabBar li{margin:0;border:none;}
.viewContent .tabBar li a{height:49px;background-color:#f3f3f3;}
.viewContent .tabBar li.active a{background-color:#5032b6;}
.viewContent .tabBar li:before{display:block;content:'';position:absolute;top:50%;left:-1px;margin-top:-7px;width:1px;height:14px;background:#a2a2a2;}
.viewContent .tabBar li:first-child:before,
.viewContent .tabBar li.active:before{display:none;}
.viewContent .tabBar li.active a:after{display:block;content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:#5032b6;z-index:2;}

.viewCon:after{display:block;content:'';clear:both;}
.viewCon.reply{min-height:auto;}
.viewCon.reply .bulLineTitle{margin-bottom:15px;position:relative;padding:0 20px;font-size:20px;color:#5032b6;}
.viewCon.reply .bulLineTitle:before{display:block;content:'';position:absolute;left:12px;top:50%;margin-top:-10px;width:3px;height:20px;background:#5032b6;}
.viewCon.reply .box{padding:25px;min-height:100px;background:#f6f7fb;border:1px solid #ddd;border-radius:15px;box-sizing:border-box;}
.viewCon .personImg{float:left;margin:0 20px 10px 0;}


/* search */
.boardSearch{margin-bottom:20px;padding:15px;font-size:15px;color:#333;text-align:center;background:#f8f8f8;border-top:1px solid #3a358e;overflow:hidden;}
.boardSearch select{width:160px;}
.boardSearch .btnSearch{display:inline-block;margin:2px 1px;padding:0 15px;height:32px;line-height:32px;font-family:'Nanum Gothic';font-size:15px;color:#fff;background:#111;border-radius:3px;box-sizing:border-box;}
.boardSearch .btnSeeAll{display:inline-block;margin:2px 1px;padding:0 15px;height:32px;line-height:30px;font-family:'Nanum Gothic';font-size:15px;color:#111;background:#fff;border:1px solid #ddd;border-radius:3px;vertical-align:middle;box-sizing:border-box;}
.boardTop{color:#000;line-height:40px;}
.boardTop:after{display:block;content:'';clear:both;}
.boardTop p{display:inline-block;}
.boardTop span{display:inline-block;position:relative;margin-right:10px;padding-right:10px;}
.boardTop span:before{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-5px;width:1px;height:10px;background:#c6c6c6;}
.boardTop span:last-child{margin-right:0;padding-right:0;}
.boardTop span:last-child:before{display:none;}
.boardTop .btnSort{display:inline-block;width:120px;height:40px;line-height:38px;color:#000;background:#fff;text-align:center;border:1px solid #ddd;border-bottom:none;box-sizing:border-box;}
.boardTop .btnSort.active{color:#fff;background:#3a358e;border-color:#3a358e;}
.boardTop .bulTitle{margin-bottom:0;}
.boardTop b{color:#4f0fdb;}
.boardTop .left{float:left;}
.boardTop .right{float:right;}
.boardTop .right label{margin-right:10px;}
.boardTop .right select{margin:0;width:100px;}
.orgSearch{margin-bottom:10px;}
.orgSearchDesc{margin-bottom:70px;font-family:'Nanum Gothic';font-size:14px;color:#5032b6;text-align:right;}

/* table */
.tableBox{margin-bottom:40px;}
table{line-height:150%;font-family: 'Nanum Gothic';}
table.list{margin-bottom:-1px;border-top:2px solid #5032b6;border-bottom:1px solid #8e8e8e;}
table.list th,
table.list td{padding:10px;height:50px;text-align:center;box-sizing:border-box;}
table.list th{font-size:18px;color:#5032b6;border-bottom:1px solid #5032b6;}
table.list td{border-bottom:1px solid #ddd;}
table.list .title{text-align:left;}
table.list .title > a,
table.list .title > span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
table.list .title > a:hover{color:#5032b6;}
table.list .mSign{display:none;}
table.list .empty{display:table-cell;height:100px;}
table.list .webOnly{display:table-cell;}

table.info{position:relative;border-top:2px solid #5032b6;}
table.info:before{display:block;content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#8e8e8e;}
table.info:after{display:block;content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:#fff;}
table.info th,
table.info td{padding:10px 20px;height:50px;text-align:center;box-sizing:border-box;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
table.info th{font-size:18px;color:#5032b6;background:#f3f3f3;}
table.info .profile{display:inline-block;width:20px;height:17px;text-indent:-9999px;vertical-align:text-top;background:url(/images/stepien/sub/icon_staff_profile.png) center no-repeat;}
table.info .email{display:inline-block;width:20px;height:17px;text-indent:-9999px;vertical-align:text-top;background:url(/images/stepien/sub/icon_staff_email.png) center no-repeat;}
table.info.left th,
table.info.left td{text-align:left;}

table.form{position:relative;margin-bottom:-1px;border-top:2px solid #5032b6;border-bottom:1px solid #8e8e8e;}
table.form:after{display:block;content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:#fff;z-index:2;}
table.form th,
table.form td{padding:10px 20px;height:50px;box-sizing:border-box;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}

/* paging */ .paging{margin:50px 0;text-align:center;} 
.paging a{display:inline-block;margin:2px 0;width:35px;height:35px;line-height:35px;font-weight:700;text-align:center;border:1px solid #ddd;box-sizing:border-box;} 
.paging .first{text-indent:-9999px;background:url(/images/stepien/common/icon_paging_first.png) center no-repeat;} 
.paging .prev{text-indent:-9999px;background:url(/images/stepien/common/icon_paging_prev.png) center no-repeat;} 
.paging .next{text-indent:-9999px;background:url(/images/stepien/common/icon_paging_next.png) center no-repeat;} 
.paging .last{text-indent:-9999px;background:url(/images/stepien/common/icon_paging_last.png) center no-repeat;} 
.paging a.active{color:#fff;background:#5032b6;border-color:#5032b6;} 
.paging a:hover{border-color:#5032b6;}

/* list */
.listCon > li{padding:2px 0;line-height:150%;}
.listCon.dot > li,
.listCon.minus > li{padding-left:10px;position:relative;}
.listCon.dot > li:before{display:block;content:'';position:absolute;left:0;top:12px;width:3px;height:3px;background:#4c4c4c;}
.listCon.minus > li:before{display:block;content:'';position:absolute;left:0;top:12px;width:5px;height:1px;background:#4c4c4c;}
.listCon .listCon{padding:5px 0;}

/* modal */
.modalWrap{position:absolute;top:150px;left:50%;margin-left:-500px;width:1000px;background:#fff;box-sizing:border-box;opacity:0;z-index:-1;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.modalWrap.active{top:180px;opacity:1;z-index:99;}
.modalWrap.small{top:150px;left:50%;right:auto;margin-left:-245px;width:490px;}
.modalWrap.active.small{top:180px;}
.modalWrap .modalTitle{position:relative;height:65px;background:#5032b6;}
.modalWrap .modalTitle h2{display:block;padding-left:35px;font-family:'NanumSquare';font-size:20px;font-weight:700;color:#fff;line-height:65px;}
.modalWrap .modalTitle .btn_modalClose{display:block;position:absolute;top:0;right:10px;width:65px;height:65px;text-indent:-9999em;background:url(/images/stepien/common/icon_modal_close.png) no-repeat center center;}
.modalWrap .modalContent{padding:40px 35px;}
.modalWrap .modalContent .writerBoardList{margin-bottom:0;}
.modalWrap.window{position:relative;top:inherit;left:inherit;margin-left:0;padding-top:60px;width:auto;opacity:1;z-index:99;}
.modalWrap.window .modalTitle{position:fixed;top:0;left:0;right:0;}
.modalWrap.window .modalTitle h2{padding:0 20px;}
.modalWrap.window .modalTitle .btn_windowClose{display:block;position:fixed;top:0;right:0;width:60px;height:60px;text-indent:-9999em;background:url(/images/stepien/common/icon_modal_close.png) no-repeat center center;}

/* loading */
#loading{display:none;position:absolute;top:50%;left:50%;width:400px;margin:-70px 0 0 -200px;z-index:1000;}
#loading.active{display:block;}
#loading:after{display:block;content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;}
#loading > div{width:60px;height:60px;border-radius:100%;position:relative;margin:0 auto;z-index:1001;}
#loading > div:before,
#loading > div:after{content:"";position:absolute;top:-10px;left:-10px;width:100%;height:100%;border-radius:100%;border:10px solid transparent;border-top-color:#5032b6;}
#loading > div:before{z-index:1001;animation:spin 1s infinite;}
#loading > div:after{border:10px solid #ccc;}
#loading p.loading_txt{position:relative;margin-top:20px;line-height:30px;font-size:18px;color:#fff;text-align:center;z-index:1001;}
@keyframes spin{
	0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}

/* overlay */
#overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:9;}
#overlay.active{display:block;}

/* cate */
.cate{display:inline-block;padding:2px 10px;min-width:160px;font-size:15px;color:#1e16ac;font-weight:700;text-align:center;border:1px solid #1e16ac;box-sizing:border-box;}
.cate.cate1{color:#1860c1;border-color:#1860c1;}
.cate.cate2{color:#4922b7;border-color:#382fc0;}
.cate.cate3{color:#d67115;border-color:#d67115;}
.cate.cate3{color:#00FF00;border-color:#00FF00;}
.cate.cate3{color:#4C0B5F;border-color:#4C0B5F;}

/* layout */
#skipNav a{display:inline-block;position:absolute;left:-10000%;right:0;width:200px;height:30px;line-height:30px;font-family:'Nanum Gothic';font-size:14px;color:#fff;text-align:center;background:#02a7d6;z-index:-1;}
#skipNav a:focus{left:0;z-index:100;}

#header{position:fixed;left:0;right:0;top:0;background:#3a358e;border-bottom:1px solid #4e4a9a;box-shadow:1px 1px 10px rgba(0,0,0,0.1);z-index:9;}
#header:before{display:none;content:'';position:absolute;left:0;right:0;top:85px;bottom:0;background:#fff;}
#header:after{display:block;content:'';clear:both;}
#header h1{position:absolute;left:0;top:18px;}
#header h1 a{display:block;}
#header #gnb{float:right;margin:0 auto;padding:0 200px 0 285px;}
#header #gnb:after,
#header #gnb ul:after{display:block;content:'';clear:both;}
#header #gnb ul,
#header #gnb li,
#header #gnb li a{display:block;}
#header #gnb > li{float:left;padding:0 10px;box-sizing:border-box;}
#header #gnb > li > a{position:relative;min-width:160px;line-height:85px;font-size:17px;color:#fff;font-weight:700;letter-spacing:0.2px;text-align:center;}
#header #gnb > li > a:after{display:block;content:"";position:absolute;left:50%;bottom:0;width:0%;height:2px;background:#cbb8f5;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition-duration:0.3s;transition-duration:0.3s;}
#header #gnb > li:hover > a:after{width:100%;}
#header #gnb > li > ul{display:none;padding:20px 0;}
#header #gnb > li > ul > li > a{padding:10px 0;font-size:14px;color:#000;font-weight:700;}
#header #gnb > li > ul > li > a:hover{color:#3a358e;}
#header.active:before{display:block;}
#header.active #gnb > li > ul{display:block;}
#header .headerBtn{position:absolute;top:0;right:0;}
#header .headerBtn > a{display:inline-block;width:40px;height:85px;text-indent:-9999px;background-position:center;background-repeat:no-repeat;}
#header .headerBtn #btnSearch{margin-right:30px;background-image:url(/images/stepien/common/icon_search.png);}
#header .headerBtn #totalSearchWrap{display:none;position:fixed;top:85px;left:0;right:0;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);z-index:2;}
#header .headerBtn .totalSearch{position:relative;margin:20px auto;padding:0 50px 0 110px;width:500px;border-bottom:1px solid #3a358e;box-sizing:border-box;}
#header .headerBtn .totalSearch select{position:absolute;left:0;top:0;padding-left:10px;width:100px;height:40px;color:#3a358e;background-color:transparent;background-image:url(/images/stepien/common/icon_select.png);border:none;}
#header .headerBtn .totalSearch select option{color:#000;}
#header .headerBtn .totalSearch input[type="text"]{width:100%;height:40px;color:#3a358e;background:transparent;border:none;}
#header .headerBtn .totalSearch input[type="submit"]{position:absolute;right:0;top:0;width:40px;height:40px;text-indent:-9999px;background:url(/images/stepien/common/icon_search_purple.png) center no-repeat;border:none;}
#header .headerBtn .totalSearch #btnSearchClose{position:absolute;top:0;right:-100px;width:40px;height:40px;text-indent:-9999px;background:url(/images/stepien/common/icon_search_close.png) center no-repeat;}
#header .headerBtn .totalSearch input::-webkit-input-placeholder{font-size:15px;color:#3a358e;}
#header .headerBtn .totalSearch input:-ms-input-placeholder{font-size:15px;color:#3a358e;}
#header .headerBtn #totalSearchWrap.active{display:block;}
#header .headerBtn #btnMenuOpen{background-image:url(/images/stepien/common/icon_menu.png);}
#header .headerBtn .btnLink{width:60px;background-image:url(/images/stepien/common/icon_ko.png);}
#allMenu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(58,53,142,0.98);z-index:100;}
#allMenu.active{display:block;}
#allMenu h2{padding:0 15px;height:60px;line-height:60px;font-size:17px;color:#fff;background:#3a358e;}
#allMenu ul,
#allMenu ul li,
#allMenu ul li a{display:block;}
#allMenu ul:after{display:block;content:'';clear:both;}
#allMenu .inner{margin-top:85px;}
#allMenu .inner > ul{padding:80px 0;box-sizing:border-box;}
#allMenu .inner > ul > li{float:left;padding:40px;min-height:500px;width:33.33%;border-left:1px solid #5b57a1;box-sizing:border-box;}
#allMenu .inner > ul > li:first-child{border-left:none;}
#allMenu .inner > ul > li > a{display:table;margin-bottom:10px;width:100%;height:40px;line-height:40px;font-size:30px;color:#fff;font-weight:700;}
#allMenu .inner > ul > li > ul > li{}
#allMenu .inner > ul > li > ul > li > a{padding:12px 0;font-size:18px;color:#fff;}
#allMenu .inner > ul > li > ul > li > a:hover{text-decoration:underline;}
#allMenu #btnMenuClose{position:absolute;top:0;right:0;width:40px;height:40px;text-indent:-9999px;background:url(/images/stepien/common/icon_menu_close.png) center no-repeat;}
#container{padding-top:85px;min-height:670px;}
#content{padding-bottom:100px;}
#footerBanner{padding:20px 0;background:#fff;border-top:1px solid #ccc;box-sizing:border-box;}
#footerBanner .inner{position:relative;padding:0 250px 0 70px;}
#footerBanner img{width:auto;height:35px;}
#footerBanner .footerSliderBtn button{display:block;position:absolute;left:30px;top:50%;margin-top:-15px;margin-left:0;width:30px;height:30px;text-indent:-9999px;vertical-align:middle;border:1px solid #ccc;box-sizing:border-box;z-index:2;}
#footerBanner .footerSliderBtn .start{background:#fff url(/images/stepien/main/icon_slider_start.png) center no-repeat;}
#footerBanner .footerSliderBtn .stop{background:#fff url(/images/stepien/main/icon_slider_stop.png) center no-repeat;}
#footerBanner .footerSliderBtn .start.active,
#footerBanner .footerSliderBtn .stop.active{display:none;}
#footerBanner .footerSns{position:absolute;right:0;top:0;}
#footerBanner .footerSns li{display:inline-block;margin-right:7px;}
#footerBanner .footerSns li a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);}
#footer{padding:35px 0 60px;background:#fff;border-top:1px solid #ddd;}
#footer .copy{position:relative;padding:0 265px;font-size:14px;color:#555;line-height:160%;letter-spacing:-0.5px;}
#footer .copy .footerLogo{display:inline-block;position:absolute;top:5px;left:0;}
#footer .btnNewsletter{display:inline-block;position:absolute;right:0;top:0;padding:10px 20px 10px 50px;font-size:19px;color:#fff;background:#ef8725 url(/images/stepien/common/icon_newsletter.png) 10px center no-repeat;border-radius:20px;z-index:2;}
#footer .btnNewsletter:hover{box-shadow:2px 2px 5px rgba(0,0,0,0.2);}

/* main */
.main #container{position:relative;padding:125px 0 40px;background:#f9f9f9;}
#mainContent{margin:-12px -20px;}
#mainContent:after{display:block;content:'';clear:both;}
#mainContent .img{display:block;text-align:center;background:rgba(0,0,0,0.2);overflow:hidden;}
#mainContent .img img{height:100%;max-height:100%;}
#mainContent a:hover .img img{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition-duration:0.5s;transition-duration:0.5s;}
#mainContent .colGrp{float:left;width:33%;box-sizing:border-box;}
#mainContent .colGrp.set1{width:34%;}
#mainContent .colGrp > div{padding:12px 20px;box-sizing:border-box;}
#mainContent .colCon{position:relative;} 
#mainContent #visualSlider{position:relative;}
#mainContent .col1 .img{height:325px;}
#mainContent .col1 ul li{position:relative;}
#mainContent .col1 .con{position:absolute;left:0;right:0;bottom:0;padding:20px 25px;background:rgba(0,0,0,0.7);box-sizing:border-box;font-family: 'Nanum Gothic';}
#mainContent .col1 .con b{display:block;font-weight:400;font-size:19px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#mainContent .col1 .con span{display:inline-block;position:relative;margin-right:10px;padding-right:10px;font-size:14px;color:#fff;}
#mainContent .col1 .con span:before{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-3px;width:1px;height:10px;background:#fff;}
#mainContent .col1 .con span:last-child:before{display:none;}
#mainContent .col2 h3,
#mainContent .col5 h3{margin-bottom:20px;padding-bottom:10px;font-weight:700;font-size:19px;color:#1e16ac;border-bottom:1px solid #c7c7c7;}
#mainContent .col2 .btnMore,
#mainContent .col5 .btnMore{position:absolute;right:-5px;top:-7px;width:30px;height:30px;text-indent:-9999px;background:url(/images/stepien/main/icon_more.png) center no-repeat;}
#mainContent .col2 .list{margin:-12px 0;}
#mainContent .col2 .list li{padding:15px 0;}
#mainContent .col2 .box{display:block;position:relative;min-height:180px;line-height:150%;font-family: 'Nanum Gothic';}
#mainContent .col2 .box em{margin-bottom:10px;}
#mainContent .col2 .img{position:absolute;left:0;top:0;border:1px solid #e9e9e9;box-sizing:border-box;}
#mainContent .col2 .img img{width:130px;height:180px;}
#mainContent .col2 b{display:block;display:-webkit-box;margin-bottom:10px;max-height:2.6em;line-height:1.3em;font-size:20px;color:#000;font-weight:700;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#mainContent .col2 .desc{display:block;margin-bottom:10px;font-size:15px;color:#777;}
#mainContent .col2 .date{font-size:14px;color:#777;}
#mainContent .col2 a:hover b{color:#1e16ac;}
#mainContent .col3{height:auto;}
#mainContent .col3 h3{margin-bottom:10px;height:29px;text-indent:-9999px;background:url(/images/stepien/main/img_txt.png) left center no-repeat;}
#mainContent .col3 p{margin-bottom:30px;font-weight:700;font-size:17px;color:#1b167a;line-height:150%;}
#mainContent .col3 ul{border-top:1px solid #c7c7c7;}
#mainContent .col3 ul li{border-bottom:1px solid #e0e0e0;}
#mainContent .col3 ul li a{display:block;padding:12px 15px 12px 2px;font-size:17px;color:#000;background:url(/images/stepien/main/icon_go.png) 98% center no-repeat;}
#mainContent .col3 ul li a:hover{color:#1e16ac;}
#mainContent .col4 h3{position:absolute;left:0;right:0;top:0;padding-left:25px;height:50px;line-height:50px;font-weight:700;font-size:20px;color:#f9f9f9;background:rgba(0,0,0,0.7);z-index:2;}
#mainContent .col4 .video{display:block;position:relative;}
#mainContent .col4 .video:before{display:block;content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url(/images/stepien/main/icon_video.png) center no-repeat;}
#mainContent .col4 .img{height:306px;}
#mainContent .col4 .btnMore{display:block;position:absolute;right:0;top:0;width:50px;height:50px;text-indent:-9999px;background:url(/images/stepien/main/icon_more_white.png) center no-repeat;z-index:3;}
#mainContent .col4 .video:hover:before{z-index:2;}
#mainContent .col5 .box{display:block;position:relative;height:245px;}
#mainContent .col5 b{display:block;margin-bottom:10px;font-size:22px;color:#000;}
#mainContent .col5 p{font-size:15px;color:#333;line-height:130%;}
#mainContent .col5 ul{position:absolute;left:0;right:0;bottom:0;border-top:1px solid #e0e0e0;}
#mainContent .col5 ul:after{display:block;content:'';clear:both;}
#mainContent .col5 ul li{display:table;float:left;padding-left:35px;width:50%;height:70px;box-sizing:border-box;}
#mainContent .col5 ul li.item1{background:url(/images/stepien/main/icon_writer.png) left center no-repeat;}
#mainContent .col5 ul li.item2{background:url(/images/stepien/main/icon_email.png) left center no-repeat;}
#mainContent .col5 ul li span{display:table-cell;width:100%;vertical-align:middle;word-break:break-all;}
#mainContent .col5 a:hover b{color:#1e16ac;}
#mainContent .col6 ul li.item1{margin-bottom:10px;}
#mainContent .col6 ul li a{display:block;padding:24px;height:148px;font-size:17px;color:#000;line-height:160%;box-sizing:border-box;}
#mainContent .col6 ul li.item1 a{background:#fff;}
#mainContent .col6 ul li.item2 a{background:#fff;}
#mainContent .col6 ul li b{font-size:19px;}
#mainContent .col6 ul li b:after{display:block;content:'';margin-top:15px;width:100%;height:7px;background:url(/images/stepien/main/icon_colArrow.png) left center no-repeat;}
#mainContent .col6 ul li a:hover{box-shadow:2px 2px 5px rgba(0,0,0,0.1);}
#mainContent .col6 ul li a:hover b:after{background-position:10px center;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
#mainContent .col6 ul.flexList{display:flex;}
#mainContent .col6 ul li{width:50%;}