@charset "euc-kr";
/* * {line-height: 130%;} */
#containerNew {line-height: 130%;} 
.section{margin:0 auto;padding:0;width:1040px;overflow:hidden; display:block;position:relative;}
/*  common */
.grayBox_arrow:before{clear:both;content:"";display:block;}
.grayBox_arrow{position:relative;z-index:10;}
.grayBox_arrow.section{height:42px!important;}
.grayBox_arrow a,.grayBox_arrow a:hover{text-decoration:none;display:inline-block;}
.grayBox_arrow .grayBox_arrowLeft,.grayBox_arrow .grayBox_arrowRight{background:#666;position:absolute;}
.grayBox_arrow .grayBox_arrowLeft .bx-prev,.grayBox_arrow .grayBox_arrowRight .bx-next{padding:5px 10px;}
.grayBox_arrow .grayBox_arrowLeft{left:0;}
.grayBox_arrow .grayBox_arrowRight{right:0;}
.pdR200{padding-right:200px!important;}
.pdR400{padding-right:400px!important;}
/* header CSS */
#headerWrap{position:relative;width:100%;margin:0;padding:0;background:#fff;z-index:110;}
#mainWrap > #headerWrap{position:fixed;}
#headerWrap a:hover{text-decoration:none;}
#headerWrap .header_info{width:100%;background:#EDEDED;}
#headerWrap .header_info h6{display:inline-block;font-size:12px;line-height:30px;font-weight:normal;}
#headerWrap .header_info .openTime{float:right;}
#headerWrap .header_main,#headerWrap.activeOn .header_main{position:relative;padding:0;height:80px;width:100%!important;border-bottom:#cacaca solid 1px;overflow:hidden;}
#headerWrap .header_main .mainLogo,#headerWrap.activeOn .header_main .mainLogo{margin:20px 0 0;padding:0;width:260px;position:relative;float:left;}
#headerWrap .header_main .mainLogo h1,#headerWrap.activeOn .header_main .mainLogo h1{width:260px;height:40px;text-align:left;vertical-align:bottom;}
#headerWrap .header_main .gnb,#headerWrap.activeOn .header_main .gnb{margin:20px 0 0 0;background:none;position:relative;float:left;width:450px;min-width:450px!important;height:40px!important;}
#headerWrap .header_main .gnb li,#headerWrap.activeOn .header_main .gnb li{width:25%;margin:0;padding:0;position:relative;float:left;display:inline-block;font-family:"Nanum Gothic", µ¸¿ò, sans-serif;line-height:40px;text-align:center;}
#headerWrap .header_main .gnb li a,#headerWrap.activeOn .header_main .gnb li a{display:inline-block;font-family:"Nanum Gothic", µ¸¿ò, sans-serif;font-size:20px;line-height:40px;font-weight:bold;text-align:center;color:#555;transition:all .2s;}
#headerWrap .header_main .gnb li a:hover{color:#f55641;transition:all .2s;}
#headerWrap .header_main .callcenterWrap,#headerWrap.activeOn .header_main .callcenterWrap{margin:20px 0 0 0;padding:0;width:210px;position:relative;float:right;text-align:right;}
#headerWrap .header_main .callcenterWrap .openTime,#headerWrap.activeOn .header_main .callcenterWrap .openTime{font-family:¸¼Àº°íµñ, Malgun Gothic, µ¸¿ò, Dotum, AppleGothic, sans-serif;font-size:11px;line-height:100%;color:#666;display:block;}
#headerWrap .header_main .callcenterWrap .tellNum,#headerWrap.activeOn .header_main .callcenterWrap .tellNum{font-family:"Nanum Gothic", µ¸¿ò, sans-serif;margin:5px 0 0 0;font-size:17px;font-weight:500;color:#555;line-height:100%;word-break:break-all;letter-spacing:-1px;}
#headerWrap .header_main .callcenterWrap .tellNum span,#headerWrap.activeOn .header_main .callcenterWrap .tellNum span{font-family:"Nanum Gothic", µ¸¿ò, sans-serif;font-size:22px;font-weight:600;color:#f55641;line-height:110%;}
/* login ¿µ¿ª ½ºÅ¸ÀÏ */
#headerWrap .login.section{position:relative;}
#headerWrap .login iframe{display:none;}
.subMenu.section { overflow: visible; }
#headerWrap .loginWrap,#headerWrap.activeOn .loginWrap{display:block;background:#fcfcfc;border-bottom:1px solid #cacaca;}
#headerWrap.activeOn .loginWrap .loginBefore,#headerWrap.activeOn .loginWrap .loginAfter{position:relative;height:30px;padding:10px 0;overflow:hidden;background:#fcfcfc;}
#headerWrap.activeOn .loginWrap label#login_id,#headerWrap.activeOn .loginWrap label#login_password{display:none;}
#headerWrap.activeOn .loginWrap .loginInput{display:inline-block;border:#ccc solid 1px;margin-right:10px;}
#headerWrap.activeOn .loginWrap .loginInput .loginIcon{display:inline-block;width:36px;height:26px;text-align:center;padding-top:2px;background:#f3f3f3;}
#headerWrap.activeOn .loginWrap .loginInput .loginIcon img{width:26px;}
#headerWrap.activeOn .loginWrap .loginInput input{width:110px;font-size:14px;line-height:14px;padding:7px 10px;margin:0;vertical-align:top;border:none;}
#headerWrap.activeOn .loginWrap  #login_id_save{display:inline-block;width:16px;height:16px;vertical-align:middle;}
#headerWrap.activeOn .loginWrap  label{font-family:"Nanum Gothic", µ¸¿ò, sans-serif;font-size:12px;line-height:30px;}
#headerWrap.activeOn .loginWrap  label:hover{font-weight:bold;}
#headerWrap.activeOn .loginWrap .loginBtn{display:inline-block;font-family:"Nanum Gothic", µ¸¿ò, sans-serif;font-size:14px;line-height:30px;height:30px;padding:0 20px;color:#fff;background:#8b9099;margin-left:5px;transition:all .2s;}
#headerWrap.activeOn .loginWrap .loginBtn:hover{background:#8b9099;transition:all .2s;}
#headerWrap.activeOn .loginWrap .loginBefore ul{display:inline-block;float:right;}
#headerWrap.activeOn .loginWrap .loginBefore ul li{display:inline-block;margin-left:20px;}
#headerWrap.activeOn .loginWrap .loginBefore ul li a{display:block;font-family:"Nanum Gothic", µ¸¿ò, sans-serif;font-size:16px;line-height:30px;transition:all .2s;}
#headerWrap.activeOn .loginWrap .loginBefore ul li .joinBtn{font-weight:bold;color:#ff5656;}
#headerWrap.activeOn .loginWrap .loginBefore ul li a:hover{color:#111;transition:all .2s;}
#headerWrap.activeOn .loginWrap .loginBefore ul li .joinBtn:hover{color:#ff0808;}
#headerWrap.activeOn .loginWrap .loginAfter .loginUser_info{margin:0 5px 0 0;position:relative;float:left;}
#headerWrap.activeOn .loginWrap .loginAfter .loginUser_name{font-family:"Nanum Gothic", µ¸¿ò, sans-serif;display:inline-block;font-size:16px;line-height:30px;font-weight:bold;margin-right:30px;}
#headerWrap.activeOn .loginWrap .loginAfter .loginUser_name img{width:30px;height:30px;}
#headerWrap.activeOn .loginWrap .loginAfter .loginUser_name small{font-family:"Nanum Gothic", µ¸¿ò, sans-serif;font-size:16px;font-weight:normal;}
#headerWrap.activeOn .loginWrap .loginAfter .loginClass_info{display:inline-block;}
#headerWrap.activeOn .loginWrap .loginAfter .loginClass_info::after{display:block;content:"";clear:both;}
#headerWrap.activeOn .loginWrap .loginAfter .loginClass_info li{font-family:"Nanum Gothic", µ¸¿ò, sans-serif;display:inline-block;font-size:16px;line-height:30px;margin-right:20px;}
#headerWrap.activeOn .loginWrap .loginAfter .loginClass_info li::before{display:inline-block;content:"/";font-size:16px;font-weight:bold;margin-right:20px;}
#headerWrap.activeOn .loginWrap .loginAfter .loginClass_info li span{font-family:"Nanum Gothic", µ¸¿ò, sans-serif;display:inline-block;font-size:16px;font-weight:bold;}
#headerWrap.activeOn .loginWrap .loginAfter .loginClass_info li a:hover{color:#f55641;}
#headerWrap.activeOn .loginWrap .loginAfter .right{position:absolute;top:10px;right:0;}
#headerWrap.activeOn .loginWrap.sub{background:#F9F9F9;}
#headerWrap.activeOn .loginWrap.sub ul{display:flex;-webkit-display:flex;-moz-display:flex;-ms-display:flex;padding:10px 0;}
#headerWrap.activeOn .loginWrap.sub ul li{display:inline-block;height:30px;padding:0 15px;border:none;}
#headerWrap.activeOn .loginWrap.sub a{display:block;font-family:"Nanum Gothic", µ¸¿ò, sans-serif;font-size:16px;line-height:30px;font-weight:bold;transition:all .2s;}
#headerWrap.activeOn .loginWrap.sub ul li:first-child{border-left:#cacaca dashed 1px;}
#headerWrap.activeOn .loginWrap.sub a:hover{color:#f55641;transition:all .2s;}
/* login ¿µ¿ª ½ºÅ¸ÀÏ */
#headerWrap.activeOn .sitemapWrap,#headerWrap.activeOn .sitemapWrap{margin:0;padding:0;width:100%;height:0;position:absolute;display:block;}
#headerWrap.activeOn .sitemapWrap .sitemap,#headerWrap.activeOn .sitemapWrap .sitemap{overflow:visible;height:0;}
#headerWrap.activeOn .sitemapWrap .sitemap:after,#headerWrap.activeOn .sitemapWrap .sitemap:after{clear:both;content:"";display:block;}
#headerWrap.activeOn .sitemapWrap .sitemap a{position:relative;display:inline-block;float:right;top:-51px;width:120px;font-family:"Nanum Gothic", µ¸¿ò, sans-serif;font-size:16px;line-height:50px;font-weight:bold;text-align:center;color:#fff;background:#8b9099;transition:all .2s;}
#headerWrap.activeOn .sitemapWrap .sitemap a:hover{background:#f55641;transition:all .2s;}
#headerWrap.activeOn .sitemapWrap .sitemap .fa-bars,#headerWrap.activeOn .sitemapWrap .sitemap .fa-bars{font-size:30px;}
#headerWrap.activeOn .sitemapWrap.activeOn .sitemap a,#headerWrap.activeOn .sitemapWrap.activeOn .sitemap a:hover{position:relative;color:#f55641;background:#fff;border:2px solid #f55641;border-bottom:2px solid #FFF;box-sizing:border-box;z-index:99999;}
#headerWrap.activeOn .sitemapWrap .sitemapAll,#headerWrap.activeOn .sitemapWrap .sitemapAll{display:none;}
#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll{position:absolute;display:block;top:0;width:100%;padding:20px 0;background:#fff;border-top:2px solid #f55641;border-bottom:2px solid #f55641;}
#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2{margin:0;padding:0;width:206px;border-collapse:collapse;border-left:#d8d8d8 solid 1px;border-bottom:#d8d8d8 solid 1px;position:relative;float:left;}
#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1{height:215px;}
#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2{height:320px;margin-top:10px}
#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1.sitemap_menuRight,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2.sitemap_menuRight,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1.sitemap_menuRight,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2.sitemap_menuRight{border-right:#d8d8d8 solid 1px;}
#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1 p a,#headerWrap.activeOn.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2 p a,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1 p a:hover,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2 p a:hover,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1 p a,#headerWrap.activeOn.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2 p a,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1 p a:hover,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2 p a:hover,.sitemapAll p{display:block;width:208px;font-family:"Nanum Gothic", µ¸¿ò, sans-serif;font-size:16px;font-weight:bold;line-height:100%;margin:0;padding:12px;background:#f55641;color:#fff;text-decoration:none;box-sizing:border-box;}
#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1 ul,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2 ul,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1 ul,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2 ul{margin:10px 12px;}
#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1 ul li a,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2 ul li a,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1 ul li a:hover,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2 ul li a:hover,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1 ul li a,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2 ul li a,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap1 ul li a:hover,#headerWrap.activeOn .sitemapWrap.activeOn .sitemapAll .sitemap_menuWrap2 ul li a:hover{display:block;font-family:µ¸¿ò, Dotum, sans-serif;font-size:14px;line-height:26px;margin:0;padding:0;color:#555;text-decoration:none;}

/* ·Î±×ÀÎ ¹æ½Ä º¯°æ 2021-07-29 onebabo*/
#headerWrap.activeOn .loginWrap .top_loginbtn{display:inline-block;font-family:"Nanum Gothic", µ¸¿ò, sans-serif;font-size:14px;line-height:30px;height:30px;padding:0 20px;color:#fff;background:#8f8f8f;margin-left:5px;transition:all .2s; border:none}
#headerWrap.activeOn .loginWrap .top_loginbtn:hover{background:#666;transition:all .2s; }

/*  GNB ½ºÅ©·Ñ ½Ã */
#headerWrap .minText span{font-size:11px;color:#d03238;}
/* #headerWrap .minText, */
#headerWrap .loginWrap,
#headerWrap .sitemapWrap,
#headerWrap .sitemapWrap {display: none;}
/*  GNB ½ºÅ©·Ñ ½Ã ³¡ */
.slick-arrow {position:absolute;top:0px;}
/* 20200710 dj */
.sslpopup{background:#10253f;position:relative;
  /* transform:translateY(-100%);
  transition:transform .3s; */
  margin-top: -45px;
  visibility: hidden;
  transition: margin-top .3s, visibility .3s .1s;
}
.sslpopup.active{
  /* transform:translateY(0); */
  margin-top: 0;
  visibility: visible;
}
.sslpopup + #mainWrap{margin-top:-46px;}
.sslpopup.active + #mainWrap{margin-top:0;}
.popupWrap{width:1040px;margin:0 auto;color:#fff;padding:10px 0;background:url(../images/popup/icon_lock.png)no-repeat left 12px;background-size:20px;text-indent:27px;}
.popup_view{border:1px solid #fff;padding:5px 10px 3px;color:#fff!important;border-radius:5px;margin-left:10px;background:none;text-indent:0;cursor:pointer;}
.popup_close{color:#fff!important;font-weight:700;font-size:30px;float:right;text-indent:0;margin-top:-10px;}
.popup_close label{vertical-align:1px;cursor:pointer;}
.popup_close input{vertical-align:-2px;margin-right:5px;}
.popup_close .pop_shut{color:#fff!important;font-weight:700;font-size:30px;text-indent:0;padding:0 10px;box-sizing:border-box;cursor:pointer; border: none; background-color: transparent;}
.login{background:inherit;}
#headerWrap.activeOn .loginWrap.sub ul li{padding:0 14px !important;border:none; box-sizing: border-box;}
/* 20210224 dj ǪÅ͸®´º¾ó */
#footerWrap *{font-family:Nanum Gothic,³ª´®°íµñ,sans-serif;box-sizing:border-box;}
#footerWrap a:hover{color:#2667c2;text-decoration:none;}
#footerWrap .inblock *{display:inline-block;}
#footerWrap .goTotop{float:right;background:#8b9099;color:#fff;font-size:20px;padding:11px 20px;}
.footer_menuWrap{border-top:1px solid #dfdfdf;}
.footer_menuWrap ul *{color:#666;font-size:14px;line-height:120%;}
.footer_menuWrap li::before{content:"";display:inline-block;width:2px;height:14px;background:#888;vertical-align:-2px;}
.footer_menuWrap li:nth-of-type(1)::before{display:none;}
.footer_menuWrap li a{padding:15px 25px;}
.footer_menuWrap li:nth-of-type(1) a{padding-left:0;}
.footer_companyWrap{border-top:1px solid #dfdfdf;}
.footer_companyWrap *{font-size:11px;font-weight:300;line-height:200%;}
.footer_companyWrap .section{padding:15px 0;padding-left:170px;background:url(/images/footer/f_logo.gif)no-repeat left center;}
.footer_companyWrap .bar::before{content:"";display:inline-block;width:1px;height:10px;background:#999;vertical-align:-2px;margin:0 10px 0 6px;}
.footer_companyWrap p{margin-top:10px;}
.footer_companySns{float:right;}
.footer_companySns a{margin-left:5px;display:inline-block;}
/* 20210609 dj */
.sitemapAll .menu-close{color:#f55641;font-weight:700;position:absolute;bottom:20px;left:50%;margin-left:530px;font-size:14px;}
.event_Banner .bx-wrapper .bx-pager{position:absolute; left: 10px; bottom:10px;z-index:9;}
.event_Banner .bx-wrapper .bx-controls-direction a{z-index:9;}
.event_Banner .bx-wrapper .bx-controls-auto { bottom: 10px; }
/** component css #2021.03.10@¼­»ó¿¬ **/
.font-b{font-weight:700;}
.sr-only{position:absolute; display:block; width:1px;height:1px;overflow:hidden;padding:0;margin:-1px;border:0;clip:rect(0, 0, 0, 0);}


/** À¥Á¢±Ù¼º ÀÎÁõ¸¶Å© #2021.11.16@¼­»ó¿¬ **/
.wa_mark { position: absolute; right: 0; bottom: 10px; }