@charset "utf-8";

@import url("common.css");
@import url("font.css");
@import url("swiper.min.css");
@import url("slick.css");
@import url("aos.css");



/* base */
body * { -webkit-box-sizing: border-box; box-sizing: border-box; word-break: keep-all; letter-spacing: -1px; }
a:hover { color: #444; }
em { font-style: normal; }


/* common */
.inline-b { display: inline-block; }
.f-left { float: left; }
.f-right { float: right; }
.secbox { position: relative; }
.secbox h2 { margin-bottom: 22px; font-size: 18px; font-weight: 500; }
.secbox .tit01 { font-size: 42px; color: #222; text-align: center; }
.secbox .btn-more01 { position: absolute; top: 48px; right: 0; }
.hidden { font-size: 0; line-height: 0; position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; }
.dim { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #000; opacity: 0.5; z-index: 999; }
.dim.on { display: block; }
.mt-20 { margin-top: 20px; }
.mt-50 { margin-top: 50px; }
.mt-100 { margin-top: 100px !important; }
.txt-center { text-align: center; }

.col-02 { width: 100%; overflow: hidden; }
.col-02 > li { width: 50%; float: left; }
.col-03 { width: 100%; overflow: hidden; }
.col-03 > li { width: 33.3%; float: left; }


/* flex */
.d-flex { display: -webkit-flex; display: flex; }
.col-12 { position: relative; width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }


/* button */
.btn { display: inline-block; }
.btn span { display: block; }
.btn-block { width: 100%; }
.btn.type01 { margin-right: 2px; margin-bottom: 5px; padding: 7px 15px; font-size: 12px; color: #666; background: #f9f9f9; border: 1px solid #e0e0e0; }
.btn.type02 { color: #fff; background-color: #29c5ec; border-color: #29c5ec; -webkit-border-radius: .25rem; border-radius: .25rem; }
.btn.type02 span { line-height: 40px; }
.btn.type03 { color: #fff; background-color: #29c5ec; border-color: #29c5ec; -webkit-border-radius: .25rem; border-radius: .25rem; }



/* form */
.form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
.form-row>.col, .form-row>[class*=col-] { padding-right: 5px; padding-left: 5px; }
.form-control { display: block;width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 14px; font-weight: 400; line-height: 1.5; color: #444; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.form-control::placeholder { color: #999; }


/*tab*/
.qatab_wrap {margin-top: 74px;}
.qatab_wrap .tab_tit {border-left: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9;margin-bottom: 76px;}
.qatab_wrap .tab_wrap .tab_list {margin-left: -1px;border-top: 1px solid #e9e9e9;}
.qatab_wrap .tab_wrap .tab_list:after {content:'';display:block;clear:both}
.tab_wrap .tab_list li {float: left;}
.tab_wrap .tab_list li a {display: block;height: 71px;padding:0px 10px;border-bottom: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9; font-weight: 500;line-height: 69px;text-align: center;}
.qatab_wrap .tab_list li a:hover {text-decoration:none}
.qatab_wrap .tab_list.type3 li {width: 33.33%;}
.qatab_wrap .tab_list li.active{background-color: #5cdfff;}
.qatab_wrap .tab_list li.active a {color: #fff;}
.tab_wrap .tab_cont {display: none;}
.tab_wrap .tab_cont.active {display: block;}


/*toggle*/
.info_list {border-bottom: 1px solid #e9e9e9;}
.info_list .li {border-top: 1px solid #e9e9e9;}
.info_list .li .info_tit {position: relative;min-height: 73px;}
.info_list .li .info_tit a {position:relative;display:block;padding:25px 70px 24px 23px;line-height: 1.5;}
.info_list .li .info_tit .ico_q {position:absolute;left: 0;top:24px;height: 30px;width:30px;font-weight: bold;background:url('../images/common/ico_q.png') no-repeat 0 0;font-size: 0;}
.info_list .li .view_cont {display: none;}
.info_list .li.on .info_tit {background-color: #f9f9f9;border-bottom: none;}
.info_list .li .view_cont .list_inner {padding: 20px 82px 42px;background-color: #f9f9f9;line-height: 1.8;color: #888;}

/* 2020-08-19 : 공지사항 토클 메뉴사용시*/
.info_list .li .info_tit a:after {position:absolute;right:25px;top:24px;content: "+";display:block;width:25px;height:24px; font-size: 30px; line-height: 30px;text-align: center;}
.info_list .li.on .info_tit a:after {content: "-";}
.info_list .li .info_tit a:active {background: none;}
.info_list .li.on .info_tit a:after {background-position: 0 0;}

.info_list .li .notice-link a:after,
.info_list .li.on .notice-link a:after {display: none;}



/* swiper */
.swiper-pagination-bullet-active { background: #29c5ec; }


/* layout */
#skipNav { display: none; }
.wrapper { position: relative; }
.wrapper::after { display: block; content: ""; clear: both; }
.inner { position: relative; margin: 0 auto; padding: 0 15px; width: 1200px; }
.inner::after { display: block; content: ""; clear: both; }
.row { display: -ms-flexbox;  display: flex; -ms-flex-wrap: wrap;  flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

#header { padding: 20px 0; }
#header .btn_menu { display: none; width: 26px; padding-top: 18px; background: url("../images/icon/ico_btn_menu.png") no-repeat 0 0; }
#header .logo { float: left; width: 120px; }
#header .logo a { display: block; }
#header .logo img { width: 100%; height: auto; }

#nav { position: relative; float: right; right: -20px; }
#nav::after { display: block; content: ""; clear: both; }
#nav .menu_list li { float: left; }
#nav .menu_list li a { display: block; padding: 0 20px; line-height: 38px; }
#nav .menu_list li a:hover { color: #444; }
#nav .menu_list li.active a { font-weight: bold; }
#nav .btn-close { display: none; }

#nav .side-login-area { display: none; }
#nav .bottom-log { display: none; }

#container { margin-bottom: 100px; }

#footer { background: #f5f5f5; }
#footer .secbox h2 { font-size: 16px; }
#footer .foot-mn { border-bottom: 1px solid #dddbdb; }
#footer .mn li { display: inline-block; margin-right: 40px; font-size: 14px; }
#footer .mn li a { display: block; padding: 15px 0; }
#footer .mn li a:hover { color: #444; }
#footer .copy { text-transform: uppercase; color: #999; font-size: 12px; padding: 15px 0; letter-spacing: 0; }
#footer .form-control { border: 1px solid #d0d0d0; }
.footer-contents { width: 100%; overflow: hidden; padding: 45px 0; letter-spacing: -1px; }
.footer-contents .secbox { width: 33.3%; float: left; padding: 0 15px; }
.footer-contents .sec-f-info { padding-top: 40px; background: url("../images/common/logo.svg") no-repeat 15px 0; -webkit-background-size: 100px auto; background-size: 100px auto; }
.footer-contents .sec-f-info .tel { display: block; padding-left: 32px; color: #222; font-size: 24px; font-weight: bold; background: url("../images/icon/ic_tel.png") no-repeat 0 center; }
.footer-contents .sec-f-info .addr { margin-top: 5px; }
.footer-contents .sec-f-info .addr p { font-size: 13px; color: #666; }
.footer-contents .sec-f-site {  }
.footer-contents .sec-f-ask .col-12 { margin-bottom: 10px; }

.mod-all-service { display: none; }


/* page error */
.page-error { padding: 50px 20px; display: table; width: 100%; }
.page-error .page-center { display: table-cell; vertical-align: middle; }
.page-error .page-msg { margin-bottom: 40px; padding-bottom: 40px; text-align: center; border-bottom: 1px solid #ddd; }
.page-error .page-msg .page-msg01 { font-size: 20px; margin-bottom: 15px; font-weight: bold; }
.page-error .page-msg .page-msg02 { font-size: 14px; }
.page-error .page-btn { text-align: center; }
.page-error .page-btn a { display: inline-block; border: 1px solid #ddd; color: #333; padding: 5px 10px; margin: 0 5px; }


/* main */
.main-top-visual .inner { height: 500px; padding: 0; }
.main-top-visual .inner a { display: block; }
.main-top-visual .swiper-slide { background-color: #ddd; }
.main-top-visual .swiper-slide .wrap-txt { position: absolute; }
.main-top-visual .slider01 .wrap-img { text-align: right; }
.main-top-visual .slider01 .wrap-txt { top: 115px; left: 0; }

.main-top-visual .slider01 { background-color: #d1f1ef ; }
.main-top-visual .slider02 { background-color: #d1e5f1; }
.main-top-visual .slider03 { background-color: #ebecef ; }
.main-top-visual .slider04 { background-color: #fafafa; }
.main-top-visual .slider05 { background-color: #d1e5f1; }
.main-top-visual .slider06 { background-color: #fce6ec; }
.main-top-visual .slider07 { background-color: #d1e5f1; }
.main-top-visual .slider08 { background-color: #ebf4e1; }
.main-top-visual .slider09 { background-color: #ebe1f4 ; }
.main-top-visual .slider10 { background-color: #fff4d5; }
.main-top-visual .slider11 { background-color: #d1e5f1; }
.main-top-visual .slider12 { background-color: #fce6ec; }
.main-top-visual .slider13 { background-color: #fff3eb; }

.main-top-visual .swiper-button-next,
.main-top-visual .swiper-button-prev { width: 26px; height: 52px; }
.main-top-visual .swiper-button-next { right: 50%; margin-right: -625px; }
.main-top-visual .swiper-button-prev { left: 50%; margin-left: -625px; }
.main-top-visual .swiper-button-next, 
.main-top-visual .swiper-container-rtl .swiper-button-prev { -webkit-background-size: 100% auto; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; background-image: url("../images/icon/arrow-next.png"); }
.main-top-visual .swiper-button-prev, 
.main-top-visual .swiper-container-rtl .swiper-button-next { -webkit-background-size: 100% auto; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; background-image: url("../images/icon/arrow-prev.png"); }

.main-contents { position: relative; margin: 100px auto 0; padding: 0 15px; width: 1200px; }
.main-contents::after { display: block; content: ""; clear: both; }
.main-contents .f-left { width: 50%; padding-right: 15px; /* height: 554px; */ }
.main-contents .f-right { width: 50%; padding-left: 15px; /* height: 530px; */ }

.main-benefit { padding: 20px 30px; background: #f9f9f9; }
.main-benefit .swiper-slide { width: auto; }
.main-benefit .swiper-slide.last { padding-right: 50px; }
.main-benefit .swiper-slide a { display: block; padding: 0 20px; line-height: 38px; color: #666; background: #eaeaea; -webkit-border-radius: 20px; border-radius: 20px; }
.main-benefit .swiper-slide a em { color: #ff7c7c !important; }
.main-benefit .swiper-slide.active a { background: #29c5ec; color: #fff; }
.main-benefit .swiper-slide.active a em { color: #fff !important; }


.main-benefit .slider  { width: auto; }
.main-benefit .slider  a { display: block; padding: 0 20px; line-height: 38px; color: #666; background: #eaeaea; -webkit-border-radius: 20px; border-radius: 20px; }
.main-benefit .slider  a em { color: #ff7c7c !important; }
.main-benefit .slick-center a { background: #29c5ec; color: #fff; }

.benefit-contents { position: relative; width: 100%; height: 440px; overflow: hidden; border-bottom: 2px solid #f0f0f0; }
.benefit-contents .benefit { position: absolute; top: 0; right: -580px; width: 100%; }
.benefit-contents .benefit.active { display: block; right: 0; -webkit-transition: right 0.3s; transition: right 0.3s; }
.benefit-contents .benefit .list li { position: relative; padding: 12px 60px 12px 30px; border-top: 1px solid #f0f0f0; }
.benefit-contents .benefit .list li:first-child { border-top: 0 none; }
.benefit-contents .benefit .list a { display: block; position: relative; padding-left: 50px; }
.benefit-contents .benefit .list a::before { display: block; content: ""; position: absolute; top: 50%; left: 0; margin-top: -15px; width: 30px; height: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #29c5ec url("../images/icon/ico01.png") no-repeat center center; }
.benefit-contents .benefit .list span { display: block; }
.benefit-contents .benefit .list .txt02 { margin-top: 5px; color: #999; font-size: 13px; }
.benefit-contents .benefit .list .bookmark { position: absolute; top: 50%; right: 30px; width: 13px; margin-top: -8px; padding-top: 16px; height: 0; font-size: 0; line-height: 0; background: url("../images/icon/ico02.png") no-repeat 0 0; overflow: hidden; }
.benefit-contents .benefit .list .bookmark.on { background-position: 0 -16px; }

.sec-notice { padding-top: 50px; border-top: 1px solid #e0e0e0; }
.sec-notice .btn-more01 { top: 48px; }
.main-notice { border: 1px solid #e0e0e0; background: #fff; }
.list-main-notice a { display: block; position: relative; }
.list-main-notice li { padding: 27.5px 30px; border-top: 1px solid #f0f0f0; }
.list-main-notice li:first-child { border-top: 0 none; }
.list-main-notice .tit { font-size: 13px; color: #999; }
.list-main-notice .date { position: absolute; top: 3px; right: 0; font-size: 13px; color: #999; }
.list-main-notice p { height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.sec-service-bn { margin-top: 33px; padding-top: 50px; border-top: 1px solid #e0e0e0; }
.sec-service-bn .wrap { position: relative; left: -20px; width: 610px; padding: 0 20px; }
.main-service { padding-bottom: 20px; }
.main-service .swiper-slide { width: 270px !important; }
.main-service .swiper-wrapper { /* left: -20px; width: 610px !important; margin: 0 -20px; */  }
.main-service .swiper-button-next, 
.main-service .swiper-button-prev { margin-top: -42px; width: 40px; height: 40px; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid #e1e1e1; }
.main-service .swiper-button-next, 
.main-service .swiper-container-rtl .swiper-button-prev { right: 0; background: #fff url("../images/icon/arrow-next01.png") no-repeat center center; -webkit-background-size: 6px 12px; background-size: 6px 12px; }
.main-service .swiper-button-prev, 
.main-service .swiper-container-rtl .swiper-button-next { left: 0; background: #fff url("../images/icon/arrow-prev01.png") no-repeat center center; -webkit-background-size: 6px 12px; background-size: 6px 12px; }
.main-service .swiper-scrollbar { background: #e0e0e0; height: 2px; left: 0; width: 100%;}
.main-service .swiper-scrollbar-drag { background: #29c5ec; }
.main-service .swiper-container-horizontal>.swiper-scrollbar { bottom: 0; }

.video_cont {position: relative;width: 270px}
.video_box{position: relative;width:100%;height: 170px;}
.video_box video{position: relative;width:100%;height:100%;max-height:100%;max-width:100%;}
.video_box .buttons{position:absolute;left:0;right:0;top:43.5%;text-align:center;opacity:1;transition:opacity 0.2s;}
.video_box .buttons a{position:relative;display:inline-block;width:25px;height:25px;margin:0 20px;background:url("../images/icon/ico03.png") no-repeat 0 0;outline:none; -webkit-background-size: 100% auto; background-size: 100% auto; }
.video_box.playing .buttons a.play {background-position:0 -89px;}
.video_box.hide .buttons{opacity:0;cursor:none;}
.video_box.playing.hide.hover .buttons{opacity:1;cursor:inherit;}

.top-goods a { display: block; border: 1px solid #e0e0e0; }
.top-goods img { width: 100%; height: auto; }

.sec-sale { position: relative; }
.sec-sale h2 { position: absolute; top: 0; left: 0; }

.sale-goods { padding-top: 43px; }
.sale-goods div[class^="swiper-button-"] { top: 0; left: auto; margin-top: 0; width: 35px; height: 35px; border: 1px solid #dfdfdf; }
.sale-goods .swiper-button-prev { right: 34px; background: #fff url("../images/common/arrow01_1.gif") no-repeat center center; }
.sale-goods .swiper-button-next { right: 0; background: #fff url("../images/common/arrow01_2.gif") no-repeat center center; }
.sale-goods .swiper-pagination { right: 100px; width: 60px; text-align: center; }
.sale-goods .swiper-pagination::after { display: block; content: "/"; position: absolute; top: 6px; left: 25px; width: 10px; color: #999; }
.sale-goods .swiper-pagination span { display: inline-block; line-height: 35px; padding: 0 10px; }
.sale-goods .swiper-pagination-bullet { width: auto; height: auto; background: transparent; opacity: 0.5; }
.sale-goods .swiper-pagination-bullet-active { opacity: 1; }

.sale-goods-list { position: relative; width: 578px; margin: 0 -4px; }
.sale-goods-list li { padding: 8px 4px; }
.sale-goods-list a { display: block; }
.sale-goods-list img { width: 100%; height: auto; }
.sale-goods-list .name { display: block; color: #666; height: 48px; margin-top: 5px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.goods { border: 1px solid #e0e0e0; }
.wrap-ctrl { position: absolute; top: 0; right: 0; z-index: 10; }

.banner-img { position: relative;  margin: 40px auto 0; padding-top: 55px; width: 1170px; border-top: 1px solid #e0e0e0; }
.banner-img ul { position: relative; width: 1194px; left: -12px; }
.banner-img li { padding: 0 12px; }
.banner-img img { width: 100%; height: auto; }


/* sub공통 */
.sub-top-visual { position: relative; display: table; width: 100%; height: 380px; background: #eee; }
.sub-top-visual .inner { display: table-cell; padding: 0; vertical-align: middle; }
.sub-top-visual .txt01 { text-align: center; font-size: 42px; }
.sub-top-visual .txt01 { text-align: center; font-size: 50px; }


/* service */
.sec-onestop { margin-top: 100px; margin-bottom: 85px; }
.sec-onestop h2 { margin-bottom: 35px; }
.list-onestop { width: 100%; overflow: hidden; }
.list-onestop li { padding: 15px; width: 25%; float: left; }
.list-onestop dl { position: relative; padding: 25px; padding-top: 130px; height: 305px; -webkit-border-radius: 30px; border-radius: 30px; text-align: center; }
.list-onestop dl::after { display: block; content: ""; position: absolute; top: 20px; left: 50%; margin-left: -50px; width: 100px; height: 100px; background-repeat: no-repeat; background-position: 0 center; -webkit-background-size: 100% auto; background-size: 100% auto; }
.list-onestop li:nth-child(1) dl::after { background-image: url("../images/service/onestop01.png"); }
.list-onestop li:nth-child(2) dl::after { background-image: url("../images/service/onestop02.png"); }
.list-onestop li:nth-child(3) dl::after { background-image: url("../images/service/onestop03.png"); }
.list-onestop li:nth-child(4) dl::after { background-image: url("../images/service/onestop04.png"); }
.list-onestop li:nth-child(5) dl::after { background-image: url("../images/service/onestop05.png"); }
.list-onestop li:nth-child(6) dl::after { background-image: url("../images/service/onestop06.png"); }
.list-onestop li:nth-child(7) dl::after { background-image: url("../images/service/onestop07.png"); }
.list-onestop li:nth-child(8) dl::after { background-image: url("../images/service/onestop08.png"); }
.list-onestop li:nth-child(odd) dl { background: #edf8f9; }
.list-onestop li:nth-child(even) dl { background: #fcf1ef; }
.list-onestop dt { position: relative; margin-bottom: 15px; padding-top: 25px; color: #222; font-size: 20px; }
.list-onestop dt::after { display: block; content: ""; position: absolute; top: 0; left: 50%; margin-left: -10px; width: 20px; height: 1px; background: #44868d; }
.list-onestop dd { color: #666; font-size: 16px; }

.sec-service { padding: 100px 0; }
.sec-service .inner { overflow: hidden; }
.sec-service .inner > div { width: 50%; }
.sec-service .inner > div:nth-child(1) { float: left; }
.sec-service .inner > div:nth-child(2) { float: right; }
.sec-service .obj { position: absolute; top: 50%; margin-top: -147px; text-align: center; }
.sec-service .obj:nth-child(1) { left: 0; }
.sec-service .obj:nth-child(2) { right: 0; }
.sec-service .txtbox:first-child { text-align: right; }
.sec-service .txtbox .txt01 { display: block; color: #53e1ff; letter-spacing: 0; }
.sec-service .txtbox .txt02 { display: block; margin-bottom: 35px; color: #666; }
.sec-service .txtbox .txt03 {  }
.sec-service .txtbox .txt03 span { display: block; }
.sec-service .txtbox .txt03 span:nth-child(1) { font-size: 35px; font-weight: 300; }
.sec-service .txtbox .txt03 span:nth-child(2) { font-size: 35px; color: #53e1ff; font-weight: 600; }
.sec-service .txtbox h3 { color: #222; font-size: 42px; }
.sec-service .txtbox h3 em { font-weight: 200; }
.sec-service .btn-go { display: inline-block; margin-top: 40px; padding: 15px 45px; border: 1px solid #444; }
.sec-service .btn-go:hover { color: #444; }
.sec-service.type01 { background: #f9f9f9; }
.sec-service.type02 {  }
.sec-service.type03 { background: #f9f9f9; }
.sec-service.type04 {  }
.sec-service.type05 { background: #f9f9f9; }



.sub-top-visual { color: #fff; background: #000 url("../images/common/visual_customer.jpg") no-repeat center 0; }
.sub-top-visual:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 380px; background-color: #000; opacity: 0.75; z-index: 10; }
.sub-top-visual .inner { position: relative; overflow: hidden;width: 100%; text-align: center; height: 380px; z-index: 11;}
.visual_search_wrap { position: relative; overflow: hidden;width: 1200px;margin: 0 auto 0;height: 380px; z-index: 11;}
.visual_search_wrap .search_tit {float: left;font-size: 60px; margin-top: 30px; }
.visual_search_wrap .search_tit span { font-size: 75px;}
.visual_search_wrap .search_desc {float: right;position:relative;height: 376px;}
.search_desc .search_list .sli {display:block;position:absolute;overflow:hidden;top:0;right:-10px;width:900px;padding-right: 34px;height:107px;line-height:1.15;text-align:right;-webkit-transform:-webkit-translate(0,94px);transform:translate(0,94px);opacity:.3;font-size: 70px; letter-spacing: -4px;}
.search_desc .search_list .sli:first-child {opacity: 1;}
.search_desc .search_list .sli .txt {position:relative;display:inline-block;}
.search_desc .search_list .sli .txt:before,
.search_desc .search_list .sli .txt:after {content: "";display:block;position: absolute;top:-10px;width: 30px;height: 30px;opacity:0;}
.search_desc .search_list .sli .txt:before {left:-35px;}
.search_desc .search_list .sli .txt:after {right:-32px;background-position: -5px 0;}
.search_desc .search_list .sli:first-child .txt:before,
.search_desc .search_list .sli:first-child .txt:after {opacity: 1;}
.search_desc .search_list .sli:nth-child(1){margin-bottom:0;-webkit-transform:-webkit-translate(-0,0);transform:translate(-0,0);opacity:1;}
.search_desc .search_list .sli{transform-origin:100%center;-webkit-transition:-webkit-transform.5s,opacity.1s;transition:transform.5s,opacity.1s}
.search_desc .search_list .sli:nth-child(2){transform:translate(0,94px)}
.search_desc .search_list .sli:nth-child(3){transform:translate(0,188px)}
.search_desc .search_list .sli:nth-child(4){transform:translate(0,280px)}
.search_desc .search_list .sli:nth-child(5){transform:translate(0,374px)}



/* qna */
.bd_box { }
.customer_center.call { margin-top: 50px; padding: 74px 0 60px 50px; border: 3px solid #eee; background: #fbfcfe; }
.customer_call {overflow:hidden;}
.customer_call .ico_customer {float: left;height: 45px;padding-left: 31px;font-size: 26px;font-weight: 500;color: #555;line-height: 45px;vertical-align: middle;letter-spacing: -2px;}
.customer_call .txt_noti_wrap {color: #acacac;font-size: 16px;float: right;width: 412px;vertical-align: middle;}
.customer_call .txt_noti dt {display:inline;line-height: 1.94;vertical-align: top;}
.customer_call .txt_noti dd {display:inline;padding: 0 0 0 5px;line-height: 1.94;vertical-align: top;}
.customer_call .txt_noti.type02 {color: #00c4d0; }
.sub-qna .sub-top-visual .inner { height: 500px; }
.sub-qna .sub-top-visual:before { height: 500px; background: #e3f6fb; opacity: 1; }

.customer-info { margin: 60px auto 0; width: 780px; }
.customer-info .wrap { display: table; width: 100%; }
.customer-info dl { display: table-cell; padding-left: 460px; height: 302px; color: #222; background: url("../images/common/obj_customer.png") no-repeat 0 center; vertical-align: middle; }
.customer-info dt { font-size: 30px; text-align: left; }
.customer-info dd { color: #666; font-size: 16px; text-align: left; letter-spacing: 0; }
.customer-info dd a { color: #666; }
.customer-info .tel { padding-bottom: 30px; font-size: 50px; letter-spacing: -3px; color: #222; display: block; font-weight: 600; }


/* benefit */
.sub-benefit .sub-contents { margin-top: 100px; }
.sub-benefit .wrap-img { text-align: center; }
.sub-benefit .wrap-img a { display: block; }
.sub-benefit .btn { font-size: 20px; }


/* notice */
.sub-notice .tab_cont { margin-top: 100px; }
/* .sub-notice .info_list .li .info_tit { padding-left: 0; } */
.sub-notice .info_list .li .info_tit { padding: 25px 70px 24px 23px; }
.info_list .li .view_cont .list_inner { padding: 20px 82px 42px 40px; }
.sub-notice .info_list .li .notice-link { padding: 0; }
.sub-notice .info_list .li .notice-link a:before { display: block; content: ""; position: absolute; top: 30px; left: 10px; width: 10px; height: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #29c5ec; }
.sub-notice .info_list .li .notice-link .num { display: inline-block; font-weight: bold; margin-left: 10px; }
.sub-notice .info_list .li .notice-link .title { display: inline-block; margin-left: 10px; }
.sub-notice .info_list .li .notice-link .date { display: inline-block; margin-left: 10px; color: #999; }


/* current */
.list-current { margin-top: 100px; width: 100%; overflow: hidden; }
.list-current li { width: 25%; float: left; padding: 15px; }


/* about */
/* .sub-about .sub-top-visual .inner { height: 500px; }
.sub-about .sub-top-visual:before { height: 500px; background: #e3f6fb; opacity: 1; } */
.wrap-about { text-align: center; }
.wrap-about img { max-width: 100%; }
.sg02_page_title { text-align:center; color:#2d2d2d; font-size:45px;  margin-top:100px;}
.sg02 { float:left; width:100%; margin:60px auto;}
.sg02 .sg_sub_title { float:left; margin-left:20%; font-size:21px; width:60%; text-align:center; line-height:40px; color:#666; }
.sg02 .txt_1 { color:#008099; }
.sg02 .txt_2 { color:#e93527; }
.sg02 .txt_2_txt { color:#465069; font-size:26px;}
.sg02_tool { float:left; width:100%; text-align:center; }
.sg02_sub_tool { float:left; width:100%; margin:0 auto; }
.sg02_sub_title { color:#2d2d2d; font-size:38px; font-weight:900; margin:90px 0; }
.sg02_box { width:90%; margin:0px 10%; }
.sg02_box_1 { float:left; width:30%; padding:30px 0px; background-color:#fff; border:1px solid #dfdfdf; border-radius:10px; }
.sg02_box_2 { float:left; width:30%; padding:30px 0px; margin-left:2.5%; background-color:#fff; border:1px solid #dfdfdf; border-radius:10px; }
.sg02_box_3 { float:left; width:30%; padding:30px 0px; margin-left:2.5%; background-color:#fff; border:1px solid #dfdfdf; border-radius:10px; }
.sg02_box img { margin-top:10px; width:25%; }
.sg02_btn { width:90%; padding:20px 5%; }
.sg02_profile { float:left; width:45%; line-height:32px; font-weight:700; font-size:14px; color:#fff; text-align:center; border:1px solid #e93429; border-radius:18px; background-color:#e93429; cursor:pointer; }
.sg02_article { float:right; width:45%; line-height:32px; font-weight:700; font-size:14px; color:#fff; text-align:center; border:1px solid #008099; border-radius:18px; background-color:#008099; cursor:pointer; }
.pando_img_01_M { display:none; }
.pando_img_01_P { display:block; }
.pando_img_01_P img { float:left; width:100%; }


/* map */
/* .sub-map .sub-top-visual .inner { height: 500px; }
.sub-map .sub-top-visual:before { height: 500px; background: #e3f6fb; opacity: 1; } */
.wrap-map { margin-top: 100px; }
.sg07_box_2 {  }
.sg07_box_2 iframe { margin-bottom: 20px; width:100%; height:480px; }
.sg07_box_span_1 { display: block; }


/* privacy */
.wrap-privacy { margin-top: 100px; }
.priv_inner { text-align: left;}
.priv_inner * {  }
.priv_inner section { margin-bottom: 30px;}
.priv_inner h3 { font-size: 18px; margin-top: 40px}
.priv_inner h4 { margin: 30px 0 20px; }
.priv_inner p { width: 100%; text-align: left; }
.priv_inner dl { margin: 20px 0; }


/* modal */
.modal-body .fix-box video { width: 100%; height: 300px; }
.modal-body h4 { font-size: 20px; margin-bottom: 10px; }


/* aside my info */
.mod-aside-myinfo { display: none; }




	@media (max-width: 1200px) {

		/* common */
		.secbox .tit01 { font-size: 30px; }

		/* layout */
		.inner { width: 100%; }
		#header { padding: 15px 0; }
		#header .btn_menu { display: block; position: absolute; top: 6px; left: 15px; }
		#header .logo { margin: 0 auto; float: none; width: 100px; }
		#header .logo a { line-height: 0; }
		#nav { float: none; width: 70%; position: fixed; top: 0; left: -80%; height: 100vh; z-index: 1000; background: #fff; /* overflow-y: scroll; */ -webkit-box-shadow: 2px 0 5px 0px #999; box-shadow: 2px 0 5px 0px #999; -webkit-transition: all 0.3s; transition: all 0.3s; }
		#nav.on {  left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }
		#nav .menu_list li { float: none; margin-left: 0; border-top: 1px solid #e0e0e0; }
		#nav .menu_list li a { padding: 10px 40px; line-height: 20px; }
		#nav .btn-close { display: none; position: absolute; top: 10px; right: -50px; padding: 13px; width: 43px; height: 43px; }
		#nav.on .btn-close { display: block; }
		#nav .btn-close span { display: block; padding-top: 17px; width: 17px; height: 0; font-size: 0; line-height: 0; overflow: hidden; background: url("../images/icon/btn_close_nav.png") no-repeat center center; }
		#nav .menu_list { padding-top: 70px; border-bottom: 1px solid #e0e0e0; background: url("../images/common/logo.svg") no-repeat 40px 20px; -webkit-background-size: 100px auto; background-size: 100px auto; }
		#container { margin-bottom: 50px; }
		#footer .f-left,
		#footer .f-right { float: none; }
		#footer .mn { padding-top: 20px; }
		#footer .mn li { margin-right: 10px; }
		#footer .mn li a { padding: 5px 0; }
		.footer-contents { display: block; margin: 0; padding: 20px 0; }
		.footer-contents .secbox { margin-bottom: 20px; padding: 0; width: 100%; float: none; }
		.footer-contents .sec-f-ask .col-12 { padding: 0; }
		.footer-contents .sec-f-info { padding-top: 40px; background-position: 0 0; }
		#footer .copy { padding-top: 0; }


		/* [공통] 사이드메뉴 서비스 바로가기 */
		.mod-all-service { display: block; margin-top: 45px; padding: 0 20px; }
		.mod-all-service ul { width: 100%; overflow: hidden; }
		.mod-all-service li { padding: 5px; float: left; width: 33.3%; margin-bottom: 10px; }
		.mod-all-service a { display: block; text-align: center; }
		.mod-all-service .service-img { display: inline-block; margin-bottom: 5px; width: 54px; height: 54px; padding: 10px; border: 1px solid #ebebeb; -webkit-border-radius: 15px; border-radius: 15px; background-color: #fff; }
		.mod-all-service .service-txt { display: block; color: #444; font-size: 13px; }
		.mod-all-service a:hover .service-img { background: #fff; border: 1px solid #29c5ec; }
		.mod-all-service a:hover .service-img img { /* filter: brightness(6); */ }
		.mod-all-service a:hover .service-txt { /* color: #29c5ec; */ }


		/* main */
		.main-top-visual .inner { height: auto; }
		.main-top-visual .inner a { text-align: center; }
		.main-top-visual .inner a img { width: 95%; }
		.main-top-visual .swiper-button-next { right: 20px; margin-right: 0; }
		.main-top-visual .swiper-button-prev { left: 20px; margin-left: 0; }
		.main-top-visual .swiper-button-next,
		.main-top-visual .swiper-button-prev { width: 15px; height: 30px; margin-top: -15px; }
		.main-top-visual .swiper-button-next, 
		.main-top-visual .swiper-container-rtl .swiper-button-prev { -webkit-background-size: 15px 30px; background-size: 15px 30px; }
		.main-top-visual .swiper-button-prev, 
		.main-top-visual .swiper-container-rtl .swiper-button-next { -webkit-background-size: 15px 30px; background-size: 15px 30px; }

		.main-contents { margin: 30px 0 0; width: 100%; padding: 0; }
		.main-contents .f-left { padding-right: 0; width: 100%; float: none; height: auto; }
		.main-contents .f-right { display: none; }
		.main-contents .secbox h2 { padding: 0 15px; }

		.main-benefit { padding: 15px;  }

		.benefit-contents .benefit { right: -1300px; }
		.benefit-contents .benefit .list li { padding: 12px 15px; }
		.benefit-contents .benefit .list .bookmark { right: 15px; }

		.main-contents .f-right { display: block; float: none; width: 100%; margin-top: 35px; padding-left: 0; }

		.sec-service-bn .wrap { width: 100%; left: 0; padding: 0; }
		.main-service { padding-bottom: 0; }
		.main-service .swiper-wrapper { display: block; }
		.main-service .swiper-slide { display: block; width: 100% !important; margin-right: 0 !important; }
		.main-service .swiper-button-next,
		.main-service .swiper-button-prev { display: none; }
		.main-service .name { display: block; margin-bottom: 25px; margin-top: 5px; }
		.video_cont { width: 100%; }
		.video_box video { width: 100% !important; background: #000; }

		.sec-notice { padding: 30px 10px; background: #fafafa; border-top: 0 none; }
		.sec-notice .btn-more01 { top: 30px; right: 10px; }

		.sec-sale { padding: 0 10px; }

		.sec-service-bn { background: #fafafa; border-top: 0 none; padding: 25px 10px; }
		.sec-service-bn .btn-more01 { top: 25px; right: 10px; }

		.sale-goods-list { width: 100%; margin: 0; }
		.sale-goods-list li { width: 50%; }

		.banner-img { padding-top: 0; width: 100%; border-top: 0 none; }
		.banner-img ul {  width: 100%; left: 0; }
		.banner-img li { margin-bottom: 10px; width: 100%; float: none; }


		/* sub공통 */
		.sub-top-visual { height: 250px; }
		.sub-top-visual:before { height: 250px; }
		.sub-top-visual .inner { height: 250px; }


		/* service */
		.visual_search_wrap { padding: 0 15px; width: 100%; height: 250px; }
		.visual_search_wrap .search_tit { font-size: 18px; margin-bottom: 20px; }
		.visual_search_wrap .search_tit span { font-size: 36px; }
		.search_desc .search_list .sli { font-size: 30px; width: 100%; height: auto; }
		.visual_search_wrap .search_desc { width: calc(100% - 80px); height: 170px; }
		.visual_search_wrap .search_desc:after {content: "";position: absolute;right:10px;top:34px;width: 90%;height: 2px;opacity:.1;background-color: #333; opacity: 0.3; }
        .search_desc .search_list .sli:nth-child(2){transform:translate(0,44px)}
        .search_desc .search_list .sli:nth-child(3){transform:translate(0,89px)}
        .search_desc .search_list .sli:nth-child(4){transform:translate(0,129px)}
        .search_desc .search_list .sli:nth-child(5){transform:translate(0,172px)}
        .search_desc .search_list .sli:nth-child(6){transform:translate(0,216px)}

		.sec-onestop { margin-top: 30px; margin-bottom: 15px; }
		.sec-onestop h2 { margin-bottom: 20px; }
		.list-onestop { width: auto; margin: 0 -7.5px; }
		.list-onestop li { width: 50%; padding: 7.5px; }
		.list-onestop dl { padding: 10px; padding-top: 80px; height: 260px; }
		.list-onestop dl::after { width: 50px; height: 50px; margin-left: -25px; }
		.list-onestop dt { font-size: 14px; margin-bottom: 10px; padding-top: 10px; }
		.list-onestop dd { font-size: 14px; }

		.sec-service { padding: 40px 0; }
		.sec-service .obj { position: static; margin-top: 0; margin-bottom: 20px; }
		.sec-service .obj img { width: 50%; height: auto; }
		.sec-service .inner > div { float: none !important; width: 100%; }
		.sec-service .txtbox { text-align: center !important; }
		.sec-service .txtbox h3 { font-size: 30px; }
		.sec-service .txtbox .txt02 { font-size: 14px; margin-bottom: 10px; }
		.sec-service .txtbox .txt03 span:nth-child(1),
		.sec-service .txtbox .txt03 span:nth-child(2) { font-size: 20px; }
		.sec-service .txtbox + .obj { margin-bottom: 0; margin-top: 20px; }
		.sec-service .btn-go { margin-top: 20px; padding: 5px 45px; }


		/* qna */
		.qatab_wrap { margin-top: 30px; }
		.qatab_wrap .tab_tit { margin-bottom: 10px; }
		.tab_wrap .tab_list li a { line-height: 52px; height: 52px; }
		.info_list .li .info_tit { padding: 0; min-height: 54px;}
		.info_list .li .info_tit a { padding: 15px 60px 15px 23px; }
		.info_list .li .view_cont .list_inner { padding: 0 29px 15px; font-size: 14px; }
		.info_list .li .info_tit a:after { top: 14px; }

		.more_qa_center {margin: 0; padding: 0; margin-top: 20px; }
        .more_qa_center * {letter-spacing: -1px !important;}
		.more_qa_center .customer_center.call {margin-top: 0;padding: 25px 20px}
		.customer_call .ico_customer {float: none; padding-left: 0; font-size: 20px; font-weight: 600; }
        .customer_call .txt_noti_wrap {float: none;width: auto;}

		.sub-qna .sub-top-visual { background: none; height: auto; }
		.sub-qna .sub-top-visual .inner { padding: 0; height: auto; }
		.sub-qna .sub-top-visual .inner img { width: 98%; height: auto; }
		.sub-qna .sub-top-visual:before { height: 100%; }

		.customer-info { width: 100%; }
		.customer-info dl { padding-left: 0; padding-bottom: 220px; height: auto; -webkit-background-size: 250px auto; background-size: 250px auto; background-position: center bottom; }
		.customer-info dt { font-size: 24px; text-align: center; }
		.customer-info .tel { font-size: 30px; padding-bottom: 10px; }
		.customer-info dd { font-size: 14px; text-align: center; }


		/* benefit */
		.sub-benefit .sub-contents { margin-top: 30px; }
		.sub-benefit .wrap-img img { width: 100%; height: auto; }


		/* about */
		.sg02 { float: none; margin: 20px 0; }
		.sg02_page_title { font-size:30px;  margin-top:30px;}
		.sg02 .sg_sub_title { display: block; width: 100%; float: none; margin-left: 0; font-size: 16px; line-height: 2; }
		.sg02 .txt_2_txt {  }


		/* notice */
		.sub-notice .tab_cont { margin-top: 30px; }


		/* map */
		.wrap-map { margin-top: 30px; }


		/* privacy */
		.wrap-privacy { margin-top: 30px; }



		/* 사이드메뉴 renewal : 반영시, #header.new  => 삭제 해야함 */
		#header.new #nav { left: -90%; }
		#header.new #nav.on { left: 0; }
		#header.new #nav .menu_list li a:hover { color: #fff; }
		#header.new #nav .btn-close { top: 7px; right: 7px; }
		#header.new #nav .menu_list { margin-top: 40px; padding: 20px; background: none; }
		#header.new #nav .menu_list a { padding: 15px 20px; font-size: 14px; text-align: left; }
		#header.new #nav .menu_list a:hover { color: #444; }
		#header.new #nav { -webkit-box-shadow: none; box-shadow: none; width: 80%; background: #f9f9f9; padding: 0; text-align: center; }
		#header.new .side-login-area { display: none; padding: 45px 10px 25px; background: #29c5ec; color: #fff;  }
		#header.new .side-login-area .wrap { text-align: center; }
		#header.new #nav.on .side-login-area { display: block; }
		#header.new .side-login-area .profile-img { display: inline-block; width: 50px; height: 50px; -webkit-border-radius: 30px; border-radius: 30px; background: #f9f9f9 url("../images/icon/side_profile_bg.png") no-repeat center center; overflow: hidden; }
		#header.new .side-login-area .profile-img img { width: 50px; height: 50px; }
		#header.new .side-login-area .util { margin-top: 10px; width: 100%; overflow: hidden; }
		#header.new .side-login-area .util li { float: left; width: 33.3%; }
		#header.new .side-login-area .util em { display: block; font-size: 30px; }
		#header.new .side-login-area .util span { display: block; font-size: 11px; letter-spacing: 0; }
		#nav .bottom-log { display: block; }
		.btn-login { font-size: 12px; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; }
		.btn-login:hover { color: #fff; }
		.btn-login.on { border: 1px solid #fff; }
		.btn-login span { letter-spacing: 0; }
		.bottom-log { position: absolute; bottom: 0; left: 0; width: 100%; background: #29c5ec; text-align: center; }
		.bottom-log a { color: #fff; display: block; padding: 15px; font-size: 14px; letter-spacing: 0; }


		/* [회원공통] 로그인 */
		.mod-wrap-login { padding: 40px; }
		.mod-wrap-login .sns_box .wrap-btn { margin-bottom: 10px; }
		.mod-wrap-login .sns_box .wrap-btn .btn { display: block; position: relative; padding: 0 40px 0 80px; width: 100%; color: #666; font-size: 14px; line-height: 50px; text-align: left; border: 1px solid #d0d0d0; -webkit-border-radius: 25px; border-radius: 25px; background: #fff;  }
		.mod-wrap-login .sns_box .wrap-btn .btn:hover { color: #fff; border: 1px solid #29c5ec; background: #29c5ec; }
		.mod-wrap-login .sns_box .wrap-btn .btn::before { display: block; content: ""; position: absolute; top: 50%; left: 40px; width: 20px; height: 20px; margin-top: -10px; -webkit-background-size: 100% auto; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; }
		.mod-wrap-login .sns_box .btn:hover::before { filter: brightness(10) }
		.mod-wrap-login .sns_pando .btn::before { background-image: url("../images/common/sns_pando.png"); }
		.mod-wrap-login .sns_kakao .btn::before { background-image: url("../images/common/sns_kakao.png"); }
		.mod-wrap-login .sns_naver .btn::before { background-image: url("../images/common/sns_naver.png"); }
		.mod-wrap-login .sns_google .btn::before { background-image: url("../images/common/sns_google.png"); }
		.mod-wrap-login .sns_facebook .btn::before { background-image: url("../images/common/sns_facebook.png"); }

		.mod-btn-area { padding: 0 40px; text-align: center; }
		.mod-btn-area .mod-txt01 { display: block; margin-bottom: 10px; font-size: 14px; }
		.mod-btn-area .mod-btn { display: block; -webkit-border-radius: 25px; border-radius: 25px; color: #fff; background: #29c5ec; font-size: 14px; line-height: 50px; }
		.mod-btn-area .mod-btn span { display: block; }


		/* aside my info */
		.mod-col-03 { width: 100%; overflow: hidden; }
		.mod-col-03 li { float: left; width: 33.3%; }

		#nav.on .mod-aside-myinfo { display: block; padding: 45px 10px 25px; background: #29c5ec; color: #fff; text-align: center; }
		.mod-profile-thumb { margin: 0 auto; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; background: #f9f9f9 url("../images/icon/thumb_profile.png") no-repeat center center; }
		.mod-profile-thumb img { width: 100%; height: auto; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; }
		.mod-name { display: inline-block; font-size: 17px; margin-top: 10px; }
		.mod-aside-menu {  }
		.mod-aside-menu a { display: block; }
		.mod-aside-menu .mod-num { display: block; font-size: 30px; }
		.mod-aside-menu .mod-txt { display: block; font-size: 11px; }

		#nav.nav-new .menu_list { padding: 30px 0; background: none; }
		#nav.nav-new .menu_list li { border-top: 0 none; }



	}