@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;700;900&display=swap');
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0; line-height:175%; letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; font-size:16px; color:#777777; font-weight: 300; font-family: 'Noto Sans KR', 'SCoreDream', Malgun Gothic,'Malgun Gothic', sans-serif; height:100%;}
*{font-family:'Montserrat', 'Noto Sans KR',  Malgun Gothic,'Malgun Gothic', sans-serif; }
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:0.9375rem;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:0.9375rem;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:120%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:inherit;}
a, a:hover{transition:all 0.2s cubic-bezier(0.215,0.61,0.355,1);}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* �щ＼�먯꽌 而ㅼ꽌 �대┃�� �뚮��� �뚮몢由� �쒖쇅*/

select::-ms-expand {display:none}
input[type=text]::-ms-clear {display: none;}
input::-webkit-input-placeholder {color:#ababab; }
input:-ms-input-placeholder {color:#ababab; }
input::placeholder {color:#ababab; }

span, b, strong{line-height:inherit; font-family:inherit;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}



/* Common */
.line_bg{height:2px; background-color:#f5f5f5}
.eng{font-family: 'Montserrat', 'Noto Sans KR', Malgun Gothic,'Malgun Gothic', sans-serif !important;}
.mont{font-family: 'Montserrat' !important;}

.img_bor{border:1px solid #ddd}
.ls0 {letter-spacing:0 !important; }
.w1280{width: 100%; max-width:1280px; padding: 0 25px; box-sizing:border-box; margin: 0 auto;}
.center{text-align:center !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.bold{font-weight: 700 !important;}
.grayBg{background-color: #f9f9f9 !important;}
.blackFont{color: #333333 !important;}

/* 
  hidden 
*/
.hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}

#wrap {position:relative; width:100%; min-width:1280px; height: 100%;}



/* Header */
#header{position:fixed; left:0; top:0; width:100%; z-index:999999; border:1px solid red; margin-top:}
#header .header_in{max-width:1650px; width:100%; margin:0 auto; padding:30px 25px; box-sizing:border-box;}
#header .header_in:after{content:''; display:block; clear:both;}
#header .header_in h1{float:left;}
#header .header_in h1 a{display:block; width:180px; height:50px; transition:all .3s linear; font-size:0;}
#header .header_in h1 a svg path,
#header .header_in h1 a svg rect,
#header .header_in h1 a svg polygon  {fill: #fff;}
#header .header_in .topUtil{float:right; font-size:0; margin:10px 0 0;}
#header .header_in .topUtil li{display:inline-block; vertical-align:top;}
#header .header_in .topUtil li a{display:block; width:30px; height:30px; background:url('../images/sitemap.png') no-repeat center/100% auto; transition:all .3s linear;}
#header .header_in .topUtil li a:hover{opacity:0.5;}


#header.on .header_in h1 a svg path,
#header.on .header_in h1 a svg rect,
#header.on .header_in h1 a svg polygon{fill: #0b4c45;}
#header.on .header_in h1 a .st1  {fill: #0b4c45; stroke: #0b4c45;}
#header.on .header_in .topUtil li a{background:url('../images/sitemap_up.png') no-repeat center/100% auto;}


.fp-viewing-secondPage-1 #header .header_in h1 a svg path,
.fp-viewing-secondPage-1 #header .header_in h1 a svg rect,
.fp-viewing-secondPage-1 #header .header_in h1 a svg polygon{fill: #0b4c45;}
.fp-viewing-secondPage-1 #header .header_in h1 a .st1 {fill: #0b4c45; stroke: #0b4c45;}
.fp-viewing-4rhPage #header .header_in h1 a svg path,
.fp-viewing-4rhPage #header .header_in h1 a svg rect,
.fp-viewing-4rhPage #header .header_in h1 a svg polygon  {fill: #0b4c45;}
.fp-viewing-4rhPage #header .header_in h1 a .st1 {fill: #0b4c45; stroke: #0b4c45;}
.fp-viewing-5thPage #header .header_in h1 a svg path,
.fp-viewing-5thPage #header .header_in h1 a svg rect,
.fp-viewing-5thPage #header .header_in h1 a svg polygon  {fill: #0b4c45;}
.fp-viewing-5thPage #header .header_in h1 a .st1 {fill: #0b4c45; stroke: #0b4c45;}

.fp-viewing-secondPage-1 #header .header_in .topUtil li a{background:url('../images/sitemap_up.png') no-repeat center/100% auto;}
.fp-viewing-4rhPage #header .header_in .topUtil li a{background:url('../images/sitemap_up.png') no-repeat center/100% auto;}
.fp-viewing-5thPage #header .header_in .topUtil li a{background:url('../images/sitemap_up.png') no-repeat center/100% auto;}



/* �쇱そ 怨듯넻 �꾩씠肄� */
.lnb_defalt {
  position: fixed; 
  left: 0; 
  top: 0; 
  bottom: 0; 
  width: 70px; 
  display: flex; 
  flex-direction: column; 
  z-index: 65;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  height:100vh;
  background-color: rgba(0, 0, 0, 0.3);
}
/* .lnb_defalt.bkon {background: #000;} */

.lnb_defalt a.menu_btn i {
    /* animation: ani 1.2s linear infinite; */
}

.lnb_defalt a.menu_btn.on i {
    animation:none;

}
@keyframes ani {
    from {
        opacity:0;
    }

    to {
        opacity:1;
    }
}

.lnb_defalt ul {position: relative; }
.lnb_defalt ul li {position: relative;}
.lnb_defalt ul li a {display: flex; align-items: center; flex-direction: column; transition: all .3s;}
.lnb_defalt ul li a i {width: 70px; height: 75px; display: flex; align-items: center; justify-content: center;}
.lnb_defalt ul li a p{
  color: #fff;
  position: absolute;
  /* bottom:0px; */
  top:60px;
  font-family: 'Montserrat', 'Noto Sans KR';
  font-weight: 100;
  font-size:11px;
  font-style: normal;
  letter-spacing: -0.065em;
  font-stretch: 50%;
}

.lnb_defalt ul li a i.gnb_ico_1 {background:url("../images/gnb_ico_1.png") center center no-repeat;}
.lnb_defalt ul li a i.gnb_ico_2 {background:url("../images/gnb_ico_2.png") center center no-repeat;}
.lnb_defalt ul li a i.gnb_ico_3 {background:url("../images/gnb_ico_3.png") center center no-repeat;}
.lnb_defalt ul li a i.gnb_ico_4 {background:url("../images/gnb_ico_4.png") center center no-repeat;}
.lnb_defalt ul li a i.gnb_ico_5 {background:url("../images/gnb_ico_5.png") center center no-repeat;}
.lnb_defalt ul li a i.gnb_ico_6 {background:url("../images/gnb_ico_6.png") center center no-repeat;}
.lnb_defalt ul li a i.gnb_ico_7 {background:url("../images/gnb_ico_7.png") center center no-repeat;}
.lnb_defalt ul li a i.gnb_ico_8 {background:url("../images/gnb_ico_8.png") center center no-repeat;}
.lnb_defalt ul li a i.gnb_ico_9 {background:url("../images/gnb_ico_9.png") center center no-repeat;}
.lnb_defalt ul li a:hover, 
.lnb_defalt ul li a.on {background: #485dc5;}

.lnb_defalt .tel_num::after {display:inline-block;content:'';width:18px;height:137px;background:url("../images/tel_bl.png") center center no-repeat;}
.lnb_defalt .tel_num {display:none;text-align:center;background:#fff;border-top:1px solid #e5e5e5;padding:25px 0;}


.left_logo {
  position: fixed; top:40px; left:120px; z-index:99;
  /* width: 410px; */
  /* width : 470px; */
  width : 261px;
  /* height: 34px; */
  height : 50px;
  background:url("../images/main-logo.png?v=1030") center center no-repeat;
  background-size : contain;
}
.left_logo.is-color {
  background:url("../images/logo-color.png") center center no-repeat;
}
.right_tel {
  position: fixed; top:40px; right:50px; z-index:99;
}
.right_tel p:nth-child(2){
  padding-top: 20px;
  padding-left:20px;
}



/*  �щ씪�대뱶 硫붾돱 */
#menuArea {display:none; position:fixed; top:0; left:0; z-index:999; height:100%; width: 100%;}

#menuArea .menuList {height:100%; width:100%; background: #ffffff; position:absolute; left:-100%; box-sizing:border-box;}


#menuArea .menuList h2 {position:Relative; padding:60px 40px; box-sizing:border-box; overflow:hidden; }

#menuArea .menuList .menu_visual{
  position: absolute;
  top:0;
  left:0;
  width: 30%;
  height:100%;
  background:url('../images/visual_menu.jpg') no-repeat right/cover;

}

#menuArea .menu_txt { 
  position: absolute;
  top:0;
  right:0;
  width:70%;
  }


#menuArea .menu_txt img{padding:80px 80px 50px 80px; }

#menuArea .menu_txt ul, #menuArea .menuList li{list-style:none;}
#menuArea .menu_txt>.list {}
#menuArea .menu_txt>.list>li {
  position: relative;
}
#menuArea .menu_txt>.list>li .sm{
  position: absolute;
  top:2px;
  left: 240px;
}
#menuArea .menu_txt>.list>li .sm bb{
  padding: 0 22px;
  border-left: 1px solid #ccc;
}
#menuArea .menu_txt>.list>li .sm bb a{
  color:#666;
}
#menuArea .menu_txt>.list>li .sm bb a:hover{
  color:#252525;
  font-weight: 400;
}
#menuArea .menu_txt>.list>li .sm bb:last-child{
  border-right: 1px solid #ccc;
}

#menuArea .menu_txt>.list>li>a {display:inline-block; margin:0 30px 50px 80px; font-size:28px; line-height: 120%; font-weight:400; color:#333;  font-family: 'Montserrat', 'Noto Sans KR', Malgun Gothic,'Malgun Gothic', sans-serif; position:relative; letter-spacing:0.3pt; position: relative;}

#menuArea .menu_txt>.list>li>a:after{content:''; display: inline-block; width: 0; height: 15px; background:#485dc5; transition:all .3s linear; position: absolute; left: 0; bottom: 0; opacity: .3;} 
#menuArea .menu_txt>.list>li>a:hover:after{width: 100%;}
#menuArea .menu_txt>.list>li.active>a{color:#485dc5;}

#menuArea .menu_txt>.list>li>a span{
  display: none;
    position: absolute;
    top:0;
    left:0;
    margin-top:30px;
    color: #666;
    font-size: 15px; 
    font-weight: 300;
    opacity: 0; 
    margin-left: 0px;
    text-align: left; 
    /* border:1px solid red; */
    width:150px;
}
#menuArea .menu_txt>.list>li>a:hover span{
  animation:effect_left 0.25s 0.1s linear forwards;
}

@keyframes effect_left {
	from { transform:translateX(-60px); opacity: 0;}
	to { transform:translateX(0px); opacity: 1;}
}

#menuArea .line{margin:10px 80px 60px 80px; box-sizing:border-box;border-top:1px solid #ddd;}

#menuArea .menuList .btnMenu_mClose {margin:0; padding:0; width:32px; height:32px; background:url('../images/close_B.png') no-repeat center/100% auto; position:absolute; left:20px; top:105px; border:none; cursor:pointer;}

#grayLayer {width:100%; height:100% !important; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:991; overflow-x:hidden;overflow-y:auto;display:none;}
#grayLayer > a {display:block;width:100%;height:100%}






.regist{
  position:relative; 
  background:url(../images/regist_bg.jpg) no-repeat center center;
  height:300px; margin:0 auto; text-align:center;}

.regist_tit{
  position: relative;
  text-align:center; color:#fff;
  top:50%; transform: translateY(-50%);
}
.regist_tit span{font-size: 36px; font-weight:500;}
.regist_tit p{ margin: 30px 0 40px; font-size:19px;}
.regist_tit a{padding-top: 50px;}


.regist_tit a {
  padding: 10px 80px;
  background-color: #87764e;
  color:#fff;
}
.regist_tit h4 a, a:hover{
  color:#fff;
}



/* Footer */
#footer{background:#191d24; height: auto !important; display: block !important; }
#footer .fp-tableCell {height:auto !important; margin: 0 auto; display: block !important;}


.footer-top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 10px;
    align-items: center;
    margin: 40px 50px 20px 120px;
  }
  .footer-top img:first-child{
    filter: invert(100%);
  }
  .footer-bottom {
    margin: 0 50px 30px 120px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: #ccc;
  }
  .footer-left {
    display: flex;
    align-items: center;
  }
  .footer-text__item {
    font-family:'SCoreDream' ;
    font-size: 13px;
    /* letter-spacing: -0.5px; */
    margin-bottom: 8px;
    line-height: 1.2;
  }
  .footer-text__item:first-child {
    font-size: 14px;
    margin-top: 0;
  }
  .footer-text__item:nth-child(3) {
    font-size: 14px;
    padding-bottom: 10px;
  }
  .footer-text__item:nth-child(3) {

  }
  .footer-text__item-copyright {
    font-size: 12px;
    opacity: 0.6;
  }
  .footer-right {
    font-size:35px;
    font-weight: 600;
    margin-top:-20px;
  }

#footer .contact{background:#fff; border-bottom:1px solid #ddd; box-sizing:border-box; padding:45px 0;}
#footer .contact .contact_in{display:flex; align-items: center; flex-wrap: wrap; padding:0 25px !important;} 
#footer .contact .contact_in h4{font-size:26px; line-height: 120%; font-weight:700; letter-spacing:0.5pt; color:#333; margin:0 50px 0 0;}
#footer .contact .contact_in p{font-size:18px; letter-spacing:0; line-height: 120%;}
#footer .contact .contact_in p a{display:inline-block; color:#004b44; line-height: 120%; text-decoration:underline; }
#footer .footer_in{display:flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding:35px 25px;}
#footer .footer_in p{font-size:15px; letter-spacing:0; color:#333; font-weight:400; }
#footer .footer_in a{display:inline-block; font-size:15px; letter-spacing:0; color:#333; font-weight:400; transition:all .3s linear;}
#footer .footer_in a:hover{color:#0b4c45;}





/* Start-�щ┃湲곕낯 */
.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-slide{display: none; float: left;}
.slick-initialized .slick-slide{display:block;}
/* End-�щ┃湲곕낯 */



/**  肄붾뵫�� 吏��곗� 留� 寃� **/
/* 寃뚯떆�� �섏씠吏� */
.page_num {position: relative; width: 100%; text-align: center; padding:40px 0 0;}
.page_num ul.pagination {display: inline-block; padding: 0; margin: 0; font-size:0;}
.page_num ul.pagination li {display:inline-block; vertical-align: middle; margin: 0 13px;}
.page_num ul.pagination li:nth-child(1){margin:0 22px 0 0;}
.page_num ul.pagination li:nth-child(2){margin:0 22px 0 0;}
.page_num ul.pagination li:nth-last-child(2){margin:0 0 0 22px;}
.page_num ul.pagination li:nth-last-child(1){margin:0 0 0 22px;}
.page_num ul.pagination li a {display:block; color: #999999; font-size:15px; letter-spacing: -0.5pt; font-weight: 400; text-decoration: none; box-sizing:Border-box; font-family: 'Josefin Sans', 'SCoreDream', 'Noto Sans KR', Malgun Gothic,'Malgun Gothic', sans-serif; transition:all .2s linear; line-height:130%; text-align:center; padding: 0 3px;}
.page_num ul.pagination li.arrow a{padding: 0;}
.page_num ul.pagination li a.active {color:#222; border-bottom: 1px solid #222;}
.page_num ul.pagination li a img{height: 12px; opacity: .3; transition:all .3s linear;}
.page_num ul.pagination li a:hover img{opacity: 1;}

/* �먮윭�섏씠吏� */
#error {position:absolute; border:1px solid #ddd; width:500px; padding:200px 50px 50px 50px; text-align:center; background:url('../images/warning_icon.gif') center 50px no-repeat; left:50%; margin-left:-300px; top:49%; margin-top:-203px; box-shadow:0px 5px 0 #f6f6f6;} /*  -moz-transform:translateY(-49%); -ms-transform:translateY(-49%); -webkit-transform:translateY(-49%); transform:translateY(-49%); */
#error h1 {color:#333; font-family:"NanumGothic", "NG", MalgunGothic, Dotum, Arial, sans-serif; margin:0; letter-spacing:-0.5pt;}
#error h1 span {color:#cc141d;}
#error div {color:#666; font-size:18px; letter-spacing:-0.5pt; margin-top:30px; padding-top:30px; line-height:150%; border-top:1px dashed #ccc;}






/*******************************************************************************
    @media 1600px
*******************************************************************************/
@media all and (max-width:1600px){







}


/*******************************************************************************
    @media 1280px
*******************************************************************************/
@media all and (max-width:1280px){



/* Header */
#header{}
#header .header_in{padding:25px 25px; border:1px solid red;}
#header .header_in h1 a{width:144px; height:40px;}
#header .header_in .topUtil{margin:7px 0 0;}
#header .header_in .topUtil li a{width:26px; height:26px;}




/* Footer */
#footer{}
#footer .contact{padding:35px 0 30px;}
#footer .footer_in{padding:30px 25px 25px;}




}
/*******************************************************************************
    @media  ~980px                body,html{font-size:14px; }     3%
*******************************************************************************/
@media all and (max-width:980px){

/* Common */
body,html{font-size:14px;}
.w1280{padding: 0 3%;}

/* Header */
#header{}
#header .header_in{padding:20px 3%;}
#header .header_in h1 a{width:130px; height:36px;}
#header .header_in .topUtil{margin:8px 0 0;}
#header .header_in .topUtil li.btnMenu_m{display:inline-block;}
#header .header_in .topUtil li.sitemap{display:none;}
#header .header_in .topUtil li a{width:20px; height:20px;}





/* Footer */
#footer{}
#footer .contact{padding:25px 0 20px;}
#footer .contact .contact_in{padding:0 3% !important;} 
#footer .contact .contact_in h4{font-size:22px; margin:0 30px 0 0;}
#footer .contact .contact_in p{font-size:16px;}
#footer .footer_in{padding:25px 3% 20px; display:block;}
#footer .footer_in p{font-size:14px; padding:0 0 10px;}
#footer .footer_in a{font-size:14px;}


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

select {background: url("../images/cat_arrow_bk.png") no-repeat right 10px center/ 10px auto;}

/* Header */
#header{}
#header .header_in{padding:18px 3%;}




/* 紐⑤컮�� 硫붾돱 : �щ씪�대뱶 硫붾돱 */
#menuArea {width:280px;}
#menuArea .menuList {width:280px; right:-280px;}
#menuArea .menuList h2 {padding:25px 20px 30px;}
#menuArea .menuList h2 img{width:160px;}
#menuArea .menuList>.list>li>a {margin:0 20px 14px; font-size:16px;}
#menuArea .menuList>.list>li>a:after{display: none;}
#menuArea .mail{padding:60px 20px 0;}
#menuArea dl{padding:15px 0 0; display: block;}
#menuArea dl dt{font-size:15px;}
#menuArea dl dt:before{width:30px; height:30px; margin: -4px 10px 0 0;}
#menuArea dl dt:after{display: none;}
#menuArea dl dd{font-size:13px; display: block; padding:0px 0 0 40px;}
#menuArea .menuList .btnMenu_mClose {width:14px; height:14px; right:20px; top:34px;}



/* Footer */
#footer{}
#footer .contact{padding:20px 0 15px;}
#footer .contact .contact_in{display:block;}
#footer .contact .contact_in h4{font-size:17px; margin:0 0 2px;}
#footer .contact .contact_in p{font-size:14px;}
#footer .footer_in{padding:20px 3% 15px;}
#footer .footer_in p{font-size:13px; padding:0 0 2px;}
#footer .footer_in a{font-size:13px;}


/* 寃뚯떆�� �섏씠吏� */
.page_num {padding:30px 0 0;}
.page_num ul.pagination li {margin: 0 5px;}
.page_num ul.pagination li:nth-child(1){margin:0 15px 0 0;}
.page_num ul.pagination li:nth-child(2){margin:0 15px 0 0;}
.page_num ul.pagination li:nth-last-child(2){margin:0 0 0 15px;}
.page_num ul.pagination li:nth-last-child(1){margin:0 0 0 15px;}
.page_num ul.pagination li a {font-size:13px;}
.page_num ul.pagination li a img{height: 10px;}
}
/*******************************************************************************
    @media ~480px                body,html{font-size:13px; }
*******************************************************************************/
@media all and (max-width:480px){



/* Common */
body,html{font-size:13px;}


}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:340px){




}