@charset "utf-8";
/* CSS Document */
body { font-size:16px;}
.box0{ width:100%; max-width:94%; margin:0 auto;}
.box1{ width:93.750em; max-width:94%; margin:0 auto;}
.box2{ width:75em; max-width:94%; margin:0 auto}

.fullH{ height:100vh; box-sizing:border-box;}
.fullM{ min-height:100vh; box-sizing:border-box;}
.headH{ height:6.25em;}
.headT{ padding-top:6.25em;}

.pcHide{ display:none !important;}
.moHide{}

/*header*/
#header{ position:fixed; z-index:999; top:0; left:0; right:0; transition:background .3s;}
#header .headWrap{}
#header .headH{ transition:height .3s;}

#header .logo { z-index: 1; }
#header .logo > a{ display:block; height:2em; overflow:hidden}
#header .logo .in{ display:block; height:100%; transform:translateY(-100%); transition:.3s}
#header .logo .in img{ display:block; height:100%}

#header .gnb_wrap{ }
#header .gnb_wrap .gnb{}
#header .gnb_wrap .gnb > li{}
#header .gnb_wrap .gnb > li:first-child{display: none;}
#header .gnb_wrap .gnb > li .dp1{ padding: 0 2vw; text-align: center; box-sizing: border-box; display: block;}
#header .gnb_wrap .gnb > li .dp1 .tt{font-size: 1.188em; font-weight: 500; color: #fff;}

#header .all_wrap{ width:6.25em;}
#header .all_wrap .btn_all{ z-index:2; position:relative; width:2.25em; height:1.5em;}
#header .all_wrap .btn_all .ham,
#header .all_wrap .btn_all .ham:before,
#header .all_wrap .btn_all .ham:after { display:block; width:100%; height:2px; background:#fff; transition:.2s;}
#header .all_wrap .btn_all .ham:before,
#header .all_wrap .btn_all .ham:after { content:""; position:absolute; right:0;}
#header .all_wrap .btn_all .ham:before{ top:calc(50% - 1px);}
#header .all_wrap .btn_all .ham:after { top:calc(100% - 2px);}
#header .all_wrap .btn_all:hover .ham:before{ width:80%;}
#header .all_wrap .btn_all:hover .ham:after { width:90%;}

#header .all_wrap .all{ z-index:1; position:fixed; top:0; right:0; height:100vh; width:20vw; min-width:23em; transform:translateX(100%); transition:transform 0.6s cubic-bezier(0.71, 0.29, 0.27, 0.94) 0s;}
#header .all_wrap .all .wrap_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8;}
#header .all_wrap .all .wrap_in{ position:absolute; top:0; left:0; width:100%; height:100%;}
#header .all_wrap .all .wrap_in .all_scroll{ height:inherit;}
#header .all_wrap .all .allconWrap{ padding:8em 4vw 6em 2vw;}
#header .all_wrap .all .allconWrap .all_gnb .gnb{display: block;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1{ display:block; text-align:right !important; padding:.75em 0; color:#fff;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1 .tt{ font-size:1.875em; font-weight:700; line-height:1.1;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li.on .dp1{ color:#7267a9;}

#header .all_wrap.on .all{ transform:translateX(0);}
#header .all_wrap.on .btn_all{ background:transparent; border-color:transparent;}
#header .all_wrap.on .btn_all .ham{ background:transparent; transition:0s;}
#header .all_wrap.on .btn_all .ham:before,
#header .all_wrap.on .btn_all .ham:after { width:100% !important; top:50% !important;}
#header .all_wrap.on .btn_all .ham:before{ transform:rotate(45deg);}
#header .all_wrap.on .btn_all .ham:after { transform:rotate(-45deg);}

.scroll #header{ background:#fff; box-shadow:0 .375em .625em rgba(0,0,0,.1);}
.scroll #header .headH{ height:4em;}
.scroll #header .logo .in{transform:translateY(0);}
.scroll #header .gnb_wrap .gnb > li .dp1 .tt{color: #000}
.scroll #header .all_wrap .btn_all .ham,
.scroll #header .all_wrap .btn_all .ham:before,
.scroll #header .all_wrap .btn_all .ham:after{background: #000}

.sub #header{ background:#fff; box-shadow:0 .375em .625em rgba(0,0,0,.1);}
.sub #header .headH{ height:4em;}
.sub #header .logo .in{transform:translateY(0);}
.sub #header .gnb_wrap .gnb > li .dp1 .tt{color: #000}
.sub #header .all_wrap .btn_all .ham,
.sub #header .all_wrap .btn_all .ham:before,
.sub #header .all_wrap .btn_all .ham:after{background: #000}

#contents{min-height: 100vh}
#contents .doc{padding: 7em 0 10em 0}

/*footer*/
#footer {background: #1c1c1c; padding: 5em 0;}
#footer .inner{color: #fff;}
#footer .inner .con {flex:1; min-width: 0; box-sizing: border-box;}
#footer .inner .conL{}
#footer .inner .conR{margin-left: 15em;}
#footer .inner .con .con_in{}
#footer .inner .conL .con_in .logo{}
#footer .inner .conL .con_in .logo img {height: 1.5em;}
#footer .inner .conL .con_in .menuw{}
#footer .inner .conL .con_in .menuw .menu{}
#footer .inner .conL .con_in .menuw .menu > li{}
#footer .inner .conL .con_in .menuw .menu > li .in{position: relative; padding: 0 1vw; display: block;}
#footer .inner .conL .con_in .menuw .menu > li .in .tt{font-size: .813em; font-weight: 300; opacity: .7;}
#footer .inner .conL .con_in .menuw .menu > li .in:before{position: absolute; content:""; left: 0; top: 50%; transform: translateY(-50%); height: .5em; width: 1px; background: #fff; opacity: .5}
#footer .inner .conL .con_in .menuw .menu > li:first-child .in{padding-left: 0}
#footer .inner .conL .con_in .menuw .menu > li:first-child .in:before{display: none;}
#footer .inner .conL .con_in .infow{padding: 2em 0;}
#footer .inner .conL .con_in .infow .info{}
#footer .inner .conL .con_in .infow .info > li{line-height: 2.5; padding-right: 3em;}
#footer .inner .conL .con_in .infow .info > li.br {width: 100%;}
#footer .inner .conL .con_in .infow .info > li .in{display: block;}
#footer .inner .conL .con_in .infow .info > li .in .tt{font-size: .875em; font-weight: 300;}
#footer .inner .conL .copyrightT{font-size: .875em; font-weight: 300; opacity: .3; padding-top: 3em;}
#footer .inner .conR .contactw .t1{font-size: 1.188em; font-weight: 500; padding-bottom: 1em}
#footer .inner .conR .contactw .t2{font-size: 2.188em; font-weight: 600; padding-bottom: .5em}
#footer .inner .conR .contactw .t3{font-size: .813em; opacity: .6;}

#footer .goTop{ position:fixed; z-index:99; bottom:-2em; right:2em; width:4em; height:4em; color:#fff; background:#313851; border-radius:100%; background:#3178be; box-shadow:1px 1px .25em rgba(0,0,0,.2); border-radius:6em; box-sizing:border-box; text-align:center; opacity:0; transition:.3s;}
#footer .goTop .xi{ font-size:1em; display: block;}
#footer .goTop .tt{ font-size:.688em; font-weight:700;}
#footer .goTop:hover{ background:#333; color:#fff;}
.scroll #footer .goTop{ bottom: 3em; opacity:1;}

.page_more_btn{position:fixed; z-index:999; bottom:8em; right:2em;}
.page_more_btn .in_btn { padding:.25em 0; text-align:right;}
.page_more_btn .in_btn .in{ position:relative; height:4em; color:#333;}
.page_more_btn .in_btn .in:before{ content:""; position:absolute; top:0; right:0; width:4em; height:inherit; background:#f9e000; border-radius:50%; transition:.3s;}
.page_more_btn .in_btn .in > *{ position:relative;}
.page_more_btn .in_btn .in .t2{ font-size:1em; color:#3b1f1e; font-weight:500; padding:0 0 0 1.5em; display:none;}
.page_more_btn .in_btn .in .xi{ width:4em; text-align:center; font-size:1em; color:#3b1f1e;}
.page_more_btn .in_btn .in .xi:before{ font-size:2em;}
.page_more_btn .in_btn .in:hover:before{ width:100%; border-radius:10em;}
.page_more_btn .in_btn .in:hover .t1{ display:none;}
.page_more_btn .in_btn .in:hover .t2{ display:block;}

/*main*/
.main_visual_wrap{position: relative;}
.visualSlider_wrap{ position:relative; z-index:9; overflow:hidden;}
.visualSlider{ height:100%;}
.visualSlider .el{ position:relative; overflow:hidden;}
.visualSlider .el .bg{ position:absolute; left: 0; top: 0; width:100%; height: 100%;}

.visualSlider .main_slogan{ z-index:2; position: absolute; width: 100%; top: 30vh; box-sizing: border-box; left: 0;}
.visualSlider .main_slogan .slogan{}
.visualSlider .main_slogan .slogan .t1{ opacity:0; transform:translateY(100%); color: #fff; font-size: 1.438em; font-weight: 300; padding-bottom: 20px;}
.visualSlider .main_slogan .slogan .t2{ opacity:0; transform:translateY(100%); color: #fff; font-size: 3.750em; font-weight: 700; line-height: 1.4;}

.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg{}
.visualSlider .el.swiper-slide-active .main_slogan .slogan .t1,
.visualSlider .el.swiper-slide-duplicate-active .main_slogan .slogan .t1{ opacity:1; transform:translateY(0); transition:1s;}
.visualSlider .el.swiper-slide-active .main_slogan .slogan .t2,
.visualSlider .el.swiper-slide-duplicate-active .main_slogan .slogan .t2{ opacity:1; transform:translateY(0); transition:1s;}

.mainControl{ position:absolute; left:0; top: 70vh; width:100%; z-index:10; margin-top: 5vh}
.mainControl .mainSlider-btn{ width:3.125em; cursor:pointer; line-height:2.5em; color:#fff; outline:none; text-align:center}
.mainControl .mainSlider-btn .xi{ font-size:1.5em; text-align:center;}
.mainControl .mainSlider-btn:hover{ opacity:1}
.mainControl .mainProgress{ position:relative; text-align:center; margin-right:1em}
.mainControl .mainPauseWrap{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:flex; align-items:center; justify-content:center;}
.mainControl .mainPauseWrap .mainSlider-btn{ line-height:50px}
.mainControl .mainPauseWrap .mainSlider-btn .xi{ font-size:1.5em;}
.mainControl .mainPauseWrap .mainSlider-play{ display:none}
.mainControl .mainPauseWrap.pause .mainSlider-pause{ display:none}
.mainControl .mainPauseWrap.pause .mainSlider-play{ display:block; opacity:1; color:#fff}
.mainControl .mainSlider-pagination{ margin-left:1em;}
.mainControl .mainSlider-pagination span{ width:1em; height:1em; background:#fff; border-radius:6em; font-size:.625em; opacity:.4; margin:0 .25em; transition:.3s;}
.mainControl .mainSlider-pagination span.swiper-pagination-bullet-active{ width:7em; opacity:1;}

.mainScroll{ position:absolute; left:50%; bottom:8em; z-index:100; color:#fff; transform:translateX(-50%); text-align: center;}
.mainScroll .xi{ font-size:1.250em; display: block;}
.mainScroll .tt{ display: block; font-size: .438em; letter-spacing: .5em; padding-top: 1em;}
.mainScroll .ani{ animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite;}

.downAni{ animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite}
@keyframes downAni{
0% { transform:translateY(.5em);}
50% { transform:translateY(-.5em);}
100% { transform:translateY(.5em);}
}

.main_visual_wrap .visual_con{ position:absolute; left:0; bottom:0; width:100%; background:#fff; z-index: 333; background: #f1f8ff; background: #f9f9f9;}
.main_visual_wrap .visual_con .notice{}
.customer_w{ position:relative;  height:90px; width:100%; overflow:hidden;}
.customer_w .customer_slide .tt{position:absolute; left:0; top:50%; transform:translateY(-50%);  z-index:3;}
.customer_w .customer_slide .tt .xi{display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#000; color:#000; }
.customer_w .customer_slide .tt span{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#fff; color:#111; font-size:1.375em; font-weight:600}
.customer_w .customer_slide .tt > i{ color:#111; font-size:1.375em; padding-right:.5em}
.customer_w .customer_slide .slides{}
.customer_w .customer_slide .slides li{height:90px; line-height:90px; position:relative;}
.customer_w .customer_slide .slides li .notice_tit {color:#000; font-size: 1.063em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-right:180px; margin-left:180px; vertical-align:middle; flex:1;}
.customer_w .customer_slide .slides li .notice_tit .xi {vertical-align:bottom; padding-right:1em;}
.customer_w .customer_slide .flex-direction-nav{position:absolute; right:0; top: 50%; transform:translateY(-50%);}
.customer_w .customer_slide .flex-direction-nav li{ text-align: center; width: 40px; height: 40px; line-height: 40px}
.customer_w .customer_slide .flex-direction-nav a{display:block;}
.customer_w .customer_slide .flex-direction-nav a:hover{ background-color:#3178be; color: #fff;}
.customer_w .customer_slide .flex-direction-nav .flex-prev{}
.customer_w .customer_slide .flex-direction-nav .flex-next{ }
.customer_w .customer_slide .flex-direction-nav .flex-prev:before{content: "\e944"; font-family: xeicon; font-style: normal; font-size: 1.5em;}
.customer_w .customer_slide .flex-direction-nav .flex-next:before{content: "\e941"; font-family: xeicon; font-style: normal; font-size: 1.5em;}
.customer_w .customer_slide .slides li .notice_date{position:absolute; right:120px; top:0; color:#555; font-family:'Ms'; font-size:1.063em; font-weight:500}

/**/
.page_sec { margin-top:3.5em !important;}
.page_sec0{ margin-top:-1px !important;}
.page_sec1{ margin-top:.375em !important;}
.page_sec2{ margin-top:1em !important;}
.page_sec3{ margin-top:2.5em !important;}
.page_sec4{ margin-top:5em !important;}

.section{}
.secCon{ padding:6.25em 0; box-sizing:border-box;}

.section_introduction{}
.section_team{}
.section_business{}
.section_product{}
.section_inquiry{background: #f5f5f5; }
.section_notice{}

.formWrap{}
.formWrap .form_inp{}
.formWrap .form_inp > li{ margin-top:1.5em;}
.formWrap .form_inp > li .tit{ margin-bottom:1em;}
.formWrap .form_inp > li .tit .tt{ font-size:1.063em;}

.formWrap .form_inp > li.wrap_inp{ margin-top:.5em; min-height:3em;}
.formWrap .form_inp > li:first-child{ margin-top:0;}
.formWrap .form_inp > li.wrap_inp .wrap_inp_tt{font-size: .875em; padding: .5em 0 .25em 0;}
.formWrap .form_inp > li.wrap_inp .wrap_inp_tt .xi{padding-right: 3px; font-size: 1em;}
.formWrap .form_inp > li:first-child .wrap_inp_tt{padding-top: 0;}

.agreeWrap .agree{ padding:1.75em .375em; border:solid #ddd; border-width:2px 0 1px 0; border-top-color:#333; color:#444; line-height:1.8;}
.agreeWrap .agree p{ padding:.5em 0;}
.agreeWrap .agree strong{ color:#000;}


/*ANI*/
.rotateAni{ display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:transparent; border-radius:50%; border:2px dashed #433a74; box-sizing:border-box;
animation-name: rotateAni;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: rotateAni;
-webkit-animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotateAni;
-moz-animation-duration: 20s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: rotateAni;
-ms-animation-duration: 20s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
}

@keyframes rotateAni {
from{ transform: rotate(0deg);}
to  { transform: rotate(360deg);}
}
@-webkit-keyframes rotateAni {
from{ -webkit-transform: rotate(0deg);}
to  { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotateAni {
from{ -moz-transform: rotate(0deg);}
to  { -moz-transform: rotate(360deg);}
}
@-ms-keyframes rotateAni {
from{ -ms-transform: rotate(0deg);}
to  { -ms-transform: rotate(360deg);}
}


/*POPUP******************/
.popWrap.popAgree{ width:50em;}
.popWrap.popForm{ width:45em;}
.popWrap.popView{ width:60em;}

/**/
.main_con{padding:3.5em 0;}
.main_tit{ margin-bottom:1.7em;}
.main_tit .mt_icon{width: 5px; height: 22px; background: #3178be; transform: rotate(45deg); margin: 0 auto;}
.main_tit .mt_tt{ font-size:2.5em; font-weight:700; color:#333;}
.main_tit .mt_tx{font-size: 1.188em; color: #666; padding-top: 15px;}

.page_txt{}
.page_txt > .tit{ margin-bottom:1em;}
.page_txt > .tit.mg1{ margin-bottom:2.5em;}
.page_txt:last-child > .tit:last-child{ margin-bottom:0;}
.page_txt.line .tit:before{ content:""; display:block; margin-bottom:1.5em; width:2.25em; height:2px; background:#00c65e;}
.page_txt.icon .tt{ position:relative;}
.page_txt.icon .tt:before{ content:""; display:block; position:absolute;}
.page_txt.icon.st1 .tt{}
.page_txt.icon.st1 .tt:before{}
.page_txt .tt{ margin-top:1.375em;}
.page_txt .tt.t4{padding-top: 15px; margin-top: 0;}
.page_txt .tt:first-child{ margin-top:0;}
.page_txt .t1{ font-size:1.063em; line-height: 1.7;}
.page_txt .t2{ font-size:.875em;}
.page_txt .t3{ font-size:2.313em; line-height: 1.5;}
.page_txt .t4{ color: #666; font-size: 1.188em;}
.page_txt .t5{ font-size: 2.438em; line-height: 1.5;}

.page_txt .tt.c1{ color:#222;}
.page_txt a[href].tt:hover{ text-decoration:underline;}

.cw .page_txt .tt{ color:#fff;}

.page_txt .fls{letter-spacing: .188em;}

.page_tit_img{}
.page_tit_img .page_txt{ position:relative; z-index:2;}
.page_tit_img .page_txt + .img{ margin-top:-2em;}
.page_tit_img .img.resize{ padding-bottom:25%;}

/*회사소개*/
.page_Introduce_wrap{ position:relative; z-index:2;}
.page_Introduce .img_wrap{width: 50%;}
.page_Introduce .con_wrap{ flex:1; padding-left: 6em;}
.page_Introduce .con_wrap .sign{ margin-top:2em; font-size: 1.063em; font-weight: 500;}
.page_Introduce .con_wrap .sign > * ~ *{ padding-left:1em;}

/*조직도*/
.main_organization_wrap{background: #f5f5f5; padding: 4em 0; margin-top: 3em;}
.main_organization{}
.main_organization .wrap_in{ display:flex; flex-direction:column; align-items:center; justify-content:center; box-sizing:border-box; position:relative; text-align:center; line-height:1.2}
.main_organization .division .wrap_in{ width:13em; margin:0 auto; color:#fff; background:#535252; border-radius:2em; height:4em}
.main_organization .division .wrap_in .t1{ font-size:1.5em; font-weight:700}
.main_organization .division .wrap_in .t2{ font-size:1.313em; font-weight:500}
.main_organization .division:not(:first-child) .wrap_in{ margin-top:5.5em}
.main_organization .division:not(:first-child) .wrap_in:before{ content:""; position:absolute; left:50%; bottom:100%; width:1px; height:5em; background:#ddd}
.main_organization .division .wrap_in.st1{ width:10em; height:10em; border-radius:50%; background: linear-gradient(45deg, #3178be 0%, #3178be 100%); position:relative}
.main_organization .division .wrap_in.st1:before{ content:""; position:absolute; left:50%; top:50%; width:100%; height:100%; padding:.5em; transform:translate(-50%,-50%); border:1px solid #3178be; border-radius:50%; box-shadow:0 0 .5em rgba(0,0,0,.2)}
.main_organization .list{ display:flex; position:relative; margin-top:5em; padding-top:2em}
.main_organization .list:before{ content:""; position:absolute; left:50%; bottom:100%; height:5em; width:1px; background:#ddd}
.main_organization .list > li{ flex:1 1 1%; position:relative}
.main_organization .list > li:before,
.main_organization .list > li:after{ content:""; position:absolute; background:#ddd;}
.main_organization .list > li:before{ left:50%; bottom:100%; height:2em; width:1px;}
.main_organization .list > li:after{ right:50%; bottom:calc(100% + 2em); height:1px; width:100%}
.main_organization .list > li:first-child:after{ display:none}
.main_organization .list > li > .wrap_in{ background:#fff; border:3px solid #3178be; color:#3178be; margin:0 2em; height:4em; border-radius:1em; overflow:hidden; padding:.5em; box-sizing:border-box}
.main_organization .list > li > .wrap_in.c1{ background:#3178be; color:#fff}
.main_organization .list > li > .wrap_in.c2{ background:#888; color:#fff; border-color:transparent}
.main_organization .list > li .t1{ font-weight:500; font-size:1.125em}
.main_organization .list > li .t2{ font-weight:500; font-size:1.063em}
.main_organization .list > li .t3{ color:#666; font-size:.938em}
.main_organization .list > li > .wrap_sub{ padding:1em; background:#f5f5f5; margin:.5em 2em; border-radius:1em}
.main_organization .list > li > .wrap_sub > li{ margin:.75em 0}
.main_organization .list.s1{ margin-top:1.5em; padding-top:1.5em}
.main_organization .list.s1:before{ height:1.5em}
.main_organization .list.s1 > li:before{ height:1.5em}
.main_organization .list.s1 > li:after{ bottom:calc(100% + 1.5em)}
.main_organization .list.s1 > li > .wrap_in{ height:3em}
.main_organization .list + .list.s1:before{ height:7.5em}

/*서비스*/
.bisList{margin: 3em 0 0 -3.750em}
.bisList > li{flex:1}
.bisList > li .in{margin: 0 0 0 3.750em; border-radius: 10px; background: #fff; box-shadow:0 5px 15px 0 rgba(12, 37, 75, 0.15); padding: 2.5em;}
.bisList > li .in .num{color: #3178be; opacity: .5; font-size: 1.750em}
.bisList > li .in .t1{font-size: 1.875em; color: #333; font-weight: 700; padding: .5em 0 .75em 0}
.bisList > li .in .t2{font-size: 1em; color: #555; font-weight: 400; line-height: 1.7; padding-bottom: 3em;}
.bisList > li .in .icon{}
.bisList > li .in .icon .xi{font-size: 2.750em; color: #555; opacity: .5;}
.bisList > li:hover .in{background: #3178be;}
.bisList > li:hover .in > *{transition: .4s}
.bisList > li:hover .in .num{color: #fff; opacity: 1}
.bisList > li:hover .in .t1{color: #eaeaea}
.bisList > li:hover .in .t2{color: #fff}
.bisBigtit{color: #eaeaea; font-size: 11.250em; opacity: .5; letter-spacing: .0938em; margin-top: -.188em;}

/*제품*/
.main_product{ position:relative; margin-bottom:8em; background:#fff}
.main_product .main_tit .mt_icon{ margin:0 auto;}
.main_product .txt_wrap{ position:absolute; left:60%; top:90%}
.main_product .txt_wrap .tit{ margin-bottom:.625em;}
.main_product .txt_wrap .tit .tt{ font-size:2.125em; color:#222; font-weight:700; transform:translateX(70%); opacity:0;}
.main_product .txt_wrap .txt .tt{ font-size:1.250em; color:#444; line-height:1.5; transform:translateX(70%); opacity:0;}
.main_product .storeSlide_wrap .slick-active .txt_wrap .tit .tt{opacity: 1; transform: translateX(0%); transition-delay: .4s; transition:1s;}
.main_product .storeSlide_wrap .slick-active .txt_wrap .txt .tt{opacity: 1; transform: translateX(0%); transition-delay: .8s; transition:1s;}

.storeSlide_wrap{ position:relative; padding:0 24%; margin-top:4em;}
.storeSlide .slick-slide .inner{ width:39em; max-width:94%; margin:0 auto}
.storeSlide .item{ position:relative;}
.storeSlide .slick-list{ overflow:visible !important;}
.storeSlide .item > div{}
.storeSlide .img_wrap .img_w{ position:relative; box-sizing:border-box; padding:3em}
.storeSlide .img_wrap .img_w:after{ content:''; width:100%; height:100%; background:#f4f9fb; border-radius:50%; position:absolute; top:0; left:0; z-index:-99;}
.storeSlide .img_wrap .img_w .resize{ padding-bottom:100%;}

.storeSlide_wrap .pagingInfo{ position:absolute; top:5%; left:28%;}
.storeSlide_wrap .pagingInfo > i{ display:inline-block; vertical-align:top; font-size:3.8em;  font-weight:700; font-family:'Ms';}
.storeSlide_wrap .pagingInfo .t1 {font-size:5em;}
.storeSlide_wrap .pagingInfo .t2{ padding-top:.8em;}
.storeSlide_wrap .pagingInfo .t3{ padding-top:.8em;}

.storeSlide_wrap .prod_box{position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); display: flex; flex-wrap: wrap; justify-content: space-around;}
.storeSlide_wrap .prod_box .btn{ width:3em; height:3em; line-height:3em; background:#000; color:#fff; text-align:center; border-radius:50%; font-size:1.25em; cursor:pointer}
.storeSlide_wrap .prod_box .btn:hover{transition: .3s; background: #3178be;}

/*문의사항*/
.main_contact_w{}
.main_contact_w .con{}
.main_contact_w .conL{flex:1; min-width: 0; box-sizing: border-box;}
.main_contact_w .conR{width: 50%;}
.main_contact_w .con .in{}
.main_contact_w .conL .in{padding-left: 15em; padding-right: 10em;}
.main_contact_w .conR .in{}
.main_contact_w .con .in .contactInfo_w{padding-top: 3em;}
.main_contact_w .con .in .contactInfo_w .list{}
.main_contact_w .con .in .contactInfo_w .list > li{padding-bottom: 15px;}
.main_contact_w .con .in .contactInfo_w .list > li .list_in{}
.main_contact_w .con .in .contactInfo_w .list > li .list_in .icon{background: #e2e2e2; border-radius: 100%; width: 1.563em; line-height: 1.563em; text-align: center; display: inline-block; margin-right: .5em;}
.main_contact_w .con .in .contactInfo_w .list > li .list_in .icon .xi{ font-size: .938em;}
.main_contact_w .con .in .contactInfo_w .list > li .list_in .tx{font-size: .938em;}
.main_contact_w .con .in .contactBtn_w{margin-top: 5em;}
.main_contact_w .con .in .contactBtn_w .sec_more{margin-right: 1em;}
.main_contact_w .con .in .contactBtn_w .sec_more > .more{ display:inline-block; box-sizing:border-box; text-align:center; min-width:12em; padding:1em; border:1px solid #8a8a8a; color:#444; transition:.2s;}
.main_contact_w .con .in .contactBtn_w .sec_more > .more .tt{ font-size:1em;}
.main_contact_w .con .in .contactBtn_w .sec_more > .more .xi{ padding-left:1em; font-size: 1em;}
.main_contact_w .con .in .contactBtn_w .sec_more > .more:hover{ background:#3178be; color:#fff; border: 1px solid #3178be}
.main_contact_w .con .in .contactBtn_w .sec_more > .more:hover .xi{padding-left: 3em; transition: .3s;}

/*공지사항*/
.main_notice_wrap{ border-top:1px solid #ddd; margin-top: 2em;}
.main_notice_wrap .noticeList{}
.main_notice_wrap .noticeList > li{ border-bottom:1px solid #ddd;}
.main_notice_wrap .noticeList > li .inner{padding:1em 1em; }
.main_notice_wrap .noticeList > li .inner .img_wrap{ width:20%; border:1px solid #e8e8e8; overflow:hidden; transition:box-shadow .4s;}
.main_notice_wrap .noticeList > li .inner .img_wrap .thumb{ transition:.4s;}
.main_notice_wrap .noticeList > li .inner .con_wrap{ flex:1; padding:0 0 0 2em;}
.main_notice_wrap .noticeList > li .inner .con_wrap .tit{ display:block;}
.main_notice_wrap .noticeList > li .inner .con_wrap .tit .tt{ font-size:1.188em; font-weight:500;}
.main_notice_wrap .noticeList > li .inner .con_wrap .txt{ margin-top:1em;}
.main_notice_wrap .noticeList > li .inner .con_wrap .txt .tt{ display:block; max-height:5em; font-size:.938em; color:#777; line-height:1.6; overflow:hidden;}
.main_notice_wrap .noticeList > li .inner .con_wrap .state{ margin-bottom:1.5em;}
.main_notice_wrap .noticeList > li .inner .con_wrap .btn{ margin-top:1em;}
.main_notice_wrap .noticeList > li .inner .con_wrap .btn .input_st{ width:10em;}
.main_notice_wrap .noticeList > li .inner .date_wrap{text-align: center; width: 5em;}
.main_notice_wrap .noticeList > li .inner .date_wrap .t1{color: #c5c6c8; font-size: 2.5em; font-weight: 700;}
.main_notice_wrap .noticeList > li .inner .date_wrap .t2{color: #c5c6c8; font-size: .938em; font-weight: 600}
.main_notice_wrap .noticeList > li a.inner:hover{ color:#3178be;}
.main_notice_wrap .noticeList > li a.inner:hover .img_wrap{ box-shadow:2px 2px 1em rgba(0,0,0,.1);}
.main_notice_wrap .noticeList > li a.inner:hover .img_wrap .thumb{ transform:scale(1.1);}
.main_notice_wrap .noticeList > li .inner a.img_wrap:hover .thumb{ transform:scale(1.1);}
.main_notice_wrap .noticeList > li .inner .con_wrap a.tit:hover{ color:#3178be;}
.main_notice_wrap .noticeList > li .inner .con_wrap a.tit:hover .tt{ text-decoration:underline;}

/**/
.member_agree .agree{ padding:3em; border:solid #ddd; border-width:2px 1px 1px 1px; font-size:.875em; color:#777; line-height:1.3; box-shadow: 0 0 1em rgb(0 0 0 / 10%); border-radius: .5em;}
.member_agree .agree.H{ padding:1em 1.5em; border-top-width:1px; height:10em; overflow-y:scroll; border-radius: .5em .5em 0 0}
.member_agree .agree p{ padding:.25em 0; font-size: .938em;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#333;}
.member_agree .agree_check{padding: 1em; border: 1px solid #ddd; border-top: none; background: #fff; border-radius: 0 0 .5em .5em;}

/**/
.lookup_wrap{}
.lookup_wrap .t1{text-align: center; font-size: 1.188em; padding-bottom: 1em; line-height: 1.5; font-weight: 500;}
.lookup_wrap .lookup_conw{}

/*inquiry_fin*/
.inquiry_fin_w { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(0,0,0,.8); width: 100%; height: 100%; color: #FFF; }
.inquiry_fin_w .inner { position: relative; width: 100%; height: 100%; }
.inquiry_fin_w .inner .inquiry_fin { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #000; padding: 30px 70px; text-align: center; border-radius: 13px; }
.inquiry_fin_w .inner .inquiry_fin .tt { line-height: 1.8; }
.inquiry_fin_w .inner .inquiry_fin .info { display: inline-block; margin: 20px auto 5px auto; }
.inquiry_fin_w .inner .inquiry_fin .info table { border-top: 1px solid #666; border-left: 1px solid #666; box-shadow: 0 0 6px rgba(255,150,0,.67); }
.inquiry_fin_w .inner .inquiry_fin .info table tr { }
.inquiry_fin_w .inner .inquiry_fin .info table tr th { border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 13px 35px; font-size: .875em; color: #DDD; }
.inquiry_fin_w .inner .inquiry_fin .info table tr td { border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 13px 35px; font-size: .938em; font-weight: 700; color: #b1d8ff; }
.inquiry_fin_w .inner .inquiry_fin .st { font-size: .813em; color: #f00; padding-top: 1em;}
.inquiry_fin_w .inner .inquiry_fin .st p {line-height: 1.8; color: #f9d8be}
.inquiry_fin_w .inner .inquiry_fin .close_btn { margin-top: 35px; }
.inquiry_fin_w .inner .inquiry_fin .close_btn a { display: inline-block; width: 130px; height: 40px; line-height: 40px; border-radius: 40px; vertical-align: top; border: 1px solid #FFF; color: #FFF; font-size: .813em; transition: .3s; }
.inquiry_fin_w .inner .inquiry_fin .close_btn a:hover { background: #FFF; color: #333; }

.inquiry_fin_w .inner .inquiry_fin{width: 50.625em}

#mb_login{width: 40em; max-width: 100%; margin: 13em auto}
#mb_login h1 {text-align: center; padding-bottom: 1em; font-size: 1.5em; font-weight: 600; }
#mb_login .mbskin_box{border: 1px solid #e5e7eb; box-shadow: 2px 2px 0.375em rgb(0 0 0 / 5%); padding: 2em 3em; border-radius: .625em; background: #fff}
#mb_login .mbskin_box .mb_log_cate{}

#login_info{display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: space-between; margin-top: 2em; padding-top: 2em; border-top: 1px dashed #ddd;}
#login_info > div {color: #888; font-size: .938em;}

#login_fs{border: none;}
.mem_form_inp{}
.mem_form_inp > li{ margin-top:2em;}
.mem_form_inp > li:first-child{margin-top: 0;}
.mem_form_inp > li .tit{ font-weight:500;}
.mem_form_inp > li:not(.inp_wrap) .tit{ margin-bottom:.75em;}
.mem_form_inp > li.inp_wrap .tit{ width:5em;}
.mem_form_inp > li.inp_wrap .inp{ flex:1;}

.login_btn_wrap{margin-top: 2em;}
.login_btn_wrap button {background: #3178be; color: #fff; border-radius: .625em; border: 1px solid #3178be}

/*view*/
.comment_area .comment_bottom .re_comm { text-align: left; }
.board_comm_tit .c1 { vertical-align: baseline; }
.board_view_top .tit { border-top: none; }
.board_view_top .tit > span { vertical-align: baseline; }

/*CSD*/
.csd_w .tab_w { font-size: 0; }
.csd_w .tab_w .answer_tab { display: inline-block; font-size: 1rem; width: 170px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #ddd; box-sizing: border-box; margin-right: 10px; cursor: pointer; vertical-align: top; transform: translate(1px, 1px); position: relative; z-index: 2; }
.csd_w .tab_w .answer_tab.on { font-weight: 700; color: #FFF; background: #de0034; border: 0; }
.csd_w .tab_w .csd_tab { display: inline-block; font-size: 1rem; width: 170px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #ddd; box-sizing: border-box; cursor: pointer;  vertical-align: top; transform: translate(1px, 1px); position: relative; z-index: 2; }
.csd_w .tab_w .csd_tab.on { font-weight: 700; color: #FFF; background: #3d4fff; border: 0; }

.csd_w .n_comment_w { border: 1px solid #DDD; padding: 80px 30px 50px 30px; box-sizing: border-box; position: relative; }
.csd_w .n_comment_w .answer_top { background: #de0034; text-align: center; padding: 20px; font-size: .938em; color: #FFF; position: absolute; top: 0; left: 0; width: 100%; display: none; }
.csd_w .n_comment_w .answer_top.on { display: block; box-sizing: border-box;}
.csd_w .n_comment_w .csd_top { background: #3d4fff; text-align: center; padding: 20px; font-size: .938em; color: #FFF; position: absolute; top: 0; left: 0; width: 100%; display: none; }
.csd_w .n_comment_w .csd_top.on { display: block; }
/* .csd_w .n_comment_w .member_img { width: 70px; height: 70px; border-radius: 50%; border: 1px solid #2983fe; overflow: hidden; margin: 10px auto!important; } */
.csd_w .n_comment_w .user_top { text-align: center; }
.csd_w .n_comment_w .user_top .inner { display: inline-block; padding: 32px 110px; line-height: 1.8; font-size: .938em; border: 1px solid #e4e4e4; background: #f7f9fc; border-radius: 10px; color: #6b6b6b; }

.csd_w .n_comment_w .user_btm { position: absolute; left: 0; bottom: 0; width: 100%; padding: 16px 0; background: #e3f8ff; color: #7e7e7e; font-size: .875em; text-align: center; }
.csd_w .n_comment_w .user_btm .fc { vertical-align: baseline; color: #0e6fff; }


.csd_w article .cm_file_down { background: none!important; }
.csd_w article .cm_file_down a { width: 60px; height: 60px; padding: 0!important; box-shadow: 0 1px 3px rgba(0,0,0,.3); background: #FFF; margin: 15px auto 0 auto; }

.csd_w article .team_name { font-size: .938em; font-weight: 500; color: #01aaff; margin-bottom: 5px; }
.csd_w .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size: .938rem!important; font-weight: 600; color: #121212; }

.csd_w article.left .cmt_contents { float: none!important; width: 100%!important; padding: 0 165px!important; line-height: 1.5!important; text-align: left; box-sizing: border-box; }
.csd_w article.left .cmt_contents .csd_txt { display: inline-block; max-width: 780px; padding: 20px 30px; background: #d6f1ff; border-radius: 12px; margin-bottom: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.4); font-size: .938em; color: #333; position: relative; }
.csd_w article.left .cmt_contents .csd_txt .inner{padding: 1em 1.5em;}
.csd_w article.left .cmt_contents .csd_txt .date { position: absolute; right: 0%; bottom: 10px; transform: translate(100%, 0); padding-left: 10px; font-size: .875em; color: #999; }
.csd_w article.left header { float: none!important; position: absolute; top: 0; left: 0; }
.csd_w article.left .bo_vc_act { text-align: left; }
.csd_w article .bo_vc_act li { display: inline-block; width: auto; height: auto; padding: 0; }
.csd_w article .bo_vc_act li a { width: 44px; height: 44px; line-height: 42px; border-radius: 50%; padding: 0; color: #FFF; background: #ffae36; font-size: .875em; }

.csd_w article.right .cmt_contents { float: none!important; width: 100%!important; padding: 0 165px!important; line-height: 1.5!important; text-align: right; box-sizing: border-box; }
.csd_w article.right .cmt_contents .csd_txt { display: inline-block; max-width: 780px; /*padding: 20px 30px; */ background: #ffeee1; border-radius: 12px; margin-bottom: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.4); font-size: .938em; color: #333; position: relative; text-align: left; }
.csd_w article.right .cmt_contents .csd_txt .inner{padding: 1em 1.5em}
.csd_w article.right .cmt_contents .csd_txt .date { position: absolute; left: 0%; bottom: 10px; transform: translate(-100%, 0); padding-right: 10px; font-size: .875em; color: #999; }
.csd_w article.right header { float: none!important; position: absolute; top: 0; right: 0; }


.csd_w article { border: 0!important; position: relative; margin: 0!important; }
.csd_w .cm_file_down { margin-bottom: 0!important; }

.csd_w .answer_con { display: none; }
.csd_w .answer_con.on { display: block; }
.csd_w .csd_con { display: none; }
.csd_w .csd_con.on { display: block; }

.csd_btn { padding: 0 35px!important; height: 50px!important; font-weight: 600!important; border-radius: 0!important; font-size: .938rem!important; }
.required, textarea.required {
    background-image: url(../img/require.png) !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
}
/* 게시판 댓글 */
.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.25em;margin: 30px 0 0px;padding:0  0 10px }
.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 85px  -23px}

/* 게시판 댓글 */
.cmt_btn{/*background:url('./img/cmt_btn.png') no-repeat 85px 8px;*/ background:#fff; text-align:left ;width:100% ;border:0;color:#333;font-weight:bold;font-size:1.5em;margin: 30px 0 0px;padding:0  0 10px; display: block}
/*.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 85px  -23px}*/
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article { min-height: 151px; margin:20px 0;position:relative; overflow:hidden;border-bottom:1px solid #eee; padding:10px 0;}
#bo_vc article .profile_img img{border-radius:50%}

#bo_vc header {float:left; width:158px; text-align:center; border:0;}
#bo_vc .member_img {display:block;margin:10px 0;}
#bo_vc .member_img img{display:block; margin:0 auto; width:80px;}

#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member{font-size:0.875rem; font-weight:600; margin-bottom:3px; color:#646464; overflow:hidden; display:block;}
#bo_vc .guest {display:block; margin-bottom:3px;}
/*#bo_vc .member:before{content:''; background:url('./img/intro_logo_black.png') no-repeat; display:inline-block; width:100px; height:20px;}*/
.cm_v_ip{font-size:0.75rem; color:#999; display:block; margin-bottom:3px;}
#bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-size:0.875rem;color:#646464;}
#bo_vc .member .cmt_contents {background:#ddd;}
.bo_vc_hdinfo{font-size:0.875rem;color:#999;display:block; margin-bottom:3px;}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {float:left; width:calc(100% - 158px); padding:0px 10px 10px; line-height:1.8em; overflow:hidden; }
#bo_vc .cmt_contents.am_manager{background:#e8fdff;}
#bo_vc .cmt_contents.guest{background:#eee;}
#bo_vc .cmt_contents > p:first-of-type{width:100%;padding-right:50px; margin-bottom:30px; min-height:50px};
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}


.bo_vc_act {width:100%;  overflow:hidden; text-align:right;}
.bo_vc_act li {width:80px; display:inline-block; margin-bottom:10px;}
.bo_vc_act li a{padding:5px; display:block; text-align:center; border:1px solid #eee; color:#646464;background:#fff;}


/*댓글 작성자*/

.bo_vc_w {position:relative;margin:10px 0;display:block; overflow:hidden;}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea{ width:calc(100% - 158px); float:left; border:1px solid #ccc;background:#fff;color:#464646;vertical-align:middle;padding:5px;height:120px;}
#wr_secret{}
.bo_vc_w_info{width:146px; float:left; padding:0 10px; overflow:hidden; box-sizing: border-box;}
.bo_vc_w_info > img{width:40px; vertical-align:middle; margin-bottom:5px;}
.bo_vc_w_info .member_img{display:block; text-align:center; margin:10px 0;}
.bo_vc_w_info .member_img img{width:80px;}
.bo_vc_w_info .member{display:block; font-size:0.875rem; font-weight:400; color:#646464; text-align:center; margin-top:10px;}
.bo_vc_w_info .guest_comment{font-size:3rem; color:#999; display:block; width:48px; margin:10px auto;}

.bo_vc_w_info .frm_input{width:100%; border:1px solid #eee;}
.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both}

.bo_vc_w .btn_confirm{ width:100%; float:right;margin:10px 0 100px; text-align: center;}
.bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center;}

.bo_vc_w_wr .file_comment{width:calc(100% - 158px); float:right;margin-top:10px; overflow:hidden;}
.bo_vc_w_wr .file_wr{position:relative;  float:left; width:50%; font-size:0.75rem; border-bottom:1px solid #eee;background:#fff;color:#646464;vertical-align:middle;padding:5px 0;height:40px;margin:0; text-align:left;}
.bo_vc_w_wr .file_wr .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
.bo_vc_w_wr .file_wr .frm_file {width:100%; height:100%; padding-left:50px;}

.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em; transition:.3s;}
.bo_vc_w .btn_submit02{background:#bbb;}
.bo_vc_w .btn_end{background:#f57d20;}
.bo_vc_w_wr{overflow:hidden;width:100%; }
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w .inquiry_end{overflow:hidden; width:100%; text-align:center; padding:40px 0 10px; border-top:1px solid #eee;}
.bo_vc_w .inquiry_end span{display:block; text-align:center; font-size:0.875rem; font-weight:400; color:#999; margin-bottom:30px; }

#bo_vc_send_sns{display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off{background:#bbb}
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
#bo_vc_sns input {margin:0 5px 0 0 }


/*글쓰기*/
#bo_w .write_div{margin:10px 0;position:relative}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w #wr_password{margin:0 0.5%  }
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input{padding-left:50px}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
#bo_w .bo_w_flie .frm_file{padding-left:50px;}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}

#upload_box { display: inline-block;border: none!important; width: 100%;  margin-top: 1em;}
#upload_box #sortable { /* max-width: 100% !important; */ border-radius: 0px!important; border: 1px solid #BBB!important; margin: 0 auto!important; padding: 30px 20px!important; font-size: 1em!important; color: #999!important; font-weight: 400!important; text-align: center; box-sizing: border-box;}

#multi_upload .file_add_btn {
    display: inline-block!important;
    font-size: .813em!important;
    padding: 7px 15px!important;
    background: #0089ff!important;
    color: #FFF!important;
    border: 1px solid #0089ff!important;
    box-sizing: border-box!important;
}
#multi_upload .file_del_btn {
    display: inline-block!important;
    font-size: .813em!important;
    padding: 7px 15px!important;
    background: #e30000!important;
    color: #FFF!important;
    border: 1px solid #e30000!important;
    box-sizing: border-box!important;
}
#multi_upload button {
    cursor: pointer;
    outline: none;
}
#multi_upload .file_btn_w {
  margin-top: 10px;
  text-align: right;
}

.board_image_file {
  margin: 10px 0;
}
.board_image_file .va_wrap{ display:block; text-align:center; white-space: nowrap}
.board_image_file .va_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%}
.board_image_file .va{display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal}
.board_image_file .va_wrap img{vertical-align:middle; display:inline-block; *display:inline; zoom:1; max-width:100%; max-height:100%}

.board_image_file .img_w { font-size: 0; }
.board_image_file .img_w .img { display: inline-block; width: 120px; height: 120px; border: 1px solid #DDD; overflow: hidden; }
.board_image_file .img_w .img:not(:last-child) { margin-right: 4px; }

.board_image_file .img_w .vvv_div { position: relative; }
.board_image_file .img_w .vvv_div::before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 1; }
.board_image_file .img_w .vvv_div:after { content: "\ea3f"; font-family: 'xeicon'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.75rem; color: #FFF; z-index: 3; }