@charset "UTF-8";


/*=========================================================
  상단배너
=========================================================*/
.top_bannerbx{background: url(../../../uploads/2018/03/top_banner_bx_basic.jpg) no-repeat;background-attachment: fixed; background-position: center top;position: relative;margin-bottom: 65px;z-index: 150;}
.top_bannerbx > .max_container{height: 236px;}
.top_bannerbx .bg{display: block; background:url(../../../uploads/2018/02/top_banner_bg.png) no-repeat; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 10;background-size: 100% 100%;}
.top_bannerbx .tit_textbx{position: absolute; top:50%; left:40px; right:40px; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);text-align: center; z-index: 50;}
.top_bannerbx .cate_title{font-size: 50px; color:#ffffff; line-height: 1.4em; font-weight: bold;position: relative;padding-bottom: 14px;}
.top_bannerbx .cate_title:after{content: "";width:24px; height: 2px; background: #fff; position: absolute; bottom:0; left:50%; margin-left:-12px;}

/*백그라운드*/
.cate_one .top_bannerbx{background: url(../../../uploads/2018/03/top_banner_bx_one.jpg) no-repeat;background-attachment: fixed; background-position: center top;}
.cate_two .top_bannerbx{background: url(../../../uploads/2018/03/top_banner_bx_two.jpg) no-repeat;background-attachment: fixed; background-position: center top;}
.cate_three .top_bannerbx{background: url(../../../uploads/2018/03/top_banner_bx_three.jpg) no-repeat;background-attachment: fixed; background-position: center top;}
.cate_four .top_bannerbx{background: url(../../../uploads/2018/03/top_banner_bx_four.jpg) no-repeat;background-attachment: fixed; background-position: center top;}
.cate_five .top_bannerbx{background: url(../../../uploads/2018/03/top_banner_bx_five.jpg) no-repeat;background-attachment: fixed; background-position: center top;}

@media screen and (min-width: 1400px){
.top_bannerbx{background-size: 1980px auto !important;}
}

@media screen and (min-width: 1980px){
.top_bannerbx{background-size: 2560px auto !important;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.top_bannerbx{background-position: center top;}
.top_bannerbx{margin-bottom: 50px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.top_bannerbx{background-position: center top !important;background-size: cover !important; background-attachment: inherit !important;}
.top_bannerbx{margin-bottom: 35px;}
.top_bannerbx .cate_title{padding-bottom: 9px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.top_bannerbx{margin-bottom: 25px;}
}



/*서브 메뉴*/
.breadcrumb .breadcrumb_submu{position: absolute;top:46px; left:0; right:0;background: rgba(0,0,0,0.7);display: none;}
.breadcrumb .breadcrumb_submu li{width:100%;float: none;background: none;}
.breadcrumb .breadcrumb_submu li a{display: block;padding: 8px 15px;font-size: 14px; color: #ffffff;line-height: 1.4em;position: relative;}

/*서브 메뉴 조건값*/
.breadcrumb .breadcrumb_submu li.active a{font-weight: bold;background:#1ebbef;}
.breadcrumb .breadcrumb_submu li a:hover{background: #1ebbef;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.breadcrumb .breadcrumb_submu{top:43px;}
}

/*=========================================================
  메인 슬라이드
=========================================================*/
.main_slider{clear: both;}
.main_slider .ab_sliderbx{height: 814px;position: relative;}
.main_slider .ab_sliderbx .slide_ul{position: absolute; top:0; left:0; right:0; bottom:0;}
.main_slider .ab_sliderbx .slide_ul > li{position: absolute; top:0; left:0; right:0; bottom:0;transition: all 0.7s cubic-bezier(0.57, -0.01, 0.51, 0.99);-webkit-transition: all 0.7s cubic-bezier(0.57, -0.01, 0.51, 0.99);-moz-transition: all 0.7s cubic-bezier(0.57, -0.01, 0.51, 0.99);-ms-transition: all 0.7s cubic-bezier(0.57, -0.01, 0.51, 0.99);opacity: 0; visibility: hidden;}
.main_slide_itembx{position: absolute;top:0; left:0; right:0; bottom:0;}

/*조건값*/
.main_slider .ab_sliderbx .slide_ul > li.active{opacity: 1; visibility: visible;}

/*canvas*/
.main_slider .ab_sliderbx:after{content:"";height:100%;background:rgba(0,0,0,0.25);position:absolute; top:0; left:300px; right:300px;bottom:0;}
#particle-canvas{width: 400px; height: 100%; position:absolute !important; top:0; left:-100px;z-index:100;}
#particle-canvass{width: 400px; height: 100%; position:absolute !important; top:0; right:-100px;z-index:100;}

/*arrow*/
.main_slider .prev_btn{width:34px; height: 67px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: 0px -134px;position: absolute; top:50%; left:40px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 200;text-indent: -99999px;}
.main_slider .next_btn{width:34px; height: 67px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: -42px -134px;position: absolute; top:50%; right:40px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 200;text-indent: -99999px;}

/*조건값*/
.main_slider .prev_btn:hover{opacity: 0.7;}
.main_slider .next_btn:hover{opacity: 0.7;}

/* 슬라이드1
=========================================================*/
.main_slider .ab_sliderbx .slide_ul > li.slide_one{background: url(../../../uploads/2018/02/home_banner_bg.jpg) no-repeat;background-attachment: fixed; background-position: center top;}
.main_slider .ab_sliderbx .slide_ul > li.slide_one .text_bx{position: absolute; top:50%; left:40px; right:40px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 100;text-align: center;}
.main_slider .ab_sliderbx .slide_ul > li.slide_one .text_bx h3{font-size: 90px; color:#fefefe; line-height: 1.3em; font-family:'Open Sans', sans-serif;margin-bottom: 5px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_one .text_bx .sub_text{font-size: 28px; color:#fefefe; line-height: 1.4em;font-family:'Open Sans', sans-serif;margin-bottom: 130px;}

/*슬라이드1 아이콘*/
.main_slider .icon_linkbx{max-width:840px;margin:0 auto;position: relative;}
.main_slider .icon_linkbx ul:after{content: ""; display: table; clear: both;}
.main_slider .icon_linkbx ul li{width:33.3333%;float: left;padding:0 5px;}
.main_slider .icon_linkbx .icon_itembx .itembx{display: block;padding-top:184px; position: relative;bottom:0;transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-webkit-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-moz-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-ms-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);}
.main_slider .icon_linkbx .icon_itembx .itembx .icon{display: block;width:150px; height: 150px; border-radius: 150px;-webkit-border-radius: 150px;-moz-border-radius: 150px;background: rgba(255,255,255,0.2);transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-webkit-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-moz-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-ms-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);position: absolute; bottom:93px; left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.main_slider .icon_linkbx .icon_itembx .itembx .text{display: block;text-align: center;font-size: 18px; color:#fefefe; line-height: 1.5em;}
.main_slider .icon_linkbx .icon_itembx .itembx .text .bold{font-weight: bold;}
.main_slider .icon_linkbx .icon_itembx .itembx .text .b_bold{font-size: 24px; font-weight: bold;line-height: 1.5em;}

/*아이콘*/
.main_slider .icon_linkbx ul li .icon_itembx .itembx .icon img{display: block;position: absolute; top:50%; left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);width:60px;transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-webkit-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-moz-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-ms-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);}


/*조건값 1*/
.main_slider .icon_linkbx.st_one:before{content: "";width:113px; height: 1px; background:rgba(255,255,255,0.2);position: absolute; top:24%;left:28%; transform: rotate(15deg);-webkit-transform: rotate(15deg);-moz-transform: rotate(15deg);-ms-transform: rotate(15deg);opacity: 1;visibility: visible;}
.main_slider .icon_linkbx.st_one:after{content: "";width:128px; height: 1px; background:rgba(255,255,255,0.2);position: absolute; top:34%;left:59%;opacity: 1;visibility: visible;}

/*조건값 2*/
.main_slider .icon_linkbx.st_two:before{content: "";width:115px; height: 1px; background:rgba(255,255,255,0.2);position: absolute; top:24%;left:25.3%; transform: rotate(-15deg);-webkit-transform: rotate(-15deg);-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);opacity: 1;visibility: visible;}
.main_slider .icon_linkbx.st_two:after{content: "";width:107px; height: 1px; background:rgba(255,255,255,0.2);position: absolute; top:26%;left:62%;transform: rotate(15deg);-webkit-transform: rotate(15deg);-moz-transform: rotate(15deg);-ms-transform: rotate(15deg);opacity: 1;visibility: visible;}

/*조건값 3*/
.main_slider .icon_linkbx.st_three:before{content: "";width:113px; height: 1px; background:rgba(255,255,255,0.2);position: absolute; top:24%;right:28%; transform: rotate(-15deg);-webkit-transform: rotate(-15deg);-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);opacity: 1;visibility: visible;}
.main_slider .icon_linkbx.st_three:after{content: "";width:128px; height: 1px; background:rgba(255,255,255,0.2);position: absolute; top:34%;right:59%;opacity: 1;visibility: visible;}

/*조건값 호버*/
.main_slider .icon_linkbx:before{content: "";opacity: 0;visibility: hidden;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-ms-transition-delay: 0.2s;transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-webkit-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-moz-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-ms-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);}
.main_slider .icon_linkbx:after{content: "";opacity: 0;visibility: hidden;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-ms-transition-delay: 0.2s;transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-webkit-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-moz-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-ms-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);}

/*불릿*/
.slide_bullet{position: absolute; bottom:40px; left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);z-index: 100;}
.slide_bullet:after{content: ""; display: table; clear: both;}
.slide_bullet li{float: left;margin:0 10px;}
.slide_bullet li a{display: block;font-size: 12px; color:#ffffff; line-height: 1.4em;opacity: 0.5;padding-bottom: 5px;border-bottom: solid 1px transparent;font-weight: bold;}

/*불릿 호버, 조건값*/
.slide_bullet li a:hover{border-bottom: solid 1px #fff; opacity: 1;}
.slide_bullet li.active a{border-bottom: solid 1px #fff; opacity: 1;transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);}

/* 슬라이드2
=========================================================*/
.main_slider .ab_sliderbx .slide_ul > li.slide_two{background: url(../../../uploads/2018/02/slide2_bg.jpg) no-repeat;background-attachment: fixed; background-position: center top;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two.two{background: url(../../../uploads/2018/02/slide3_bg.jpg) no-repeat;background-attachment: fixed; background-position: center top;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two.three{background: url(../../../uploads/2018/02/slide4_bg.jpg) no-repeat;background-attachment: fixed; background-position: center top;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx{position: absolute; top:50%; left:40px; right:40px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 100;padding-bottom: 30px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx{width:50%; float: left;position: absolute; top:50%; left:40px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx h3{font-size: 70px; color:#fff; line-height: 1.2em;margin-bottom: 20px;font-weight: bold;font-family: 'Open Sans', sans-serif;opacity: 0;visibility: hidden;transform: translateX(-40px);-webkit-transform: translateX(-40px);-moz-transform: translateX(-40px);-ms-transform: translateX(-40px);transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-webkit-backface-visibility: hidden;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx .sub_text{font-size: 20px; color:#fefefe; line-height: 1.5em;margin-bottom: 40px;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-ms-transition-delay: 0.2s;opacity: 0;visibility: hidden;transform: translateX(-40px);-webkit-transform: translateX(-40px);-moz-transform: translateX(-40px);-ms-transform: translateX(-40px);transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-webkit-backface-visibility: hidden;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx .slide_btn_bs{font-size: 16px; color:#fefefe; line-height: 1.4em; border:solid 1px #fff;padding:10px 25px;width:160px;text-align: left;display: block;position: relative;transition-delay: 0.4s;-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-ms-transition-delay: 0.4s;opacity: 0;visibility: hidden;transform: translateX(-40px);-webkit-transform: translateX(-40px);-moz-transform: translateX(-40px);-ms-transform: translateX(-40px);transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-webkit-backface-visibility: hidden;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .thum{width:50%; float: right;line-height: 0;padding-left:30px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx .slide_btn_bs:after{content: "";width:15px; height: 10px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: -62px -48px;position: absolute; top:50%;right:17px;margin-top:-5px;transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-webkit-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-moz-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-ms-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);}

/*호버*/
/*.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx .slide_btn_bs:hover{background: #fff;color:#1ebbef;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx .slide_btn_bs:hover:after{background-position: -62px -60px;}*/
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx .slide_btn_bs:hover:after{right:10px;}

/*애니메이션 액션*/
.main_slider .ab_sliderbx .slide_ul > li.slide_two.active .text_bx .con_textbx h3{opacity: 1; visibility: visible;transform: translateX(0%);-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);}
.main_slider .ab_sliderbx .slide_ul > li.slide_two.active .text_bx .con_textbx .sub_text{opacity: 1; visibility: visible;transform: translateX(0%);-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);}
.main_slider .ab_sliderbx .slide_ul > li.slide_two.active .text_bx .con_textbx .slide_btn_bs{opacity: 1; visibility: visible;transform: translateX(0%);-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);}

@media screen and (min-width: 1400px){
.main_slider .ab_sliderbx .slide_ul > li.slide_one{background-size: 1980px auto !important;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two{background-size: 1980px auto !important;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two.two{background-size: 1980px auto !important;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two.three{background-size: 1980px auto !important;}
}

@media screen and (min-width: 1980px){
.main_slider .ab_sliderbx .slide_ul > li.slide_one{background-size: 2560px auto !important;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two{background-size: 2560px auto !important;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two.two{background-size: 2560px auto !important;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two.three{background-size: 2560px auto !important;}
}

@media screen and (min-width: 1024px){
/*슬라이드1 호버*/
.main_slider .icon_linkbx .icon_itembx .itembx:hover{bottom:10px;}
.main_slider .icon_linkbx .icon_itembx .itembx:hover .icon{background: #1ebbef;width:214px; height: 214px;}
.main_slider .icon_linkbx .icon_itembx .itembx:hover .icon img{width:90px;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.main_slider .ab_sliderbx{height: 650px;}
.slide_bullet{bottom:25px;}

/*슬라이드1*/
.main_slider .ab_sliderbx .slide_ul > li.slide_one .text_bx h3{font-size: 70px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_one .text_bx .sub_text{font-size: 20px;margin-bottom: 80px;}
.main_slider .icon_linkbx .icon_itembx .itembx .icon{width:140px; height: 140px;}
.main_slider .icon_linkbx .icon_itembx .itembx:hover .icon{background: #1ebbef;width:180px; height: 180px;}
.main_slider .icon_linkbx .icon_itembx .itembx .text{font-size: 16px;}
.main_slider .icon_linkbx .icon_itembx .itembx .text .b_bold{font-size: 18px;}
.main_slider .icon_linkbx ul li .icon_itembx .itembx .icon img{width:50px;}
.main_slider .icon_linkbx .icon_itembx .itembx:hover .icon img{width:70px;}

/*라인 1*/
.main_slider .icon_linkbx.st_one:before{width:125px;left:27%;}
.main_slider .icon_linkbx.st_one:after{width: 142px;left: 58%;}

/*라인 2*/
.main_slider .icon_linkbx.st_two:before{width:126px;left:24.6%;}
.main_slider .icon_linkbx.st_two:after{width:129px;left:60%;}

/*라인 3*/
.main_slider .icon_linkbx.st_three:before{width:125px;right:27%;}
.main_slider .icon_linkbx.st_three:after{width: 142px;right: 58%;}

/*슬라이드2*/
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx h3{font-size: 50px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx .sub_text{font-size: 18px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx .slide_btn_bs{font-size: 14px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.main_slider .ab_sliderbx{height: 500px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_one .text_bx{left:0; right:0;}
.main_slider .icon_linkbx:before{display: none;}
.main_slider .icon_linkbx:after{display: none;}
.slide_bullet{bottom:20px;}
.slide_bullet li{margin:0 7px;}
.slide_bullet li a{font-size: 11px;padding-bottom: 2px;}
.main_slider .prev_btn{left:10px;width:18px; height: 34px;background-size: 250px 250px; background-position:0 -67px;transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);top:auto;bottom:15px;}
.main_slider .next_btn{right:10px;width:18px; height: 34px;background-size: 250px 250px; background-position:-21px -67px;transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);top:auto;bottom:15px;}

/*슬라이드1*/
.main_slider .ab_sliderbx .slide_ul > li.slide_one{background-position: center top !important;background-size: cover !important; background-attachment: inherit !important;}
.main_slider .ab_sliderbx .slide_ul > li.slide_one .text_bx h3{font-size: 50px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_one .text_bx .sub_text{font-size: 18px;margin-bottom: 70px;}
.main_slider .icon_linkbx .icon_itembx .itembx .icon{width:120px; height: 120px;}
.main_slider .icon_linkbx .icon_itembx .itembx .text{font-size: 14px;}
.main_slider .icon_linkbx .icon_itembx .itembx .text .b_bold{font-size: 16px;}
.main_slider .icon_linkbx .icon_itembx .itembx{padding-top:0;}
.main_slider .icon_linkbx .icon_itembx .itembx .icon{position: relative;bottom: 0; left:auto;transform: translateX(0%);-webkit-transform: translateX(0%);-moz-transform: translateX(0%); -ms-transform: translateX(0%);margin:0 auto 25px;}
.main_slider .icon_linkbx ul li .icon_itembx .itembx .icon img{width:46px;}

/*슬라이드2*/
.main_slider .ab_sliderbx .slide_ul > li.slide_two{background-position: center top !important;background-size: cover !important; background-attachment: inherit !important;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two.two{background-position: center top !important;background-size: cover !important; background-attachment: inherit !important;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two.three{background-position: center top !important;background-size: cover !important; background-attachment: inherit !important;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx{left:0; right:0;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .thum{padding-left:20px;width:40%;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx{width:60%;left:20px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx h3{font-size: 30px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx .sub_text{font-size: 16px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx .slide_btn_bs{font-size: 13px;margin-bottom: 25px;padding:7px 15px;width:130px;}

/*canvas*/
.main_slider .ab_sliderbx:after{left:200px; right:200px;}
#particle-canvas{width: 300px; left:-100px;}
#particle-canvass{width: 300px; right:-100px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.main_slider .ab_sliderbx{height: 400px;}
.main_slider .prev_btn{bottom:13px;}
.main_slider .next_btn{bottom:13px;}

/*슬라이드1*/
.main_slider .ab_sliderbx .slide_ul > li.slide_one .text_bx h3{font-size: 30px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_one .text_bx .sub_text{font-size: 16px;margin-bottom: 40px;}
.main_slider .icon_linkbx .icon_itembx .itembx .icon{width:82px; height: 82px;margin-bottom: 20px;}
.main_slider .icon_linkbx .icon_itembx .itembx .text{font-size: 11px;}
.main_slider .icon_linkbx .icon_itembx .itembx .text .b_bold{font-size: 12px;}
.main_slider .icon_linkbx ul li .icon_itembx .itembx .icon img{width:36px;}

/*슬라이드2*/
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx{width:100%; float: none;text-align: center;position: static;transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .thum{padding-left:0;width:100%;max-width:100px;float: none;margin:0 auto 20px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx h3{font-size: 28px;margin-bottom: 10px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx .sub_text{font-size: 14px;margin-bottom: 25px;}
.main_slider .ab_sliderbx .slide_ul > li.slide_two .text_bx .con_textbx .slide_btn_bs{margin:0 auto;padding:8px 15px 6px;}

/*canvas*/
.main_slider .ab_sliderbx:after{left:100px; right:100px;}
#particle-canvas{width: 200px; left:-100px;}
#particle-canvass{width: 200px; right:-100px;}
}

@media screen and (max-width: 419px) and (min-width: 1px){
.main_slider .ab_sliderbx .slide_ul > li.slide_one .text_bx .max_container{padding:0 10px;}
}

/*=========================================================
  공지사항
=========================================================*/
.main_row_100bx{clear: both;}
.main_row_100bx:after{content: ""; display: table; clear: both;}
.main_notice_bx{width:66.7%; float: left;padding:40px 40px 40px 0;}
.main_tab_bx{position: relative;}
.main_tab_bx:after{content: ""; width:100%; position: absolute; bottom:0; left:0;background: #d8d8d8; height: 1px;}
.main_tab_bx ul{position: relative;z-index: 10;}
.main_tab_bx ul:after{content: ""; display: table; clear: both;}
.main_tab_bx ul li{float: left;}
.main_tab_bx ul li a{display: block;padding:0 20px;position: relative;}
.main_tab_bx ul li a .text{display: block;font-size: 20px; color:#999999; line-height: 1.4em;position: relative;padding:13px 0;}
.main_tab_bx ul li:first-child a{padding-left:0;}
.main_tab_bx ul li a .text:after{content: "";width:100%; height: 3px; background: #1ebbef;position: absolute; bottom:0; left:0;opacity: 0; visibility: hidden;}

/*액션*/
.main_tab_bx ul li.active a .text{font-size: 24px; color:#1ebbef;font-weight: bold;padding:13px 0 8px;}
.main_tab_bx ul li.active a .text:after{opacity: 1;visibility: visible;}
.main_tab_bx ul li a:hover .text{color:#1ebbef;}
.main_tab_bx ul li a:hover .text:after{opacity: 1;visibility: visible;}

/*more*/
.ps_more{width:33px; height: 33px; border:solid 1px #cfcfcf;background: #fff; position: absolute; top:0; right:0;text-indent: -99999px;z-index: 50;}
.ps_more:before{content: "";width:1px; height: 15px; background: #cfcfcf;display: block; position: absolute; top:50%; margin-top:-8px; left:50%;margin-left:-1px;}
.ps_more:after{content: ""; width:15px; height: 1px; background: #cfcfcf; display: block; position: absolute; top:50%; left:50%;margin-left:-8px;margin-top:-1px;}

/*more hover*/
.ps_more:hover{background: #1ebbef; border:solid 1px #1ebbef;}
.ps_more:hover:before{background: #fff;}
.ps_more:hover:after{background: #fff;}

/*리스트*/
.notice_tab_contul > li{display: none;}
.main_notice_bx .notice_m_ls{clear: both;padding-top:40px;}
.main_notice_bx .notice_m_ls li{clear: both;}
.notice_m_itembx .itembx{display: block;padding:10px 90px 10px 0;position: relative;}
.notice_m_itembx .itembx.n_hover{cursor: default;}
.notice_m_itembx .itembx.n_hover:hover h3{text-decoration: none;color:#2c2c2c; cursor: default;}
.notice_m_itembx .itembx h3{font-size: 16px; color:#2c2c2c; line-height: 1.4em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-weight: normal;}
.notice_m_itembx .itembx .date{font-size: 14px; color:#999999; line-height: 1.4em; position: absolute; top:50%; right:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}

/*조건값*/
.notice_m_itembx .itembx:hover h3{color:#0069b4; text-decoration: underline;}
.notice_tab_contul > li.active{display: block;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.main_notice_bx{padding:35px 35px 35px 0;}
.main_tab_bx ul li a .text{font-size: 16px;padding-bottom: 11px;}
.main_tab_bx ul li.active a .text{font-size: 20px;padding:10px 0 8px;}
.main_notice_bx .notice_m_ls{padding-top:25px;}
.notice_m_itembx .itembx h3{font-size: 14px;}
.notice_m_itembx .itembx .date{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.main_notice_bx{padding:30px 30px 30px 0;}
.main_tab_bx ul li a .text{font-size: 14px;padding-bottom: 11px;}
.main_tab_bx ul li.active a .text{font-size:18px;padding:10px 0 8px;}
.main_notice_bx .notice_m_ls{padding-top:20px;}
.notice_m_itembx .itembx h3{font-size: 14px;}
.notice_m_itembx .itembx .date{font-size: 12px;}
.ps_more{width:28px; height: 28px;}
.notice_m_itembx .itembx{padding:8px 90px 8px 0;}
}

@media screen and (max-width: 766px) and (min-width: 1px){
.main_notice_bx{width:100%; float: none;padding-right: 0;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.main_notice_bx{padding:25px 0;}
}

/*=========================================================
  뉴스레터
=========================================================*/
.newsletter_m_bx{width:33.3%;float: left;padding:40px 0 50px 40px;background: #edf4f6;position: relative;}
.newsletter_m_bx:after{content: ""; width:3000px; position: absolute; top:0; right:-3000px; bottom:0;background:#edf4f6;}
.newsletter_m_bx .row_headbx{position: relative;margin-bottom: 42px;}
.row_title{font-size: 24px; color:#2c2c2c; line-height: 1.4em; font-weight: bold;}
.newsletter_contbx .itembx{display: block;}
.newsletter_contbx .tblbx{display: table; table-layout: fixed; width:100%;}
.newsletter_contbx .tblbx .thum{display: table-cell; vertical-align: middle;width:32%;}
.newsletter_contbx .tblbx .cont{display: table-cell; vertical-align: middle;padding-left:20px;}
.newsletter_contbx .tblbx .cont h4{font-size: 18px; color:#1ebbef; line-height: 1.4em; font-weight: bold;margin-bottom: 5px;position: relative;padding-top:9px;}
.newsletter_contbx .tblbx .cont h4:before{content: ""; width:14px; height: 2px; background:#1ebbef; position: absolute; top:0; left:0; }
.newsletter_contbx .tblbx .cont li{font-size: 12px; color:#3c3c3c; line-height: 1.4em;padding-left:8px; position: relative;margin-top:5px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newsletter_contbx .tblbx .cont li:first-child{margin-top:0;}
.newsletter_contbx .tblbx .cont li:before{content: "∙";position: absolute; top:0; left:0;}
.newsletter_formbx{margin-top:40px; padding-top:30px;border-top:solid 1px #dfdfdf;}
.ab_text{position: absolute; top:0; left:-999999999px; font-size: 0; line-height: 0;}
.newsletter_formbx .input_itembx{padding-right: 98px; position: relative;}
.newsletter_formbx .input_itembx .text_inputbx{font-size: 14px; color:#3c3c3c; line-height: 1.4em;padding:8px 15px; border:solid 1px #dcdcdc; display: block; width:100%;background: #fff;}
.newsletter_formbx .input_itembx .sub_inputbx{position: absolute; top:0; right:0;font-size: 14px; color:#ffffff; line-height: 1.4em;font-weight: bold; width:90px; height: 100%; background: #555555; padding:5px 5px;text-align: center; cursor: pointer;}

/*호버*/
.newsletter_formbx .input_itembx .sub_inputbx:hover{background:#0069b4;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.row_title{font-size: 20px;}
.newsletter_contbx .tblbx .cont h4{font-size: 16px;}
.newsletter_formbx{margin-top:30px;}
.newsletter_m_bx{padding:35px 0 43px 35px;}
.newsletter_formbx .input_itembx .sub_inputbx{font-size: 13px;}
.newsletter_m_bx .row_headbx{margin-bottom: 30px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.row_title{font-size: 18px;}
.newsletter_contbx .tblbx .cont h4{font-size: 15px;}
.newsletter_formbx{margin-top:25px;padding-top:25px;}
.newsletter_m_bx{padding:30px 0 34px 30px;}
.newsletter_formbx .input_itembx .sub_inputbx{font-size: 13px;}
.newsletter_m_bx .row_headbx{margin-bottom: 30px;}
}

@media screen and (max-width: 766px) and (min-width: 1px){
.newsletter_m_bx{width:100%; float: none;padding-left: 0;padding-bottom: 30px;}
.newsletter_m_bx:before{content: ""; width:3000px; position: absolute; top:0; left:-3000px; bottom:0;background:#edf4f6;}
.newsletter_contbx .tblbx .thum{width:20%;}
.newsletter_formbx{margin-top:20px;padding-top:20px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.newsletter_contbx .tblbx .cont h4{font-size: 14px;}
.newsletter_m_bx{padding:25px 0;}
.newsletter_contbx .tblbx .thum{width:28%;}
.newsletter_m_bx .row_headbx{margin-bottom: 25px;}
}

/*=========================================================
  스마트 인사이트
=========================================================*/
.slide_inside_bx{background: url(../../../uploads/2018/02/inside_bg_bx-2.jpg) no-repeat;background-attachment: fixed; background-position: center bottom;position: relative;}
.slide_inside_bx .max_container{height: 370px;overflow: hidden;}
.slide_inside_bx .slide_in_ul{position: absolute; top:0; left:40px; right:40px; bottom:0;overflow: hidden;}
.slide_inside_bx .slide_in_ul li{position: absolute; top:0; left:0; right:0; bottom:0;transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-webkit-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-moz-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);-ms-transition: all 0.2s cubic-bezier(0.57, -0.01, 0.51, 0.99);}
.slide_inside_bx .slide_in_ul li .textbx{position: absolute; top:50%; left:40px; right:40px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);text-align: center;}
.slide_inside_bx .slide_in_ul li .textbx h3{font-size: 36px; color:#ffffff; line-height: 1.4em; font-weight: bold;margin-bottom: 20px;max-width: 700px; margin-left:auto; margin-right: auto;}
.slide_inside_bx .slide_in_ul li .textbx .sub_text{font-size: 16px; color:#ffffff; line-height: 1.6em;max-height: 6.4em; overflow: hidden;margin-bottom: 30px;max-width: 700px; margin-left:auto; margin-right: auto;}
.inside_itembx .itembx{display: block;}
.slide_inside_bx .slide_in_ul li .textbx .sub_text .color{color:#fffdd6; text-decoration: underline;}
.slide_inside_bx .slide_in_ul li .inside_itembx{height: 370px;}

/*버튼*/
.bs_morebx{display: block;font-size: 16px; color:#fefefe; line-height: 1.4em; border:solid 1px #fff; padding:10px 55px 10px 25px;max-width: 160px; margin:0 auto;position: relative;text-align: left;}
.bs_morebx:after{content: "";width:16px; height: 10px; background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: -62px -48px;position: absolute; top:50%; margin-top:-5px; right:17px;}

/*버튼 호버*/
.inside_itembx .itembx:hover .bs_morebx{background: #fff;color:#1ebbef;}
.inside_itembx .itembx:hover .bs_morebx:after{background-position: -62px -60px}

/*불릿*/
.box_bullet{position: absolute;top:0; left:40px; z-index: 100;}
.box_bullet:after{content: ""; display: table; clear: both;}
.box_bullet li{float: left;margin-right: 1px;}
.box_bullet li:last-child{margin-right: 0;}
.box_bullet li a{display: block; width:48px; height: 48px;background: rgba(0,0,0,0.4);text-align: center;font-size: 13px; line-height: 1.4em;color:#fff;padding:15px 5px;}

/*arrow*/
.slide_inside_bx .prev_btn{width:34px; height: 67px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: 0px -134px;position: absolute; top:50%; left:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 100;text-indent: -99999px;}
.slide_inside_bx .next_btn{width:34px; height: 67px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: -42px -134px;position: absolute; top:50%; right:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 100;text-indent: -99999px;}


/*조건값*/
.slide_inside_bx .slide_in_ul li.active{z-index: 50;}
.box_bullet li a:hover{background: #fff;color:#2c2c2c;}
.box_bullet li.active a{background: #fff;color:#2c2c2c;font-weight: bold;}
.slide_inside_bx .prev_btn:hover{opacity: 0.7;}
.slide_inside_bx .next_btn:hover{opacity: 0.7;}

@media screen and (min-width: 1400px){
.slide_inside_bx{background-size: 1980px auto !important;}
}

@media screen and (min-width: 1980px){
.slide_inside_bx{background-size: 2560px auto !important;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.slide_inside_bx .slide_in_ul li .textbx h3{font-size: 28px;margin-bottom: 15px;}
.slide_inside_bx .slide_in_ul li .textbx .sub_text{font-size: 14px;margin-bottom: 25px;}
.bs_morebx{font-size: 14px;}
.slide_inside_bx .max_container{height: 320px;}
.box_bullet li a{font-size: 12px;}
.slide_inside_bx .prev_btn{left:20px;}
.slide_inside_bx .next_btn{right:20px;}
.slide_inside_bx .slide_in_ul li .inside_itembx{height: 320px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.slide_inside_bx{background-position: center top !important;background-size: cover !important; background-attachment: inherit !important;}
.slide_inside_bx .slide_in_ul li .textbx h3{font-size: 22px;margin-bottom: 10px;}
.slide_inside_bx .slide_in_ul li .textbx .sub_text{font-size: 13px;margin-bottom: 20px;}
.bs_morebx{font-size: 13px;padding:9px 35px 7px 15px;max-width: 130px;}
.slide_inside_bx .slide_in_ul li .textbx{left:0; right:0;}
.slide_inside_bx .max_container{height: 270px;}
.box_bullet{left:20px;}
.box_bullet li a{font-size: 12px;width:30px; height: 30px;padding: 8px 5px;}
.slide_inside_bx .prev_btn{left:10px;width:18px; height: 34px;background-size: 250px 250px; background-position:0 -67px;}
.slide_inside_bx .next_btn{right:10px;width:18px; height: 34px;background-size: 250px 250px; background-position:-21px -67px;}
.slide_inside_bx .slide_in_ul li .inside_itembx{height: 270px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.slide_inside_bx .slide_in_ul li .textbx h3{font-size: 18px;}
.slide_inside_bx .max_container{height: 330px;}
.slide_inside_bx .slide_in_ul li .inside_itembx{height: 330px;}
.slide_inside_bx .slide_in_ul li .textbx .sub_text{max-height: 12.8em;}
}

/*=========================================================
  고객상담전용
=========================================================*/
.support_mbx{padding:45px 0 50px;}
.support_mbx dl{display: table;table-layout: fixed; width:100%;}
.support_mbx dt{display: table-cell;vertical-align: middle;width:34%;}
.support_mbx dd{display: table-cell;vertical-align: middle;}
.support_mbx dt .tel{font-size: 50px; color:#1ebbef; font-weight: bold;line-height: 1.4em;padding-top:10px;margin-top:15px;position: relative;margin-bottom: 9px;}
.support_mbx dt .tel:before{content: "";width:20px; height: 2px; background: #1ebbef; position: absolute; top:0; left:0;}
.support_mbx dt .date{font-size: 14px; color:#5c5c5c; line-height: 1.5em; font-weight: bold;padding-left:10px; position: relative;}
.support_mbx dt .date:before{content: "∙"; position: absolute; top:0; left:0;}

/*아이콘박스*/
.support_mbx dd ul{margin:-7px -7px; overflow: hidden;}
.support_mbx dd ul li{padding:7px 7px;width:33.3333%; float: left;}
.support_mbx dd ul li .icon_bx{max-width: 170px; margin:0 auto;}
.support_mbx dd ul li .icon_bx .itembx{display: block;text-align: center;border:solid 3px transparent;padding:25px 5px 20px;}
.support_mbx dd ul li .icon_bx .text{display: block;font-size: 16px; color:#2c2c2c; line-height: 1.4em;margin-top:28px;}

/*아이콘 이미지*/
.support_mbx dd ul li .icon_bx .icon_item{margin:0 auto; background:url(../images/icon/s_home_icon.png) no-repeat;background-size: 160px 295px;display: block;}
.support_mbx dd ul li.step1 .icon_bx .icon_item{width:65px; height: 60px;background-position: 0 0;}
.support_mbx dd ul li.step2 .icon_bx .icon_item{width:65px; height: 60px;background-position: 0 0px;}
.support_mbx dd ul li.step3 .icon_bx .icon_item{width:64px; height: 56px;background-position: 0 -76px;}
.support_mbx dd ul li.step4 .icon_bx .icon_item{width:47px; height: 58px;background-position: 0 -151px;}

/*호버*/
.support_mbx dd ul li .icon_bx .itembx:hover{border:solid 3px #1ebbef;}

@media screen and (min-width: 1024px){
.support_mbx dd ul li .icon_bx .itembx:hover .text{color:#1ebbef;}
.support_mbx dd ul li.step1 .icon_bx .itembx:hover .icon_item{background-position: -88px 0;}
.support_mbx dd ul li.step2 .icon_bx .itembx:hover .icon_item{background-position: -88px 0;}
.support_mbx dd ul li.step3 .icon_bx .itembx:hover .icon_item{background-position: -88px -76px;}
.support_mbx dd ul li.step4 .icon_bx .itembx:hover .icon_item{background-position: -88px -151px;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.support_mbx{padding:35px 0 40px;}
.support_mbx dt .tel{font-size: 38px;}
.support_mbx dt .date{font-size: 13px;}
.support_mbx dd ul li .icon_bx .text{font-size: 14px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.support_mbx{padding:30px 0 35px;}
.support_mbx dt .tel{font-size: 32px;}
.support_mbx dt .date{font-size: 13px;}
.support_mbx dd ul li .icon_bx .text{font-size: 13px;}
.support_mbx dd ul li .icon_bx .itembx{padding:15px 5px 15px;}
.support_mbx dd ul li .icon_bx .icon_item{background-size: 120px 221px;}
.support_mbx dd ul li.step1 .icon_bx .icon_item{width:44px; height: 46px;background-position: 0 0;}
.support_mbx dd ul li.step2 .icon_bx .icon_item{width:49px; height: 46px;background-position: 0 0;}
.support_mbx dd ul li.step3 .icon_bx .icon_item{width:48px; height: 46px;background-position: 0 -57px;}
.support_mbx dd ul li.step4 .icon_bx .icon_item{width:36px; height: 46px;background-position: 0 -113px;}
.support_mbx dd ul{margin:-2px -2px;}
.support_mbx dd ul li{padding:2px 2px;}
}

@media screen and (max-width: 766px) and (min-width: 1px){
.support_mbx dl{display: block;}
.support_mbx dt{display: block;width:100%;margin-bottom: 15px;}
.support_mbx dd{display: block;}
.support_mbx dt .tel{font-size: 28px;margin-top:10px;margin-bottom: 6px;}
.support_mbx dd ul li .icon_bx .text{margin-top:15px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.support_mbx{padding:25px 0 25px;}
.support_mbx dd ul li .icon_bx .itembx{padding:10px 0;}
.support_mbx dd ul li .icon_bx .text{font-size: 11px;}
.support_mbx dt .tel{font-size: 24px;}
}

/*=========================================================
  컨택
=========================================================*/
.home_contactbx{background: url(../images/back/map_bg.jpg) no-repeat;background-attachment: fixed; background-position: center bottom;position: relative;padding:45px 0 50px;}
.home_contactbx h2{text-align: center;font-size: 0; line-height: 0;margin-bottom: 45px;}
.home_contactbx h2 .title{font-size: 30px; color:#2b2b2b; line-height: 1.4em; font-weight: bold;display: inline-block;text-transform: uppercase;padding-left:40px;position: relative;}
.home_contactbx h2 .title:before{content: ""; width:30px; height: 30px; background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: -26px -46px;position: absolute; top:50%; left:0; margin-top:-15px;}
.home_contactbx h2 .title.nor{text-transform: none;}

/*form*/
.contact_form{max-width: 890px; margin:0 auto;}
.contact_form .row_formbx{margin-bottom: 10px;}
.contact_form .row_formbx ul{margin:-4px -9px;}
.contact_form .row_formbx ul:after{content: ""; display: table; clear: both;}
.contact_form .row_formbx ul li{width:25%; float: left;padding:4px 9px;}
.bs_input_formbx{position: relative;}
.bs_input_formbx .text_inpubx{font-size: 14px; color:#3c3c3c; line-height: 1.4em;padding:8px 15px; border:solid 1px #dcdcdc; display: block; width:100%;background: #fff;}
.bs_input_formbx textarea.text_inpubx{height: 128px; resize: none;line-height: 1.5em;}

/*조건값*/
.bs_input_formbx.necessary:before{content: "*";font-size: 14px; color:#1ebbef; line-height: 1.2em;font-weight: bold; position: absolute; top:0; left:-10px;}

/*하단박스*/
.contact_form .tblbx{margin-top:10px; display: table; table-layout: fixed; width:100%;}
.contact_form .tblbx .textbx{display: table-cell; vertical-align: middle;font-size: 16px; color:#5c5c5c; line-height: 1.5em;}
.contact_form .tblbx .textbx .color{color:#1ebbef; font-weight: bold;}
.contact_form .tblbx .subbx{display: table-cell; vertical-align: middle;width:210px;}
.contact_form .tblbx .subbx .submit_btn{width:210px;font-size: 18px; color:#fefefe; line-height: 1.4em; font-weight: bold;background: #1ebbef; padding:12px 5px 11px;text-align: center;cursor: pointer;}

/*호버*/
.contact_form .tblbx .subbx .submit_btn:hover{background: #2d2f30;}


@media screen and (min-width: 1400px){
.home_contactbx{background-size: 1980px auto !important;}
}

@media screen and (min-width: 1980px){
.home_contactbx{background-size: 2560px auto !important;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.home_contactbx{padding:35px 0 40px;}
.home_contactbx h2{margin-bottom: 40px;}
.home_contactbx h2 .title{font-size: 24px;}
.contact_form .tblbx .textbx{font-size: 14px;}
.contact_form .tblbx .subbx .submit_btn{font-size: 16px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.home_contactbx{background-position: center top !important;background-size: cover !important; background-attachment: inherit !important;padding:30px 0 35px;}
.home_contactbx h2{margin-bottom: 30px;}
.home_contactbx h2 .title{font-size: 22px;}
.contact_form .tblbx .textbx{font-size: 13px;}
.contact_form .tblbx .subbx .submit_btn{font-size: 14px;}
.home_contactbx h2 .title:before{margin-top:-16px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.home_contactbx{padding:25px 0 25px;}
.home_contactbx h2{margin-bottom: 25px;}
.home_contactbx h2 .title{font-size: 20px;}
.contact_form .row_formbx ul li{width:50%;}
.contact_form .row_formbx ul li:nth-child(odd){clear: both;}
.contact_form .tblbx .subbx .submit_btn{font-size: 13px;}
.contact_form .tblbx{display: block;}
.contact_form .tblbx .textbx{display: block;margin-bottom: 20px;text-align: center;}
.contact_form .tblbx .subbx{display: block;margin:0 auto;}
}

/*=========================================================
  고객사&파트너사
=========================================================*/
.home_partnerbx{padding:30px 0;}
.home_partnerbx dl{display: table; table-layout: fixed; width:100%;}
.home_partnerbx dt{display: table-cell; vertical-align: middle;width:164px;border-right:solid 1px #dfdfdf;}
.home_partnerbx dd{display: table-cell; vertical-align: middle;}
.home_partnerbx dt .row_s_title{font-size: 18px; color:#2c2c2c; line-height: 1.4em; font-weight: bold;margin-bottom: 20px;}
.home_partnerbx dt .arrow_btnbx{clear: both;}
.home_partnerbx dt .arrow_btnbx:after{content: ""; display: table; clear: both;}
.home_partnerbx dt .arrow_btnbx a{display: block; float: left;width:28px; height: 28px;border:solid 1px #727f89; background: #fff;margin-left:-1px;text-indent: -99999px;position: relative;}
.home_partnerbx dt .arrow_btnbx a:first-child{margin-left:0;}
.home_partnerbx dt .arrow_btnbx a.prev_btn:after{content: ""; width:8px; height: 15px; background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: 0 -261px;position: absolute; top:50%; left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.home_partnerbx dt .arrow_btnbx a.next_btn:after{content: ""; width:8px; height: 15px; background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: -14px -261px;position: absolute; top:50%; left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.bx-wrapper{margin:0 auto !important;border:none !important;box-shadow: none !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;background: none !important;}

/*호버*/
.home_partnerbx dt .arrow_btnbx a:hover{background: #727f89;}
.home_partnerbx dt .arrow_btnbx a.prev_btn:hover:after{background-position: 0 -278px;}
.home_partnerbx dt .arrow_btnbx a.next_btn:hover:after{background-position: -14px -278px;}

/*슬라이드*/
.home_partnerbx .bx-viewport{height: 54px !important;}
.partner_slider .ab_slidebx{overflow: hidden;}
.partner_slider .ab_slidebx:after{content: ""; display: table; clear: both;}
.partner_ul{height:86px;}
.partner_ul li{float: left;text-align: center;}
.partner_ul li .bannerbx .itembx{display: block;line-height: 0;text-align: center;cursor:default;}
.partner_slider .bx-wrapper img{margin:0 auto;max-width: 99px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.home_partnerbx{padding:30px 0;}
.home_partnerbx dt .row_s_title{font-size: 16px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.home_partnerbx{padding:25px 0;}
.home_partnerbx dt .row_s_title{font-size: 16px;}
}

@media screen and (max-width: 766px) and (min-width: 1px){
.home_partnerbx dl{display: block;}
.home_partnerbx dt{display: block;width:100%; margin-bottom: 10px;border-right: none;position: relative;}
.home_partnerbx dd{display: block;}
.home_partnerbx dt .row_s_title{font-size: 18px;margin-bottom: 0;padding-top:3px;padding-bottom: 1px;}
.home_partnerbx dt .arrow_btnbx{position: absolute; right:0; top:0;}
}

/*=========================================================
  팝업박스(뉴스레터)
=========================================================*/
.popupbx{position: fixed; top:0; left:0; right:0; bottom:0; z-index: 1500;}
.popupbx .bg{display: block; position: absolute; top:0; left:0; right:0; bottom:0;background: rgba(0,0,0,0.7);}
.popupbx .popup_contbx{width:700px; position: absolute; top:50%; left:50%; margin-left:-350px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);background: #fff;padding:40px 30px;}
.popupbx .popup_contbx .close_btn{width:33px; height: 33px; display: block; text-indent: -99999px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: 0 -351px;position:absolute; top:-50px; right:0;}
.newsletter_p_bx .title{font-size: 30px; color:#0069b4; line-height: 1.4em; margin-bottom: 5px;text-align: center;}
.newsletter_p_bx .sub_text{font-size: 14px; color:#5c5c5c; line-height: 1.5em; text-align: center;margin-bottom: 20px;}
.newsletter_p_bx .emailbx{border:solid 3px #0069b4;padding:25px 25px;margin-bottom: 25px;}

/*form*/
.newsletter_p_bx .input_itembx{padding-right: 0; position: relative;max-width: 536px; margin:0 auto;}
.newsletter_p_bx .input_itembx .text_inputbx{font-size: 14px; color:#3c3c3c; line-height: 1.4em;padding:8px 15px; border:solid 1px #dcdcdc; display: block; width:100%;background: #fff;}
.newsletter_p_bx .input_itembx .sub_inputbx{position: absolute; top:0; right:0;font-size: 14px; color:#ffffff; line-height: 1.4em;font-weight: bold; width:90px; height: 100%; background: #555555; padding:5px 5px;text-align: center; cursor: pointer;}

/*호버*/
.newsletter_p_bx .input_itembx .sub_inputbx:hover{background:#0069b4;}

.newsletter_p_bx .gray_bx{padding:20px 20px;background: #f6f9fa;margin-bottom: 15px;}
.newsletter_p_bx .gray_bx h3{font-size: 24px; color:#2c2c2c; line-height: 1.4em;}
.newsletter_p_bx .borderbx{padding:20px 30px;border:solid 1px #dfdfdf; background: #fff;margin-bottom: 15px;margin-top:15px;}
.newsletter_p_bx .gray_bx h4{font-size: 16px; color:#2c2c2c; line-height: 1.4em;}
.newsletter_p_bx .borderbx p{font-size: 12px; color:#5c5c5c; line-height: 1.5em;margin-top:8px;}
.newsletter_p_bx .gray_bx ul{padding-left:20px;}
.newsletter_p_bx .gray_bx ul li{font-size: 14px; color:#5c5c5c; line-height: 1.5em;padding-left:15px; position: relative;}
.newsletter_p_bx .gray_bx ul li:before{content: "∙"; position: absolute; top:0; left:0;}

/*하단 폼박스*/
.newsletter_p_bx .tblbx{display: table;table-layout: fixed; width:100%;}
.newsletter_p_bx .tblbx .radio_checkbx{display: table-cell; vertical-align:middle;}
.newsletter_p_bx .tblbx .submit_bx{display: table-cell; vertical-align:middle;width:230px;}
.newsletter_p_bx .tblbx .submit_bx .submitbx{width:100%;font-size: 18px; color:#fefefe; line-height: 1.4em; font-weight: bold;background: #1ebbef; padding:12px 5px 11px;text-align: center;cursor: pointer;}

/*호버*/
.newsletter_p_bx .tblbx .submit_bx .submitbx:hover{background: #2d2f30;}

/*라디오박스*/
.newsletter_p_bx .radio_checkbx .radio_itembx{margin-right: 20px;float: left;}
.newsletter_p_bx .radio_checkbx .radio_itembx:last-child{margin-right: 0;}
.newsletter_p_bx .radio_checkbx .radio_itembx input[type="radio"]{display: none;}
.newsletter_p_bx .radio_checkbx .radio_itembx label{display: block;font-size: 14px; color:#2c2c2c; line-height: 1.4em;padding-left:30px; position: relative;}
.newsletter_p_bx .radio_checkbx .radio_itembx label:before{content: "";width:22px; height: 22px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: 0 -400px;position: absolute; top:-2px; left:0;cursor: pointer;}

/*조건값*/
.newsletter_p_bx .radio_checkbx .radio_itembx input[type="radio"]:checked + label:before{background-position: -26px -400px;}

@media screen and (max-height: 880px) and (min-width: 1024px){
.popupbx .popup_contbx{padding:20px 20px;}
.newsletter_p_bx .title{font-size: 24px;}
.newsletter_p_bx .sub_text{font-size: 13px;}
.newsletter_p_bx .emailbx{padding:15px 10px;margin-bottom: 10px;}
.newsletter_p_bx .gray_bx h3{font-size: 18px;}
.newsletter_p_bx .borderbx{padding:10px 15px;}
.newsletter_p_bx .gray_bx h4{font-size: 14px;}
.newsletter_p_bx .borderbx p{font-size: 11px;}
.newsletter_p_bx .gray_bx ul li{font-size: 12px;}
.newsletter_p_bx .borderbx{margin-top:10px; margin-bottom: 10px;}
.newsletter_p_bx .tblbx .submit_bx{width:180px;}
.newsletter_p_bx .tblbx .submit_bx .submitbx{font-size: 13px;}
.newsletter_p_bx .radio_checkbx .radio_itembx label{font-size: 13px;}
.newsletter_p_bx .gray_bx{padding:10px 10px;}
.newsletter_p_bx .gray_bx ul{padding-left:10px;}
}

@media screen and (max-height: 663px) and (min-width: 1024px){
.popupbx .popup_contbx .newsletter_p_bx{height: 400px;overflow: hidden; overflow-y: auto;margin:-20px -20px;padding:20px 20px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.popupbx .popup_contbx{padding:20px 20px;width:500px; margin-left:-250px;}
.newsletter_p_bx .title{font-size: 24px;}
.newsletter_p_bx .sub_text{font-size: 13px;}
.newsletter_p_bx .emailbx{padding:15px 10px;margin-bottom: 10px;}
.newsletter_p_bx .gray_bx h3{font-size: 18px;}
.newsletter_p_bx .borderbx{padding:10px 15px;}
.newsletter_p_bx .gray_bx h4{font-size: 14px;}
.newsletter_p_bx .borderbx p{font-size: 11px;}
.newsletter_p_bx .gray_bx ul li{font-size: 12px;}
.newsletter_p_bx .borderbx{margin-top:10px; margin-bottom: 10px;}
.newsletter_p_bx .tblbx .submit_bx{width:180px;}
.newsletter_p_bx .tblbx .submit_bx .submitbx{font-size: 13px;}
.newsletter_p_bx .radio_checkbx .radio_itembx label{font-size: 13px;}
.newsletter_p_bx .gray_bx{padding:10px 10px;}
.newsletter_p_bx .gray_bx ul{padding-left:10px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.popupbx .popup_contbx{width:auto; margin-left:0;left:20px; right:20px;}
.newsletter_p_bx .emailbx{padding:10px 10px;}
.newsletter_p_bx .title{font-size: 18px;}
.newsletter_p_bx .gray_bx h3{font-size: 16px;}
.newsletter_p_bx .tblbx .submit_bx{width:100px;}
.newsletter_p_bx .tblbx .submit_bx .submitbx{font-size: 12px;}
.newsletter_p_bx .radio_checkbx .radio_itembx{margin-right: 10px;}
.newsletter_p_bx .radio_checkbx .radio_itembx label{font-size: 12px;}
.newsletter_p_bx .radio_checkbx .radio_itembx label:before{top:-4px;}
}

@media screen and (max-width: 419px) and (min-width: 1px){
.popupbx .popup_contbx{padding:0;}
.popupbx .popup_contbx .close_btn{top:-40px;}
.popupbx .popup_contbx .newsletter_p_bx{height: 500px; overflow: hidden; overflow-y: auto;padding: 20px 20px;}
}


@media screen and (max-width: 374px) and (min-width: 1px){
.newsletter_p_bx .tblbx{display: block;}
.newsletter_p_bx .tblbx .radio_checkbx{display: block;}
.newsletter_p_bx .tblbx .radio_checkbx:after{content: ""; display: table; clear: both;}
.newsletter_p_bx .tblbx .submit_bx{display: block;margin-top: 15px;width:100%;}

.popupbx .popup_contbx .newsletter_p_bx{height: 340px;}
}

/*=========================================================
  공지사항 리스트
=========================================================*/
.entry-header{margin-bottom: 45px;}
.entry-header .entry-title{text-align: center;font-size: 45px; color:#1c1c1c; line-height: 1.4em;}

/*셀렉박스레이아웃*/
.pg_lshead{clear: both;margin-bottom: 40px;position: relative;z-index: 50;}
.pg_selbx{max-width:486px; margin:0 auto;border:solid 1px #dfdfdf;}
.pg_selbx:after{content: ""; display: table; clear: both;}

/*셀렉박스*/
.pg_selbx .pg_selectbx{float: left;}
.pg_selectbx{width:140px;position: relative;}
.pg_selectbx .textbx{display: block;font-size: 16px; color:#2c2c2c; line-height: 1.4em; padding:13px 25px;position: relative;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;height: 48px;}
.pg_selectbx .textbx:after{content: "";width:10px; height: 6px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: 0 -430px; position: absolute; top:50%; margin-top:-3px; right:10px;}

/*ul*/
.pg_selectbx .pg_sel_ul{position: absolute; top:48px; left:-1px; right:0;border:solid 1px #dfdfdf;border-top:none;background: #fff;padding:5px 0;display: none;}
.pg_selectbx .pg_sel_ul a{display: block;font-size: 14px; color:#2c2c2c; line-height: 1.4em; padding:5px 25px;}

/*호버*/
.pg_selectbx .pg_sel_ul a:hover{color:#1ebbef;}
.pg_selectbx .pg_sel_ul li.active a{color:#1ebbef;font-weight: bold;}

/*서치박스*/
.pg_search_bx{display: block;overflow: hidden;position: relative;padding-right: 48px;}
.pg_search_bx .pg_search_text{display: block;font-size: 16px; color:#2c2c2c; line-height: 1.4em; padding:13px 5px 13px 25px;width:100%;height: 48px;}
.pg_search_bx .pg_search_submit{width:48px; height: 48px; position: absolute; top:0; right:0;text-indent: -99999px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px; background-position: -465px -465px;cursor: pointer;}

/*호버*/
.pg_search_bx .pg_search_submit:hover{background-position: -465px -401px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.entry-header{margin-bottom: 30px;}
.entry-header .entry-title{font-size: 34px;}
.pg_lshead{margin-bottom: 25px;}
.pg_selectbx .textbx{font-size: 13px;height: 44px;}
.pg_search_bx .pg_search_text{font-size: 13px;height: 44px;}
.pg_search_bx .pg_search_submit{height: 44px;background-position: -465px -467px;}
.pg_search_bx .pg_search_submit:hover{background-position: -465px -403px;}
.pg_selectbx .pg_sel_ul{top:44px;}
.pg_selectbx .pg_sel_ul a{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.entry-header{margin-bottom: 20px;}
.entry-header .entry-title{font-size: 26px;}
.pg_lshead{margin-bottom: 20px;}
.pg_selectbx .textbx{font-size: 13px;height: 44px;}
.pg_search_bx .pg_search_text{font-size: 13px;height: 44px;}
.pg_search_bx .pg_search_submit{height: 44px;background-position: -465px -467px;}
.pg_search_bx .pg_search_submit:hover{background-position: -465px -403px;}
.pg_selectbx .pg_sel_ul{top:44px;}
.pg_selectbx .pg_sel_ul a{font-size: 13px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.entry-header{margin-bottom: 15px;}
.entry-header .entry-title{font-size: 20px;}
.pg_lshead{margin-bottom: 15px;}
.pg_selectbx{width:120px;}
}

/* =========================================================
  공지사항 리스트
=========================================================*/

.ls_tbl:after{content: ""; display: table; clear: both;}
.ls_tbl table{width:100%;border-bottom: solid 1px #333333;border-top:solid 3px #1ebbef;}
.ls_tbl table thead th{font-size: 18px; color:#2c2c2c; font-weight: bold;text-align: center;line-height: 1.4em; padding:17px 15px;vertical-align:middle;}
.ls_tbl table tbody th{font-size: 16px;color:#2c2c2c; line-height: 1.4em;text-align: center;padding:20px 15px;vertical-align:middle;font-weight: normal;border-top: solid 1px #d6d6d6;}
.ls_tbl table tbody td{font-size: 16px;color:#2c2c2c; line-height: 1.4em;text-align: center;padding:20px 15px;vertical-align:middle;border-top: solid 1px #d6d6d6;}
.ls_tbl table tbody td.step2{text-align: left;}
.ls_tbl table tbody td.step2 a{color:#111111;}

/*조건값*/
.ls_tbl table tbody tr.file td.step2 a{padding-right:30px;position: relative;background: url(../images/icons/icon_file.html) no-repeat;background-size: 20px 20px; background-position: right 2px;}

/*호버*/
.ls_tbl table tbody tr:hover{background: #fafafa;}
.ls_tbl table tbody td.step2 a:hover{color:#1ebbef;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.ls_tbl table thead th{font-size: 16px;}
.ls_tbl table tbody th{font-size: 14px;}
.ls_tbl table tbody td{font-size: 14px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.ls_tbl table thead th{font-size: 14px;padding:14px 5px;}
.ls_tbl table tbody th{font-size: 13px;padding:15px 5px;}
.ls_tbl table tbody td{font-size: 13px;padding:15px 5px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.ls_tbl table colgroup{display: none;}
.ls_tbl table thead th:nth-child(1){display: none;}
.ls_tbl table thead th:nth-child(4){display: none;}
.ls_tbl table tbody th{display: none;}
.ls_tbl table tbody th.nopost{display: table-cell !important;}
.ls_tbl table tbody td.step4{display: none;}
.ls_tbl table thead th:nth-child(2){width:70%;}
.ls_tbl table thead th:nth-child(3){width:30%;}
.ls_tbl table tbody td.step2{width:70%;}
.ls_tbl table tbody td.step3{width:30%;font-size: 11px;}
}

/* =========================================================
  공시정보 리스트
=========================================================*/
.if_tbl:after{content: ""; display: table; clear: both;}
.if_tbl table{width:100%;border-bottom: solid 1px #333333;border-top:solid 3px #1ebbef;}
.if_tbl table thead th{font-size: 18px; color:#2c2c2c; font-weight: bold;text-align: center;line-height: 1.4em; padding:17px 15px;vertical-align:middle;}
.if_tbl table tbody th{font-size: 16px;color:#2c2c2c; line-height: 1.4em;text-align: center;padding:20px 15px;vertical-align:middle;font-weight: normal;border-top: solid 1px #d6d6d6;}
.if_tbl table tbody td{font-size: 16px;color:#2c2c2c; line-height: 1.4em;text-align: center;padding:20px 15px;vertical-align:middle;border-top: solid 1px #d6d6d6;}
.if_tbl table tbody td.step3{text-align: left;}
.if_tbl table tbody td.step3 a{color:#111111;}

/*조건값*/
.if_tbl table tbody tr.file td.step3 a{padding-right:30px;position: relative;background: url(../images/icons/icon_file.html) no-repeat;background-size: 20px 20px; background-position: right 2px;}

/*호버*/
.if_tbl table tbody tr:hover{background: #fafafa;}
.if_tbl table tbody td.step3 a:hover{color:#1ebbef;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.if_tbl table thead th{font-size: 16px;}
.if_tbl table tbody th{font-size: 14px;}
.if_tbl table tbody td{font-size: 14px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.if_tbl table thead th{font-size: 14px;padding:14px 5px;}
.if_tbl table tbody th{font-size: 13px;padding:15px 5px;}
.if_tbl table tbody td{font-size: 13px;padding:15px 5px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.if_tbl,.if_tbl thead,.if_tbl tbody,.if_tbl th,.if_tbl td,.if_tbl tr{display: block; width:100%; float: left; clear: both;border:none !important;text-align: left !important;}
.if_tbl th,.if_tbl td{padding:4px 10px !important;}
.if_tbl thead{display: none;}
.if_tbl tr{border-bottom: solid 1px #d6d6d6 !important;padding:8px 0px;}
.if_tbl tbody th{display: none !important;}
.if_tbl tbody td.step2{font-size: 11px;}
.if_tbl tbody td.step4{font-size: 11px;}
.if_tbl tbody td.step4:before{content: "제출의무자: "; font-weight: bold;}
}


/*=========================================================
  프로모션
=========================================================*/
.event_ls{border-top:solid 3px #1ebbef;}
.event_itembx{border-bottom: solid 1px #d6d6d6;}
.event_itembx.nopost{font-size: 16px;color: #2c2c2c;line-height: 1.4em; text-align: center;padding: 20px 15px;}
.event_itembx .itembx{display: block;padding:30px 0;position: relative;}
.event_itembx .itembx:after{content: ""; display: table; clear: both;}
.event_itembx .itembx .thum{float: left;margin-right: 25px;max-width: 270px;width:25%;line-height: 0;}
.event_itembx .itembx .cont{overflow: hidden;padding-right: 116px;}
.event_itembx .itembx .cont h3{font-size: 20px;color:#2c2c2c; line-height: 1.5em; max-height: 3em; overflow: hidden;margin-bottom: 10px;}
.event_itembx .itembx .cont .sub_text{font-size: 14px; color:#5c5c5c; line-height: 1.6em;max-height: 4.8em; overflow: hidden;margin-bottom: 10px;}
.event_itembx .itembx .cont .imgbx{display: block; position: absolute; top:50%;right:15px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);width:86px;font-size: 16px; color:#ffffff; line-height: 1.4em;font-weight: bold;padding:27px 5px;text-align: center;}

/*조건값*/
.event_itembx .itembx .cont .imgbx.ing{background: #1ebbef;}
.event_itembx .itembx .cont .imgbx.end{background: #5c5c5c;}

/*meta*/
.bs_metabx{clear: both;}
.bs_metabx:after{content: ""; display: table; clear: both;}
.bs_metabx .meta_item{font-size: 14px; color:#999999; line-height: 1.4em; display: block; float: left;padding:4px 0;padding-left:22px;position: relative;}

/*아이콘*/
.bs_metabx .meta_item.date:before{content: ""; width:15px; height: 15px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: 0 -481px;position: absolute; top:5px; left:0;}

/*호버*/
.event_itembx a.itembx:hover .cont h3{color:#1ebbef;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.event_itembx .itembx{padding:25px 0;}
.event_itembx .itembx .cont h3{font-size: 18px;}
.event_itembx .itembx .cont .sub_text{font-size: 13px;}
.event_itembx .itembx .cont .imgbx{font-size: 14px;width:80px;padding:20px 5px;}
.bs_metabx .meta_item{font-size: 13px;}
.event_itembx.nopost{font-size: 14px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.event_itembx .itembx{padding:20px 0;}
.event_itembx .itembx .cont h3{font-size: 16px;}
.event_itembx .itembx .cont .sub_text{font-size: 13px;}
.event_itembx .itembx .thum{margin-right: 20px;}
.event_itembx .itembx .cont .imgbx{font-size: 13px;width:60px;padding:16px 5px;}
.event_itembx .itembx .cont .sub_text{margin-bottom: 5px;}
.bs_metabx .meta_item{font-size: 13px;}
.bs_metabx .meta_item.date:before{top:4px;}
.event_itembx.nopost{font-size: 14px;padding: 15px 5px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.event_itembx .itembx{padding:15px 0;}
.event_itembx .itembx .cont h3{font-size: 15px;margin-bottom: 5px;}
.event_itembx .itembx .thum{margin-right: 15px;width:20%;}
.event_itembx .itembx .cont{padding-right: 0;}
.event_itembx .itembx .cont .imgbx{position: static;transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);padding:4px 5px 3px;margin-bottom:7px;font-size: 11px;}
.bs_metabx .meta_item{font-size: 12px;}
.bs_metabx .meta_item.date:before{top:3px;}
.event_itembx.nopost{font-size: 13px;}
}



/*=========================================================
  조직도
=========================================================*/
.static_organization{background: #f6f9fa; position: relative;padding:45px 0 110px;margin-bottom: -80px;text-align: center;}
.static_organization:before{content: ""; position: absolute; top:0; left:-3000px; width:3000px; background: #f6f9fa; bottom:0;}
.static_organization:after{content: ""; position: absolute; top:0; right:-3000px; width:3000px; background: #f6f9fa; bottom:0;}
.ra_sub_text{font-size: 24px; color:#2c2c2c; line-height: 1.4em; font-weight: bold;margin-bottom: 14px;}
.ra_st_title{font-size: 50px; color:#1ebbef; line-height: 1.2em; font-weight: bold;padding-bottom: 40px;text-transform: uppercase; position: relative;}
.ra_st_title.f_40{font-size: 40px;}
.ra_st_title.none{text-transform: none;}
.ra_st_title:before{content: ""; width:1px; height: 30px; background:#1ebbef; position: absolute; bottom:0; left:50%; margin-left:-1px;}
.ra_st_title:after{content: ""; width:9px; height: 9px; background:#1ebbef;border-radius: 9px;-webkit-border-radius: 9px;-moz-border-radius: 9px;position: absolute; bottom:0; left:50%; margin-left:-5px;}
.st_imgbx{line-height: 0;}
.st_imgbx.align_c{text-align: center;}
.st_imgbx.max_800{max-width: 840px; margin-left:auto; margin-right: auto;}
.st_basic_head{text-align: center;margin-bottom: 35px;}
.ra_sub_text.f_40{font-size: 40px;}
.ra_st_title.f_24{font-size: 24px;}
.mt_25{margin-top:25px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.dia_radibx{padding:35px 15px 150px;}
.static_organization{padding:35px 0 80px;margin-bottom: -60px;}
.ra_sub_text{font-size: 20px;}
.ra_st_title{font-size: 36px;}
.ra_st_title.f_40{font-size: 30px;}
.ra_sub_text.f_40{font-size: 30px;}
.ra_st_title.f_24{font-size: 20px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.static_organization{padding:30px 0 60px;margin-bottom: -40px;}
.ra_sub_text{font-size: 18px;}
.ra_st_title{font-size: 28px;padding-bottom: 30px;}
.ra_st_title.f_40{font-size: 26px;}
.ra_st_title:before{height: 25px;}
.st_basic_head{margin-bottom: 25px;}
.ab_title_boitembx .st_imgbx.align_c{max-width: 260px; margin:0 auto;}
.ra_sub_text.f_40{font-size: 26px;}
.ra_st_title.f_24{font-size: 15px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.static_organization{padding:25px 0 40px;}
.ra_sub_text{font-size: 15px;margin-bottom: 12px;}
.ra_st_title{font-size: 24px;}
.ra_st_title.f_40{font-size: 20px;}
.st_basic_head{margin-bottom: 20px;}
.ra_sub_text br{display: none;}
.ra_sub_text.f_40{font-size: 20px;}
.ra_st_title.f_24{font-size: 15px;}
}

/*=========================================================
  오시는길
=========================================================*/
.page-id-33 .site-main > .max_container{max-width: none;padding:0;}
.map_bx{margin-bottom: 40px;}
.map_bx iframe{width:100% !important;}

/*info*/
.map_infobx .ls_map_bx > li{margin-top:20px;border:solid 1px #dfdfdf;padding:35px 30px 35px;}
.map_infobx .ls_map_bx > li:first-child{margin-top:0;}
.map_infobx .ls_map_bx > li dl:after{content: ""; display: table; clear: both;}
.map_infobx .ls_map_bx > li dt{float: left;padding-right: 15px;min-width: 135px;}
.map_infobx .ls_map_bx > li dd{overflow: hidden;}
.map_infobx .ls_map_bx > li dd ul{margin:-5px 0;}
.map_infobx .ls_map_bx > li dd ul li{padding:5px 0;}
.map_infobx .ls_map_bx > li dd ul:after{content: ""; display: table; clear: both;}
.map_infobx .ls_map_bx > li dt .text{font-size: 24px; color:#2c2c2c; line-height: 1.4em; font-weight: bold;padding-bottom: 8px; position: relative;display: block;}
.map_infobx .ls_map_bx > li dt .text:after{content: "";width:20px; height: 2px; background: #2c2c2c; position: absolute; bottom:0; left:0;}
.info_map_itembx{display: table; table-layout: fixed; width:100%;}
.info_map_itembx .thum{display: table-cell; vertical-align: top;width:7%;line-height: 0;}
.info_map_itembx .cont{display: table-cell; vertical-align: middle;padding-left:15px;}
.info_map_itembx .cont .sub_text{font-size: 14px; color:#5c5c5c; line-height: 1.6em;margin-top: 5px;}
.info_map_itembx .cont .sub_text:first-child{margin-top:0;}
.info_map_itembx .cont .sub_text .bold{color:#2c2c2c;font-weight: bold; }
.info_map_itembx .cont .sub_text.tel .bold{font-size: 18px;}
.info_map_itembx .cont .sub_text .no{display: inline-block;vertical-align: middle;font-size: 12px;border:solid 1px #5c5c5c;padding:1px 4px;margin-right: 5px;line-height: 1.2em;}

/*조건값*/
.map_infobx .ls_map_bx > li dd ul.r_50 li .info_map_itembx .thum{width:14%;}
.map_infobx .ls_map_bx > li dd ul.r_50 li{width:50%; float: left;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.map_bx iframe{height:400px !important;}
.map_infobx .ls_map_bx > li dt .text{font-size: 20px;}
.info_map_itembx .cont .sub_text{font-size: 13px;}
.info_map_itembx .cont .sub_text.tel .bold{font-size: 16px;}
.map_infobx .ls_map_bx > li dt{min-width: 120px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.map_infobx .ls_map_bx > li{margin-top:15px;padding:25px 20px 25px;}
.map_bx{margin-bottom: 30px;}
.map_bx iframe{height:300px !important;}
.map_infobx .ls_map_bx > li dt .text{font-size: 18px;}
.info_map_itembx .cont .sub_text{font-size: 13px;}
.info_map_itembx .cont .sub_text.tel .bold{font-size: 15px;}
.map_infobx .ls_map_bx > li dt{min-width: 90px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.map_infobx .ls_map_bx > li{padding:15px 15px 20px;}
.map_bx{margin-bottom: 25px;}
.map_bx iframe{height:200px !important;}
.map_infobx .ls_map_bx > li dt .text{font-size: 16px;}
.map_infobx .ls_map_bx > li dt{float: none; min-width: 0;margin-bottom: 15px;}
.map_infobx .ls_map_bx > li dd ul.r_50 li{width:100%; float: none;}
.info_map_itembx .thum{width:10% !important;}
}

/*=========================================================
  ci
=========================================================*/
.page-id-23 .site-main > .max_container{max-width: none;padding:0;}
.ci_head_bx{background: url(../../../uploads/2018/02/ci_back.jpg) no-repeat;background-position: center top !important;background-attachment: fixed;padding:70px 0 100px;text-align: center;margin-bottom: 100px;}
.ci_head_bx .title{font-size: 36px; color:#ffffff; line-height: 1.4em; font-weight: bold;margin-bottom: 45px;}
.ci_head_bx .ci_contbx{position: relative;padding:0 285px;}
.ci_head_bx .ci_contbx .ci_textbx{background: #fff;padding:35px 30px;}
.ci_head_bx .ci_contbx .ci_textbx h4{font-size: 24px; color:#1ebbef; line-height: 1.4em; font-weight: bold; border-bottom: solid 1px #dfdfdf; padding-bottom: 15px;margin-bottom: 20px;}
.ci_head_bx .ci_contbx .ci_textbx ul{padding:0 15px;}
.ci_head_bx .ci_contbx .ci_textbx li{font-size: 16px; color:#2c2c2c; line-height: 1.6em;padding-left:15px; position: relative;text-align: left;margin-top:5px;}
.ci_head_bx .ci_contbx .ci_textbx li:first-child{margin-top:0;}
.ci_head_bx .ci_contbx .ci_textbx li:before{content: "∙";position: absolute; top:0; left:0;color:#999999;}

/*하늘색*/
.ci_head_bx .ci_contbx .cont_one{width:240px; height: 240px;position: absolute; top:50%; left:0; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);background: rgba(30,187,239,0.8);border-radius: 300px;-webkit-border-radius: 300px;-moz-border-radius: 300px;}
.ci_head_bx .ci_contbx .cont_one .textbx{position: absolute; top:50%; left:30px; right:30px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.ci_head_bx .ci_contbx .cont_one .textbx h4{line-height: 0; margin-bottom: 14px;}
.ci_head_bx .ci_contbx .cont_one .textbx .sub_text{font-size: 14px; color:#ffffff; line-height: 1.4em; font-weight: bold;}
.ci_head_bx .ci_contbx .cont_one:before{content: ""; width:75px; height: 1px; background:rgba(30,187,239,0.8);position: absolute; top:50%; right:-75px;}
.ci_head_bx .ci_contbx .cont_one:after{content: ""; width:9px; height: 9px;background:#1ebbef;border-radius: 9px;-webkit-border-radius: 9px;-moz-border-radius: 9px;position: absolute; top:50%; margin-top:-4px; right:-75px;}

/*파랑색*/
.ci_head_bx .ci_contbx .cont_two{width:240px; height: 240px;position: absolute; top:50%; right:0; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);background: rgba(0,105,180,0.8);border-radius: 300px;-webkit-border-radius: 300px;-moz-border-radius: 300px;}
.ci_head_bx .ci_contbx .cont_two .textbx{position: absolute; top:50%; left:30px; right:30px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.ci_head_bx .ci_contbx .cont_two .textbx h4{font-size: 18px; color:#ffffff; line-height: 1.4em;margin-bottom: 12px;}
.ci_head_bx .ci_contbx .cont_two .textbx li{font-size: 20px; color:#ffffff; line-height: 1.4em; margin-top: 3px;font-weight: bold;}
.ci_head_bx .ci_contbx .cont_two .textbx li:first-child{margin-top:0;}
.ci_head_bx .ci_contbx .cont_two:before{content: ""; width:75px; height: 1px; background:rgba(0,105,180,0.8);position: absolute; top:50%; left:-75px;}
.ci_head_bx .ci_contbx .cont_two:after{content: ""; width:9px; height: 9px;background:#0069b4;border-radius: 9px;-webkit-border-radius: 9px;-moz-border-radius: 9px;position: absolute; top:50%; margin-top:-4px; left:-75px;}

/*타이틀*/
.b_line_tit{position: relative;font-size: 24px; color:#2c2c2c; line-height: 1.4em; padding-bottom: 8px;margin-bottom: 25px;}
.b_line_tit:after{content: "";width:20px; height: 2px; background: #2c2c2c; position: absolute; bottom:0; left:0;}
.dot_contbx{border:solid 1px #dfdfdf;background: url(../images/back/dot_bg.jpg) repeat;padding:60px 20px 45px;margin-bottom: 60px;}
.dot_contbx ul{max-width: 970px;margin:0 auto 75px;}
.dot_contbx ul:after{content: ""; display: table; clear: both;}
.dot_contbx li{width:50%; float: left;padding:0 10px;}
.dot_contbx li dl:after{content: ""; display: table; clear: both;}
.dot_contbx li dt{float: left;margin-right: 30px;font-size: 16px; color:#2c2c2c; line-height: 1.4em; font-weight: bold;padding-top:25px;}
.dot_contbx li dd{overflow: hidden;line-height: 0;}

/*다운로드 버튼*/
.btn_bs_bx{font-size: 0; line-height: 0; text-align: center;}
.btn_bs_bx .file_downbtn{border:solid 1px #5c5c5c; background: #fff;font-size: 16px; color:#5c5c5c; line-height: 1.4em; display: inline-block; padding:10px 45px 10px 20px;margin:0 5px;position: relative;}
.btn_bs_bx .file_downbtn:after{content: "";width:14px; height: 19px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: -147px -141px;position: absolute; top:50%; margin-top:-10px; right:20px;}

/*다운로드 버튼 호버*/
.btn_bs_bx .file_downbtn:hover{border:solid 1px #1ebbef; background: #1ebbef; color:#fff;}
.btn_bs_bx .file_downbtn:hover:after{background-position:-163px -141px;}

/*ci 텍스트 기본박스*/
.ci_dlbx{margin-bottom: 70px;}
.ci_dlbx:after{content: ""; display: table; clear: both;}
.ci_dlbx .b_line_tit{float: left;min-width: 190px;margin-bottom: 0;}
.ci_dlbx .cont{overflow: hidden;}
.mb_40{margin-bottom: 40px;}
.ci_dlbx .cont li{font-size: 16px; color:#5c5c5c; line-height: 1.6em;margin-top: 5px;}
.ci_dlbx .cont li:after{content: ""; display: table; clear: both;}
.ci_dlbx .cont li:first-child{margin-top:0;}
.ci_dlbx .cont li .bullet{float: left;display: block;margin-right: 5px;}
.ci_dlbx .cont li .text{overflow: hidden;display: block;}
.ci_dlbx .cont .f_14{font-size: 14px;margin-bottom: 15px;}
.ci_dlbx .cont .bold{color:#2c2c2c; font-weight: bold;}
.ci_dlbx .cont .color{color:#1ebbef; font-weight: bold;}
.bs_imgbx{line-height: 0;}

/*컬러박스*/
.color_libx{margin-top:60px;overflow: hidden;}
.color_libx ul{margin:-16px -16px;overflow: hidden;}
.color_libx ul li{padding:16px 16px;width:33.3333%; float: left;margin:0 !important;}
.color_libx ul li:nth-child(3n+1){clear: both;}
.color_liitembx .colorbx{padding:32px 15px;text-align: center;margin-bottom: 10px;}
.color_liitembx .colorbx .sub_txt{font-size: 14px; color:#ffffff; line-height: 1.4em; margin-bottom: 3px;display: block;}
.color_liitembx .colorbx .tit{font-size: 30px; color:#ffffff; line-height: 1.2em; font-weight: bold;display: block;}
.color_liitembx .sub_text{font-size: 14px; color:#5c5c5c; line-height: 1.8em;}

/*컬러박스 조건값*/
.color_libx ul li.blue_1 .color_liitembx .colorbx{background: #0069b4;}
.color_libx ul li.blue_2 .color_liitembx .colorbx{background: #1ebbef;}
.color_libx ul li.blue_3 .color_liitembx .colorbx{background: #0093d2;}
.color_libx ul li.black .color_liitembx .colorbx{background: #000000;}
.color_libx ul li.gray_1 .color_liitembx .colorbx{background: #c3c4c9;}
.color_libx ul li.gray_2 .color_liitembx .colorbx{background: #96979b;}

@media screen and (min-width: 1400px){
.ci_head_bx{background-size: 1980px auto !important;}
}

@media screen and (min-width: 1980px){
.ci_head_bx{background-size: 2560px auto !important;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.ci_head_bx{background-position: center top;}
.ci_head_bx{padding:50px 0 50px;margin-bottom: 70px;}
.ci_head_bx .title{font-size: 30px;margin-bottom: 35px;}
.ci_head_bx .ci_contbx{padding: 0 240px;}
.ci_head_bx .ci_contbx .ci_textbx ul{padding:0;}
.ci_head_bx .ci_contbx .ci_textbx h4{font-size: 20px;}
.ci_head_bx .ci_contbx .ci_textbx li{font-size: 14px;}
.ci_head_bx .ci_contbx .cont_one .textbx .sub_text{font-size: 13px;}
.ci_head_bx .ci_contbx .cont_two .textbx h4{font-size: 16px;}
.ci_head_bx .ci_contbx .cont_two .textbx li{font-size: 18px;}
.ci_head_bx .ci_contbx .ci_textbx{padding:30px 30px;}
.ci_head_bx .ci_contbx .cont_one{width:220px; height: 220px;}
.ci_head_bx .ci_contbx .cont_two{width:220px; height: 220px;}
.ci_head_bx .ci_contbx .cont_one:before{width:40px;right:-40px;}
.ci_head_bx .ci_contbx .cont_one:after{right:-40px;}
.ci_head_bx .ci_contbx .cont_two:before{width:40px;left:-40px;}
.ci_head_bx .ci_contbx .cont_two:after{left:-40px;}
.b_line_tit{font-size: 20px;}
.dot_contbx{padding:50px 20px 35px;margin-bottom: 50px;}
.dot_contbx li dt{font-size: 14px;}
.dot_contbx ul{margin-bottom: 60px;}
.btn_bs_bx .file_downbtn{font-size: 14px;}
.ci_dlbx{margin-bottom: 60px;}
.mb_40{margin-bottom: 30px;}
.ci_dlbx .cont li{font-size: 14px;}
.ci_dlbx .cont .f_14{font-size: 13px;}
.color_libx{margin-top:50px;}
.color_liitembx .colorbx{padding:30px 15px;}
.color_liitembx .colorbx .sub_txt{font-size: 13px;}
.color_liitembx .colorbx .tit{font-size: 26px;}
.color_liitembx .sub_text{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.ci_head_bx{background-position: center top !important;background-size: cover !important; background-attachment: inherit !important;}
.ci_head_bx{padding:40px 0 40px;margin-bottom: 50px;}
.ci_head_bx .title{font-size: 24px;margin-bottom: 25px;}
.ci_head_bx .ci_contbx .ci_textbx ul{display: inline-block;}
.ci_head_bx .ci_contbx .ci_textbx{margin-bottom: 15px;}
.ci_head_bx .ci_contbx .ci_textbx h4{font-size: 18px;}
.ci_head_bx .ci_contbx .ci_textbx li{font-size: 13px;}
.ci_head_bx .ci_contbx .cont_one .textbx .sub_text{font-size: 13px;}
.ci_head_bx .ci_contbx .cont_two .textbx h4{font-size: 16px;}
.ci_head_bx .ci_contbx .cont_two .textbx li{font-size: 15px;}
.ci_head_bx .ci_contbx .ci_textbx{padding:30px 20px;}
.ci_head_bx .ci_contbx{padding: 0;}
.ci_head_bx .ci_contbx .cont_one{width:220px; height: 220px;position: relative;width:100%; height: auto;transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);margin-bottom: 15px;padding:25px 15px;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;}
.ci_head_bx .ci_contbx .cont_one .textbx{transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);position: static;}
.ci_head_bx .ci_contbx .cont_two{width:220px; height: 220px;position: relative;width:100%; height: auto;transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);padding:25px 15px;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;}
.ci_head_bx .ci_contbx .cont_two .textbx{transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);position: static;}
.ci_head_bx .ci_contbx .cont_one .textbx h4{max-width: 170px;margin-left:auto; margin-right: auto;}
.ci_head_bx .ci_contbx .cont_one:before{width:1px;right:auto;left:20px;height: 30px;top:-30px;}
.ci_head_bx .ci_contbx .cont_one:after{right:auto;left:16px; top:-30px;}
.ci_head_bx .ci_contbx .cont_two:before{width:1px;left:auto;right:20px;height: 30px;top:-30px;}
.ci_head_bx .ci_contbx .cont_two:after{left:auto;right:16px; top:-30px;}
.b_line_tit{font-size: 18px;margin-bottom: 15px;}
.dot_contbx{padding:35px 20px 35px;margin-bottom: 35px;}
.dot_contbx li dt{font-size: 14px;}
.dot_contbx ul{margin-bottom: 50px;}
.btn_bs_bx .file_downbtn{font-size: 14px;}
.ci_dlbx{margin-bottom: 40px;}
.mb_40{margin-bottom: 20px;}
.ci_dlbx .cont li{font-size: 13px;}
.ci_dlbx .cont .f_14{font-size: 12px;}
.ci_dlbx .b_line_tit{min-width: 140px;}
.color_libx{margin-top:35px;}
.color_liitembx .colorbx{padding:25px 15px;}
.color_liitembx .colorbx .sub_txt{font-size: 13px;}
.color_liitembx .colorbx .tit{font-size: 22px;}
.color_liitembx .sub_text{font-size: 13px;}
.color_libx ul{margin:-7px -7px;}
.color_libx ul li{padding:7px 7px;}
}

@media screen and (max-width: 1023px) and (min-width: 640px){
.ci_head_bx .ci_contbx .cont_one{float: left;width:calc(50% - 7px);width:-webkit-calc(50% - 7px);width:-moz-calc(50% - 7px);margin-bottom: 0;min-height: 180px;}
.ci_head_bx .ci_contbx .cont_two{float: right;width:calc(50% - 7px);width:-webkit-calc(50% - 7px);width:-moz-calc(50% - 7px);min-height: 180px;}
.ci_head_bx .ci_contbx .cont_one .textbx{padding-top:33px;}
}

@media screen and (max-width: 766px) and (min-width: 1px){
.dot_contbx li dt{float: none; margin-right: 0; margin-bottom: 10px;padding-top:0;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.ci_head_bx{padding:30px 0 30px;margin-bottom: 30px;}
.ci_head_bx .title{font-size: 20px;margin-bottom: 15px;}
.ci_head_bx .ci_contbx .ci_textbx h4{font-size: 16px;}
.ci_head_bx .ci_contbx .ci_textbx{padding:25px 15px;}
.b_line_tit{font-size: 17px;}
.dot_contbx{padding:30px 15px 30px;margin-bottom: 25px;}
.dot_contbx ul{margin-bottom: 30px;}
.btn_bs_bx .file_downbtn{font-size: 13px;margin:0;width:100%;display: block;}
.btn_bs_bx .file_downbtn:first-child{margin-bottom: 10px;}
.ci_dlbx{margin-bottom: 30px;}
.ci_dlbx .b_line_tit{min-width:0px;float: none; margin-bottom: 15px;}
.color_libx{margin-top:25px;}
.color_liitembx .colorbx{padding:20px 15px;}
.color_liitembx .colorbx .tit{font-size: 18px;}
.color_liitembx .sub_text{font-size: 12px;line-height: 1.6em;}
}

@media screen and (max-width: 419px) and (min-width: 1px){
.color_libx ul li{width:50%;}
.color_libx ul li:nth-child(3n+1){clear: none;}
.color_libx ul li:nth-child(odd){clear: both !important;}
}

/*=========================================================
  고객사
=========================================================*/
.customer_ps{overflow: hidden;}
.customer_ps > ul{margin:-22px -13px;overflow: hidden;}
.customer_ps > ul > li{width:20%; float: left;padding:22px 13px;}
.customer_ps > ul > li:nth-child(5n+1){clear: both;}
.customer_itemps .itembx{display: block;}
.customer_itemps .itembx .thum{line-height: 0;position: relative;margin-bottom: 7px;}
.customer_itemps .itembx .thum img{border:solid 1px #dfdfdf;width:100%;}
.customer_itemps .itembx .title{font-size: 16px; color:#5c5c5c; line-height: 1.4em;}
.customer_itemps .itembx .thum:before{content: ""; position: absolute; top:0; left:0; right:0; bottom:0;border:solid 3px #1ebbef;z-index: 10;opacity: 0; visibility: hidden;}

/*호버*/
/*.customer_itemps .itembx:hover .thum:before{opacity: 1; visibility: visible;}
.customer_itemps .itembx:hover .title{color:#1ebbef;}*/

@media screen and (max-width: 1279px) and (min-width: 1024px){
.customer_itemps .itembx .title{font-size: 14px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.customer_itemps .itembx .title{font-size: 13px;}
.customer_ps > ul{margin:-15px -7px;}
.customer_ps > ul > li{padding:15px 7px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.customer_ps > ul > li{width:33.3333%;}
.customer_ps > ul > li:nth-child(5n+1){clear: none;}
.customer_ps > ul > li:nth-child(3n+1){clear: both !important;}
}

@media screen and (max-width: 374px) and (min-width: 1px){
.customer_ps > ul{margin:-15px -5px;}
.customer_ps > ul > li{padding:15px 5px;}
.customer_itemps .itembx .title{font-size: 11px;}
}

/*=========================================================
  탭박스
=========================================================*/
.page-id-43 .site-main > .max_container{max-width: none;padding:0;}
.page-id-275 .site-main > .max_container{max-width: none;padding:0;}
.page-id-276 .site-main > .max_container{max-width: none;padding:0;}
.page-id-277 .site-main > .max_container{max-width: none;padding:0;}
.page-id-37 .site-main > .max_container{max-width: none;padding:0;}
.page-id-290 .site-main > .max_container{max-width: none;padding:0;}
.page-id-39 .site-main > .max_container{max-width: none;padding:0;}
.page-id-305 .site-main > .max_container{max-width: none;padding:0;}
.page-id-8426 .site-main > .max_container{max-width: none;padding:0;}
.page-id-8430 .site-main > .max_container{max-width: none;padding:0;}

.bs_tab_bx{margin-bottom: 43px;position: relative;}
.bs_tab_bx:before{content: ""; width:5000px; height: 1px; background: #dfdfdf; position: absolute;top:0; left:50%; margin-left:-2500px;}
.bs_tab_bx:after{content: ""; width:5000px; height: 1px; background: #dfdfdf; position: absolute;bottom:0; left:50%; margin-left:-2500px;}
.bs_tab_bx ul:after{content: ""; display: table; clear: both;}
.bs_tab_bx li{width:25%; float: left;text-align: center;}
.bs_tab_bx li a{font-size: 18px; color:#2c2c2c; line-height: 1.4em;display: block; padding:14px 5px;position: relative;z-index: 10;}
.bs_tab_bx li a:after{content: ""; position: absolute; left:0; right:0; bottom:0; height: 3px; background: #0069b4;opacity: 0; visibility: hidden;}
.bs_tab_bx.row_20 li{width:20%;}

/*조건값*/
.bs_tab_bx li a:hover{color:#0069b4;}
.bs_tab_bx li.active a{color:#0069b4; font-weight: bold;}
.bs_tab_bx li.active a:after{opacity: 1;visibility: visible;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.bs_tab_bx{margin-bottom: 40px;}
.bs_tab_bx li a{font-size: 16px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.bs_tab_bx{margin-bottom: 30px;}
.bs_tab_bx li a{font-size: 14px;}
}

@media screen and (max-width: 899px) and (min-width: 1px){
.bs_tab_bx li a{font-size: 13px;padding-left:0px;padding-right:0px;}
}

@media screen and (max-width: 766px) and (min-width: 1px){
.bs_tab_bx li{width:50% !important;}
.bs_tab_bx li:nth-child(odd){clear: both;}
.bs_tab_bx li a{padding:12px 5px;font-size: 13px;}
.bs_tab_bx li a:after{height: 2px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.bs_tab_bx{margin-bottom: 20px;}
}

@media screen and (max-width: 374px) and (min-width: 1px){
.bs_tab_bx{padding:12px 0;}
.bs_tab_bx li{width:100%;}
}

/*=========================================================
  기본 스태틱 헤더(배경)
=========================================================*/
.back_bs_headbx{background: url(../../../uploads/2018/02/head_st_bg.jpg) no-repeat;background-position: center top !important;background-attachment: fixed;padding:60px 0 70px;text-align: center;margin-bottom: 80px;}
.back_bs_headbx .ra_sub_text{color:#fff;}
.back_bs_headbx .sub_text{font-size:16px;line-height: 1.7em; color:#fff;margin-bottom: 55px;}
.back_bs_headbx .sub_text .color{color:#1ebbef;}
.back_bs_headbx .last_text{font-size:16px;line-height: 1.7em; color:#fff;margin-top:13px;text-align: left;}

/*배경*/
.back_bs_headbx.bg_st_one{background: url(../../../uploads/2018/02/head_st_bg_o.jpg) no-repeat;background-position: center top !important;background-attachment: fixed;}

.dia_radibx{border:solid 3px #dfdfdf;padding:40px 15px 155px;text-align: center;margin-bottom: 180px;position: relative;}
.dia_radibx h3{font-size: 30px; color:#0069b4; line-height: 1.4em; font-weight: bold; margin-bottom: 10px;}
.dia_radibx .sub_text{font-size: 16px; color:#5c5c5c;line-height: 1.7em;}
.dia_radibx .bs_imgbx{position: absolute; bottom:-123px;left:25px; right:25px;}

@media screen and (min-width: 1400px){
.back_bs_headbx{background-size: 1980px auto !important;}
}

@media screen and (min-width: 1980px){
.back_bs_headbx{background-size: 2560px auto !important;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.back_bs_headbx{margin-bottom: 60px;}
.back_bs_headbx{background-position: center top;padding:50px 0 60px;}
.back_bs_headbx .sub_text{font-size: 14px;margin-bottom: 45px;}
.dia_radibx h3{font-size: 26px;}
.dia_radibx .sub_text{font-size: 14px;}
.back_bs_headbx .last_text{font-size: 14px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.back_bs_headbx{margin-bottom: 40px;}
.back_bs_headbx{background-position: center top !important;background-size: cover !important; background-attachment: inherit !important;padding:35px 0 35px;}
.back_bs_headbx .sub_text{font-size: 13px;margin-bottom: 30px;}
.dia_radibx h3{font-size: 20px;}
.dia_radibx .sub_text{font-size: 13px;}
.dia_radibx{padding:30px 15px 90px;margin-bottom: 160px;}
.dia_radibx .bs_imgbx img{max-width: 530px;}
.back_bs_headbx .last_text{font-size: 13px;}
}

@media screen and (max-width: 766px) and (min-width: 1px){
.back_bs_headbx .sub_text br{display: none;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.back_bs_headbx{margin-bottom: 30px;}
.back_bs_headbx{padding:30px 0;}
.back_bs_headbx .sub_text{margin-bottom: 25px;}
.dia_radibx h3{font-size: 18px;}
.dia_radibx{padding:30px 15px 60px;margin-bottom: 70px;}
.dia_radibx .bs_imgbx{bottom:-39px;}
.dia_radibx .bs_imgbx img{max-width: 224px;}
}

/*=========================================================
  전자세금계산서 주요기능
=========================================================*/
.page-id-35 .site-main > .max_container{max-width: none;padding:0;}
.page-id-259 .site-main > .max_container{max-width: none;padding:0;}
.static_slide_head{background: url(../../../uploads/2018/02/slide_bg.jpg) no-repeat;background-position: center center !important;/*background-attachment: fixed;*/background-size: cover; padding:80px 0 220px;text-align: center;}
.static_slide_head .sub_tit{font-size: 24px; color:#1ebbef; line-height: 1.4em; font-weight: bold; margin-bottom: 9px;}
.static_slide_head h3{font-size: 36px; color:#ffffff; line-height: 1.2em; font-weight: bold;}

/*백그라운드*/
.static_slide_head.ty_two{background: url(../../../uploads/2018/03/slide_bg10.jpg) no-repeat;background-position: center center !important;background-size: cover;}
.static_slide_head.ty_three{background: url(../../../uploads/2018/02/slide_bg3.jpg) no-repeat;background-position: center center !important;background-size: cover;}
.static_slide_head.ty_four{background: url(../../../uploads/2018/07/slide_bg4.jpg) no-repeat;background-position: center center !important;background-size: cover;}

/*slider*/
.static_slider{position: relative; z-index: 50; margin-top:-170px;}
/*.static_slider .ab_slidebx{overflow: hidden;margin:-10px -30px;padding:10px 10px;}*/
/*.static_slider .ab_slidebxs .bx-viewport{padding-bottom: 15px;}*/
.static_slider .st_slide_ul{overflow: hidden;margin:0px -30px -30px;}
.static_slider .st_slide_ul > li{width:33.3333%;padding:61px 20px 30px;float: left;}
.static_slider .st_slide_ul > li:nth-child(3n+1){clear: both;}
.static_item_slider{position: relative;background: #fff;box-shadow: 2px 2px 10px rgba(0,0,0,0.2);padding:94px 25px 45px;border:solid 1px #f9f9f9;min-height: 340px;}
.static_item_slider .iconbx{line-height: 0;width:122px; position: absolute; top:-61px; left:50%; margin-left:-61px;z-index: 10;}
.static_item_slider h4{font-size: 20px; color:#2c2c2c; line-height: 1.4em;text-align: center;margin-bottom: 25px;}
.static_item_slider li{font-size: 14px; color:#5c5c5c; line-height: 1.6em;margin-top:15px;padding-left:14px; position: relative;}
.static_item_slider li:before{content: "∙";position: absolute; top:0; left:0;}
.static_item_slider li:first-child{margin-top:0;}

/*조건값*/
.static_item_slider h4.no_con{position: relative;}
.static_item_slider h4.no_con:after{content: "";width:40px; height: 1px; background: #999999;position: absolute; bottom:-40px; left:50%; margin-left:-20px;}

/*화살표*/
.static_slider .prev_btn{width:34px; height: 67px; background: url(../images/icon/slide_arrow.png) no-repeat;background-size: 80px 160px; background-position: 0 0;position: absolute; top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);left:-150px;text-indent: -99999px;z-index: 100;display: block;margin-top:50px;}
.static_slider .next_btn{width:34px; height: 67px; background: url(../images/icon/slide_arrow.png) no-repeat;background-size: 80px 160px; background-position: -38px 0;position: absolute; top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);right:-150px;text-indent: -99999px;z-index: 100;display: block;margin-top:50px;}

/*화살표 호버*/
@media screen and (min-width: 1024px){
.static_slider .prev_btn:hover{background-position: 0 -74px;}
.static_slider .next_btn:hover{background-position: -38px -74px;}
}

@media screen and (max-width: 1480px) and (min-width: 1px){
.static_slider .prev_btn{left:-25px;opacity: 0.2;}
.static_slider .next_btn{right:-25px;opacity: 0.2;}
.static_slider .prev_btn:hover{opacity: 1;}
.static_slider .next_btn:hover{opacity: 1;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.static_slide_head{padding:70px 0 220px;}
.static_slide_head .sub_tit{font-size: 20px;}
.static_slide_head h3{font-size: 32px;}
.static_item_slider h4{font-size: 18px;}
.static_item_slider li{font-size: 13px;}
.static_slider .ab_slidebx .bx-viewport:before{display: none;}
.static_slider .ab_slidebx .bx-viewport:after{display: none;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.static_slide_head{padding:40px 0 185px;}
.static_slide_head .sub_tit{font-size: 18px;}
.static_slide_head h3{font-size: 26px;}
.static_item_slider h4{font-size: 16px;}
.static_item_slider li{font-size: 13px;}
/*.static_slider .ab_slidebx{margin:-5px -12px;padding:5px 5px;}*/
.static_slider .st_slide_ul{margin:-42px -7px -20px;}
.static_slider .st_slide_ul > li{padding:42px 7px 20px;}
.static_item_slider{padding:55px 15px 35px;min-height: 300px;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.static_item_slider .iconbx{width:80px;margin-left:-40px;top:-40px;}
.static_slider .prev_btn{left:15px;transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);top:80px;margin-top:0;background-size: 40px 80px;width:18px; height: 34px;opacity: 1;}
.static_slider .next_btn{right:15px;transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);top:80px;margin-top:0;background-size: 40px 80px;width:18px; height: 34px;background-position: -18px 0;opacity: 1;}
.static_item_slider h4.no_con:after{bottom:-25px;width:30px; margin-left:-15px;}
.static_slider .ab_slidebx{overflow: inherit !important;}
.static_slider .ab_slidebx .bx-viewport{overflow: inherit !important;}
.static_slider .ab_slidebx .bx-viewport:before{display: none;}
.static_slider .ab_slidebx .bx-viewport:after{display: none;}
}

@media screen and (max-width: 766px) and (min-width: 1px){
/*.static_slider .st_slide_ul{width:300%;}*/
.static_slider .st_slide_ul > li{width:50%;}
.static_slider .st_slide_ul > li:nth-child(3n+1){clear: none;}
.static_slider .st_slide_ul > li:nth-child(odd){clear: both !important;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.static_slide_head{padding:35px 0 175px;}
.static_slide_head .sub_tit{font-size: 15px;}
.static_slide_head h3{font-size: 20px;}
.static_item_slider h4{font-size: 15px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
/*.static_slider .st_slide_ul{width:600%;}*/
.static_item_slider{min-height: auto;}
.static_slider .st_slide_ul > li{width:100%;}
.static_item_slider h4{margin-bottom: 14px;}
}

/*=========================================================
  전자세금계산서 도입효과
=========================================================*/
.ls_back_itembx{padding:45px 40px;padding-right: 250px;position: relative;}
.ls_back_itembx .icon_item{position: absolute; top:50%; right:65px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);line-height: 0;}
.ls_back_itembx h4{font-size: 24px; color:#2c2c2c; line-height: 1.4em;margin-bottom: 17px;}
.ls_back_itembx li{font-size: 14px; color:#5c5c5c; line-height: 1.6em;margin-top:5px;padding-left:14px; position: relative;}
.ls_back_itembx li:before{content: "∙";position: absolute; top:0; left:0;}
.ls_back_itembx li:first-child{margin-top:0;}

/*조건값*/
.ls_back_bx li.gray .ls_back_itembx{background: #f9f9f9;}
.ls_back_bx li:nth-child(1) .ls_back_itembx .icon_item{width:102px;}
.ls_back_bx li:nth-child(2) .ls_back_itembx .icon_item{width:112px;}
.ls_back_bx li:nth-child(3) .ls_back_itembx .icon_item{width:119px;}
.ls_back_bx li:nth-child(4) .ls_back_itembx .icon_item{width:133px;right:60px;}

/*전자계약*/
.ls_back_bx.ty_two li:nth-child(1) .ls_back_itembx .icon_item{width:97px;}
.ls_back_bx.ty_two li:nth-child(2) .ls_back_itembx .icon_item{width:120px;}
.ls_back_bx.ty_two li:nth-child(3) .ls_back_itembx .icon_item{width:120px;}

/*전자무역*/
.ls_back_bx.ty_three li:nth-child(1) .ls_back_itembx .icon_item{width:108px;}
.ls_back_bx.ty_three li:nth-child(2) .ls_back_itembx .icon_item{width:120px;}
.ls_back_bx.ty_three li:nth-child(3) .ls_back_itembx .icon_item{width:97px;}
.ls_back_bx.ty_three li:nth-child(4) .ls_back_itembx .icon_item{width:110px;}


/*SmartEcontract*/
.ls_back_bx.ty_four li:nth-child(1) .ls_back_itembx .icon_item{width:120px;right:50px;}
.ls_back_bx.ty_four li:nth-child(2) .ls_back_itembx .icon_item{width:100px;}
.ls_back_bx.ty_four li:nth-child(3) .ls_back_itembx .icon_item{width:100px;}
.ls_back_bx.ty_four li:nth-child(4) .ls_back_itembx .icon_item{width:120px;right:60px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.ls_back_itembx{padding:40px 30px;padding-right: 250px;}
.ls_back_itembx h4{font-size: 20px;}
.ls_back_itembx li{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.ls_back_itembx{padding:35px 25px;padding-right: 110px;}
.ls_back_itembx h4{font-size: 18px;margin-bottom: 15px;}
.ls_back_itembx li{font-size: 13px;}
.ls_back_itembx .icon_item{right:30px !important;}
.ls_back_bx li:nth-child(1) .ls_back_itembx .icon_item{width:51px;}
.ls_back_bx li:nth-child(2) .ls_back_itembx .icon_item{width:56px;}
.ls_back_bx li:nth-child(3) .ls_back_itembx .icon_item{width:59px;}
.ls_back_bx li:nth-child(4) .ls_back_itembx .icon_item{width:66px;}

/*전자계약*/
.ls_back_bx.ty_two li:nth-child(1) .ls_back_itembx .icon_item{width:50px;}
.ls_back_bx.ty_two li:nth-child(2) .ls_back_itembx .icon_item{width:65px;}
.ls_back_bx.ty_two li:nth-child(3) .ls_back_itembx .icon_item{width:65px;}

/*전자무역*/
.ls_back_bx.ty_three li:nth-child(1) .ls_back_itembx .icon_item{width:50px;}
.ls_back_bx.ty_three li:nth-child(2) .ls_back_itembx .icon_item{width:65px;}
.ls_back_bx.ty_three li:nth-child(3) .ls_back_itembx .icon_item{width:50px;}
.ls_back_bx.ty_three li:nth-child(4) .ls_back_itembx .icon_item{width:60px;}

/*SmartEcontract*/
.ls_back_bx.ty_four li:nth-child(1) .ls_back_itembx .icon_item{width:60px;}
.ls_back_bx.ty_four li:nth-child(2) .ls_back_itembx .icon_item{width:55px;}
.ls_back_bx.ty_four li:nth-child(3) .ls_back_itembx .icon_item{width:55px;}
.ls_back_bx.ty_four li:nth-child(4) .ls_back_itembx .icon_item{width:60px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.ls_back_itembx{padding:50px 20px 20px;}
.ls_back_itembx .icon_item{transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);right:20px !important;top:20px;}
.ls_back_itembx h4{font-size: 16px;margin-bottom: 12px;padding-right: 50px;}
.ls_back_bx li:nth-child(1) .ls_back_itembx .icon_item{width:42px;top:15px;}
.ls_back_bx li:nth-child(2) .ls_back_itembx .icon_item{width:45px;}
.ls_back_bx li:nth-child(3) .ls_back_itembx .icon_item{width:45px;}
.ls_back_bx li:nth-child(4) .ls_back_itembx .icon_item{width:50px;top:29px;}

/*전자계약*/
.ls_back_bx.ty_two li:nth-child(1) .ls_back_itembx .icon_item{width:37px;}
.ls_back_bx.ty_two li:nth-child(2) .ls_back_itembx .icon_item{width:45px;}
.ls_back_bx.ty_two li:nth-child(3) .ls_back_itembx .icon_item{width:45px;}

/*전자무역*/
.ls_back_bx.ty_three li:nth-child(1) .ls_back_itembx .icon_item{width:40px;}
.ls_back_bx.ty_three li:nth-child(2) .ls_back_itembx .icon_item{width:45px;}
.ls_back_bx.ty_three li:nth-child(3) .ls_back_itembx .icon_item{width:37px;}
.ls_back_bx.ty_three li:nth-child(4) .ls_back_itembx .icon_item{width:40px;}

/*SmartEcontract*/
.ls_back_bx.ty_four li:nth-child(1) .ls_back_itembx .icon_item{width:45px;top:22px;}
.ls_back_bx.ty_four li:nth-child(2) .ls_back_itembx .icon_item{width:40px;}
.ls_back_bx.ty_four li:nth-child(3) .ls_back_itembx .icon_item{width:36px;}
.ls_back_bx.ty_four li:nth-child(4) .ls_back_itembx .icon_item{width:42px;top:26px;}
}

/*=========================================================
  스마트인사이트
=========================================================*/
.mb_0{margin-bottom: 0 !important;}
.color_sub_text{font-size: 14px; color:#1ebbef; line-height: 1.5em;margin-top:15px;}
.back_bs_headbx .sub_text.mb_0{margin-bottom: 0;}
.bold_pg_title{font-size: 36px; color:#2c2c2c; line-height: 1.4em; font-weight: bold;text-align: center;margin-bottom: 50px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.bold_pg_title{font-size: 28px;margin-bottom: 40px;}
.color_sub_text{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.bold_pg_title{font-size: 22px;margin-bottom: 30px;}
.color_sub_text{font-size: 13px;margin-top:10px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.bold_pg_title{font-size: 18px;margin-bottom: 20px;}
}


/*=========================================================
  회사개요
=========================================================*/
.page-id-21 .site-main > .max_container{max-width: none; padding:0;}
.page-id-21 .site-footer{margin-top:0;}
.pl_4{padding-left:4%;}
.backimg_bs_headbx{background: url(../../../uploads/2018/02/info_bg1.jpg) no-repeat;background-size: cover;background-position: center center;margin-top:-173px;padding-top:173px;padding-bottom: 150px;}
.ra_st_title.f_36{font-size: 36px;line-height: 1.5em;}
.backimg_bs_headbx .sub_text{font-size: 18px; color:#2c2c2c; line-height: 1.7em; text-align: center;margin-bottom: 25px;}
.backimg_bs_headbx .sub_text.bold{font-size: 24px;font-weight: bold;margin-bottom: 30px;}
.backimg_bs_headbx .sub_text.mb_0{margin-bottom: 0;}

/*다이어그램*/
.back_color_contbx{background: url(../images/back/back_color_contbx.jpg) no-repeat;background-position: center top !important;background-attachment: fixed;padding:70px 0 75px;text-align: center;margin-bottom: 55px;}
.back_color_contbx .title{font-size: 36px;color:#fff;line-height: 1.4em; margin-bottom: 55px;}
.back_color_contbx .text_dia_bx{margin-bottom: 50px;}
.back_color_contbx .text_dia_bx ul{margin:-15px -5px;}
.back_color_contbx .text_dia_bx ul:after{content: ""; display: table; clear: both;}
.back_color_contbx .text_dia_bx ul li{width:25%; float: left;padding:15px 5px;}
.back_color_contbx .text_dia_bx ul li .icon_box{max-width: 150px; margin:0 auto 25px; line-height: 0;padding:0 20px;}
.back_color_contbx .text_dia_bx ul li .text{font-size: 20px; color:#1ebbef; line-height: 1.4em; font-weight: bold;margin-bottom: 20px;}
.back_color_contbx .text_dia_bx ul li .date{font-size: 14px; color:#fff; line-height: 1.4em;}
.back_color_contbx .text_dia_bx ul li .date .bold{font-size: 42px; font-weight: bold;}
.back_color_contbx .text_dia_bx ul li .date .sub_text{display: block;margin-top: 4px;}
.back_color_contbx .text_dia_bx ul li .s_text{font-size: 24px; color:#ffffff; line-height: 1.4em;font-weight: bold;}

/*테이블*/
.white_tbl{width:100%;border-top:solid 3px #fff;}
.white_tbl th,.white_tbl td{border-bottom: solid 1px #fff;font-size: 16px; color:#ffffff; line-height: 1.4em;padding:15px 5px;text-align: left;}
.white_tbl th{font-weight: bold;padding-left:45px;}

/*비전*/
.ra_st_title .kor_text{font-size: 18px; color:#1ebbef; line-height: 1.2em; font-weight: normal;display: block;}
.st_basic_head.ty_two .sub_text{font-size: 20px; color:#2c2c2c; line-height: 1.5em;margin-top:15px; margin-bottom: 5px;}
.st_basic_head.ty_two .sub_tit{font-size: 30px; color:#2c2c2c; line-height: 1.4em; font-weight: bold;margin-bottom: 55px;}
.mb_65{margin-bottom: 65px;}

/*그레이박스*/
.gray_diabx{position: relative; background: #f6f9fa;padding:60px 0 90px;text-align: center;}
.gray_diabx:before{content: ""; width:3000px; position: absolute; top:0; left:-3000px; bottom:0;background: #f6f9fa;}
.gray_diabx:after{content: ""; width:3000px; position: absolute; top:0; right:-3000px; bottom:0;background: #f6f9fa;}
.gray_diabx .title{font-size: 36px;color:#2c2c2c;line-height: 1.4em; margin-bottom: 55px;}
.gray_diabx .dia_text_bx ul{padding:0 15px;}
.gray_diabx .dia_text_bx ul:after{content: ""; display: table; clear: both;}
.gray_diabx .dia_text_bx li{width:calc(33.333% + 30px);width:-webkit-calc(33.333% + 30px);width:-moz-calc(33.333% + 30px);float: left;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;position: relative;margin:0 -15px;overflow: hidden;}
.gray_diabx .dia_text_bx li:after{content: "";padding-bottom: 100%; display: block;}
.gray_diabx .dia_text_bx li .ab_box{position: absolute; top:0; left:0; right:0;bottom:0;}
.gray_diabx .dia_text_bx li .ab_box .text_bx{position: absolute; top:50%; left:30px; right:30px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.gray_diabx .dia_text_bx li .ab_box h4{font-size: 32px; color:#ffffff; line-height: 1.4em; font-weight: bold;padding-bottom: 42px; margin-bottom: 40px; position: relative;}
.gray_diabx .dia_text_bx li .ab_box h4:before{content: ""; width:1px; height: 30px; background:#fff; position: absolute; bottom:0; left:50%; margin-left:-1px;}
.gray_diabx .dia_text_bx li .ab_box h4:after{content: ""; width:9px; height: 9px; background:#fff;border-radius: 9px;-webkit-border-radius: 9px;-moz-border-radius: 9px;position: absolute; bottom:0; left:50%; margin-left:-5px;}
.gray_diabx .dia_text_bx li .ab_box .sub_text{font-size: 15px; color:#ffffff; line-height: 1.7em;}

/*after*/
.gray_diabx .dia_text_bx li.step2{z-index: 10;}
.gray_diabx .dia_text_bx li.step2 .ab_box:before{content: ""; position: absolute; top:0; left:calc(-100% + 30px);left:-webkit-calc(-100% + 30px);left:-webkit-calc(-100% + 30px); background: #0069c1; width:100%; height: 100%;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}
.gray_diabx .dia_text_bx li.step2 .ab_box:after{content: ""; position: absolute; top:0; right:calc(-100% + 30px);right:-webkit-calc(-100% + 30px);right:-webkit-calc(-100% + 30px); background: #003b91; width:100%; height: 100%;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}

/*백그라운드*/
.gray_diabx .dia_text_bx li.step1{background: #1db7ea;}
.gray_diabx .dia_text_bx li.step2{background: #0090ce;}
.gray_diabx .dia_text_bx li.step3{background: #0067b0;}

@media screen and (min-width: 1400px){
.back_color_contbx{background-size: 1980px auto !important;}
}

@media screen and (min-width: 1980px){
.back_color_contbx{background-size: 2560px auto !important;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.back_color_contbx{background-position: center top;padding:60px 0 65px;margin-bottom: 50px;}
.ra_st_title.f_36{font-size: 28px;}
.backimg_bs_headbx{margin-top: -128px;padding-top:128px;padding-bottom: 100px;}
.backimg_bs_headbx .sub_text.bold{font-size: 20px;}
.backimg_bs_headbx .sub_text{font-size: 16px;}
.back_color_contbx .title{font-size: 28px;margin-bottom: 45px;}
.back_color_contbx .text_dia_bx ul li .text{font-size: 18px;}
.back_color_contbx .text_dia_bx ul li .date{font-size: 13px;}
.back_color_contbx .text_dia_bx ul li .date .bold{font-size: 30px;}
.back_color_contbx .text_dia_bx ul li .s_text{font-size: 20px;}
.back_color_contbx .text_dia_bx ul li .icon_box{margin-bottom: 20px;}
.back_color_contbx .text_dia_bx ul li .text{margin-bottom: 15px;}
.white_tbl th,.white_tbl td{font-size: 14px;}
.white_tbl th{padding-left:40px;}
.ra_st_title .kor_text{font-size: 16px;}
.st_basic_head.ty_two .sub_text{font-size: 18px;}
.st_basic_head.ty_two .sub_tit{font-size: 20px;margin-bottom: 50px;}
.mb_65{margin-bottom: 55px;}
.gray_diabx{padding:50px 0 80px;}
.gray_diabx .title{font-size: 28px;margin-bottom: 45px;}
.gray_diabx .dia_text_bx li .ab_box h4{font-size: 26px;margin-bottom: 20px;}
.gray_diabx .dia_text_bx li .ab_box .sub_text{font-size: 14px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.back_color_contbx{background-position: center top !important;background-size: cover !important; background-attachment: inherit !important;padding:50px 0 55px;margin-bottom: 40px;}
.ra_st_title.f_36{font-size: 20px;}
.backimg_bs_headbx{margin-top: -91px;padding-top:91px;padding-bottom: 60px;}
.backimg_bs_headbx .sub_text.bold{font-size: 16px;margin-bottom: 20px;}
.backimg_bs_headbx .sub_text{font-size: 14px;margin-bottom: 15px;}
.back_color_contbx .title{font-size: 22px;margin-bottom: 35px;}
.back_color_contbx .text_dia_bx ul li .text{font-size: 16px;}
.back_color_contbx .text_dia_bx ul li .date{font-size: 13px;}
.back_color_contbx .text_dia_bx ul li .date .bold{font-size: 26px;}
.back_color_contbx .text_dia_bx ul li .s_text{font-size: 17px;}
.back_color_contbx .text_dia_bx ul li .icon_box{margin-bottom: 15px;}
.back_color_contbx .text_dia_bx ul li .text{margin-bottom: 10px;}
.white_tbl th,.white_tbl td{font-size: 14px;padding:10px 5px;}
.white_tbl th{padding-left:20px;}
.ra_st_title .kor_text{font-size: 14px;}
.st_basic_head.ty_two .sub_text{font-size: 16px;}
.st_basic_head.ty_two .sub_tit{font-size: 18px;margin-bottom: 40px;}
.mb_65{margin-bottom: 45px;}
.gray_diabx .title{font-size: 22px;margin-bottom: 35px;}
.gray_diabx{padding:40px 0 60px;}
.gray_diabx .dia_text_bx li .ab_box h4{font-size: 20px;margin-bottom: 15px;padding-bottom: 30px;}
.gray_diabx .dia_text_bx li .ab_box .sub_text{font-size: 12px;}
.gray_diabx .dia_text_bx li .ab_box h4:before{height: 25px;}
.gray_diabx .dia_text_bx li .ab_box .text_bx{left:35px; right:35px;}
}

@media screen and (max-width: 766px) and (min-width: 1px){
.back_color_contbx .text_dia_bx ul li{width:50%;}
.back_color_contbx .text_dia_bx ul li:nth-child(odd){clear: both;}
.gray_diabx .dia_text_bx ul{padding:0;}
.gray_diabx .dia_text_bx li{width:100%;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;margin:10px 0 0;}
.gray_diabx .dia_text_bx li:first-child{margin-top:0;}
.gray_diabx .dia_text_bx li:after{display: none;}
.gray_diabx .dia_text_bx li .ab_box{position: static;padding:20px 20px;}
.gray_diabx .dia_text_bx li .ab_box .text_bx{position: static;transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);}
.gray_diabx .dia_text_bx li.step2 .ab_box:before{display: none;}
.gray_diabx .dia_text_bx li.step2 .ab_box:after{display: none;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.back_color_contbx{padding:40px 0 40px;margin-bottom: 30px;}
.ra_st_title.f_36{font-size: 18px;}
.backimg_bs_headbx{margin-top: -68px;padding-top:68px;padding-bottom: 40px;}
.backimg_bs_headbx .sub_text.bold{font-size: 15px;margin-bottom: 20px;}
.backimg_bs_headbx .sub_text{font-size: 13px;margin-bottom: 15px;}
.back_color_contbx .title{font-size: 18px;margin-bottom: 25px;}
.back_color_contbx .text_dia_bx ul li .text{font-size: 14px;}
.back_color_contbx .text_dia_bx ul li .date{font-size: 12px;}
.back_color_contbx .text_dia_bx ul li .date .bold{font-size: 20px;}
.back_color_contbx .text_dia_bx ul li .s_text{font-size: 15px;}
.back_color_contbx .text_dia_bx ul li .icon_box{margin-bottom: 15px;}
.back_color_contbx .text_dia_bx ul li .text{margin-bottom: 10px;}
.white_tbl th,.white_tbl td{font-size: 13px;}
.white_tbl,.white_tbl thead,.white_tbl tbody,.white_tbl th,.white_tbl td,.white_tbl tr{display: block; width:100%; float: left; clear: both;border:none !important;text-align: left !important;}
.white_tbl{border-top:solid 3px #fff !important;}
.white_tbl th,.white_tbl td{padding:10px 5px 10px 15px !important;}
.white_tbl td{border-bottom: solid 1px rgba(255,255,255,0.8) !important;padding-top:0 !important;font-size: 12px;}
.ra_st_title .kor_text{font-size: 13px;}
.st_basic_head.ty_two .sub_text{font-size: 14px;}
.st_basic_head.ty_two .sub_tit{font-size: 16px;margin-bottom: 30px;}
.mb_65{margin-bottom: 35px;}
.gray_diabx .title{font-size: 18px;margin-bottom: 25px;}
.gray_diabx{padding:30px 0 50px;}
.gray_diabx .dia_text_bx li .ab_box h4{font-size: 18px;}
}

/*=========================================================
  연혁
=========================================================*/
.st_tabbx{margin-bottom: 70px;overflow: hidden;}
.st_tabbx ul{overflow: hidden;margin:0 -2px 0 0;}
.st_tabbx li{width:33.3333%; float: left;margin-left:-1px;position: relative;}
.st_tabbx li:first-child{margin-left:0;}
.st_tabbx li a{display: block; border:solid 1px #dfdfdf; text-align: center; font-size: 18px; color:#2c2c2c; line-height: 1.4em;padding:15px 5px;position: relative; }

/*조건값*/
.st_tabbx li a:hover{z-index: 10;border:solid 1px #0072bc; color:#fff;background: #0072bc;}
.st_tabbx li.active a{z-index: 10;border:solid 1px #0072bc; color:#fff;background: #0072bc;font-weight: bold;}

/*연혁*/
.history_bx{position: relative;}
.history_bx:before{content: ""; position: absolute; top:0; left:50%; margin-left:-1px; width:2px; height: 100%;background: #dfdfdf;}
.year_hstorybx{position: relative; z-index: 10;margin-top:70px;}
.year_hstorybx .year{width:150px; margin:0 auto 55px;padding:5px 0;background: #fff;}
.month_history{clear: both;}
.mt_0{margin-top:0;}
.month_history:after{content: ""; display: table; clear: both;}
.month_history_item{clear: both;width:50%;margin-bottom: 15px;position: relative;}
.month_history_item .text{position: relative;}
.month_history_item .text:before{content: "";width:calc(33% - 30px);width:-webkit-calc(33% - 30px);width:-moz-calc(33% - 30px); height: 1px; background: #dfdfdf;position: absolute;top:12px;}
.month_history_item .text:after{content: "";width:14px; height: 14px; border:solid 2px #1ebbef; background: #fff; border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;position: absolute; top:4px;z-index: 20;}
.month_history_item .text dt{font-size: 20px; color:#000000; line-height: 1.4em; font-weight: bold; margin-bottom: 5px;position: relative;}
.month_history_item .text dt:after{content: "";width:9px; height: 9px; background: #1ebbef; border-radius: 9px;-webkit-border-radius: 9px;-moz-border-radius: 9px;z-index: 10;position: absolute; top:8px;}
.month_history_item .text dd{font-size: 18px; color:#2c2c2c; line-height: 1.5em;}
.month_history_item .thum{line-height: 0;width:48%; position: relative;margin-bottom: 40px;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;border:solid 1px #e4e3e3;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.month_history_item .thum.mt_1{margin-top:-21px;}
.month_history_item .thum.mt_2{margin-top:-42px;}

/*조건값*/
.month_history_item.left{float: left;text-align: right;}
.month_history_item.right{float: right;text-align: left;}
.month_history_item.left .text{padding-right: 33%;position: relative;}
.month_history_item.right .text{padding-left: 33%;position: relative;}
.month_history_item.left .text:before{right:0;}
.month_history_item.right .text:before{left:0;}
.month_history_item.left .text dt:after{right:-30px;}
.month_history_item.right .text dt:after{left:-30px;}
.month_history_item.left .text:after{right:-9px;}
.month_history_item.right .text:after{left:-9px;}
.month_history_item.left .thum{right:-24%;float: right;}
.month_history_item.right .thum{left:-24%;float: left;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.st_tabbx{margin-bottom: 60px;}
.st_tabbx li a{font-size: 16px;}
.month_history_item .text dt{font-size: 18px;}
.month_history_item .text dd{font-size: 16px;}
.year_hstorybx .year{width:120px;margin-bottom: 50px;}
.month_history_item .thum.mt_1{margin-top:-19px;}
.month_history_item .thum.mt_2{margin-top:-40px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.st_tabbx{margin-bottom: 40px;}
.st_tabbx li a{font-size: 14px;padding:12px 5px;}
.month_history_item .text dt{font-size: 16px;}
.month_history_item .text dd{font-size: 14px;}
.year_hstorybx .year{width:90px;margin-bottom: 40px;}
.month_history_item .thum.mt_1{margin-top:0px;}
.month_history_item .thum.mt_2{margin-top:0px;}
.st_tabbx li a:hover{z-index: 10;border:solid 1px #dfdfdf; color:#2c2c2c;background: transparent;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.st_tabbx{margin-bottom: 30px;}
.st_tabbx li a{font-size: 13px;padding:10px 5px;}
.month_history_item .text dt{font-size: 15px;}
.month_history_item .text dd{font-size: 13px;}
.year_hstorybx .year{width:80px;margin-bottom: 30px;}
}




/*=========================================================
  스크롤테이블 애니메이션
=========================================================*/
.scroll_bs_tbl:before{display: none;}

.scroll_bs_tbl:before{transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);}

.scroll_bs_tbl:before{
animation-name:scroll_txt;
-webkit-animation-name:scroll_txt;
-moz-animation-name:scroll_txt;

animation-duration:2s;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;

animation-timing-function:linear;
-webkit-animation-timing-function:linear;
-moz-animation-timing-function:linear;

animation-delay: 0s;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;

animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
}

@keyframes scroll_txt{
0%{transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);}
50%{transform: translateX(8px);-webkit-transform: translateX(8px);-moz-transform: translateX(8px);-ms-transform: translateX(8px);}
100%{transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);}
}

@-webkit-keyframes scroll_txt{
0%{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);}
50%{transform: translateX(8px);-webkit-transform: translateX(8px);-moz-transform: translateX(8px);-ms-transform: translateX(8px);}
100%{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.scroll_bs_tbl:before{content: "↔︎ 좌우로 스크롤하여 확인하세요";display: block; font-weight:bold; position: relative;color:#0069b4;font-size: 10px;opacity: 0.8;float: left;margin-bottom: 5px;line-height: 1em;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.st_bs_titlebx h3{font-size: 24px;}
.st_bs_titlebx .sub_text{font-size: 14px;}
.st_bs_stitle{font-size: 20px;}
.st_b_tbl thead th{font-size: 16px;}
.st_b_tbl tbody th,.st_b_tbl tbody td{font-size: 13px;}
.st_b_tbl tbody td.bg{font-size: 16px;}
.table_head{font-size: 13px;}
.scroll_bs_tbl{margin-bottom: 40px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.st_bs_titlebx h3{font-size: 20px;}
.st_bs_titlebx .sub_text{font-size: 13px;}
.st_bs_stitle{font-size: 18px;}
.st_b_tbl thead th{font-size: 14px;padding:10px 10px;}
.st_b_tbl tbody th,.st_b_tbl tbody td{font-size: 13px;padding:10px 10px;}
.st_b_tbl tbody td.bg{font-size: 14px;}
.table_head{font-size: 13px;}
.scroll_bs_tbl{margin-bottom: 30px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.st_bs_titlebx h3{font-size: 18px;}
.st_bs_stitle{font-size: 16px;}
.st_b_tbl thead th{font-size: 14px;}
.scroll_bs_tbl{margin-bottom: 25px;overflow: hidden; overflow-x: scroll;}
.scroll_bs_tbl .st_b_tbl{width:720px;}
.single_cont .scroll_bs_tbl table{width:720px;}
}


/*=========================================================
  도입문의
=========================================================*/
.bor_graybx{border:solid 1px #dcdcdc; background: #f9f9f9;padding:30px 25px;text-align: center;font-size: 18px; color:#2c2c2c; line-height: 1.5em;margin-bottom: 30px;}
.bor_graybx .color{color:#1ebbef;}
.contact_form.full{max-width: none;margin-bottom: 55px;}
.color_sub_text.black{color:#5c5c5c;}
.tb_one tbody td p{text-align: left;margin-top:5px;}
.tb_one tbody td p:first-child{margin-top:0;}

/*버튼 박스*/
.bs_st_btnbx{margin-top:50px;font-size: 0; line-height: 0; text-align: center;}
.bs_st_btnbx .bs_st_btn{font-size: 18px; color:#fefefe; line-height: 1.4em; font-weight: bold; display: inline-block;background: #1ebbef; padding:9px 70px 8px;cursor: pointer;}

/*조건값*/
.bs_st_btnbx .bs_st_btn:hover{background: #2d2f30;}

/*라디오박스*/
.tb_one .bsradio_checkbx{max-width: 130px; margin:0 auto;}
.bsradio_checkbx .radio_itembx{text-align: left;margin-top:10px;}
.bsradio_checkbx .radio_itembx:first-child{margin-top: 0;}
.bsradio_checkbx .radio_itembx input[type="radio"]{display: none;}
.bsradio_checkbx .radio_itembx label{display: block;font-size: 14px; color:#2c2c2c; line-height: 1.4em;padding-left:30px; position: relative;cursor: pointer;}
.bsradio_checkbx .radio_itembx label:before{content: "";width:22px; height: 22px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: 0 -400px;position: absolute; top:-2px; left:0;cursor: pointer;}

/*조건값*/
.bsradio_checkbx .radio_itembx input[type="radio"]:checked + label:before{background-position: -26px -400px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.bor_graybx{padding:25px 25px;font-size: 16px;}
.contact_form.full{margin-bottom: 50px;}
.bs_st_btnbx{margin-top:40px;}
.bs_st_btnbx .bs_st_btn{font-size: 16px;}
.bsradio_checkbx .radio_itembx label{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.bor_graybx{padding:25px 25px;font-size: 14px;margin-bottom: 25px;}
.contact_form.full{margin-bottom: 40px;}
.bs_st_btnbx{margin-top:35px;}
.bs_st_btnbx .bs_st_btn{font-size: 14px;}
.bsradio_checkbx .radio_itembx label{font-size: 13px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.bor_graybx{padding:20px 20px;font-size: 13px;}
.contact_form.full{margin-bottom: 30px;}
.bs_st_btnbx{margin-top:30px;}
}

/*=========================================================
  스마트빌 설문
=========================================================*/
.survey_bx{padding:60px 25px 40px;background: #f9f9f9;}
.survey_bx .bs_imgbx{max-width: 753px; margin:0 auto;}
.survey_bx .bs_imgbx img{width:100%;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.survey_bx{padding:50px 25px 40px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.survey_bx{padding:40px 25px 40px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.survey_bx{padding:25px 20px 25px;}
}

/*=========================================================
  스마트빌 설문(팝업)
=========================================================*/
.survey_p_bx{max-height: 80vh; overflow: hidden; overflow-y: auto;margin:-40px -30px; padding:40px 30px;}
.survey_p_bx .title{font-size: 30px; color:#0069b4; line-height: 1.4em; margin-bottom: 15px;text-align: center;}
.survey_p_bx .gray_bx{padding:30px 20px;background: #f6f9fa;margin-bottom: 30px;}
.survey_p_bx .gray_bx .sub_text{font-size: 14px; color:#2c2c2c; line-height: 1.6em; font-weight: bold; margin-bottom: 10px;}
.survey_p_bx .gray_bx .sub_text.align_c{text-align: center;}
.survey_p_bx .gray_bx .survey_textarea{display: block; width:100%; height: 110px; border:solid 1px #dfdfdf; background: #fff;resize: none; padding:10px 10px;font-size: 14px; line-height: 1.7em;margin-bottom: 20px;}
.survey_p_bx .gray_bx .copy_text{font-size: 14px; color:#0069b4; line-height: 1.4em; font-weight: bold;padding:8px 10px; border:solid 1px #dfdfdf; background: #fff;margin-bottom: 15px;}

/*폼*/
.dl_formbx{border-top:solid 3px #1ebbef;border-bottom:solid 1px #333333;}
.dl_form_itembx{border-top:solid 1px #dcdcdc;}
.dl_form_itembx:first-child{border-top:none;}
.dl_form_itembx dl{display: table; table-layout: fixed; width:100%;}
.dl_form_itembx dt{display: table-cell; vertical-align: middle;width:164px;background: #edf4f6;border-right:solid 1px #dcdcdc;padding:6px 10px;}
.dl_form_itembx dd{display: table-cell; vertical-align: middle;background: #fff;padding:6px 10px;}
.dl_form_itembx .label_text{display: block; font-size: 14px; color:#2c2c2c; line-height: 1.4em; text-align: center;font-weight: bold;}
.dl_inputbx .text_inputbx{font-size: 14px; color:#3c3c3c; line-height: 1.4em;padding:8px 15px; border:solid 1px #dcdcdc; display: block; width:100%;background: #fff;resize: none;}
.dl_inputbx input.text_inputbx{max-width: 190px;}
.dl_inputbx textarea.text_inputbx{height:50px;}
.dl_form_itembx dd.tu_text .dl_inputbx{width: 190px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.dl_form_itembx dd.tu_text .s_text{display: inline-block;vertical-align: middle;font-size: 12px;color:#5c5c5c; line-height: 1.4em;}
.survey_p_bx .bs_st_btnbx .bs_st_btn{padding-left:50px; padding-right: 50px;}

/*설명 박스*/
.ex_tetxbx{border:solid 1px #dfdfdf;padding:25px 20px;margin-bottom: 15px;}
.ex_tetxbx h4{font-size: 16px; color:#2c2c2c; font-weight: bold; line-height: 1.5em;margin-bottom: 13px;}
.ex_tetxbx h4 .color{color:#1ebbef;}
.ex_tetxbx li{font-size: 14px; color:#5c5c5c; line-height: 1.6em;margin-top:10px;padding-left:12px; position: relative;}
.ex_tetxbx li:before{content: "∙";position: absolute; top:0; left:0;}
.ex_tetxbx li:first-child{margin-top:0;}
.ex_tetxbx li .red_color{color:#ef1e1e; font-weight: bold;}

/*라디오 박스*/
.survey_p_bx .tblbx{display: table;table-layout: fixed; width:100%;}
.survey_p_bx .tblbx .text_bx{display: table-cell; vertical-align:middle;font-size: 14px; color:#2c2c2c; line-height: 1.4em;font-weight: bold;}
.survey_p_bx .tblbx .radio_checkbx{display: table-cell; vertical-align:middle;width:270px;}

/*라디오박스*/
.survey_p_bx .radio_checkbx .right_bx{float: right;}
.survey_p_bx .radio_checkbx .radio_itembx{margin-right: 20px;float: left;}
.survey_p_bx .radio_checkbx .radio_itembx:last-child{margin-right: 0;}
.survey_p_bx .radio_checkbx .radio_itembx input[type="radio"]{display: none;}
.survey_p_bx .radio_checkbx .radio_itembx label{display: block;font-size: 14px; color:#2c2c2c; line-height: 1.4em; padding-left:30px; position: relative;}
.survey_p_bx .radio_checkbx .radio_itembx label:before{content: "";width:22px; height: 22px;background: url(../images/icon/icon_item.png) no-repeat;background-size: 500px 500px;background-position: 0 -400px;position: absolute; top:-2px; left:0;cursor: pointer;}

/*조건값*/
.survey_p_bx .radio_checkbx .radio_itembx input[type="radio"]:checked + label:before{background-position: -26px -400px;}


@media screen and (max-height: 880px) and (min-width: 1024px){
.survey_p_bx{padding:20px 20px; margin:-20px -20px;}
.survey_p_bx .title{font-size: 24px;}
.survey_p_bx .gray_bx{padding:20px 20px;}
.survey_p_bx .gray_bx .sub_text{font-size: 13px;}
.survey_p_bx .gray_bx .copy_text{font-size: 13px;}
.ex_tetxbx h4{font-size: 15px;}
.survey_p_bx .tblbx .text_bx{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.survey_p_bx{padding:20px 20px; margin:-20px -20px;max-height: 800px;}
.survey_p_bx .title{font-size: 24px;}
.survey_p_bx .gray_bx{padding:20px 20px;}
.survey_p_bx .gray_bx .sub_text{font-size: 13px;}
.survey_p_bx .gray_bx .survey_textarea{height: 50px;}
.survey_p_bx .gray_bx .copy_text{font-size: 13px;}
.dl_form_itembx .label_text{font-size: 13px;}
.ex_tetxbx h4{font-size: 15px;}
.ex_tetxbx li{font-size: 13px;}
.ex_tetxbx{padding:20px 20px;}
.survey_p_bx .tblbx .text_bx{font-size: 13px;}
.survey_p_bx .radio_checkbx .radio_itembx label{font-size: 13px;}
.dl_form_itembx dl{display: block;}
.dl_form_itembx dt{display: block;width:100%;}
.dl_form_itembx dd{display: block;}
.dl_inputbx input.text_inputbx{margin-right: 0 !important; max-width:none !important;width:100% !important;}
.dl_form_itembx dd.tu_text .dl_inputbx{margin-right: 0 !important; max-width:none !important;width:100% !important;}
.survey_p_bx .tblbx{display: block;}
.survey_p_bx .tblbx .text_bx{display: block;margin-bottom: 10px;}
.survey_p_bx .tblbx .radio_checkbx{display: block;width:100%;}
.survey_p_bx .radio_checkbx .right_bx{float: none;}
.survey_p_bx .radio_checkbx .right_bx:after{content: ""; display: table; clear: both;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.survey_p_bx{max-height: 650px;}
.survey_p_bx .title{font-size: 18px;}
.survey_p_bx .gray_bx{padding:15px 15px;}
.survey_p_bx .gray_bx .sub_text{font-size: 12px;}
.survey_p_bx .gray_bx .copy_text{font-size: 12px;}
.dl_form_itembx .label_text{font-size: 13px;}
.ex_tetxbx h4{font-size: 14px;}
.ex_tetxbx li{font-size: 12px;}
.ex_tetxbx{padding:15px 15px;}
.survey_p_bx .tblbx .text_bx{font-size: 13px;}
.survey_p_bx .radio_checkbx .radio_itembx label{font-size: 13px;}
}

@media screen and (max-width: 419px) and (min-width: 1px){
.popupbx .popup_contbx .survey_p_bx{height: 500px;margin:0;}
.survey_p_bx .gray_bx{padding:10px 10px;}
.dl_form_itembx .label_text{font-size: 13px;}
.ex_tetxbx{padding:10px 10px;}
}

/*=========================================================
  어플다운로드
=========================================================*/
.app_bx{padding:60px 0;position: relative;}
.app_bx.gray{background: #f6f9fa;}
.app_bx.gray:before{content: ""; width:3000px; position: absolute; top:0; left:-3000px; bottom:0;background:#f6f9fa;}
.app_bx.gray:after{content: ""; width:3000px; position: absolute; top:0; right:-3000px; bottom:0;background:#f6f9fa;}
.bs_st_btnbx .bs_st_btn.max_400{max-width: 400px;width:100%;}
.app_bx h4{font-size: 0; line-height: 0; text-align: center;margin-bottom: 55px;}
.app_bx h4 .text{font-size: 30px; color:#2c2c2c; line-height: 1.5em; font-weight: bold;display: inline-block;padding-left:65px;position: relative;}
.app_bx h4 .text .icon_item{width:50px; height: 50px; display: block; position: absolute; top:-3px; left:0;}
.app_bx h4 .text .color{color:#1ebbef;}

/*아이콘*/
.app_bx h4 .text .icon_item.icon_1{background: url(../images/icon/app_icon1.png) no-repeat;background-size: 50px 50px;background-position: 0 0;}
.app_bx h4 .text .icon_item.icon_2{background: url(../images/icon/app_icon2.png) no-repeat;background-size: 50px 50px;background-position: 0 0;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.app_bx{padding:50px 0;}
.app_bx h4{margin-bottom: 45px;}
.app_bx h4 .text{font-size: 24px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.app_bx{padding:35px 0;}
.app_bx h4{margin-bottom: 35px;}
.app_bx h4 .text{font-size: 18px;padding-left: 40px;}
.app_bx h4 .text .icon_item{width:30px; height: 30px;background-size: 30px 30px !important;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.app_bx{padding:25px 0;}
.app_bx h4{margin-bottom: 25px;}
.app_bx h4 .text{font-size: 14px;text-align: left;}
.app_bx h4 .text .icon_item{top:-5px;}
}

/*=========================================================
  온라인광고 (매체 특장점)
=========================================================*/
.page-id-45 .site-main > .max_container{max-width: none;padding:0;}
.page-id-45 .site-footer{margin-top:0;}
.smart_adbx{background: url(../../../uploads/2018/02/ad_bg.jpg) no-repeat;background-size: cover; background-position: center top;padding:95px 0 110px;background-attachment: fixed;position: relative;}
.smart_adbx .max_container{z-index: 10;}
.smart_adbx:before{content: ""; position: absolute; top:0; left:0; bottom:0; right:0; background: rgba(0,0,0,0.2);}
.smart_adbx h3{font-size: 36px;color: #ffffff;line-height: 1.2em;font-weight: bold;margin-bottom: 15px;text-align: center;}
.smart_adbx .sub_text{font-size: 18px; color:#fff; line-height: 1.6em;text-align: center;margin-bottom: 50px;}

/*st 포스트*/
.ad_st_postbx{overflow: hidden;}
.ad_st_postbx > ul{overflow: hidden;margin:-10px -19px;}
.ad_st_postbx > ul > li{width:33.3333%;float: left;padding:10px 19px;}
.ad_st_postitembx{padding:60px 25px 25px;min-height: 390px;}
.ad_st_postitembx .icon_item{width:90px;line-height: 0; margin:0 auto 30px;}
.ad_st_postitembx h4{font-size: 20px; color:#ffffff; line-height:1.4em; text-align: center;margin-bottom: 20px;}
.ad_st_postitembx li{font-size: 14px; color:#ffffff; line-height:1.6em;margin-top:10px;padding-left:12px;position: relative;}
.ad_st_postitembx li:before{content: "∙";position: absolute; top:0; left:0;}
.ad_st_postitembx li:first-child{margin-top:0;}

/*st 포스트 조건값*/
.ad_st_postbx > ul > li.step1 .ad_st_postitembx{background: rgba(58,186,233,0.9);}
.ad_st_postbx > ul > li.step2 .ad_st_postitembx{background: rgba(0,147,210,0.9);}
.ad_st_postbx > ul > li.step3 .ad_st_postitembx{background: rgba(0,105,180,0.9);}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.smart_adbx{padding:80px 0 90px;}
.smart_adbx h3{font-size: 32px;}
.smart_adbx .sub_text{font-size: 16px; margin-bottom: 45px;}
.ad_st_postitembx h4{font-size: 18px;margin-bottom: 15px;}
.ad_st_postitembx li{font-size: 13px;}
.ad_st_postitembx .icon_item{width:80px;margin-bottom: 25px;}
.ad_st_postitembx{padding:50px 25px 25px;min-height: 296px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.smart_adbx{padding:50px 0 60px;background-position: center center !important;background-size: cover !important; background-attachment: inherit !important;}
.smart_adbx h3{font-size: 26px;margin-bottom: 10px;}
.smart_adbx .sub_text{font-size: 14px; margin-bottom: 35px;}
.ad_st_postitembx h4{font-size: 16px;margin-bottom: 10px;}
.ad_st_postbx > ul{margin:-7px -7px;}
.ad_st_postbx > ul > li{padding:7px 7px;}
.ad_st_postitembx li{font-size: 13px;}
.ad_st_postitembx .icon_item{width:60px;margin-bottom: 20px;}
.ad_st_postitembx{padding:30px 20px 30px;min-height: 270px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.smart_adbx{padding:35px 0 45px;}
.smart_adbx h3{font-size: 20px;}
.smart_adbx .sub_text{font-size:13px;margin-bottom: 30px;}
.smart_adbx .sub_text br{display: none;}
.ad_st_postitembx h4{font-size: 15px;}
.ad_st_postitembx .icon_item{width:50px;margin-bottom: 15px;}
.ad_st_postitembx{padding:25px 20px 25px;min-height:0;}
.ad_st_postbx > ul > li{width:100%;float: none;}
}

/*=========================================================
  온라인광고 (세금계산서 페이지 배너)
=========================================================*/
.online_bx{padding:35px 0;position: relative;}
.online_bx.gray{background: #f6f9fa;}
.online_bx.gray:before{content: ""; width:3000px; position: absolute; top:0; left:-3000px; bottom:0;background:#f6f9fa;}
.online_bx.gray:after{content: ""; width:3000px; position: absolute; top:0; right:-3000px; bottom:0;background:#f6f9fa;}
.online_bx h4{font-size: 24px; color:#2c2c2c; line-height: 1.4em; font-weight: bold;margin-bottom: 22px;}
.online_bx h4 .text{margin-right: 8px;}
.online_bx h4 .best{font-size:16px;vertical-align: top;color:#ef1e1e;line-height: 1.4em;}
.online_contbx:after{content: ""; display: table; clear: both;}
.online_contbx .thum{line-height: 0;width:45%;float: left; margin-right: 45px;}
.online_contbx .thum img{border:solid 1px #f3f3f3;box-shadow: 0 0 15px rgba(0,0,0,0.1);width:100%;}
.online_contbx .cont{overflow: hidden;}


/*테이블*/
.on_b_tbl{border-top:solid 3px #1ebbef;width:100%;}
.on_b_tbl.mb_30{margin-bottom: 30px;}
.on_b_tbl tbody th{font-size: 16px; color:#2c2c2c; line-height: 1.5em;background:#edf4f6;text-align: center;padding:13px 25px;border-bottom: solid 1px #dcdcdc;}
.on_b_tbl tbody td{font-size: 16px; color:#5c5c5c; line-height: 1.5em;text-align: left;padding:13px 25px;background: #fff;border-left:solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc;}
.on_b_tbl tbody td .bold{color:#2c2c2c; font-weight: bold;}
.on_b_tbl tbody tr:last-child th,.on_b_tbl tbody tr:last-child td{border-bottom: solid 1px #333333;}

/*보더 박스*/
.bs_st_bor_box{border:solid 1px #dfdfdf;padding:35px 35px;margin-top:20px;}
.bs_st_bor_box h4{font-size: 16px; color:#2c2c2c; line-height: 1.4em; font-weight: bold; margin-bottom: 10px;margin-top:30px;}
.bs_st_bor_box h4:first-child{margin-top:0;}
.bs_st_bor_box li{font-size: 14px; color:#5c5c5c; line-height: 1.6em;position: relative; padding-left:12px;margin-top:4px;}
.bs_st_bor_box li:first-child{margin-top:0;}
.bs_st_bor_box li:before{content: ""; width:3px; height: 3px; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;position: absolute; top:9px; left:0; background:#5c5c5c;}
.bs_st_bor_box .red_color{color:#ef1e1e;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.online_bx h4{font-size: 20px;margin-bottom: 20px;}
.online_bx h4 .best{font-size: 14px;}
.on_b_tbl tbody th{font-size: 14px;}
.on_b_tbl tbody td{font-size: 14px;}
.online_contbx .thum{margin-right: 40px;}
.bs_st_bor_box{padding:30px 30px;margin-top:10px;}
.bs_st_bor_box h4{font-size: 14px;}
.bs_st_bor_box li{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.online_bx h4{font-size: 18px;margin-bottom: 15px;}
.online_bx h4 .best{font-size: 13px;}
.on_b_tbl tbody th{font-size: 13px;padding:10px 15px;}
.on_b_tbl tbody td{font-size: 13px;padding:10px 15px;}
.online_contbx .thum{margin-right: 25px;}
.online_bx{padding:25px 0;}
.bs_st_bor_box{padding:20px 20px;margin-top:10px;}
.bs_st_bor_box h4{font-size: 13px;margin-top:20px;margin-bottom: 7px;}
.bs_st_bor_box li{font-size: 12px;}
.on_b_tbl.mb_30{margin-bottom: 20px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.online_bx h4{font-size: 15px;}
.online_bx h4 .best{font-size: 12px;}
.on_b_tbl tbody th{padding:8px 15px;}
.on_b_tbl tbody td{padding:8px 15px;}
.online_contbx .thum{float: none; margin-right: 0;margin-bottom: 20px; width:100%;}
.bs_st_bor_box{padding:15px 15px;}
.on_b_tbl.mb_30{margin-bottom: 15px;}
}

/*=========================================================
  공고
=========================================================*/
.pg_s_textbx{border:solid 3px #dfdfdf;padding:50px 30px;}
.pg_s_textbx h3{font-size: 30px; color:#0069b4; line-height: 1.4em; font-weight: bold;margin-bottom: 25px;text-align: center;}
.pg_s_textbx .contbx:after{content: ""; display: table; clear: both;}
.pg_s_textbx .contbx{background: #fafafa;padding:60px 30px;}
.pg_s_textbx .contbx .bold_text{font-size: 18px; color:#2c2c2c; line-height: 1.7em; font-weight: bold;padding-bottom: 40px; margin-bottom: 40px;border-bottom: solid 1px #dfdfdf;text-align: center;}
.pg_s_textbx .contbx ul{padding-bottom: 40px; margin-bottom: 40px; border-bottom: solid 1px #dfdfdf;}
.pg_s_textbx .contbx li{margin-top:30px;font-size: 16px; color:#2c2c2c; line-height: 1.7em;}
.pg_s_textbx .contbx li:first-child{margin-top:0;}
.pg_s_textbx .contbx li:after{content: ""; display: table; clear: both;}
.pg_s_textbx .contbx li .no{display: block; float: left;margin-right: 5px;}
.pg_s_textbx .contbx li .text{display: block; overflow: hidden;}
.pg_s_textbx .contbx .rightbx{float: right;text-align: right;}
.pg_s_textbx .contbx .rightbx .date{font-size: 18px; color:#0069b4; line-height: 1.4em; font-weight: bold; margin-bottom: 10px;display: block;}
.pg_s_textbx .contbx .rightbx .name{font-size: 18px; color:#000000; line-height: 1.6em; font-weight: bold;}
.pg_s_textbx .contbx .rightbx .name .sub_txt{display: block;font-size: 14px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.pg_s_textbx{padding:40px 30px;}
.pg_s_textbx h3{font-size: 26px;margin-bottom: 20px;}
.pg_s_textbx .contbx{padding:40px 30px;}
.pg_s_textbx .contbx .bold_text{font-size: 14px;padding-bottom: 30px;margin-bottom: 30px;}
.pg_s_textbx .contbx ul{padding-bottom: 30px;margin-bottom: 30px;}
.pg_s_textbx .contbx li{margin-top:20px; font-size: 14px;}
.pg_s_textbx .contbx .rightbx .date{font-size: 16px;}
.pg_s_textbx .contbx .rightbx .name{font-size: 16px;}
.pg_s_textbx .contbx .rightbx .name .sub_txt{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.pg_s_textbx{padding:30px 25px;}
.pg_s_textbx h3{font-size: 20px;margin-bottom: 15px;}
.pg_s_textbx .contbx{padding:25px 25px;}
.pg_s_textbx .contbx .bold_text{font-size: 14px;padding-bottom: 20px;margin-bottom: 20px;}
.pg_s_textbx .contbx .bold_text br{display: none;}
.pg_s_textbx .contbx ul{padding-bottom: 20px;margin-bottom: 20px;}
.pg_s_textbx .contbx li{margin-top:10px; font-size: 13px;}
.pg_s_textbx .contbx .rightbx .date{font-size: 14px;}
.pg_s_textbx .contbx .rightbx .name{font-size: 14px;}
.pg_s_textbx .contbx .rightbx .name .sub_txt{font-size: 12px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.pg_s_textbx{padding:25px 20px;}
.pg_s_textbx h3{font-size: 18px;margin-bottom: 10px;}
.pg_s_textbx .contbx{padding:20px 20px;}
.pg_s_textbx .contbx .bold_text{font-size: 13px;padding-bottom: 15px;margin-bottom: 15px;}
.pg_s_textbx .contbx ul{padding-bottom: 15px;margin-bottom: 15px;}
.pg_s_textbx .contbx .rightbx .date{font-size: 13px;margin-bottom: 5px;}
.pg_s_textbx .contbx .rightbx .name{font-size: 13px;}
}

/*=========================================================
  투자정보
=========================================================*/
.st_b_tbl tbody td .up{color:#FF4848;}
.st_b_tbl tbody td .down{color:#00b9e9;}
.st_b_tbl.bg tbody th{background: #edf4f6;font-weight: bold;color:#2c2c2c;}
#gpDisp object{display: block;margin:0 auto;}
.st_bs_stitle .table_head.date{float: right;padding-top: 2px;}
.on_b_tbl.in_on_tbl tbody td .up{color:#FF4848;}
.on_b_tbl.in_on_tbl tbody td .down{color:#00b9e9;}
.on_b_tbl.in_on_tbl th,.on_b_tbl.in_on_tbl td{font-size: 14px;}


/*상단컨텐츠*/
.main_stock_box1{margin-bottom: 50px;}
.main_stock_box1_title:after{content: ""; display: table; clear: both;}
.main_stock_box1_title .in_box{float: left;margin-right: 35px;width:50%;border:solid 1px #dcdcdc;}
.main_stock_box1_title .in_box dt{font-size: 18px;line-height: 1.6em; text-align: center;padding: 20px 15px; color: #fff;font-weight: bold;background: #1ebbef;margin:-1px -1px 0;}
.main_stock_box1_title .in_box dd{font-size: 24px;line-height: 1.6em; text-align: center;padding: 20px 15px; color: #5c5c5c;font-weight: bold;}
.main_stock_box1_title .in_box dd .CurJuka{color:#FF4848; font-weight: bold;margin-right: 5px;font-size: 18px;vertical-align: middle;}
.main_stock_box1_title .in_textbx{overflow: hidden;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.main_stock_box1{margin-bottom: 40px;}
.on_b_tbl.in_on_tbl th,.on_b_tbl.in_on_tbl td{font-size: 13px;}
.main_stock_box1_title .in_box{margin-right: 30px;}
.main_stock_box1_title .in_box dt{font-size: 16px;}
.main_stock_box1_title .in_box dd{font-size: 20px;}
.main_stock_box1_title .in_box dd .CurJuka{font-size: 16px;}
.scroll_bs_tbl.in_sc{margin-bottom: 25px;overflow: hidden; overflow-x: auto;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.main_stock_box1{margin-bottom: 30px;}
.on_b_tbl.in_on_tbl th,.on_b_tbl.in_on_tbl td{font-size: 13px;}
.main_stock_box1_title .in_box{margin-right: 25px;}
.main_stock_box1_title .in_box dt{font-size: 14px;}
.main_stock_box1_title .in_box dd{font-size: 18px;padding:16px 15px;}
.main_stock_box1_title .in_box dd .CurJuka{font-size: 14px;}
.gra_m_none{display: none;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.main_stock_box1{margin-bottom: 25px;}
.main_stock_box1_title .in_box{float: none;margin-right: 0;margin-bottom: 20px;width:100%;}
.main_stock_box1_title .in_box dd .CurJuka{font-size: 13px;}
.main_stock_box1_title .in_box dt{padding: 13px 15px;}
}

/*=========================================================
  뎁스 탭박스
=========================================================*/
.depth_tabbx{margin-bottom: 40px;}
.depth_tabbx ul:after{content: ""; display: table; clear: both;}
.depth_tabbx li{width:50%; float: left;}
.depth_tabbx li a{display: block;font-size: 16px; color:#5c5c5c; line-height: 1.4em;background: #f6f9fa; text-align: center; padding:11px 5px;}

/*조건값*/
.depth_tabbx li a:hover{background: #1ebbef;color:#fff;}
.depth_tabbx li.active a{background: #1ebbef;color:#fff;font-weight: bold;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.depth_tabbx li a{font-size: 14px;}
.depth_tabbx{margin-bottom: 35px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.depth_tabbx li a{font-size: 13px;}
.depth_tabbx{margin-bottom: 30px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.depth_tabbx{margin-bottom: 25px;}
.depth_tabbx li{width:50% !important;}
.depth_tabbx li:nth-child(odd){clear: both;}
.depth_tabbx li a{padding:7px 5px;}
}

/*=========================================================
  스마트 MI(조기경보)
=========================================================*/
.page-id-41 .site-main > .max_container{max-width: none;padding:0;}
.border_linebx{border:solid 1px #dfdfdf;text-align: center;padding:65px 15px;margin-bottom: 20px;}
.f16_text{font-size: 16px; color:#5c5c5c; line-height: 1.6em;font-weight: bold;}
.st_ex_imgbx{margin-top:50px; margin-bottom: 20px;overflow: hidden;}
.st_ex_imgbx ul{margin:-12px -12px; overflow: hidden;}
.st_ex_imgbx li{padding:12px 12px;width:33.3333%; float: left;}
.st_ex_itembx{border:solid 1px #dfdfdf;text-align: center;padding:60px 15px;}
.st_ex_itembx .imgbx{line-height: 0;width:90px; margin:0 auto 40px;}
.st_ex_itembx .text{font-size: 18px; color:#2c2c2c; line-height: 1.4em; font-weight: bold;}


@media screen and (max-width: 1279px) and (min-width: 1024px){
.border_linebx{padding:50px 15px;}
.f16_text{font-size: 14px;}
.st_ex_imgbx{margin-top:40px; margin-bottom: 20px;}
.st_ex_itembx .text{font-size: 16px;}
.st_ex_itembx{padding:50px 15px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.border_linebx{padding:35px 15px;margin-bottom: 15px;}
.f16_text{font-size: 13px;}
.st_ex_imgbx{margin-top:30px; margin-bottom: 15px;}
.st_ex_itembx .text{font-size: 14px;}
.st_ex_itembx{padding:30px 15px;}
.st_ex_itembx .imgbx{width:50px; margin:0 auto 20px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.border_linebx{padding:20px 15px;}
.st_ex_imgbx{margin-top:25px}
.st_ex_imgbx ul{margin:-5px -5px;}
.st_ex_imgbx li{padding:5px 5px;}
.st_ex_itembx .text{font-size: 13px;}
.st_ex_itembx{padding:20px 5px;}
}

/*=========================================================
  스마트 MI(스마트 채권)
=========================================================*/
.page-id-459 .site-main > .max_container{max-width: none;padding:0;}
.static_slide_head.smart_one{background: url(../../../uploads/2018/02/smart_bg_one.jpg) no-repeat;background-position: center center !important;background-size: cover;}
.static_slide_head.smart_two{background: url(../../../uploads/2018/03/smart_bg_two.jpg) no-repeat;background-position: center center !important;background-size: cover;}
.mn_top_contbx{margin-top:-170px;}
.mn_top_contbx .ex_text{font-size: 16px; color:#fff; line-height: 1.7em;font-weight: bold; margin-bottom: 20px;text-align: center;}
.smart_textbox_ls{position: relative;}
.smart_textbox_ls:after{content: ""; width:164px;height: 164px; background: url(../images/icon/smart_icon_bx.png) no-repeat;background-size: 164px 164px;position: absolute; top:50%; left:50%;z-index: 10;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.smart_textbox_ls > ul{margin:-9px -9px;}
.smart_textbox_ls > ul:after{content: ""; display: table; clear: both;}
.smart_textbox_ls > ul > li{padding:9px 9px;width:50%; float: left;}
.smart_textbox_item{background: #fff; box-shadow: 5px 5px 15px rgba(0,0,0,0.2);padding:70px 50px 20px;min-height: 260px;}
.smart_textbox_item h4{font-size: 20px; color:#2c2c2c; line-height: 1.4em;font-weight: bold;margin-bottom: 17px;}
.smart_textbox_item li{font-size: 14px; color:#5c5c5c; line-height: 1.6em;position: relative; padding-left:14px; margin-top:4px;}
.smart_textbox_item li:before{content: "∙";position: absolute; top:0; left:0;}
.smart_textbox_item li:first-child{margin-top:0;}

/*조건값*/
/*.smart_textbox_ls > ul > li:nth-child(2) .smart_textbox_item h4{color:#1978bb;}*/

@media screen and (max-width: 1279px) and (min-width: 1024px){
.smart_textbox_item h4{font-size: 18px;}
.smart_textbox_item li{font-size: 13px;}
.mn_top_contbx .ex_text{font-size: 14px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.smart_textbox_item h4{font-size: 16px;}
.smart_textbox_item li{font-size: 13px;}
.mn_top_contbx .ex_text{font-size: 13px;}
.smart_textbox_item{padding:40px 25px 20px;min-height: 200px;}
.smart_textbox_ls:after{width:100px; height: 100px; background-size: 100px 100px;}
.mn_top_contbx{margin-top:-150px;}
}

@media screen and (max-width: 766px) and (min-width: 1px){
.smart_textbox_item h4{margin-bottom: 10px;}
.smart_textbox_item{padding:35px 25px 20px;min-height: 220px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.smart_textbox_ls:after{width:80px;height: 80px;background-size: 80px 80px; transform: translate(0%,0%);-webkit-transform: translate(0%,0%);-moz-transform: translate(0%,0%);-ms-transform: translate(0%,0%);top: -9px; margin-left:-40px;}
.mn_top_contbx{margin-top:-143px;}
.smart_textbox_ls{padding-top:105px;}
.smart_textbox_item h4{font-size: 14px;}
.smart_textbox_item li{font-size: 12px;}
.mn_top_contbx .ex_text{font-size: 12px;}
.smart_textbox_item{padding:20px 15px 20px;min-height: 0;}
.smart_textbox_ls > ul > li{width:100%; float: none;}

}

/*=========================================================
  이용약관
=========================================================*/
.notice_wrap .notice_view {overflow: hidden; margin-bottom: 30px;}
.notice_wrap .notice_view .viwe_link{ display: inline-block; background-color: #1ebbef;  float: right; }
.notice_wrap .notice_view .viwe_text {display: block; font-size: 18px;  color: #fff;  line-height: 1.3em; font-weight: bold; padding:11px 15px 10px 15px;}
.notice_wrap .notice_cont .notice_list { margin-bottom: 50px;}
.notice_wrap .notice_cont .notice_list:last-child { margin-bottom: 0;}
.notice_cont_m .notice_tit {margin-bottom: 25px; }
.notice_cont_m .notice_tit .tit_text {font-size: 30px; color: #2c2c2c; line-height: 1.3em;  }
.notice_cont_m .cont_box { margin-bottom: 50px; }
.notice_cont_m .cont_box:last-child { margin-bottom: 0; }
.notice_cont_m .cont_box .border_text { font-size: 20px; color: #2c2c2c; line-height: 1.3em; position: relative; padding-bottom: 20px; margin-bottom: 20px;}
.notice_cont_m .cont_box .border_text:before {content: ''; position: absolute; bottom: 0; left: 0; width: 20px; height: 2px; background-color: #2c2c2c; }
.notice_cont_m .cont_box .cont_bx .cont_list { font-size: 14px; color: #5c5c5c; line-height: 1.7em; margin-bottom: 10px; }
.notice_cont_m .cont_box .cont_bx .cont_list:last-child{ margin-bottom: 0; }
.notice_cont_m .cont_box .cont_bx .mb10:last-child { margin-bottom: 10px; }
.notice_cont_m .cont_box .cont_bx .cont_list:after {content: ''; display: table; clear: both; }
.notice_cont_m .cont_box .cont_bx .cont_list .num_list {float: left; display: block; }
.notice_cont_m .cont_box .cont_bx .cont_list .text_list {display: block; overflow: hidden; padding-left: 5px;  }
.notice_cont_m .cont_box .cont_bx .cont_list .bl_text {padding-left: 20px; margin-top:10px;}
.notice_cont_m .cont_box .cont_bx .cont_list .pl0 {padding-left: 0; }
.notice_cont_m .cont_box .cont_bx .cont_list .bl_text .bl_list {font-size: 14px; color: #5c5c5c; line-height: 1.3em; margin-bottom: 10px; position: relative; padding-left: 10px; }
.notice_cont_m .cont_box .cont_bx .cont_list .bl_text .bl_list:before {content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 1px; background-color: #5c5c5c;     }
.notice_cont_m .cont_box .cont_bx .cont_list .bl_text .bl_list:last-child { margin-bottom: 0;}
.notice_cont_m .cont_box .cont_bx .cont_list .num_text { font-size: 14px; color: #5c5c5c; line-height: 1.3em; margin-bottom: 10px;  margin-top: 10px;}
.notice_cont_m .cont_box .cont_bx .cont_list .num_text:last-child {margin-bottom: 0; }
.table_tit {font-size: 18px; color: #2c2c2c; line-height: 1.3em; margin-bottom: 10px; }
.notice_cont_m .cont_box .cont_bx .cont_list .color{color:#ef1e1e;}

/*호버*/
.notice_wrap .notice_view .viwe_text:hover{background: #2c2c2c;}


@media screen and (max-width: 1279px) and (min-width: 1024px){
.notice_wrap .notice_view { margin-bottom: 25px;}
.notice_wrap .notice_view .viwe_text { font-size: 16px; padding:9px 13px 8px 13px;}
.notice_wrap .notice_cont .notice_list { margin-bottom: 45px;}
.notice_cont_m .notice_tit {margin-bottom: 20px; }
.notice_cont_m .notice_tit .tit_text { font-size: 26px; }
.notice_cont_m .cont_box { margin-bottom: 45px; }
.notice_cont_m .cont_box .border_text { font-size: 16px; margin-bottom: 15px;}
.notice_cont_m .cont_box .cont_bx .cont_list { font-size: 13px; margin-bottom: 10px; }
.notice_cont_m .cont_box .cont_bx .cont_list .bl_text { padding-left: 15px; margin-bottom: 10px;}
.notice_cont_m .cont_box .cont_bx .cont_list .pl0 {padding-left: 0; }
.notice_cont_m .cont_box .cont_bx .cont_list .bl_text .bl_list { font-size: 13px; margin-bottom: 10px;}
.notice_cont_m .cont_box .cont_bx .cont_list .num_text {font-size: 13px; margin-bottom: 10px; margin-top: 10px; }
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.notice_wrap .notice_view {margin-bottom: 15px;}
.notice_wrap .notice_view .viwe_text { font-size: 16px; padding:9px 13px 8px 13px;}
.notice_wrap .notice_cont .notice_list { margin-bottom: 40px;}
.notice_cont_m .notice_tit {margin-bottom: 15px; }
.notice_cont_m .notice_tit .tit_text { font-size: 24px; }
.notice_cont_m .cont_box { margin-bottom: 40px; }
.notice_cont_m .cont_box .border_text { font-size: 16px; margin-bottom: 15px;}
.notice_cont_m .cont_box .cont_bx .cont_list { font-size: 13px; margin-bottom: 10px; }
.notice_cont_m .cont_box .cont_bx .cont_list .bl_text { padding-left: 15px; margin-bottom: 10px;}
.notice_cont_m .cont_box .cont_bx .cont_list .pl0 {padding-left: 0; }
.notice_cont_m .cont_box .cont_bx .cont_list .bl_text .bl_list { font-size: 13px; margin-bottom: 10px;}
.notice_cont_m .cont_box .cont_bx .cont_list .num_text {font-size: 13px; margin-bottom: 10px; margin-top: 10px; }
}

@media screen and (max-width: 639px) and (min-width: 1px){
.notice_wrap .notice_view .viwe_text { font-size: 14px; padding: 7px 11px 6px 11px;}
.notice_wrap .notice_cont .notice_list { margin-bottom: 30px;}
.notice_cont_m .notice_tit {margin-bottom: 10px; }
.notice_cont_m .notice_tit .tit_text { font-size: 20px; }
.notice_cont_m .cont_box { margin-bottom: 30px; }
.notice_cont_m .cont_box .border_text { font-size: 14px; margin-bottom: 10px;}
.notice_cont_m .cont_box .cont_bx .cont_list { font-size: 13px; margin-bottom: 10px; }
.notice_cont_m .cont_box .cont_bx .cont_list .bl_text { padding-left: 15px; margin-bottom: 10px;}
.notice_cont_m .cont_box .cont_bx .cont_list .pl0 {padding-left: 0; }
.notice_cont_m .cont_box .cont_bx .cont_list .bl_text .bl_list { font-size: 13px; margin-bottom: 10px;}
.notice_cont_m .cont_box .cont_bx .cont_list .num_text {font-size: 13px; margin-bottom: 10px; margin-top: 10px; }
.notice_wrap .notice_view { margin-bottom: 10px;}
}

/*=========================================================
  개인정보취급방침
=========================================================*/
.privacy_statement {margin-bottom: 50px; }
.privacy_statement .ps_text { background-color: #edf4f6; border: 1px solid #dcdcdc; padding: 30px 0 30px 30px; margin-bottom: 20px;}
.privacy_statement .ps_text .text_p { font-size: 14px; color: #2c2c2c; line-height: 1.3em; margin-bottom: 15px;}
.privacy_statement .ps_text .text_p:last-child { margin-bottom: 0;}
.privacy_statement .ps_btext .bottom_text { font-size: 14px; color: #2c2c2c; line-height: 1.3em; margin-bottom: 20px;}
.privacy_statement .ps_btext .num_list { }
.privacy_statement .ps_btext .num_list li {font-size: 14px; color: #2c2c2c; line-height: 1.3em; margin-bottom: 10px;}
.privacy_statement .ps_btext .num_list li:last-child {margin-bottom: 0; }

.manager {overflow: hidden; }
.manager .left_director { float: left; width: 50%; padding-right: 20px;}
.manager .left_director li {margin-top: 15px; }
.manager .left_director .left_tit { font-size: 18px; color: #2c2c2c; line-height: 1.3em;  }
.manager .left_director dt {float: left; min-width: 80px; font-size: 14px; color: #2c2c2c;  line-height: 1.3em; font-weight: bold;  }
.manager .left_director dd {overflow: hidden;  font-size: 14px; color: #5c5c5c;  line-height: 1.3em; }


@media screen and (max-width: 1279px) and (min-width: 1024px){
.privacy_statement .ps_text .text_p { font-size: 13px;}
.privacy_statement .ps_btext .bottom_text { font-size: 13px;}
.manager .left_director .left_tit { font-size: 16px; }
.manager .left_director dt {font-size: 13px; }
.manager .left_director dd {font-size: 13px; }
}


@media screen and (max-width: 1023px) and (min-width: 1px){
.privacy_statement .ps_text .text_p { font-size: 13px;}
.privacy_statement .ps_btext .bottom_text { font-size: 13px;}
.manager .left_director .left_tit { font-size: 16px; }
.manager .left_director dt {font-size: 13px; }
.manager .left_director dd {font-size: 13px; }
}

@media screen and (max-width: 840px) and (min-width: 1px){
.privacy_statement .ps_text {padding: 20px 20px 20px 20px; }
.privacy_statement .ps_text .text_p { margin-bottom: 10px; }
.privacy_statement .ps_text .text_p br { display: none; }
.privacy_statement .ps_btext .bottom_text { margin-bottom: 15px;}
.privacy_statement .ps_btext .bottom_text br { display: none;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.privacy_statement .ps_text {padding: 10px 10px 10px 10px; }
.privacy_statement .ps_text .text_p { font-size: 13px;}
.privacy_statement .ps_btext .bottom_text { font-size: 13px;}
.manager .left_director .left_tit { font-size: 14px; }
.manager .left_director { float: none; width: 100%; margin-bottom: 20px;}
.manager .left_director:last-child { margin-bottom: 0;}
.manager .left_director dt {font-size: 13px; }
.manager .left_director dd {font-size: 13px; }
}

/*=========================================================
  스마트 MI(거래처 리스크관리)
=========================================================*/
.page-id-498 .site-main > .max_container{max-width: none;padding:0;}
.ab_title_bobx{margin-bottom: 40px;}
.ab_title_bobx ul{margin:0 -55px;}
.ab_title_bobx ul:after{content: ""; display: table; clear: both;}
.ab_title_bobx ul li{padding:0 55px;float: left;width:50%;padding-top:26px;position: relative;}
.ab_title_bobx ul li:first-child:after{content: ""; width:70px;height: 61px; background: url(../images/icon/blue_arrow.png) no-repeat;background-size: 70px 61px; position: absolute; top:50%; margin-top:-30px; right:-35px;}
.ab_title_boitembx{position: relative;border:solid 1px #dfdfdf; box-shadow: 2px 2px 5px rgba(0,0,0,0.1);padding:60px 15px 35px;}
.ab_title_boitembx h4{position: absolute; top:-26px;left:10%; right:10%; font-size: 18px; color:#ffffff; line-height: 1.5em; font-weight: bold; padding:11px 5px;background: #5c5c5c;text-align: center;}
.gr_img_titbx{background: #f6f9fa; padding:40px 40px;overflow: hidden;}
.gr_img_titbx ul{margin:-10px -10px;overflow: hidden;}
.gr_img_titbx ul li{width:33.3333%; float: left; padding:10px 10px;}
.gr_img_titbx ul li .thum{line-height: 0; text-align: center;margin-bottom: 20px;}
.gr_img_titbx ul li .tit{font-size: 18px; color:#2c2c2c; line-height: 1.4em; font-weight: bold; padding-left:20px; position: relative;}
.gr_img_titbx ul li .tit:before{content: ""; width:10px; height: 1px; background: #5c5c5c; position: absolute; top:14px; left:0;}
.gr_img_titbx ul li .tit:after{content: ""; width:1px; height: 12px; background: #5c5c5c; position: absolute; top:3px; left:0;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.ab_title_boitembx h4{font-size: 16px;}
.gr_img_titbx ul li .tit{font-size: 16px;}
.gr_img_titbx{padding:30px 30px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.ab_title_boitembx h4{font-size: 14px;}
.gr_img_titbx ul li .tit{font-size: 14px;}
.gr_img_titbx{padding:20px 20px;}
.ab_title_bobx{margin-bottom: 30px;}
.gr_img_titbx ul li .thum{margin-bottom: 15px;}
}

@media screen and (max-width: 766px) and (min-width: 1px){
.ab_title_bobx ul li{width:100%; float: none;}
.ab_title_bobx ul li:first-child{margin-bottom: 60px;}
.ab_title_boitembx{padding:40px 15px 20px;}
.ab_title_bobx ul li:first-child:after{width:35px;height: 30px;background-size: 35px 30px; right:50%; margin-right: -17px; margin-top:0; top:auto; bottom:-45px;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.gr_img_titbx ul li .tit{font-size: 13px;}
.gr_img_titbx{padding:15px 15px;}
.ab_title_bobx{margin-bottom: 25px;}
.gr_img_titbx ul li .thum{margin-bottom: 10px;}
.gr_img_titbx ul li{width:50%;}
}

/*=========================================================
  기업신용평가
=========================================================*/
.no_bor_cont{border:solid 3px #dfdfdf;text-align: center;margin-bottom: 50px;padding:45px 25px;}
.no_bor_cont h3{font-size: 30px; color:#0069b4; line-height: 1.4em; font-weight: bold; margin-bottom: 15px;}
.no_bor_cont .sub_text{font-size: 16px; color:#5c5c5c; line-height: 1.9em;}
.no_bor_cont .sub_text .bold{color:#2c2c2c; font-weight: bold;}
.scroll_bs_tbl.mb_15{margin-bottom: 15px;}
.bs_st_ls_text{font-size: 14px;}
.bs_st_ls_text li:after{content: ""; display: table; clear: both;}
.bs_st_ls_text li .no{display: block; float: left; margin-right: 5px;}
.bs_st_ls_text li .text{display: block; overflow: hidden;}
.bs_st_ls_text li.color{color:#ef1e1e;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.no_bor_cont{margin-bottom: 40px; padding:40px 25px;}
.bs_st_ls_text{font-size: 13px;}
.no_bor_cont h3{font-size: 24px;}
.no_bor_cont .sub_text{font-size: 14px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.no_bor_cont{margin-bottom: 35px; padding:30px 20px;}
.bs_st_ls_text{font-size: 12px;}
.no_bor_cont h3{font-size: 20px;margin-bottom: 10px;}
.no_bor_cont .sub_text{font-size: 13px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.no_bor_cont{margin-bottom: 30px; padding:25px 15px;}
.no_bor_cont h3{font-size: 18px;}
}

/*=========================================================
  채무불이행등록(서비스 특징)
=========================================================*/
.at_title_box{background: #fff; position: relative;padding:70px 70px 30px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);margin-bottom: 60px;}
.at_title_box h4{position: absolute; top:-30px; left:15px; right:15px;font-size: 0; line-height: 0;text-align: center;}
.at_title_box h4 .text{display: inline-block;vertical-align: middle;max-width: 430px;background: #0069b4;padding:17px 15px;width:100%;font-size: 20px; color:#ffffff; line-height: 1.4em; font-weight: bold;border-radius: 70px;-webkit-border-radius: 70px;-moz-border-radius: 70px;}
.at_title_box ol{margin-bottom: 35px;}
.at_title_box li{margin-top:10px;}
.at_title_box li:first-child{margin-top:0;}
.at_title_box li .no{width:24px; height: 24px; border-radius: 24px;-webkit-border-radius: 24px;-moz-border-radius: 24px;-ms-border-radius: 24px;background: #0069b4;font-size: 16px; color:#ffffff; line-height:24px;font-weight: bold; margin-right: 9px;display: block;text-align: center;float: left;}
.at_title_box li .text{display: block; overflow: hidden;font-size: 16px; color:#5c5c5c; line-height: 1.6em; font-weight: bold;}
.at_title_box .bold{font-size: 18px; color:#2c2c2c; line-height: 1.6em; font-weight: bold; text-align: center;}
.gray_imgbx{background: #f9f9f9; line-height: 0;text-align: center;padding:40px 15px;}

@media screen and (min-width: 1280px){
.mn_top_contbx.mt_140{margin-top:-140px;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.at_title_box{margin-bottom: 50px;padding:60px 40px 30px;}
.at_title_box h4{top:-25px;}
.at_title_box h4 .text{font-size: 18px;padding:15px 15px;}
.at_title_box li .text{font-size: 14px;}
.at_title_box .bold{font-size: 16px;}
.gray_imgbx{padding:35px 15px;}
.at_title_box li .no{width:20px; height: 20px;line-height: 20px; font-size: 14px;}
.mn_top_contbx.mt_140{padding-top: 20px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.at_title_box{margin-bottom: 40px;padding:50px 20px 30px;}
.at_title_box h4{top:-25px;}
.at_title_box h4 .text{font-size: 16px;padding:12px 15px;}
.at_title_box li .text{font-size: 13px;}
.at_title_box .bold{font-size: 14px;}
.gray_imgbx{padding:30px 15px;}
.at_title_box li .no{width:20px; height: 20px;line-height: 20px; font-size: 13px;}
.mn_top_contbx.mt_140{padding-top: 20px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.at_title_box{margin-bottom: 30px;padding:40px 15px 30px;}
.at_title_box h4{top:-20px;}
.at_title_box h4 .text{font-size: 14px;padding:10px 15px;}
.at_title_box .bold{font-size: 13px;}
.gray_imgbx{padding:25px 15px;}
}

/*=========================================================
  기업정보(서비스 정의)
=========================================================*/
.pb_125{padding-bottom: 125px;}
.info_mt_lsbx{margin-top:-194px;position: relative; z-index: 10;}
.info_mt_lsbx ul{margin:-8px -8px;}
.info_mt_lsbx ul:after{content: ""; display: table; clear: both;}
.info_mt_lsbx ul li{width:25%; padding:8px 8px; float: left;padding-top:55px;position: relative;}
.info_mt_lsbx ul li:before{content: ""; width:44px; height: 23px; background: url(../images/icon/top_arrow_icon.png) no-repeat;background-size: 44px 23px; position: absolute; top:8px; left:50%; margin-left:-11px;}
.info_mt_itemlsbx{box-shadow: 1px 2px 5px rgba(0,0,0,0.1);text-align: center;}
.info_mt_itemlsbx h4{font-size: 18px; color:#f6f9fa; line-height: 1.4em; font-weight: bold; background: #0069b4;padding:17px 5px;}
.info_mt_itemlsbx .cont{font-size: 14px; color:#5c5c5c; line-height: 1.6em;padding:25px 50px;min-height: 178px;background: #fff;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.info_mt_lsbx{margin-top: -171px;}
.info_mt_itemlsbx h4{font-size: 16px;}
.info_mt_itemlsbx .cont{font-size: 13px;padding:25px 25px;min-height: 148px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.info_mt_lsbx{margin-top: -148px;}
.pb_125{padding-bottom: 94px;}
.info_mt_itemlsbx h4{font-size: 14px;}
.info_mt_itemlsbx .cont{font-size: 13px;padding:20px 20px;min-height: 138px;}
.info_mt_lsbx ul li:before{display: none;}
}

@media screen and (max-width: 766px) and (min-width: 1px){
.info_mt_lsbx{margin-top: -98px;}
.info_mt_lsbx ul{margin:-5px -5px;}
.info_mt_lsbx ul li{width:50%;padding:5px 5px;}
.info_mt_lsbx ul li:nth-child(odd){clear: both;}
.info_mt_itemlsbx .cont{min-height: 150px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.info_mt_lsbx{margin-top: -88px;}
}

/*=========================================================
  기업정보(서비스 특징)
=========================================================*/
.page-id-605 .site-main > .max_container{max-width: none;padding:0;}
.page-id-610 .site-main > .max_container{max-width: none;padding:0;}
.page-id-618 .site-main > .max_container{max-width: none;padding:0;}
.page-id-623 .site-main > .max_container{max-width: none;padding:0;}
.page-id-634 .site-main > .max_container{max-width: none;padding:0;}
.search_infobx .icon_title{width:208px;height: 208px;margin:0 auto 60px; background: url(../images/icon/info_icon.png) no-repeat;background-size: 208px 208px;font-size: 24px; color:#2c2c2c; line-height: 208px;font-weight: bold; text-align: center;position: relative;}
.search_infobx .icon_title:before{content: "";width:2px;height: 32px; background: #dfdfdf; position: absolute; bottom:-28px; left:50%; margin-left:-1px;}
.search_infols{position: relative;}
.search_infols:before{content: ""; height: 2px; background: #dfdfdf;position: absolute; top:-23px; left:12%;right:12%;}
.search_infols > ul{margin:-10px -8px;}
.search_infols > ul:after{content: ""; display: table; clear: both;}
.search_infols > ul > li{width:25%; padding:10px 8px; float: left;position: relative;}
.search_infols > ul > li:after{content: ""; width:2px; height: 33px; background: #dfdfdf; position: absolute; top:-23px; left:50%; margin-left:-1px;}
.search_infols > ul > li:nth-child(4) ~ li:after{display: none;}
.search_infols > ul > li:nth-child(4n+1){clear: both;}
.search_infols .info_mt_itemlsbx .cont{padding:25px 20px;min-height: 235px;}
.search_infols .info_mt_itemlsbx .cont li{text-align: left;padding-left:13px;position: relative;margin-top:9px;}
.search_infols .info_mt_itemlsbx .cont li:first-child{margin-top:0;}
.search_infols .info_mt_itemlsbx .cont li:before{content: "∙";position: absolute; top:0; left:0;}


@media screen and (max-width: 1279px) and (min-width: 1024px){
.search_infobx .icon_title{font-size: 20px;width:200px; height: 200px; background-size: 200px 200px;line-height: 200px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.search_infobx .icon_title{font-size: 18px;width:160px; height: 160px; background-size: 160px 160px;line-height: 160px;}
}

@media screen and (max-width: 766px) and (min-width: 1px){
.search_infols > ul{}
.search_infols > ul > li{width:50%;}
.search_infols > ul > li:nth-child(4n+1){clear: none;}
.search_infols > ul > li:nth-child(odd){clear: both !important;}
.search_infols > ul > li:nth-child(2) ~ li:after{display: none;}
.search_infols:before{left:24.2%; right:24.2%;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.search_infobx .icon_title{font-size: 16px;width:130px; height: 130px; background-size: 130px 130px;line-height: 130px;}
}



/*=========================================================
  로딩바
=========================================================*/
#loading_img{width:200px;}

/*=========================================================
  개이정보 수집 이용안내 팝업
=========================================================*/
.popup_contbx.contact_pop .st_b_tbl thead th{font-size: 16px;}
.popup_contbx.contact_pop .st_b_tbl tbody th, .popup_contbx.contact_pop .st_b_tbl tbody td{font-size: 13px;}
.popup_contbx.contact_pop .bs_st_btnbx{margin-top:30px;}

@media screen and (max-width: 1023px) and (min-width: 1px){
.popup_contbx.contact_pop .st_b_tbl thead th{font-size: 14px;}
.popup_contbx.contact_pop .st_b_tbl tbody th, .popup_contbx.contact_pop .st_b_tbl tbody td{font-size: 12px;}
.popup_contbx.contact_pop .bsradio_checkbx .radio_itembx label{font-size: 12px;}
.popup_contbx.contact_pop .bs_st_btnbx{margin-top:20px;}
}

@media screen and (max-width: 419px) and (min-width: 1px){
.popupbx .popup_contbx.contact_pop .newsletter_p_bx{height: auto;}
.contact_pop .scroll_bs_tbl:before{content: "↔︎ 좌우로 스크롤하여 확인하세요.";}
}

/*=========================================================
  404
=========================================================*/
.page404{text-align:center;margin:100px auto 100px;}
.page404 .img404_box{width:200px;height:200px;margin:0 auto 35px;}
.page404 h2{font-size:40px;color:#333;font-weight:bold;margin-bottom: 35px;line-height: 1.4em;}
.page404 h3{font-size:20px;color:#999;margin-top:5px;line-height: 1.4em;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.page404{margin:80px auto 80px;}
.page404 h2{font-size: 34px;}
.page404 h3{font-size: 18px;}
.page404 .img404_box{width:150px;height: 150px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.page404{margin:60px auto 60px;}
.page404 h2{font-size: 24px;margin-bottom: 15px;}
.page404 h3{font-size: 16px;}
.page404 .img404_box{width:100px;height: 100px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.page404{margin:50px auto 50px;}
.page404 h2{font-size: 20px;margin-bottom: 10px;}
.page404 h3{font-size: 14px;}
}

/*=========================================================
  Contact Us
=========================================================*/
.home_contactbx input[name="contact_chk"]{font-size: 0;height: 0; opacity: 0;}