@charset "utf-8";

/*
 * Layout Style
 *
 */

.wide-display{position:absolute; left:-9999px; top:-9999px}
.mobile-display{position:absolute; left:-9999px; top:-9999px}

/********************************************
	HEADER
********************************************/
#header{position:fixed;width: 100%;top:0;margin:0 auto; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;z-index: 3; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .inner{position: relative;width: 100%;max-width:1200px;margin:0 auto;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#header .logo{position: absolute; width:150px;text-align:left; padding:20px 0px 0px 40px;z-index:6;}
/* #header .logo h1{text-indent: -9999px;width:0; height:0; line-height:0;} */
#header .util{position: absolute;right:0; top:30px; text-align:right; z-index:6;}
#header .util ul{display:inline-block; text-align:right;}
#header .util li{display:inline-block; text-align:left;margin-left:10px;padding-left:13px;background:url(../img/util_bg.png) left 50% no-repeat;}
#header .util li:first-child{margin-left:0px;padding-left:0px;background:none;}
#header .util li a:hover{color:#000;}
#header .util li a{font-family: 'NotoSansKR'; font-style: normal;font-weight:400;font-size:12px; letter-spacing:0em; color:#666;text-transform:uppercase;}


.h_fixed{border-bottom:1px solid #dfdfdf !important;}
.s_fixed{border-bottom:1px solid #dfdfdf !important;}

/* 메인메뉴 */
.gnb{display:inline-block;width:100%; height:70px; background:#fff; margin:0 auto;z-index:3;}
.gnb nav{width:100%; margin:0px auto; text-align:right;padding-right:120px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.gnb nav > ul{display:inline-block; text-align:right;}
.gnb nav > ul > li{display:inline-block;text-align:center;padding:0px 40px; position:relative;}
.gnb nav > ul > li:first-child{}
.gnb nav > ul > li > a{display:block; height:70px;font-family: 'NotoSansKR'; font-style: normal;font-weight:500;font-size:18px;line-height:70px;letter-spacing:-0.03em; color:#333; text-align:center;/*text-transform:uppercase;*/box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;}
.gnb nav > ul > li > a:hover{color:#15bb61; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb nav > ul > li.on > a{color:#15bb61;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb nav > ul > li.on .two-depth{display:block; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb nav > ul > li img{vertical-align:middle; margin-left:5px;}
.gnb nav > ul > li.off .two-depth{display:none; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}

/* .two-depth-bg{width:100%; height:35px; position:absolute; left:0; top:75px; background:#12a8d9; opacity: 0.9; filter: alpha(opacity=90); display:block; z-index:4; display:none} */
.gnb .two-depth{position: absolute; display:block; z-index:4; display:none; top:46px; left:50%; transform:translateX(-50%);padding:8px 0px; border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;background:rgba(255,255, 255,1);border-radius:0px 0px 8px8px;width:180px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);}
.two-depth > li{display:inline-block; width:100%;text-align:left; padding:8px 16px;border-top:0px solid rgba(0,0,0,.2); box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.two-depth > li a{font-size:13px;color:#61636d; font-family: 'NotoSansKR'; font-style: normal;font-weight:400;letter-spacing:-0.03em;line-height:1.3; }
.two-depth > li.on a{color:#000;}
.two-depth > li a:hover{color:#000;}
.two-depth > li:first-child{border-top:0px dotted #ebebeb; }
.two-depth > li:hover{color:#000;}
.two-depth > li:hover a{color:#000;}


#m-header{display:none;width: 100%; height:60px; background:#fff;top:0;margin:0px auto; position:fixed; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;z-index: 3; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
#m-header .logo{display: inline-block;width:50%; text-align:left;padding:16px 0px 0px 5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:5;}
#m-header .m_open{display: inline-block;text-align:right; width:50%;padding:20px 5% 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.logo img{max-width:100%;}
.m_open img{max-width:100%;}
.prev_m img{max-width:100%;}

/* 상단header없이 사용할때 서브메뉴사용 */
#sub-header{position:fixed;display:flex;width: 100%;height:60px;margin:0 auto; border-bottom:1px solid #ddd; background:#fff; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;z-index:3; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0;}
#sub-header .prev_m{flex: 0 0 auto;width:70px; text-align:left;padding:20px 0px 0px 40px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
#sub-header .stitle{flex: 1 1 auto;text-align:left;padding:18px 0px 0px 0px; font-family: 'NotoSansKR'; font-style: normal;font-weight:700;font-size:24px; letter-spacing:-0.03em; color:#1a1a1a;line-height:1;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}


/* mMenu */
.mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:0px; z-index:198; background:#000;  -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}
.mask .close{position:absolute;  top:10px;left:10px; z-index:202;} /* add */

.mMenu {display:none; position: fixed; right:-100%; top:0; width:90%; padding:0px; background-color:rgba(29,32,36,1); z-index:202; -webkit-overflow-scrolling: touch; overflow-y: auto;height:100%;}
.mMenu .mclose { position:absolute;  top:15px;right:15px; }
.mMenu .mtitle {display:block;text-align:center;  padding:50px 20px; box-sizing: border-box;}
.mMenu .mtitle .logo_s{display:inline-block; width:100%;}
.mMenu .mtitle .logo_s img{max-width:100%;}
.mMenu .mtitle > p{display:inline-block; width:100%; margin-top:20px;text-align:center; }
.mMenu .mtitle > p > a{ font-family: 'NotoSansKR'; font-style: normal;font-weight:400;font-size:16px;color:rgba(255,255,255,.8);font-size: 16px;letter-spacing:-0.03em;line-height:1;margin-left:15px;padding-left:15px;background:url(../img/tline.png) left center no-repeat;}
.mMenu .mtitle > p > a:first-child{margin-left:0px;padding-left:0px;background:none;}
.mMenu .mem_login{display:block;width:100%;height:45px;text-align:center;margin-bottom:20px;}
.mMenu .mem_login > span{display:inline-block;color:#eee;font-family: 'NotoSansKR';font-style: normal;font-weight:200;font-size:12px;line-height:43px; margin:0 10px;}
.mMenu .mem_login .btn1{display:inline-block;width:50%;height:45px;background:#000;color:#fff;font-family: 'NotoSansKR';font-style: normal;font-weight:400;font-size:14px;line-height:43px;}
.mMenu .mem_login .btn2{display:inline-block;width:50%;height:45px; background:#15bb61;color:#fff;font-family: 'NotoSansKR';font-style: normal;font-weight:400;font-size:14px;line-height:43px;}

.mMenu .list {padding:0px 0px 0px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.lnav{width:100%;-webkit-transition: all .25s ease-in;transition: all .25s ease-in;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.lnav, .lnav ul, .lnav li {list-style: none;}
.lnav ul {margin: 0 0 0 0px;/* background-color: #fff; */}
.lnav {padding: 0px;margin: 0px;}
.lnav > li {margin: 0px 0; text-align:center;border-bottom:0px solid; border-color:rgba(255,255,255,.1);}
.lnav > li li {margin: 0px 0;}
.lnav > li li li{margin: 0px 0;}
.lnav a {line-height:1;font-family: 'GongGothicMedium';font-size:18px;letter-spacing:-0.05em;text-transform:capitalize;display: block;outline: none;text-decoration: none;}

.lnav a .caret {float: right;width:13px;height:10px;display: inline-block;vertical-align: top;background:url(../img/lmenu.png) right center no-repeat;-webkit-transition: -webkit-transform .65s ease; transition: transform .65s ease;margin-top:2px;margin-left: 2px;}
.lnav li.open > a > .caret {border-top: none;background:url(../img/lmenu_on.png) right center no-repeat;-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

.lnav li a {color:#ebebeb; font-size: 18px;line-height:1.3; padding:20px;} 
.lnav > li li a {padding: 14px 10px 14px 30px;color:#ebebeb;  font-size:16px;line-height:1;font-family: 'Spoqa Han Sans';font-weight: 400; font-display: swap;border-top:0px dotted #ddd; }
/* .lnav > li li li a {padding: 10px 10px 10px 45px; background:url(/img/licon02.png) 25px center no-repeat #f1f1f1; color:#424242; font-size:13px;line-height:1;font-family: 'NotoSansKR'; font-style: normal;font-weight: 500;} */
.lnav li.open {}
.lnav li.open a{color:#eb0a0a;}
.lnav li.open li a {color:#fff;}
.lnav li.active a{color:#eb0a0a;}
.lnav li li.active a{color:#fff;}
.lnav > li li.last{padding-bottom:10px;}
/* 2 depth 여백 추가 */
.lnav li li{background-color: rgba(235,10,10, .9);}
.lnav li li:first-child{padding-top:10px;}
.lnav li li:last-child{padding-bottom:14px;}

/* 바디에 스크롤 막는 방법 */
.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.not_scroll .cont {
    position: relative;
    top: 0;
}

A.roll img{display:inline; border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll img.over { display:none; }
A.roll:hover {border:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
A.roll:hover img { display:none; }
A.roll:hover img.over { display:inline;}

.btn_up_layer {position:fixed; right:10px;bottom:90px;display:none;padding:0px;width:50px; height:50px; background:url(../img/top.png) right bottom no-repeat;z-index:100;cursor:pointer;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}

/* footer  */
.footer{clear:both;width:100%; margin:0px auto;border-top:1px solid #ccc;background:#f6f6f6; text-align:center; padding:30px 5%;/*overflow:hidden;*/box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer:after { content:""; display:block; clear:both; height:0;}
.footer .f_logo{display:inline-block;width:100%;min-height:30px;background:url(../img/f_logo.png) center top no-repeat; margin-bottom:20px;}
.footer h3{font-family: 'NotoSansKR'; font-style: normal;font-weight:400;color:#666; font-size:13px;line-height:1.3;letter-spacing:-0.03em; word-wrap: break-word;word-break: keep-all;}
.footer h3 > span{display: inline-block;margin:0 5px 0px 0px;font-family: 'NotoSansKR'; font-style: normal;font-weight:400;color:#000;}
.footer p{font-family: 'NotoSansKR'; font-style: normal;font-weight:200;color:#666; font-size:12px;line-height:1;letter-spacing:-0.02em;margin-top:10px;word-wrap: break-word;word-break: keep-all;}


/********************************************
	MAIN
********************************************/
.mainroll{width:100%;max-width:1200px; margin:70px auto 40px; text-align:left; overflow:hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:1;position:relative;}
.mainroll .imgArea{width:100%;text-align:left;}
.mainroll .imgArea img{width:100%;}

.pc_only{display: inline-block;}
.mo_only{display: none;}

/* swiper slider */

/* 다중 스와이퍼1 */ 
.swiper1 { position:relative;width:100%;max-width:1200px;margin:90px auto 0px;z-index:1; padding-bottom:30px;} 
.swiper1 .swiper-slide {display:inline-block; width:100%;box-sizing:border-box;  -webkit-box-sizing:border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper1 .swiper-slide img{width:100%;}
/* 스와이퍼1 버튼관련 */ 
.swiper1 .swiper-button-prev,  
.swiper1 .swiper-button-next{width:25px; height: 25px; background-size: 25px auto;} /*크기*/
.swiper1 .swiper-button-prev{background-image: url(_/btn_prev.png); left: 0; } /*이미지,위치*/
.swiper1 .swiper-button-next{background-image: url(_/btn_next.png); right: 0; }
.swiper1 .swiper-pagination-bullet {width:10px;height:10px;margin:0px 4px;display:inline-block;background:#fff;opacity:.8;border:0px solid #fff;border-radius:50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.swiper1 .swiper-pagination-bullet-active {opacity:1;background:#7d4698;}

/* 다중 스와이퍼2 일경우*/
.swiper2 { position:relative; width:100%; margin:0 auto; padding-bottom:30px;}  
.swiper2 .swiper-slide {display:inline-block; width:100%;box-sizing:border-box;  -webkit-box-sizing:border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper2 .swiper-slide img{width:100%; }
/* 스와이퍼2 버튼관련 */ 
.swiper2 .swiper-button-prev,  
.swiper2 .swiper-button-next{width:23px; height: 45px; background-size: 23px auto; z-index:99;} /*크기*/
.swiper2 .swiper-button-prev{background-image: url(../img/i_prev.png); left: 15px; } /*이미지,위치*/
.swiper2 .swiper-button-next{background-image: url(../img/i_next.png); right: 15px; }
.swiper2 .swiper-pagination-bullet {width:12px;height:12px;margin:0px 4px 0px;display:inline-block;opacity:1;background-color:transparent;border:2px solid #fff;border-radius:0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.swiper2 .swiper-pagination-bullet-active {opacity:1;background:#fff;border:2px solid #fff;}

.img_fix {width: 100%;height: auto;}

.title_main {text-align:center;font-family: 'NotoSansKR'; font-style: normal;font-weight:700;font-size:30px;color:#1a1a1a;line-height:1;letter-spacing:-0.03em;text-transform:uppercase; margin-bottom:40px;}
/*.title_main:after{content:'';display:block;width:1px;height:35px;background:#aaa;position:absolute;left:50%;top:0px;transform:translateX(-50%);}*/
.title_main > p{font-family: 'NotoSansKR'; font-style: normal;font-weight:400;font-size:18px;color:#444;line-height:1.45;letter-spacing:-0.03em;text-transform:uppercase;margin-top:20px;}

.title_sub {text-align:center;font-family: 'NotoSansKR'; font-style: normal;font-weight:500;font-size:26px;color:#333;line-height:1;letter-spacing:-0.03em;text-transform:uppercase; margin-bottom:40px;}

.txt_sty1{display: inline-block;width:100%;text-align:left;line-height:1.3;letter-spacing:-0.01em;color:#333;font-size:14px; margin-bottom:20px;}

.sec1{display:block;width:100%; max-width:1200px;padding:0px; margin:0px auto 40px; font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sec1 li{display: inline-block;text-align:center; width:14.66666%;margin:0 1% 20px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.sec1 li:first-child{}
.sec1 li:hover{margin-top:-10px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.sec1 li .sec1-icon{position:relative;display: inline-block;width:100%; padding-top:100%;overflow: hidden; background:#f6f6f6;border-radius:8px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sec1 li .sec1-icon img{width:100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.sec1 li .sec1-icon .iconImg{position: absolute;left:0;top:0;width:100%;height:100%;overflow: hidden;border-radius:8px;}
.sec1 li .sec1-tit{display: inline-block; width:100%;padding:15px 0px; text-align:center;font-family: 'NotoSansKR'; font-style: normal;font-weight:400;color:#333; font-size:16px;line-height:1.3;letter-spacing:-0.03em;word-wrap: break-word;word-break: keep-all;}

.m_icon1{background: url(/img/m_icon1.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon2{background: url(/img/m_icon2.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon3{background: url(/img/m_icon3.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon4{background: url(/img/m_icon4.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon5{background: url(/img/m_icon5.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon6{background: url(/img/m_icon6.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon7{background: url(/img/m_icon7.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon8{background: url(/img/m_icon8.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon9{background: url(/img/m_icon9.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon10{background: url(/img/m_icon10.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon11{background: url(/img/m_icon11.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon12{background: url(/img/m_icon12.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon13{background: url(/img/m_icon13.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon14{background: url(/img/m_icon14.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon15{background: url(/img/m_icon15.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon16{background: url(/img/m_icon16.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon17{background: url(/img/m_icon17.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon18{background: url(/img/m_icon18.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon19{background: url(/img/m_icon19.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon20{background: url(/img/m_icon20.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon21{background: url(/img/m_icon21.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon22{background: url(/img/m_icon22.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon23{background: url(/img/m_icon23.png) center center no-repeat #f6f6f6; background-size:80px auto;}
.m_icon24{background: url(/img/m_icon24.png) center center no-repeat #f6f6f6; background-size:80px auto;}

/* ---------------------- sub ----------------------------- */

.container {display:block;width:100%; max-width:1200px; min-height:500px;margin:70px auto 0px; padding:50px 0px;overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sub_container {display:block;width:100%; max-width:1200px; min-height:calc(100vh - 150px); margin:0px auto; padding:110px 0px 50px;overflow: hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.choiceWrap{display: inline-block;width:100%; text-align:center; margin-top:20px;}
.choiceWrap a{display:inline-block;margin:0 5px 15px;vertical-align:middle;text-align:center;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;font-size:14px;color:#333;line-height:1;letter-spacing:-0.03em;background:#fff;padding:10px 24px 11px;border-radius:24px;border:1px solid #bbb;box-sizing:border-box;}
.choiceWrap a:hover{color:#fff;border-radius:16px;background:#15bb61;border:1px solid #15bb61;box-sizing:border-box;}

.form_sty1{width:100%;margin:0 auto 30px;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.form_sty1 ul{width:100%;margin-top:0px;border-top:1px solid #ebebeb;padding:10px 0px;}
.form_sty1 ul:first-child{border-top:1px solid #666;}
.form_sty1 li{display: inline-block;vertical-align:middle;}
.form_sty1 .col100{display: inline-block;width:100%;margin-bottom:10px;}
.form_sty1 .tit{display: inline-block;width:150px;text-align:left;font-family: 'NotoSansKR'; font-style: normal; font-weight: 500;font-size: 16px;color: #333;line-height:35px;letter-spacing:-0.0em;}
.form_sty1 .cont{display: inline-block;width:calc(100% - 150px);text-align:left;padding-left:10px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.form_sty1 .txt1{display: inline-block;color:#333; font-size:14px;line-height:35px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.form_sty1 .txt2{color:#333; font-size:13px;line-height:1.3;font-family: 'NotoSansKR'; font-style: normal; font-weight:400;background:url(../img/ico-talk-red.png) left 4px no-repeat; padding-left:20px; min-height:18px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.form_sty1 img{max-width:100%;vertical-align:middle;margin-left:5px;}


.filebox_s {position: relative; display:inline-block;width:400px; margin-bottom:10px;} /* input 내부에 찾기버튼 */
.filebox_s input[type="file"] {position: absolute; width: 1px;height: 1px;padding: 0; margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox_s label {position: absolute;right:0; top:0; display: inline-block;width:100px;height:35px;text-align:center;line-height:33px;font-size:14px; color: #fff;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;vertical-align: middle;background: #a8abb5;cursor: pointer;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius:0px;transition:all 0.3s;}
.filebox_s .upload-name {display: inline-block;width:100%;height:35px;padding:0px 100px 0px 10px;font-size:13px; line-height:1;color: #333;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;vertical-align: middle;background:#fff; border:1px solid #d1d1d1; -webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border-radius:0px;}

/* 이미지 등록 */
.thumbImg{display: inline-block;width:150px;background:#fafafa;border:1px solid #dfdfdf;margin:0 4px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

/* thumb사이즈 150px */
.thumbImg-file {position: relative;display: inline-block; width: 100%;overflow: hidden; padding-top: 75%;height:0; text-align: center;}
.thumbImg-file input[type="file"] {position: absolute;top: 0;left: 0; width: 2px; height: 2px; overflow: hidden; opacity: 0;}
.thumbImg-file label { z-index: 1; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%;height:100%; overflow: hidden; padding: 0; cursor: pointer;background:url(../img/thumb_bg.png) 50% 50% no-repeat #fff; border-radius:0px; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s;transition: transform 0.4s, -webkit-transform 0.4s;}
.thumbImg-file label span {display: block; margin-top: 2rem; font-size: 1.4rem; color: #777; -webkit-transition: color 0.4s; transition: color 0.4s;}
.thumbImg-file label .fa { position: absolute; bottom:3px;left:3px;/* -webkit-transform: translatex(-50%); transform: translatex(-50%); */ font-size: 2rem; color:#666;-webkit-transition: color 0.4s;transition: color 0.4s;}
.thumbImg-file label:hover {}
.thumbImg-file label:hover span, .wrap-custom-file label:hover .fa { color: #333;}
.thumbImg-file label.file-ok { background-size: cover; background-position: center;}
.thumbImg label.file-ok span { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.3rem; font-size: 1.1rem; color: #000; background-color: rgba(255, 255, 255, 0.7);}
.thumbImg label.file-ok .fa { color: #fff;}

.title {display: inline-block;width:100%; text-align:center;font-family: 'NotoSansKR'; font-style: normal;font-weight:700;font-size:36px;color:#1a1a1a;line-height:1;letter-spacing:-0.03em;text-transform:uppercase; margin-bottom:40px;}



/* 공지사항 */
.search_area {display: inline-block; width: 100%; text-align:center;margin-bottom:20px; padding:10px; border:1px solid #dcdcdc;background: #fafafa;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size:0}
.search_area ul{display: inline-block;width: 100%;}
.search_area li.select_type_seach {display: inline-block;width:300px;height:36px; margin-right:10px;}
.search_area li.select_type_seach select{display: inline-block;background: url(/img/select_arrow.png) right center no-repeat #fff; border-radius: 0px; border:1px solid #d9d9d9;height:36px;padding:0 0 0 10px;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;FONT-SIZE: 14px; COLOR: #666;cursor:pointer;}
.search_area li.select_type_seach select::-ms-expand {display: none;}
.search_area li.sbox{display: inline-block;color:#5b5b5b;width: 400px; height:36px; text-align:left; border:1px solid #d9d9d9;background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; position:relative;}
.search_area li img{margin:0px;padding-top:0px;}
.search_area .input01{margin:0px; width:100%;height:34px;vertical-align:middle;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;FONT-SIZE: 14px; COLOR: #666; padding:0px 40px 0px 10px;border:0px solid #d4d4d5;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.search_area .input_btn{ position: absolute;right:0px;border:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

/* board list-tb */

.list-type1 {width:100%;margin:0px auto 40px; border-top:1px solid #333;font-size:0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-type1 ul {border-bottom: 1px solid #d9d9d9;}
.list-type1 ul:hover {background-color: rgba(242,243,250,.9);}
.list-type1 li{padding:0px 10px; border-left:0px solid #d9d9d9;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.list-type1 .tit_no{display: inline-block;width:10%;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.list-type1 .tit_cont{display: inline-block;width:50%;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.list-type1 .tit_date{display: inline-block;width:15%;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.list-type1 .tit_name{display: inline-block;width:15%;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.list-type1 .tit_file{display: inline-block;width:15%;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.list-type1 .tit_hit{display: inline-block;width:10%;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.list-type1 .no{display: inline-block;width:10%; text-align: center;font-size:13px;color:#444;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;letter-spacing:-0.0em;text-align: center;}
.list-type1 .cont{display: inline-block;width:50%;text-align:left;font-size:14px;color:#333;line-height:1.3;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;letter-spacing:-0.0em;word-break: break-all;}
.list-type1 .name{display: inline-block;width:15%;text-align: center;font-size:13px;color:#666;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;letter-spacing:-0.0em;word-break: break-all;}
.list-type1 .file{display: inline-block;width:15%;text-align: center;font-size:13px;color:#666;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;letter-spacing:-0.0em;word-break: break-all;}
.list-type1 .date{display: inline-block;width:15%;text-align: center;font-size:13px;color:#666;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;letter-spacing:-0.0em;word-break: break-all;}
.list-type1 .hit{display: inline-block;width:10%;text-align: center;font-size:13px;color:#666;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;letter-spacing:-0.0em;word-break: break-all;}
.list-type1 span{display: inline-block; margin-right:5px;}
.list-type1 span img{vertical-align:middle;}
.list-type1 li:first-child {border-left: none;}
.list-type1 input[type="checkbox"],.list-type1 input[type="radio"]{width:14px; height:14px;vertical-align:middle;border:1px solid #ddd; margin:0; padding:0; cursor:pointer;}
.list-type1 .nbg{background-color:#f3f8fc;}
.list-type1 .list-head{text-align: center;background-color: #fafafa;padding:12px 0px;}
.list-type1 .list-body{background-color: #fff;padding:10px 0px;}
.list-type1 .nodata{display: inline-block;width:100%;text-align: center;font-size:14px;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;background-color: #fff;padding:80px 0px;}


.total{display: inline-block; width: 100%; text-align:left; margin-bottom:10px;font-size:14px;color:#555;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}
.total span{display: inline-block; margin-left:5px;font-size:14px;color:#000;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;}

/* pagination --------------------------------------------- */
.paging {position:relative;clear:both;text-align:center;vertical-align:middle;margin-top:20px; z-index:1;}
.paging span {vertical-align:middle;display:inline-block;width:32px;height:32px;line-height:30px; text-align:center;color:#444;font-size:12px;font-family: 'Roboto'; font-style: normal; font-weight: 400;margin-left:2px;border:1px solid #dcdcdc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.paging span img {vertical-align:middle; max-width:100%;border:0px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.paging span a {vertical-align:middle;display:block;width:30px;height:30px;color:#86898d;font-size:12px;font-family: 'Roboto'; font-style: normal; font-weight: 400;}
.paging span.on {vertical-align:middle;border-bottom:2px solid #15bb61;color:#15bb61;font-family: 'Roboto'; font-style: normal; font-weight: 500;}
.paging span.on a {color:#000;font-family: 'Roboto'; font-style: normal; font-weight: 500;}
.paging span:first-child {margin-left:0px;}

/* boardView */
.boardtb {width:100%;margin:0px auto; border-top:1px solid #b1adad; overflow: hidden; }
.boardtb .tit{text-align:left;font-family: 'NotoSansKR'; font-style: normal; font-weight: 500;font-size:20px;color: #333;line-height:1.3; padding:20px 20px 0px;}
.boardtb .txt{text-align:left;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;font-size:18px;color: #555;line-height:1.3; padding:0px 20px 0px;margin-top:6px;}
.boardtb .time_wrap{display: inline-block; width:100%; text-align:right; border-bottom:1px solid #ebebeb; padding:15px 20px 15px 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .time_wrap .time{display: inline-block; background:url(/img/i_time.png) left 50% no-repeat;min-height:14px;padding-left:24px; font-size: 13px;line-height:1;color: #86898d;font-weight:200; margin-right:20px;}
.boardtb .time_wrap .hit{display: inline-block; background:url(/img/i_hit.png) left 50% no-repeat;min-height:14px;padding-left:24px; font-size: 13px;line-height:1;color: #86898d;font-weight:200;}
.boardtb .content_box{display: inline-block; width:100%; padding:20px; min-height:200px; text-align:left; font-size:14px;color:#666;line-height:1.4;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;border-bottom:1px solid #e6e6e6;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;word-wrap: break-word;word-break: keep-all;}
.boardtb .content_box .imgbox{display: inline-block; width:100%; text-align:center;}
.boardtb .content_box img{max-width:100%;margin:20px 0px;}
.boardtb .content_box table{max-width:100%; margin-top:10px;border-top:1px solid #333;}
.boardtb .content_box table td{padding:12px 5px;vertical-align:middle;border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;word-wrap: break-word;word-break: keep-all;}
.boardtb .content_box .txt1{text-align:left;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;font-size:16px;color: #333;line-height:1.45; margin-bottom:10px;}
.boardtb .content_box .txt2{text-align:left;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;font-size:14px;color: #333;line-height:1.45; margin-bottom:10px;}

.boardtb .file_box{display: inline-block;width:100%;padding:10px 20px 4px;text-align:left; background:#fff; /* border-bottom:1px solid #ebebeb; */ box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.boardtb .file_box p{background: url(/img/icon_file.png) left center no-repeat;min-height:13px;padding-left:20px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;font-size:12px;color:#828282;line-height:13px; margin-bottom:10px;}


.board_line{width:100%; border-top:1px solid #e6e6e6;margin:10px 0px; }

.page_move {width:100%;margin-top:20px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; font-size:0}
.page_move ul{display:block;border-top:1px solid #e6e6e6;}
.page_move li.prev{display: inline-block; width:15%; background:#fafafa; font-size:13px;text-align:left;color:#333;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;padding:14px 10px 14px 20px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.page_move li.prev img{margin-left:10px;margin-top:5px;}
.page_move li.prev_tit{display: inline-block; width:85%; text-align:left;font-size:13px; color:#646464;line-height:1;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;padding:14px 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;/*text-overflow:ellipsis-word;*/}
.page_move ul:first-child{border-top:0px solid #e6e6e6;}

.imgFix{width:100%; }
.img_fix {width: 100%;height: auto;}
.img_max {max-width: 100%;height: auto;}


/* login / join */
.login_title{position:relative;display: inline-block;width:100%;text-align:center;font-family: 'NotoSansKR'; font-style: normal; font-weight: 500;font-size:2.8rem;line-height:1;letter-spacing:-0.03em;color:#1a1a1a; margin-bottom:40px;}
.login_title:after{content:'';display:block;width:30px;height:1px;background:#424242;position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);}

.login_stxt{display:block;width:100%; max-width:550px;margin:40px auto;text-align:center;font-weight:200;font-size:14px;line-height:1;letter-spacing:-0.01em;color:#1a1a1a;overflow: hidden;}

.login_area{display:block;width:100%; max-width:550px;margin:40px auto 60px; font-size:0;}
.login_area input{ height:40px;background:#fafafa;border:1px solid #dfdfdf;transition: all 0.3s ease-out; padding:0px 10px;margin-bottom:15px;vertical-align:top;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;font-size: 1.4rem;color:#666;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.login_area input:focus {outline: none;background-color: transparent;border-color:#727a82}
.login_area .leftBtn{display: inline-block; width:50%;text-align:left;padding-right:5px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.login_area .rightBtn{display: inline-block; width:50%;text-align:right;padding-left:5px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.login_area .loginBtn{display:inline-block;width:100%;height:45px;line-height:42px;background:#15bb61;text-align:center;color:#fff;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;font-size:16px;transition:all 0.5s;}
.login_area .loginBtn:hover{background:#55575a;}
.login_area .joinBtn{display: inline-block; width:100%; height:45px;line-height:42px;text-align:center;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;font-size:14px;color:#fff;border:1px solid #2e2d41;background:#2e2d41;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;transition:all 0.5s;}
.login_area .joinBtn:hover{background:#55575a;}

.login_guide{width:100%;margin-top:30px; /* border-top:1px solid #d1d1d1; padding:30px 20px; */padding:0px 20px;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.login_guide .leftArea{display: inline-block; width:50%;text-align:left;}
.login_guide .rightArea{display: inline-block; width:50%;text-align:right;font-size:14px;color:#666;}
.login_guide .rightArea > span{display: inline-block;margin:0 10px;font-family: 'NotoSansKR'; font-style: normal; font-weight: 400;font-size:11px;color:#aaa; line-height:14px;}

.reg_form{display:inline-block; width:100%;font-size:0;background:#fff;padding:15px 5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.reg_form ul{display:inline-block; width:100%; margin-top:15px;text-align:left;}
.reg_form ul:first-child{margin-top:0px;}
.reg_form li{display:inline-block;width:100%;font-weight:200;color: #333;font-size:13px;line-height:1;letter-spacing:-0.03em;}
.reg_form .titArea{display:inline-block;width:30%;color: #1a1a1a;font-size:13px;line-height:1.3;letter-spacing:-0.03em;}
.reg_form .txtArea{display:inline-block;width:70%;font-weight:200;color: #333;font-size:13px;line-height:1.3;letter-spacing:-0.03em;}
.reg_form h3{color: #1a1a1a;font-size:13px;line-height:1;letter-spacing:-0.03em;margin-bottom:8px;}
.reg_form h4{font-weight:200;color: #666;font-size:12px;line-height:1.3;letter-spacing:-0.03em;}
.reg_form p{margin-bottom:10px;}
.reg_form span{display:inline-block;}
.reg_form .mid_txt{display:inline-block;line-height:35px;text-align:center;}
.reg_form .s_txt{display:inline-block; width:100%; min-height:35px;vertical-align:middle;border:1px solid #dfdfdf;background:#fff;padding:8px 5px;font-weight:200;color:#666;font-size:13px;line-height:1.3;letter-spacing:-0.03em;margin-bottom:8px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.reg_form .s_box{display: inline-block;width:100%;text-align:center;margin-bottom:10px;border:1px solid #dfdfdf;background:#fafafa;padding:10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.reg_form h3 img{ vertical-align:middle; margin-left:5px;}

.agreeBox{display: inline-block;width:100%;border-top:1px solid #d1d1d1; padding-top:15px; margin-top:15px; box-sizing: border-box;font-size:0;}
.agreeBox .agrLeft{display: inline-block;width:70%;text-align:left;color:#424242;font-size:13px;line-height:1;}
.agreeBox .agrRight{display: inline-block;width:30%;text-align:right;}
.agreeBox textArea{display: inline-block;width:100%;border:1px solid #dfdfdf;height:250px;background:#fff;white-space: pre-wrap;padding: 10px;font-weight:200;color:#666; font-size: 13px;line-height:1.3;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.agreeBox textArea:focus {outline: none;border-color:#b1b1b1;}
.agreeBox input[type=checkbox] { display: none;  }
.agreeBox input[type=checkbox] { display: none;  }
.agreeBox input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:20px;margin-right:0px; font-size: 14px; line-height:16px;color:#666;vertical-align:middle;}
.agreeBox input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 16px;height: 16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:5px; border:1px solid #cbcdd3; background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.agreeBox input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size:14px; font-weight:400; border:1px solid #727a82; background:#727a82;color: #fff;text-align: center;line-height:1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}  

.all_check{display: inline-block;width:100%;border:1px solid #dfdfdf; background:#fafafa; padding:15px;box-sizing: border-box;margin:10px 0px;}
.all_check input[type=checkbox] { display: none;  }
.all_check input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:20px;margin-right:0px; font-size: 14px; line-height:16px;color:#666;vertical-align:middle;}
.all_check input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 16px;height: 16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:5px; border:1px solid #cbcdd3; background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.all_check input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size:14px; font-weight:400; border:1px solid #727a82; background:#727a82;color: #fff;text-align: center;line-height:1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}  


.join_ok{display:block; width:100%;max-width:450px; margin:0 auto 40px; background: url(../img/i_join_ok.png) center 50px no-repeat;padding-top:180px;text-align:center; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.join_ok > h3{color:#333;font-size:18px;line-height:1.45;letter-spacing:-0.03em;margin-bottom:20px; }
.join_ok > p{color:#666;font-size:14px;line-height:1.45;letter-spacing:-0.03em;margin-bottom:40px;}
.join_ok > .buttonArea{display: inline-block; width:100%;font-size:0;}
.join_ok > .buttonArea li{display: inline-block; width:48%;}
.join_ok > .buttonArea li:first-child{margin-right:4%;}

.txt_pre{display: inline-block;width:100%;text-align:left;white-space: pre-wrap;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;color:#444; font-size: 13px;line-height:1.4;}
.txt_preBox{display: inline-block;width:100%;text-align:left;white-space: pre-wrap;font-family: 'NotoSansKR'; font-style: normal;font-weight: 400;color:#444; font-size: 13px;line-height:1.4;border:1px solid #dfdfdf; background:#fafafa; padding:30px;box-sizing: border-box;}