/* font */
@font-face {
	font-family: 'notokr-light';
	src: url('../font/notokr-light.eot'),
	url('../font/notokr-light.woff') format('woff'),
	url('../font/notokr-light.ttf') format('truetype');
	src: local("※"),
	url('../font/notokr-light.eot'),
	url('../font/notokr-light.woff') format('woff'),
	url('../font/notokr-light.ttf') format('truetype'),
	url('../font/notokr-light.svg#webfonturzspG4F') format('svg');
}

@font-face {
	font-family: 'notokr-regular';
	src: url('../font/notokr-regular.eot'),
	url('../font/notokr-regular.woff') format('woff'),
	url('../font/notokr-regular.ttf') format('truetype');
	src: local("※"),
	url('../font/notokr-regular.eot'),
	url('../font/notokr-regular.woff') format('woff'),
	url('../font/notokr-regular.ttf') format('truetype'),
	url('../font/notokr-regular.svg#webfonturzspG4F') format('svg');
}

@font-face {
	font-family: 'notokr-medium';
	src: url('../font/notokr-medium.eot'),
	url('../font/notokr-medium.woff') format('woff'),
	url('../font/notokr-medium.ttf') format('truetype');
	src: local("※"),
	url('../font/notokr-medium.eot'),
	url('../font/notokr-medium.woff') format('woff'),
	url('../font/notokr-medium.ttf') format('truetype'),
	url('../font/notokr-medium.svg#webfonturzspG4F') format('svg');
}

#wrap{min-width: 1200px;}
.hidden-tx{position: absolute; width: 0; height: 0; overflow: hidden;}
#header, #header *{font-family: "notokr-regular", sans-serif;}

.header-tp{padding: 15px 0 10px;}
.ht-lk{text-align: right;  line-height: 17px;}
.ht-lk > li{display: inline-block; line-height: 17px; margin-left: 2px;}
.ht-lk > li > a{font-size: 13px; color: #666; }
.ht-lk > li + li:before{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; margin-top: 3px; margin-right: 4px; background: #c2c2c2;}
.ht-lk > li .zoom{display: inline-block; vertical-align: top;}
.ht-lk > li .zoom span{font-size: 13px; color: #666; margin-right: 4px;}
.ht-lk > li .zoom a{font-size: 0; display: inline-block; box-sizing: border-box; width: 17px; height: 17px; border: 1px solid #a5a5a5; vertical-align: top; border-radius: 2px; position: relative; margin-left: -1px;}
.ht-lk > li .zoom a:before{content: ''; position: absolute; left: 4px; right: 4px; top: 7px; height: 1px; background: #252525;}
.ht-lk > li .zoom #btn-zoom-in:after{content: ''; position: absolute; left: 7px; top: 4px; bottom: 4px; width: 1px; background: #252525;}

.header-bm{position: relative; border-bottom: 1px solid #dcdcdc;padding-bottom: 14px;}
.logo-box{float: left;}
.menu-box{float: left; margin-left: 40px;}

.depth1 > li{float: left; position: relative; width: 130px; text-align: center;}
.depth1 > li > a{display: block; font-weight: 600; font-size: 21px; color: #242424; line-height: 27px; padding: 10px 0; position: relative;}
.depth1 > li > a:after{content: ''; position: absolute; bottom: 0; left: 50%; right: 50%; height: 3px; background: #ff904e; opacity: 0;}
.depth1 > li.on > a:after{left: -20px; right: -20px; opacity: 1; transition: .2s;}
.depth2{display: none; position: absolute; left: -20px; right: -20px; top: 100%; z-index: 200; padding: 10px 0; background: #fff; border: 1px solid #d9d9d9; border-top: none;}
.depth2 > li > a{display: block; padding: 5px 0; font-size: 16px; color: #555; line-height: 24px; font-weight: 500; letter-spacing: -1px;}

.h-saa-bk{float: right; margin-top: 12px;}
.hd-search-area{display: none; position: absolute; z-index: 180; top: 100%; left: 0; right: 0; padding: 20px 0; background: #fff; border-top: 1px solid #dcdcdc; box-shadow: 1px 2px 3px rgba(0,0,0,0.3);}
.hd-search-box{width: 1100px; max-width: 1100px; margin: 0 auto; position: relative;}/*width: 90%; max-width: 800px;*/
.hd-search-box .hd-search{display: inline-block; width: calc(100% - 42px); vertical-align: top;}
.hd-search-box .hd-search input[type="text"]{box-sizing: border-box; width: calc(100% - 60px); height: 38px; border: 1px solid #d0d0d0; padding-left: 8px;}
.hd-search-box .hd-search a{display: inline-block;  vertical-align: top; width: 56px; text-align: center; background: #ff601f; font-size: 15px; color: #fff; line-height: 20px; padding: 9px 0;}
.hd-search-box .hd-sr-close{display: inline-block;  vertical-align: top; padding: 8px; border: 1px solid #dcdcdc; line-height: 1;position: absolute;top:-44px;right: 0}/*1121 추가 position: absolute;top:15px;right: 0*/
.hd-search-box .hd-sr-close img{ vertical-align: top; width: 20px;}

.all-menu-sw{margin-left: 16px;}
.all-menu-box{display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 200; background: #fff; border-top: 1px solid #dcdcdc; box-shadow: 1px 2px 3px rgba(0,0,0,0.3);}
.all-menu-box .width-auto{padding: 40px 0; position: relative;}
.all-menu-ls{margin-left: -10px; margin-right: -4%;}
.all-menu-ls > li{float: left; width: calc(16% - 10px); margin-left: 10px; box-sizing: border-box;}
.all-menu-ls > li > p{font-size: 26px; font-weight: bold; color: #232323; padding-bottom: 5px;}
.all-menu-ls > li > p > a{font-size: inherit; color: inherit;}
.all-menu-ls > li > ul + p{margin-top: 21px;}
.all-menu-ls > li > ul{border-top: 4px solid #ddd; letter-spacing: -1px;}
.all-menu-ls > li > ul > li + li{margin-top: 2px;}
.all-menu-ls > li > ul > li > a{display: block; font-weight: 500; font-size: 15px; color: #111; line-height: 22px; padding: 8px; background: #ededed;}
.all-menu-ls > li > ul > li > ul{padding: 4px 8px;}
.all-menu-ls > li > ul > li > ul > li > a{display: inline-block; padding-left: 10px; position: relative; font-size: 15px; color: #666; line-height: 22px;}
.all-menu-ls > li > ul > li > ul > li > a:before{content: ''; position: absolute; left: 1px; top: 8px; width: 5px; height: 5px; background: #ff601f;}
.all-menu-box .all-menu-close{font-size: 0; box-sizing: border-box; position: absolute; left: 100%; top: 40px; width: 40px; height: 40px; background: url(../images/new2111/close_ic_b.jpg) center center no-repeat; border: 1px solid #b3b3b3; margin-left: 10px; display: none;}

.mo-lgn-bx{display: none; background: #ff601f; padding: 15px 20px; padding-right: 45px; font-size: 18px; line-height: 24px;}
.mo-lgn-bx > a{font-size: inherit; color: #fff; font-weight: 500;}
.mo-lgn-bx > span.pipe{font-size: inherit; color: #fff; font-weight: 500;}
.mo-menu-bg{display: none; z-index: 190; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6);}


.main-site .bannerArea_tit{font-family: "notokr-regular", sans-serif;}
#footer *{font-family: "notokr-regular", sans-serif;}
.footer-floor2-rt > a{padding: 0;}
.waMark{display: inline-block; margin-left: 16px;}

@media screen and (max-width:1024px) {
#wrap{min-width: 320px;}
.pc-only{display: none;}

.header-tp{display: none;}
.header-bm{padding: 14px 0;}
.menu-box{display: none;}
.h-saa-bk{margin-top: 3px;}
.h-search-sw, .all-menu-sw{display: inline-block; line-height: 1; padding: 9px; border: 1px solid #dcdcdc; margin-left: 2px; border-radius: 2px;}
.h-search-sw img, .all-menu-sw img{vertical-align: top;}

.all-menu-box{max-width: 360px; width: 80%; left: 0; top: 0; right: auto;}
.all-menu-box .width-auto{padding: 0; width: auto;}
.mo-lgn-bx{display: block;}
.all-menu-ls{margin: 0;}
.all-menu-ls > li{float: none; width: auto; margin: 0;}
.all-menu-ls > li > p{padding: 0; }
.all-menu-ls > li > p > a{display: block; font-size: 21px; line-height: 28px; padding: 10px 20px; padding-right: 45px; position: relative; border-bottom: 1px solid #dcdcdc;}
.all-menu-ls > li > p > a:after{content: ''; position: absolute; width: 23px; height: 23px; right: 17px; top: 50%; margin-top: -11px; background: url(../images/new2111/mo_mdp1_bg1.jpg) center center no-repeat;}
.all-menu-ls > li.on > p > a:after{background-image: url(../images/new2111/mo_mdp1_bg2.jpg);}
.all-menu-ls > li > ul{display: none; border-top: none; padding: 10px 0; padding-left: 36px; background: #f5f5f5; border-bottom: 1px solid #dcdcdc;}
.all-menu-ls > li > ul > li + li{margin-top: 0;}
.all-menu-ls > li > ul > li > a{display: inline-block; background: none; padding: 2px 0;}
.all-menu-ls > li > ul > li > ul{padding: 0 8px 4px;}
.all-menu-box .all-menu-close{width: 24px; height: 24px; border: none; left: auto; right: 17px; top: 15px; background-image: url(../images/new2111/close_ic_w.png); display: block;}


.waMark{margin-left: 0;}
.bannerArea ul.controlArea {left: 90px;width:55px;}
}



/*  main  */
.main-container{background: #f5f5f5; padding: 30px 0 70px; font-family: "notokr-regular", sans-serif;}
.main-container *{font-family: inherit;}

.vsl-bk{overflow: hidden; position: relative; border-radius: 16px; box-shadow: 1px 3px 6px rgba(0,0,0,0.3);}
.vsl-unit{  display: table; width: 100%; height: 423px;  background:  center center no-repeat; background-size: cover;}
.vsl-unit.bg1{background-image: url(../images/new2111/vsl_i1.jpg);}
.vsl-unit.bg2{background-image: url(../images/new2111/vsl_i2.jpg);}
.vsl-unit.bg3{background-image: url(../images/new2111/vsl_i3.jpg);}
.vsl-unit.bg4{background-image: url(../images/new2111/vsl_i4.jpg);}
.vsl-unit > div{display: table-cell; vertical-align: middle; padding: 10px 8%;}
.vsl-tx > p{font-size: 36px; color: #fff; font-weight: 600; line-height: 1.3; text-shadow: 0 0 2px #000, 0 0 4px #000;}
.vsl-tx > p.big{font-size: 39px;}
.vsl-tx > p.big strong{font-size: 43px; color: #fff4c3;}
.vsl-tx .lk{margin-top: 20px;}
.vsl-tx .lk > a{display: inline-block; font-weight: 500; font-size: 18px; color: #fff; line-height: 24px; padding: 8px 10px; border: 1px solid #fff; border-radius: 4px;}
.vsl-tx .lk > a:after{content: ''; display: inline-block; vertical-align: top; width: 15px; height: 7px; background: url(../images/new2111/vsl_lkic_w.png) right bottom no-repeat; margin-left: 6px; margin-top: 8px;}
.vsl-unit.bg1 .vsl-tx > p{color: #373535; text-shadow: none;}
.vsl-unit.bg1 .vsl-tx > p.big strong{color: #32377e;}
.vsl-unit.bg1 .vsl-tx .lk > a{color: #32377e; border-color: #32377e;}
.vsl-unit.bg1 .vsl-tx .lk > a:after{background-image: url(../images/new2111/vsl_lkic_b.png);}
.vsl-unit.bg2 .vsl-tx > p{color: #41698b; text-shadow: none;}
.vsl-unit.bg2 .vsl-tx > p.big strong{color: #ff6d2c;}
.vsl-unit.bg2 .vsl-tx .lk > a{color: #245054; border-color: #32377e;}
.vsl-unit.bg2 .vsl-tx .lk > a:after{background-image: url(../images/new2111/vsl_lkic_g.png);}

.vsl-bk .bx-pager{position: absolute; left: 0; right: 0; z-index: 60; bottom: 38px; line-height: 10px; text-align: center;}
.vsl-bk .bx-pager .bx-pager-item{display: inline-block; vertical-align: top; margin: 0 2px;}
.vsl-bk .bx-pager a{font-size: 0; display: block; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 7px;}
.vsl-bk .bx-pager a.active{width: 30px; background: #fff; display: none;}/* 20211202 롤링 배너 이미지 추가시 display: none 해제 */
.vsl-bk .bx-controls-direction a{position: absolute; z-index: 60; font-size: 0; width: 36px; height: 50px; top: 50%; margin-top: -25px; background: 0 0 no-repeat; background-size: 100% 100%;}
.vsl-bk .bx-controls-direction .bx-prev{left: 0; background-image: url(../images/new2111/vsl_slbt1.png); display:none; }/* 20211202 롤링 배너 이미지 추가시 display: none 해제 */
.vsl-bk .bx-controls-direction .bx-next{right: 0; background-image: url(../images/new2111/vsl_slbt2.png); display:none; }/* 20211202 롤링 배너 이미지 추가시 display: none 해제 */

.main-service-wp{margin-top: 30px; background: #fff; border-radius: 12px; box-shadow: 1px 3px 6px rgba(0,0,0,0.3);}
.mainService-swbx{background: #ff601f; text-align: center; padding: 10px; border-radius: 12px;}
.mainService-swbx > a{display: inline-block; font-weight: 600; font-size: 22px; color: #fff; line-height: 30px; letter-spacing: 4px;}
.mainService-swbx > a:after{content: ''; display: inline-block; vertical-align: top; width: 14px; height: 14px; background: url(../images/new2111/mService_swic.png) no-repeat; margin-left: 16px; margin-top: 8px; transition: 0.2s ease-in-out;}
.mainService-swbx > a:hover:after, .mainService-swbx > a:focus:after{transform:rotate(180deg);}
.mainService-icbx{text-align: center; padding: 20px 4px; overflow: hidden;}
.mainService-icls{margin-right: -2%}
.mainService-icls > li{float: left; width: 14%; box-sizing: border-box; padding: 0 4px; margin-bottom: 15px;}
.mainService-icls > li > a{display: block; max-width: 120px; margin: 0 auto; text-align: center;}
.mainService-icls > li > a > span{display: block; margin-top: 8px; font-weight: 600; font-size: 18px; color: #333; line-height: 1.2; letter-spacing: -1px;}

.mainService-all-wp{display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 100; overflow-y: auto;}
.mainService-all-wp > div{display: table; width: 100%; height: 100%;}
.mainService-all-wp > div > div{ display: table-cell; vertical-align: middle; padding: 20px 10px;}
.mainService-all{position: relative; max-width: 1100px; margin: 0 auto;}
.mainService-all .ti{background: #ff601f; font-weight: 600; font-size: 30px; color: #fff; line-height: 40px; padding: 20px 40px; text-align: center; border-radius: 12px 12px 0 0;}
.mainService-all .con{background: #f3f3f3; padding: 40px; border-radius: 0 0 12px 12px;}
.mainService-all-ls{border-bottom: 1px solid #cdcdcd;}
.mainService-all-ls > dl{display: table; width: 100%;}
.mainService-all-ls > dl > dt{display: table-cell; vertical-align: top; border-top: 2px solid #ff601f; width: 140px;}
.mainService-all-ls > dl > dt > span{display: block; font-weight: 600; font-size: 25px; color: #ff601f; padding: 10px 8px;}
.mainService-all-ls > dl:nth-child(2) > dt{border-color: #13ada0;}
.mainService-all-ls > dl:nth-child(2) > dt > span{color: #13ada0;}
.mainService-all-ls > dl:nth-child(3) > dt{border-color: #4393d6;}
.mainService-all-ls > dl:nth-child(3) > dt > span{color: #4393d6;}
.mainService-all-ls > dl > dd{display: table-cell; vertical-align: top; padding: 20px 8px; border-top: 1px solid #cdcdcd;}
.mainService-all-ls > dl > dd > ul{overflow: hidden; margin-top: -20px;}
.mainService-all-ls > dl > dd > ul > li{float: left; box-sizing: border-box; width: 25%; padding: 0 4px; margin-top: 20px;}
.mainService-all-ls > dl > dd > ul > li:nth-child(4n + 1){clear: both;}
.mainService-all-ls > dl > dd > ul > li > a{font-weight: 500; font-size: 18px; color: #444; display: inline-block; line-height: 22px;}
.mainService-all-ls > dl > dd > ul > li > p{font-size: 16px; color: #666; line-height: 20px;}
.mainService-all-ls > dl > dd > ul > li > p > a{font-size: inherit; color: inherit;}
.mainService-all-ls > dl > dd > ul > li > a + p{margin-top: 4px;}
.mainService-all .close{position: absolute; right: 40px; top: 28px;}

.banner-wp{margin-top: 30px; position: relative;}
.banner-wp .bnn-box{overflow: hidden; border-radius: 15px; box-shadow: 1px 3px 6px rgba(0,0,0,0.3);}
.banner-wp .bnn-ls > li > a{display: block; outline-offset: -2px;}
.banner-wp .bnn-ls img{width: 100%;}
.banner-wp .bnn-ls img.mo{display: none;}
.bnn-box .bx-controls{position: absolute; top: 15px; right: 34px; z-index: 60; line-height: 10px;}
.bnn-box .bx-pager .bx-pager-item{display: inline-block; vertical-align: top; margin: 0 2px;}
.bnn-box .bx-pager a{font-size: 0; display: block; box-sizing: border-box; width: 13px; height: 13px; background: #686868; border: 1px solid #fff; border-radius: 7px;}
.bnn-box .bx-pager a.active{width: 26px; background: #ff904e;}
.bnn-box .bx-controls-auto{position: absolute; right: 100%; top: 0; width: 21px;}
.bnn-box .bx-controls-auto > div{display: inline-block; vertical-align: top; margin: 0 2px;}
.bnn-box .bx-controls-auto a{font-size: 0; display: block; width: 13px; height: 13px; background: center center no-repeat;}
.bnn-box .bx-controls-auto a.bx-stop{background-image: url(../images/new2111/mpg_bnn_stop.png);}
.bnn-box .bx-controls-auto a.bx-start{background-image: url(../images/new2111/mpg_bnn_start.png); position: relative; right: -5px; display: none;}
.banner-wp .bnn-ctr a{font-size: 0; position: absolute; width: 40px; height: 40px; top: 50%; z-index: 60; margin-top: -20px; background: #fff center center no-repeat; border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,0.3);}
.banner-wp .bnn-ctr .prev{left: -20px; background-image: url(../images/new2111/mpg_bnn_bt1.jpg);}
.banner-wp .bnn-ctr .next{right: -20px; background-image: url(../images/new2111/mpg_bnn_bt2.jpg);}

.mc-bm > div{background: #fff; position: relative; border-radius: 15px; margin-top: 30px; box-sizing: border-box; /*min-height: 417px;*/ box-shadow: 1px 3px 6px rgba(0,0,0,0.3);}
.mc-board{float: left; width: 60%; min-height:472px;}
.mc-tab-ls:after{content: ""; display: block; clear: both;}
.mcTab-d1 > li{float: left; width: 50%;}
.mcTab-d1 > li > a{display: block; font-weight: 600; font-size: 24px; color: #fff; line-height: 30px; padding: 12px 20px; position: relative; background: #35517d}
/* .mcTab-d1 > li > a:before{content: ''; position: absolute; width: 16px; height: 16px; top: 50%; right: 20px; margin-top: -8px; background: url(../images/new2111/more_ic.png) center no-repeat; transition: 0.2s ease-in-out;} */
/* .mcTab-d1 > li > a:hover:before, .mcTab-d1 > li > a:focus:before{transform:rotate(180deg);} */
.mcTab-d1 > li > a > span.noticePlus {position: absolute; width: 16px; height: 16px; top: 50%; right: 20px; margin-top: -8px; background: url(../images/new2111/more_ic.png) center no-repeat; transition: 0.2s ease-in-out;}
.mcTab-d1 > li > a > span.noticePlus:hover {transform:rotate(180deg);}
.mcTab-d1 > li > a > span.infomationPlus {position: absolute; width: 16px; height: 16px; top: 50%; right: 20px; margin-top: -8px; background: url(../images/new2111/more_ic.png) center no-repeat; transition: 0.2s ease-in-out;}
.mcTab-d1 > li > a > span.infomationPlus:hover {transform:rotate(180deg);}

.mcTab-d1 > li:nth-child(1) > a{ border-radius: 15px 0 0 15px;}
.mcTab-d1 > li:nth-child(2) > a{border-radius: 0 15px 15px 0;}
.mcTab-d1 > li.on > a{background-color: #0b76db;}
.mcTab-d1 > li.on > a:after{content: ''; position: absolute; top: 100%; left: 60px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 11px solid #0b76db;}

.tbc-box{padding: 24px 6%;}
.mcTab-d2{margin-left: -6px;}
.mcTab-d2 > li{float: left; width: calc(25% - 6px); margin-left: 6px;}
.mcTab-d2 > li > a{display: block; text-align: center; border: 1px solid #d2d2d2; font-weight: 600; font-size: 19px; color: #444; line-height: 26px; padding: 11px 0; border-radius: 4px;}
.mcTab-d2 > li.on > a{background: #e4e6e9; border-color: #e4e6e9;}
.brd-ls-box{margin-top: 20px;}
.mc-board-list > li{position: relative; padding-left: 8px;}
.mc-board-list > li + li{margin-top: 9px;}
.mc-board-list > li:before{content: ''; position: absolute; width: 3px; height: 3px; background: #777; top: 10px; left: 0;}
.mc-board-list > li:after{content: ""; display: block; clear: both;}
.mc-board-list > li > a{float: left; font-size: 17px; color: #444; line-height: 24px; max-width: calc(100% - 100px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mc-board-list > li > span{float: right; font-size: 16px; color: #777; line-height: 24px;}

/*  2021/12/6  */
.mc-board-more{margin-top: 15px;}
.mc-board-more > a{display: block; font-size: 16px; color: #6d6d6d; line-height: 24px; padding: 2px; border: 1px solid #d2d2d2; text-align: center;}
.mc-board-more > a > i{display: inline-block; vertical-align: top; width: 12px; height: 12px; margin-left: 4px; margin-top: 6px; position: relative;}
.mc-board-more > a > i:before{content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: #6d6d6d;}
.mc-board-more > a > i:after{content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; background: #6d6d6d;}
/* // 2021/12/6  */

.pblc-bx{display: table; width: 100%; height: 200px; table-layout: fixed; word-break: break-all;}
.pblc-bx > div{display: table-cell; vertical-align: middle;}
.pblc-ls > li{box-sizing: border-box; float: left; width: 50%; padding: 0 8px;}
.pblc-ls > li > div{position: relative;}
.pblc-ls > li > div > h4{font-size: 17px; color: #555; line-height: 24px; margin-bottom: 10px;}
.pblc-ls > li > div .ph a{display: block;}
.pblc-ls > li > div .ph img{width: 100%;}
.pblc-ls > li > div .more{position: absolute; right: 0; top: 5px; width: 14px; height: 14px; font-size: 0;}
.pblc-ls > li > div .more:before{content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background: #7d7d7d; margin-top: -1px;}
.pblc-ls > li > div .more:after{content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #7d7d7d; margin-left: -1px;}

.stt-inf-ls > li{box-sizing: border-box; float: left; width: 25%; padding: 0 8px; margin-top: 16px;}
.stt-inf-ls > li > a{display: block; text-align: center; padding: 28px 2px; background: #fbfbfb; border: 1px solid #d2d2d2;}
.stt-inf-ls > li > a > span{display: block; font-size: 20px; color: #555; line-height: 24px; margin-top: 8px;}

.mc-bm > .mc-chatbot{margin-top:10px;}

.mc-sns
, .mc-chatbot{float: right; width: calc(40% - 16px); }
.mc-sns > div
, .mc-chatbot > div{padding: 20px;}
.mc-sns h2{font-size: 24px; color: #2a2a2a; line-height: 34px;}

.mc-chatbot .inf-vlk2{padding: 5px 4px 10px; background: #a0d5ff; overflow: hidden; border-radius: 15px; text-align: center; letter-spacing: -1px;}
.mc-chatbot .inf-vlk2 > span{box-sizing: border-box; display: inline-block; vertical-align: bottom; max-width: calc(50% - 10px); padding-top: 8px; padding-left: 30px; position: relative; text-align: left; font-weight: 600; font-size: 26px; color: #0975c9; line-height: 30px; margin: 0 4px;}
.mc-chatbot .inf-vlk2 > span:before{content: '“'; font-size: 0; position: absolute; width: 26px; height: 24px; left: 0; top: 0; background: url(/images/new2111/inf_vlk2_bg1.png) no-repeat; }
.mc-chatbot .inf-vlk2 > span > span{display: block; font-size: inherit; color: inherit; line-height: inherit; white-space: nowrap;}
.mc-chatbot .inf-vlk2 > span > span:after{content: '”'; font-size: 0; display: inline-block; vertical-align: top; width: 26px; height: 24px; margin-left: 4px; margin-top: 4px; background: url(/images/new2111/inf_vlk2_bg2.png) no-repeat; }
.mc-chatbot .inf-vlk2 > div{display: inline-block; vertical-align: bottom; box-sizing: border-box; width: 95px; max-width: calc(50% - 10px); margin: 0 20px; background: #0975c9; font-size: 17px; color: #fff; line-height: 24px; padding: 8px; border-radius: 20px;}
.mc-chatbot .inf-vlk2 > img{margin-left:15px;}

.inf-vlk{margin-top: 16px; padding: 5px 4px 10px; background: #f6e9e5; overflow: hidden; border-radius: 15px; text-align: center; letter-spacing: -1px;}
.inf-vlk > span{box-sizing: border-box; display: inline-block; vertical-align: bottom; max-width: calc(50% - 10px); padding-top: 8px; padding-left: 30px; position: relative; text-align: left; font-weight: 600; font-size: 26px; color: #895c4e; line-height: 30px; margin: 0 4px;}
.inf-vlk > span:before{content: '“'; font-size: 0; position: absolute; width: 26px; height: 24px; left: 0; top: 0; background: url(../images/new2111/inf_vlk_bg1.jpg) no-repeat;}
.inf-vlk > span > span{display: block; font-size: inherit; color: inherit; line-height: inherit; white-space: nowrap;}
.inf-vlk > span > span:after{content: '”'; font-size: 0; display: inline-block; vertical-align: top; width: 26px; height: 24px; background: url(../images/new2111/inf_vlk_bg2.jpg) no-repeat; margin-left: 4px; margin-top: 4px;}
.inf-vlk > a{display: inline-block; vertical-align: bottom; box-sizing: border-box; width: 162px; max-width: calc(50% - 10px); margin: 0 4px; background: #e62e22; font-size: 17px; color: #fff; line-height: 24px; padding: 8px; border-radius: 20px;}
.inf-vlk > a:before{content: ''; display: inline-block; vertical-align: top; width: 11px; height: 15px; background: url(../images/new2111/inf_vlk_ic.jpg) no-repeat; margin-top: 5px; margin-right: 4px;}

.mc-sns-bx{margin-top: 10px;}
.mc-sns-ls{margin-left: -6px; margin-right: -1%;}
.mc-sns-ls > li{float: left; width: calc(33% - 6px); margin-left: 6px; margin-top: 6px;}
.mc-sns-ls > li > a{display: block; overflow: hidden; border-radius: 6px;}
.mc-sns-ls > li > a > span{display: table; width: 100%; height: 72px; text-align: center; opacity: 0;}
.mc-sns-ls > li > a > span > span{display: table-cell; vertical-align: bottom; padding: 4px 2px 10px; font-size: 14px; color: #fff; line-height: 18px;}
.mc-sns-ls > li > a > span > span:before{content: ''; display: block; margin: 0 auto 4px; background: center bottom no-repeat;}
.mc-sns-ls > li > a.facebook{background: #5a81c1 url(../images/new2111/sns_ic1_off.png) center center no-repeat; }
.mc-sns-ls > li > a.facebook > span{background: #3b5998;}
.mc-sns-ls > li > a.facebook > span > span:before{height: 18px; background-image: url(../images/new2111/sns_ic1_on.png);}
.mc-sns-ls > li > a.naver{background: #54b755 url(../images/new2111/sns_ic2_off.png) center center no-repeat; }
.mc-sns-ls > li > a.naver > span{background: #21a722;}
.mc-sns-ls > li > a.naver > span > span:before{height: 30px; background-image: url(../images/new2111/sns_ic2_on.png);}
.mc-sns-ls > li > a.youtube{background: #e94e4c url(../images/new2111/sns_ic3_off.png) center center no-repeat; }
.mc-sns-ls > li > a.youtube > span{background: #df2a26;}
.mc-sns-ls > li > a.youtube > span > span:before{height: 18px; background-image: url(../images/new2111/sns_ic3_on.png);}
.mc-sns-ls > li > a.instagram{background: url(../images/new2111/sns_ic4_off.png) center center no-repeat, url(../images/new2111/sns_insta_bg2.jpg) center center no-repeat; background-size: auto, cover;}
.mc-sns-ls > li > a.instagram > span{background: url(../images/new2111/sns_insta_bg1.jpg) center center no-repeat; background-size: cover;}
.mc-sns-ls > li > a.instagram > span > span:before{height: 25px; background-image: url(../images/new2111/sns_ic4_on.png);}
.mc-sns-ls > li > a.kakaoStory{background: #f5c848 url(../images/new2111/sns_ic5_off.png) center center no-repeat; }
.mc-sns-ls > li > a.kakaoStory > span{background: #fbc200;}
.mc-sns-ls > li > a.kakaoStory > span > span:before{height: 25px; background-image: url(../images/new2111/sns_ic5_on.png);}
.mc-sns-ls > li > a.kakaoTalk{background: #ffee75 url(../images/new2111/sns_ic6_off.png) center center no-repeat; }
.mc-sns-ls > li > a.kakaoTalk > span{background: #ffe100;}
.mc-sns-ls > li > a.kakaoTalk > span > span{color: #000;font-weight: 500;}
.mc-sns-ls > li > a.kakaoTalk > span > span:before{height: 33px; background-image: url(../images/new2111/sns_ic6_on.png);}
.mc-sns-ls > li > a:hover > span, .mc-sns-ls > li > a:focus > span{opacity: 1;}


@media screen and (max-width: 1024px){
.mainService-icls > li > a > span{font-size: 16px;}
.mainService-all .ti{font-size: 26px; line-height: 30px; padding: 15px 20px;}
.mainService-all .con{padding: 20px;}
.mainService-all-ls > dl > dt{width: 90px;}
.mainService-all-ls > dl > dd > ul {letter-spacing: -1px;}
.mainService-all-ls > dl > dd > ul > li > a{font-size: 16px; }
.mainService-all-ls > dl > dd > ul > li > p{font-size: 14px;}
.mainService-all .close{top: 17px; right: 20px;}
.mainService-all-wp.scv > div{display: block;}
.mainService-all-wp.scv > div > div{display: block;}
.mainService-all-wp.scv .mainService-all{position: absolute; top: 30px; left:10px; right: 10px; bottom: 30px;}
.mainService-all-wp.scv .mainService-all .ti{ position: absolute; left: 0; right: 0; top: 0;}
.mainService-all-wp.scv .mainService-all .con{position: absolute; left: 0; right: 0; top: 60px; bottom: 0;}
.mainService-all-wp.scv .mainService-all .mainService-all-ls{height: 100%; overflow-y: auto;}

.banner-wp .bnn-ctr .prev{left: -7px;}
.banner-wp .bnn-ctr .next{right: -7px;}

.mc-board{max-width: calc(100% - 366px);}
.tbc-box{padding: 24px 3%;}
.mcTab-d2 > li > a{font-size: 18px; letter-spacing: -1px;}

.pblc-ls > li{padding: 0 4px;}
.stt-inf-ls > li{padding: 0 4px;}
.stt-inf-ls > li > a > span{font-size: 17px; letter-spacing: -1px; font-weight: 500;}
.mc-sns
, .mc-chatbot{min-width: 350px;}
.mc-sns > div
, .mc-chatbot > div{padding: 20px 4%;}

/* .vsl-bk{display:none} */
/* .banner-wp{display:none} */
.main-service-wp{margin-top:30px}
.all-menu-box{left:inherit !important;right:0;}
.hd-search-box{width: 100%}
/* .hd-search-area{padding-top: 40px} */
.hd-search-box .hd-sr-close{right: 10px}


 .a-search-rt > div > .favorite-word{width: 100%;}
.a-search-rt > div{display: block;}
}

@media screen and (max-width: 768px){
.vsl-unit{height: 300px; background-size: 780px;}
.vsl-tx > p{font-size: 26px;}
.vsl-tx > p.big{font-size: 28px;}
.vsl-tx > p.big strong{font-size: 30px;}
.vsl-bk .bx-pager{bottom: 20px;}

.mainService-icls{margin: 0;}
.mainService-icls > li{width: 25%;}
.mainService-icls > li > a > span{font-size: 15px;}
.mainService-all-ls{border-bottom: none;}
.mainService-all-ls > dl{display: block;     border-top: 1px solid #cdcdcd;}
.mainService-all-ls > dl > dt{display: block; width: 140px; margin: -1px auto 0; text-align: center;}
.mainService-all-ls > dl > dt > span{line-height: 30px; padding: 0;}
.mainService-all-ls > dl > dd{border-top: none; display: block; width: auto;}
.mainService-all-ls > dl > dd > ul > li{width: 50%;}
.mainService-all-ls > dl > dd > ul > li > a{font-size: 18px; }
.mainService-all-ls > dl > dd > ul > li > p{font-size: 16px;}

.bnn-box .bx-controls{right: 20px;}
.banner-wp .bnn-ls img.pc{display: none;}
.banner-wp .bnn-ls img.mo{display: inline;}

.mc-bm > div{min-height: 0;}
.mc-board{float: none; width: auto; max-width: none;}
.mc-sns
, .mc-chatbot{float: none; width: auto; min-width: 0;}

.pblc-bx{display: block; height: auto;}
.pblc-bx > div{display: block;}
}

@media screen and (max-width: 600px){
.vsl-unit{height: 240px; background-size: 640px;}
.vsl-unit > div{padding: 10px 40px;}
.vsl-tx > p{font-size: 20px;}
.vsl-tx > p.big{font-size: 22px;}
.vsl-tx > p.big strong{font-size: 24px;}
.vsl-tx .lk{margin-top: 10px;}
.vsl-tx .lk > a{font-size: 14px; padding: 3px 10px;}
.vsl-bk .bx-pager{bottom: 10px;}
.vsl-bk .bx-controls-direction a{width: 30px; height: 40px; margin-top: -20px;}

.mainService-all-ls > dl > dd{padding: 20px 0;}
.mainService-all-ls > dl > dd > ul > li > a{font-size: 16px; }
.mainService-all-ls > dl > dd > ul > li > p{font-size: 14px;}
}

@media screen and (max-width: 450px){
.vsl-unit{height: 200px; background-size: 540px;}

.mainService-icls > li{width: 50%;}
.mainService-icls > li > a > span{font-size: 18px;}

.bnn-box .bx-controls{top: 10px;}
.banner-wp .bnn-ctr a{width: 30px; height: 30px; margin-top: -15px;}

.mcTab-d2{margin-left: -3px; }
.mcTab-d2 > li{    width: calc(25% - 3px); margin-left: 3px; }
.mcTab-d2 > li > a{font-size: 16px;}

.mc-board-list > li > a{font-size: 15px; line-height: 22px; max-width: calc(100% - 85px);}
.mc-board-list > li > span{font-size: 14px; line-height: 22px;}

.stt-inf-ls > li{width: 50%; padding: 0 8px;}
.pblc-ls > li{float: none; width: auto; padding: 0; max-width: 300px; margin: 0 auto;}
.pblc-ls > li + li{margin-top: 20px;}
}

@media screen and (max-width: 370px){
.mainService-all .con{padding: 20px 10px;}
.mainService-all .close{right: 10px;}
.mainService-all-ls > dl > dd > ul > li > a{font-size: 15px; }
.mainService-all-ls > dl > dd > ul > li > p{font-size: 13px;}

.mcTab-d1 > li > a{font-size: 20px; line-height: 24px; padding: 12px 16px;}
.mcTab-d1 > li > a:before{right: 16px;}
.mcTab-d2 > li > a{font-size: 14px; line-height: 20px;     padding: 9px 0;}
.inf-vlk > span{max-width: none; font-size: 22px; padding: 0 32px; margin: 0 0 16px;}
.inf-vlk > span > span{display: inline;}
.inf-vlk > span > span:after{margin: 0; position: absolute; top: 0; right: 0;}
.inf-vlk > a{max-width: none; margin: 0;}
.mc-sns-ls > li > a.facebook{background-size: 78px;}
}