@charset "utf-8";

/* 레이아웃 공통 */
html, body{position:relative;height:100%;font-size: 18px;}


/* 레이아웃 */
#wrap {position:relative; width:100%; height:100%;}
#wrap.subPage {width:100%;height:100%; overflow:visible; top:0;}
.noScroll {overflow:hidden !important;}

/*sub_layout*/
/*** Visual ***/
#visual {position:fixed; width:100%; height:700px; animation: fadeIn 0.5s ease-in-out forwards; /*opacity:0;*/ z-index:10; top:0; background-color:#272c2f}
#visual .visual_in {width:100%; height:100%;}
#visual .visual_in .text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    box-sizing: border-box;
    padding-top: 175px;
}
#visual .visual_in .text .inner {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
}
#visual .visual_in .text .inner .visual-sub-txt{
	color: #fff;
	font-size: 1.4rem;
	line-height: 2.1rem;
	font-weight: 300;
	animation: fadeIn 0.7s ease-in-out forwards; 
	animation-delay:0.8s; opacity:0;
	word-break: keep-all;
	
}


#visual .visual_in .text .inner .txt2 span {display:block;}

@keyframes fadeIn {
	from{opacity:0;}
	to{opacity:1.0;}
}

#visual .subtop {position:absolute; top:0; left:0; width:100%; text-align:center; height:100%; z-index:-1;  overflow:hidden;}
#visual .visual-img-con {width:100%; height:100%; animation:animate_background 2s ease-in-out; background-size:cover !important;}
#visual.short, #visual.short .visual-img-con, #visual.short .subtop {height:500px !important;}
#visual h2 {position:relative;line-height:1;color:#fff;font-size: 4.3rem;font-weight:500;letter-spacing: -0;margin:0 0 20px;text-shadow: 1px 1px 3px rgb(0 0 0 / 50%);}
#visual.short h2 {top:230px;}

/*서브비쥬얼이미지*/
#visual div.subVisual159{background:#eee url(/site/ext/mwiz/images/common/subtop_mwiz.jpg) center 0 no-repeat;}
#visual div.subVisual160 {background:#eee url(/site/ext/mwiz/images/common/subtop_MajorFeatures.jpg) center 0 no-repeat;}
#visual div.subVisual162 {background:#eee url(/site/ext/mwiz/images/common/subtop_community.jpg) center 0 no-repeat;}
#visual div.subVisual163 {background:#eee url(/site/ext/mwiz/images/common/subtop_pr.jpg) center 0 no-repeat;}
#visual div.subVisual164 {background:#eee url(/site/ext/mwiz/images/common/subtop_contact.jpg) center 0 no-repeat;}
#visual div.subVisual147 {background:#eee url(/site/ext/mwiz/images/common/subtop_about_us.jpg) center 0 no-repeat;}

/*서브비쥬얼sub텍스트*/
#visual div.subtext159 {width:500px;}
#visual div.subtext160 {width:740px;}
#visual div.subtext147 {width:700px;}


	#visual.short .scroll {display:none;}
	#visual .scroll {position:absolute; bottom:95px; left:50%; transform:translate(-50%,0);}
	#visual .scroll:after {content:''; width:1px; height:80px; background:rgba(255,255,255,0.15); position:absolute; top:31px; left:50%;}
	#visual .scroll:before {content:''; width:1px; height:30px; background:#fff; position:absolute; top:30px; left:50%; animation: scrollDown 1.5s linear infinite;}
	#visual .scroll a {position:relative; display:block; font-family:'Montserrat', sans-serif; font-size:13px; color:#fff; letter-spacing:0.5pt; font-weight:400;}

	@keyframes scrollDown {
		0%,100% {top:30px;}
		50% {top:80px;}
	}

	@keyframes animate_background {
		0% {transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); }
		100%  {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
	}

	#visual .visual-tit .char {letter-spacing:-1pt;}
	#visual .visual-tit,#visual .visual-sub-txt {overflow:hidden; opacity:0; }
	#visual .visual-tit .char,#visual .visual-sub-txt .word{display:inline-block; opacity:0; line-height:1;}
	#visual .visual-tit.splitting,#visual .visual-sub-txt.splitting{opacity:1.0;}
	
	#visual .visual-tit .visual-tit-txt{letter-spacing:0;display: block;}
	
	#visual.active .visual-tit .visual-tit-txt{animation: slide-up 0.8s cubic-bezier(.5,.2,0,1);animation-fill-mode: both;animation-delay: calc( .05s + (.05s * var(--char-index)) );}
	#visual .visual-sub-txt.splitting .word{animation: slide-up 1.25s cubic-bezier(.5,.2,0,1); animation-fill-mode: both; animation-delay: calc( 1s + (1s * var(--word-index)) );}
	
	#visual .visual-tit {display:inline-block; opacity:0; line-height:1.1;}
	
	#visual.active .visual-tit,
	#visual.active .visual-sub-txt {opacity:1.0;}
	

	@keyframes slide-up {
		from{opacity:0; transform: translateY(125%);}
		to{opacity:1.0; transform: translateY(0);}
	}

/*
#sub_menu{position:fixed; top:46%; width:100%; display: block; height: 80px; z-index: 20 !important; text-align:center; animation: fadeIn 0.7s ease-in-out forwards; animation-delay:1.5s; opacity:0;}
#sub_menu.short {top:315px !important; z-index: 999991 !important;}
#sub_menu.fixed {position:fixed; top:0 !important; left:0; width:100% !important; background:#006db9; }
*/


/*** Content-mwiz ***/
#wrap > #content{position:relative;width:100%;min-height:600px; /*animation: fadeIn 1.8s ease-in-out forwards;opacity:0;animation-delay:1.8s;*/z-index:1;top:700px;background:#fff;z-index:10;}
#content .page-section {min-height: 72vh;box-sizing: border-box;overflow: hidden;}
#content .page-section > .inner {max-width: 1280px;margin: 0 auto;position: relative;;padding: 6.5% 0;box-sizing: border-box;}
#content .page-section > .inner .subTit {color:#000;font-size: 2.500rem;font-weight:bold;line-height:64px;letter-spacing:-0.6px;}
#content .page-section > .inner .subTit span {display:block;}
#content .page-section > .inner .Txt {font-size: 1.278rem;margin-top:30px;}
#content .page-section > .inner .Txt span {display:block;}

#content .page-section > .img_area {float:left;width:45%;height:493px;box-sizing:border-box;background:url(/site/ext/mwiz/images/sub/mwiz_img01.jpg) center no-repeat;}
#content .page-section > .txt_area {position:relative;float:left;width: 33.6%;text-align:left;padding: 90px 0px 0 40px;box-sizing:border-box;}
#content .page-section > .txt_area h4.sub_title {text-align:left;font-size: 2.333rem;padding: 0 0 20px;}
#content .page-section > .txt_area h4.sub_title:after{display:block;content:"";width: 700px;height: 2px;background: #0367c4;position:absolute;left: -70px;top: 165px;}
#content .page-section > .txt_area p.stxt {padding-top:10px;font-size: 1.056rem;padding: 15px 15px 0 0;line-height: 1.800rem;letter-spacing: -0.5px;word-break: keep-all;}

#content .page-section.bg_Type2 {background-color: #f2f5fb;}
#content .page-section > .inner .tit_e {color:#133578;font-size:1.222rem; margin-bottom:10px;}
#content .page-section > .inner .tit_b {font-size:2.222rem;font-weight: 500;margin-bottom:40px;}
#content .page-section > .mwiz_sec03 p{font-size: 0.889rem;padding: 20px;color: #7e7e7e;}
#content .page-section > .mwiz_sec04 .title{
    text-align: center;
    font-size: 2.667rem;
    font-weight: 500;
}
#content .page-section > .mwiz_sec04 .sub_title{
    text-align: center;
    margin-top: 50px;
    font-size: 2.111rem;
    letter-spacing: -1px;
    font-weight: 500;
    word-break:keep-all;
}
#content .page-section > .mwiz_sec04 .sub_title span{
	color:#03569f;
}

#content .page-section > .mwiz_sec04 .list_type2  {
	padding:90px 0 0;
}
#content .page-section > .mwiz_sec04 .innerwrap{
	margin:0 auto;
}
#content .page-section .list_type2 ul{display:flex;flex-wrap:wrap;}
#content .page-section .list_type2 ul li{
	width:30.767%;
	margin:0 3.85% 3.85% 0;
}
#content .page-section .list_type2 ul li:nth-child(3n){margin-right:0;}
#content .page-section .list_type2 ul li .list_div{display:block;position:relative;transition:all 0.6s 0.4s;}
#content .page-section .list_type2 ul li .list_div:hover{transform:translateZ(0px);box-shadow:3px 3px 5px rgba(0,0,0,0.4);}
#content .page-section .list_type2 ul li .info{box-sizing:border-box;height:210px;text-align:left;padding:15px;background:#fff;transition:all 0.3s ease-out;}
#content .page-section .list_type2 ul li:hover .info{padding:22px;}
#content .page-section .list_type2 ul li .info .client{margin-bottom:12px;}
#content .page-section .list_type2 ul li .info .client span{
	display:inline-block;
	box-sizing:border-box;
	padding:0 12px;
	font-size:15px;
	text-align:center;
	line-height:27px;
}
#content .page-section .list_type2 ul li .info .client span.cl_tit {border:1px solid #00a1e4;color:#00a1e4;}
#content .page-section .list_type2 ul li .info .sbj{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3; /* 라인수 */
	-webkit-box-orient: vertical;
	line-height: 1.5em;
	height:4.5em;	
	font-size:1.10rem;
	color:#000;
	font-weight:500;
	word-break:keep-all;
	margin-bottom:10px;
}
#content .page-section .list_type2 ul li .list_div{display:block;position:relative;transition:all 0.6s 0.4s;}
#content .page-section .list_type2 ul li .info .date{font-size:17px;color:rgba(0,0,0,0.7);}
#content .page-section .list_type2 ul li .thumb{overflow:hidden;}
#content .page-section .list_type2 ul li .thumb span{transform:scale(1);width:100%;transition:all 0.6s;background-position:center;display:block;height:0;padding-top:56%;}
#content .page-section .list_type2 ul li:hover .thumb span{transform:scale(1.05);}

#content .page-section .list_type2 ul li .thumb:before{
	display:block;content:"";
	width:0;height:2px;
	background:#03569f;
	position:absolute;right:0;top:0;z-index:1;transition:all 0.3s 0.3s ease-out;
}
#content .page-section .list_type2 ul li .thumb:after{
	display:block;content:"";
	width:0;height:2px;
	background:#03569f;
	position:absolute;left:0;bottom:0;z-index:1;transition:all 0.3s 0.3s ease-out;
}
#content .page-section .list_type2 ul li .info:before{
	display:block;content:"";
	width:2px;height:0;
	background:#03569f;
	position:absolute;left:0;top:0;z-index:1;transition:all 0.3s 0.0s ease-out;
}
#content .page-section .list_type2 ul li .info:after{
	display:block;content:"";
	width:2px;height:0;
	background:#03569f;
	position:absolute;right:0;bottom:0;z-index:1;transition:all 0.3s  ease-out;
}
#content .page-section .list_type2 ul li:hover .thumb:before{width:100%;transition:all 0.3s 0s ease-out;}
#content .page-section .list_type2 ul li:hover .thumb:after{width:100%;transition:all 0.3s 0s ease-out;}
#content .page-section .list_type2 ul li:hover .info:before{height:100%;transition:all 0.3s 0.3s ease-out;}
#content .page-section .list_type2 ul li:hover .info:after{height:100%;transition:all 0.3s 0.3s ease-out;}
#content .page-section .list_type2 .more_btn {margin-top: 40px;display: flex;justify-content: center;align-items: flex-start;width: 100%;}
#content .page-section .list_type2 .more_btn button {width: 60px;height: 60px;border: 2px solid #222;border-radius: 100%;transition: transform .5s ease, background .3s ease, border .3s ease; background: #f7f7ff;position: relative;display: inline-block;overflow: hidden;}
#content .page-section .list_type2 .more_btn span {display: block;font-size: 16px;color: #222;position: relative;z-index: 1;overflow: hidden;text-align: center;}
#content .page-section .list_type2 .more_btn button:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 0%;background-color: #222;z-index: 0;-webkit-transition: height 0.35s ease;transition: height 0.35s ease;}
#content .page-section .list_type2 .more_btn button:after {content: '';position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;margin-top: 10px;margin-left: -5px;border-bottom: 2px solid #333;border-right: 2px solid #333;box-sizing: border-box;transform: rotate(45deg);-webkit-transition: border 0.25s ease;transition: border 0.25s ease;}

#content .page-section .list_type2 .more_btn button:hover {background: #222;}
#content .page-section .list_type2 .more_btn button:hover:before {height: 100%;}
#content .page-section .list_type2 .more_btn button:hover:after {border-color: #fff;}
#content .page-section .list_type2 .more_btn button:hover span {color: #fff;}


/*** Content-MajorFeatures ***/
#content .page-section > .inner ul.list_type1 {margin-top: 70px;}
#content .page-section > .inner ul.list_type1 li{padding:50px 0 50px 230px; position:relative; border-bottom:1px solid #e8e8e8; min-height: 280px;}
#content .page-section > .inner ul.list_type1 li:first-child{border-top:1px solid #333;}
#content .page-section > .inner ul.list_type1 li h3{font-size: 1.5rem;color: #014099;font-weight: 500;margin:0 0 25px;max-width:850px;}
#content .page-section > .inner ul.list_type1 img{position:absolute;left: 30px;top: 60px;}
#content .page-section > .inner ul.list_type1 li p{display:block;width:100%;text-align:left;padding: 4px 0 4px 15px;position:relative;}
#content .page-section > .inner ul.list_type1 li p:after{content:'';width:4px;height:4px;border-radius:50%;position:absolute;left:0;top: 16px;background:#014099;}

.Features_sec02 .sec02_cont { position:relative; padding-bottom:27px;}
.Features_sec02 .slick-slide:before {content:"";position:absolute;top: 230px;left: 42.5%;width: 57.5%;height: 52%;background:#fff;z-index: 1;}
.Features_sec02 .sec02_cont .slick-slider{min-height:500px;}
.Features_sec02 .sec02_cont .slick-list {height:100%;}

/* indicator */
.Features_sec02 .sec02_cont .indicator {position:relative;display:inline-block;width:15%;vertical-align:top;height:373px;font-size:16px;overflow:hidden;}
.Features_sec02 .sec02_cont .indicator:before {position:absolute;left:0;top:0;width:100%;height:2px;background:#000;content:"";z-index:1;}
.Features_sec02 .sec02_cont .indicator ul {position:relative;}
.Features_sec02 .sec02_cont .indicator li {position:relative;display:table;width:100%;}
.Features_sec02 .sec02_cont .indicator .indicator_btn {position:relative;display:table-cell;vertical-align:middle;}
.Features_sec02 .sec02_cont .indicator .indicator_btn span {color:#888;display:inline-block;display:-webkit-box;max-height:3.3em;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s;}
.Features_sec02 .sec02_cont .indicator .indicator_btn:hover span,
.Features_sec02 .sec02_cont .indicator .indicator_btn:focus span {color:#0098c2;}
.Features_sec02 .sec02_cont .indicator .indicator_btn.active span {color:#000;}
.Features_sec02 .sec02_cont .indicator .indicator_btn.active span {font-weight:bold;}

/* indicator */
.Features_sec02 .sec02_cont .indicator {position:relative;display:inline-block;width:15%;vertical-align:top;}
.Features_sec02 .sec02_cont .indicator li {height:93px;border-top:1px solid #ddd;}
.Features_sec02 .sec02_cont .indicator li:last-child {border-bottom:1px solid #ddd;}
.Features_sec02 .sec02_cont .indicator .indicator_btn:before {top:-1px;left:0;width:100%;height:0;transition:height 0.1s;}
.Features_sec02 .sec02_cont .indicator .indicator_btn.active:before {width:100%;height:2px;}

.Features_sec02 .list {width:80%;}
.Features_sec02 .list .img {height:410px;}
.Features_sec02 .list .img .img_p{position:absolute;width:736px; height:410px;}
.Features_sec02 .list .txt {
    position: absolute;
    top: 280px;
    z-index: 3;
    left: 46%;
    width: 49%;
}
.Features_sec02 .list .txt .md_tit {position:relative;display:block;overflow:hidden;}
.Features_sec02 .slick-slide.slick-active .sliderWrap .md_tit span {position:relative;display:block;animation:txtTop both 0.4s 0.4s;}
.Features_sec02 .slick-slide.slick-active .sliderWrap .txt .md_txt {animation:fade both 0.7s 0.7s;}
.Features_sec02 .sliderWrap {opacity:0;}
.Features_sec02 .slick-slide.slick-active .sliderWrap {opacity:1;}
.Features_sec02 .sliderWrap .md_tit span {font-size:1.2rem; margin-bottom:20px;}

/* list */
.Features_sec02 .sec02_cont .list {position:relative;display:inline-block;vertical-align:middle;}
.caroufredsel_wrapper {display: block;text-align: start;float: none;position: relative;inset: auto;z-index: auto;width: 1035px;height: 410px;margin: 0px;overflow: hidden;}
.carousel {text-align: left;float: none;position: absolute;inset: 0px auto auto 0px;margin: 0px;width: 13910px;height: 410px;z-index: auto;opacity: 1;}
.Features_sec02 .sec02_cont .list:not(:first-child) {margin-left:3.8%;}
.Features_sec02 .sec02_cont .list:first-child {margin-left:17%;width:83%;}

/* list */
.Features_sec02 .sec02_cont .list {font-size:16px;}
.Features_sec02 .sec02_cont .list .li {display:flex;flex-wrap:wrap;opacity:0;cursor:default;width: 1035px;height:410px;position: relative;}
.Features_sec02 .sec02_cont .list .li .img,
.Features_sec02 .sec02_cont .list .li .txt {align-self:center;}
.Features_sec02 .sec02_cont .list .li .img {position:relative;background:#ddd;/* overflow:hidden; */}
.Features_sec02 .sec02_cont .list .li .img:before {/* content:""; */display:block;width:100%;height:0;padding-bottom: 50%;background-color:#e6e6e6;}
.Features_sec02 .sec02_cont .list .li .img .img_p {position:absolute;top:0;left:0;width:100%;height:100%;}
.Features_sec02 .sec02_cont .list .li .txt {padding-left: 9%;padding-right: 0%;position: absolute;left: 350px;z-index: 2;top: 280px;}
.Features_sec02 .sec02_cont .list .li .txt .md_tit {position:relative;display:block;overflow:hidden;font-size: 1.222rem;}
.Features_sec02 .sec02_cont .list .li .txt .md_txt {margin-top:10px;margin-bottom:20px;}
.Features_sec02 .sec02_cont .list .li .txt .md_btn a {margin-right: 15px;}
.Features_sec02 .sec02_cont .list .li.active {opacity:1;}
.Features_sec02 .sec02_cont .list .li.active .img {animation:fade both 0.6s;}
.Features_sec02 .sec02_cont .list .li.active .txt .md_tit span {position:relative;display:block;animation:txtTop both 0.4s 0.4s;}
.Features_sec02 .sec02_cont .list .li.active .txt .md_txt {animation:fade both 0.7s 0.7s;}
.Features_sec02 .sec02_cont .list .li.active .txt .md_btn {animation:fade both 0.7s 1s;}
/* 1단 */
.Features_sec02 .sec02_cont .list:first-child .li .img {width:70%;}
.Features_sec02 .sec02_cont .list:first-child .li .txt {width:60%;}
.Features_sec02 .sec02_cont .list:not(:first-child) .li .img {width: 70%;height: 100%;}
.Features_sec02 .sec02_cont .list:not(:first-child) .li .txt {width: 60%;}

#content .page-section.bg_img1{
	background:url(/site/ext/mwiz/images/sub/page2_bg01.jpg) no-repeat bottom;
    background-size:cover;
	background-attachment:fixed;
}
#content .page-section.bg_img1 .inner .tit_e {color:#f3f3f3;font-weight: 300;}
#content .page-section.bg_img1 .inner .tit_b {color:#fff;}
.Features_sec03 .cont-01 ul{overflow:hidden;}
.Features_sec03 .cont-01 ul li{float:left; width:32%; margin-right:2%;  text-align:center;}
.Features_sec03 .cont-01 ul li:last-child{margin-right:0;}
.Features_sec03 .cont-01 ul li div.inner{display:block;min-height: auto;padding: 50px 4px;background:#fff;word-break: keep-all;}
.Features_sec03 .cont-01 ul li h4{font-size: 1.333rem;color:#333;line-height:1.2;margin:30px 0 10px;font-weight: 500;padding-bottom: 15px;}
.Features_sec03 .cont-01 ul li p{font-size: 17px;color:#666;padding: 0 20px;}

#content .page-section.bg_Type3:before{
	content:"";
	position: absolute;
	left: 0;
	width: 100%;
	height: 530PX;
	background: #f2f5fb;
}
.Features_sec04 .detail-wrap {
	overflow:visible;
    max-width: 1280px;
    margin: 0 auto;
}
.Features_sec04 .detail-wrap .swiper-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transform: translate3d(0px,0,0);
    justify-content: center;
}
/* .Features_sec04 .detail-wrap  .slick-slide{
    text-align: center;
    opacity: 0;
}
.Features_sec04 .detail-wrap  .slick-slide{
outline: none; width: 1200px; position: relative; left: 0px; opacity: 0; transition: opacity 500ms ease 0s, visibility 500ms ease 0s;display:inline-block;} */


.Features_sec04 .wms-info-detail-item{
    position: relative;
    flex-shrink: 0;
}


.Features_sec04 .wms-info-detail-item span.img {
	display: block;
    width: 730px;
    height: 460px;
    margin: 0 auto;
}

.Features_sec04 .wms-info-detail-item .wms-info-detail-img-01{
    background: url(/site/ext/mwiz/images/sub/page2_db_img01.png) no-repeat 0 0;
}
.Features_sec04 .wms-info-detail-item .wms-info-detail-img-02{
    background: url(/site/ext/mwiz/images/sub/page2_db_img02.png) no-repeat 0 0;
}
.Features_sec04 .wms-info-detail-item .wms-info-detail-img-03{
    background: url(/site/ext/mwiz/images/sub/page2_db_img03.png) no-repeat 0 0;
}
.Features_sec04 .wms-info-detail-item .wms-info-detail-img-04{
    background: url(/site/ext/mwiz/images/sub/page2_db_img04.png) no-repeat 0 0;
}
.Features_sec04 .wms-info-detail-item .wms-info-detail-img-05{
    background: url(/site/ext/mwiz/images/sub/page2_db_img05.png) no-repeat 0 0;
}
.Features_sec04 .wms-info-detail-item .wms-info-detail-img-06{
    background: url(/site/ext/mwiz/images/sub/page2_db_img06.png) no-repeat 0 0;
}
.Features_sec04 .wms-info-detail-item .wms-info-detail-img-07{
    background: url(/site/ext/mwiz/images/sub/page2_db_img07.png) no-repeat 0 0;
}
.Features_sec04 .wms-info-detail-item .wms-info-detail-img-08{
    background: url(/site/ext/mwiz/images/sub/page2_db_img08.png) no-repeat 0 0;
}
.Features_sec04 .wms-info-detail-item p.title {
	font-size:1.611rem;
	padding-bottom:10px;
	font-weight: 500;
	text-align:center;
}
.Features_sec04 .wms-info-detail-item p.desc {
	text-align:center;
}

/*
.Features_sec04 .detail-wrap .swiper-wrapper button {
	display: block;
    position: absolute;
    top: 105px;
    width: 137px;
    height: 73px;
    z-index: 99;
    cursor: pointer;
}
*/
.Features_sec04 .slick-dots{
	bottom:-50px;
}
.Features_sec04 .slick-dots li button:before{
	font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 16px;
    left: 16px;
    width: 8px;
    height: 8px;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    border-radius: 100%;
    border: 1px solid transparent;
    background: #b1cbff;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition-property:width,height,border,background,box-shadow;
    transition-property:width,height,border,background,box-shadow;
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out
}

.Features_sec04 .slick-dots li.slick-active button:before{
	opacity: 1;
    color: black;
    background:#0e3698;
}
.Features_sec04 .slick-dots li.slick-active button:before{
	width:32px;
	height:32px;
	border:1px solid #0e3698;
	background:#0039ba;
	box-shadow:inset 0 0 0 11px #fff;
	}

.Features_sec04 .slick-dots li
{
    position: relative;
    display: inline-block;
    width: 30px;
}

.Features_sec04 .detail-wrap .slick-arrow{
	display: block;
	position: absolute;
	top: 135px;
	width: 51px;
	height: 90px;
	z-index: 2;
}


/* .Features_sec04 .btn-slider-prev {
	 left: 60px;
    background: url(/images/page/icon_arrow_left_large.png) no-repeat 0%;
}

.Features_sec04 .btn-slider-next {
	 right: 60px;
    background: url(/images/page/icon_arrow_right_large.png) no-repeat 100%;
} */



/*** about_us ***/
.about_sec01 .page_title_g{position: relative;text-align: center;}
.about_sec01 .page_title_g .title{font-family: 'Play','Noto Sans KR',sans-serif;color: #222;font-weight: 600;word-break: keep-all;line-height: 1.35;letter-spacing: -0.25px;}
.about_sec01 .page_title_g .title.type2{font-size: 3.056rem;line-height: 1.25;letter-spacing: -0.5px;}
.about_sec01 .page_title_g .sub_title.type1{font-size: 2.222rem;font-family: 'Play','Noto Sans KR',sans-serif;color: #222;font-weight: 500;word-break: keep-all;letter-spacing: 0.2px;margin-top: 10px;}
.about_sec01 .page_title_g .sub_title.type1 span {color:#054d80;}

.about_sec01 .inner {padding-top: 80px;}
.about_sec01 .list_wrap li{position: relative;width: 100%;display: flex;flex-wrap: wrap;align-items: center;}
.about_sec01 .list_wrap li:nth-child(even) .text_g{order: 3;padding-left: 80px;}
.about_sec01 .list_wrap li .text_g{width: 50%;padding:0 40px 0 30px;order: 1;}
.about_sec01 .list_wrap li .text_g .title{font-size: 2.056rem;word-break:keep-all;color: #000000;font-weight: 500;line-height: 1.2em;padding-top: 57px;background-repeat: no-repeat;background-position: top left;letter-spacing: -0.25px;}
.about_sec01 .list_wrap li .text_g .txt1{margin-top: 50px;letter-spacing: -0.4px;color: rgba(0,0,0,0.8);word-break: keep-all;}
.about_sec01 .list_wrap li .img_g{width: 50%;height: 450px;order: 2;}
.about_sec01 .list_wrap li .img_g .img{width: 100%; height: 100%; display: block;}


#content .page-section.about_bg_img1{
	background:url(/site/ext/mwiz/images/sub/page3_bg01.jpg) no-repeat bottom;
    background-size:cover;
	background-attachment:fixed;
}
#content .page-section.about_bg_img1 h3 {color:#fff;}
.about_sec02 .cont-01 ul{overflow:hidden;}
.about_sec02 .cont-01 ul li{float:left;width: 31%;margin-right: 3%;text-align:center;}
.about_sec02 .cont-01 ul li:last-child{margin-right:0;}
.about_sec02 .cont-01 ul li div.inner{display:block;min-height: auto;padding: 35px 4px;background:#fff;word-break: keep-all;border-radius: 5px;}
.about_sec02 .cont-01 ul li h4 {font-size: 1.333rem;color:#333;line-height:1.2;margin: 30px 0 0;font-weight: 500;padding-bottom: 0px;width: 100%;position: relative;}
.about_sec02 .cont-01 ul li h4:before {
	content:"";
	display:block;
	position:absolute;
	top: -20px;
	width:18px;
	height:4px;
	background:#397bd4;
	left: 48%;
}


.about_sec03 .fp-list:before, 
.about_sec03 .fp-list:after{content:'';display:table;}
.about_sec03 .fp-list:after{clear:both;}
.about_sec03 .fp-list{font-size:0;}
.about_sec03 .fp-list .fp-list-item{position: relative;padding: 70px 30px 75px;width:325px;display:inline-block;vertical-align:top;}
.about_sec03 .fp-list .fp-list-item:before{content:'';position: absolute;left:0;top:7.5px;width:100%;height:1px;background:#ccc;}
.about_sec03 .fp-list .fp-list-item:after{content:'';position: absolute;left:0;top:0;width: 18px;height: 18px;background:#fff;border: 4px solid #599ce4;border-radius: 50%;box-sizing: border-box;}
.about_sec03 .fp-list .fp-list-item .acv-list {margin-top:15px;}
.about_sec03 .fp-list .fp-list-item .year{font-size:40px;font-weight:500;color:#333;position: relative;padding-top:75px;}
.about_sec03 .fp-list .fp-list-item .year:before{content:'';position: absolute;left:-22px;top:0;width:1px;height:100%;background: #599ce4;}
.about_sec03 .fp-list .fp-list-item .acv-list li{font-size: 16px;position: relative;padding-left: 10px;line-height: 30px;letter-spacing: -0.5px;word-break: keep-all;}
.about_sec03 .fp-list .fp-list-item .acv-list li:before{content:'';position: absolute;left:0;top: 13px;width: 5px;height: 2px;background: #1059a7;}


.about_sec04 .process-box{overflow:hidden;}
.about_sec04 .process-box li{float:left;width:32%;margin-right:2%;border:1px solid #e8e8e8;text-align:center;position:relative;padding: 100px 15px 15px;min-height: 534px;border-radius: 10px 0 0 0;}
.about_sec04 .process-box li:last-child{margin-right:0;}
.about_sec04 .process-box li strong{padding: 8px;color: #fff;display:block;position:absolute;top:0;left:0;width:100%;font-weight:500;font-size: 22px;border-radius: 10px 0 0 0;}
.about_sec04 .process-box li h3{font-size: 24px;color:#333;font-weight:500;margin:20px 0;width: 100%;word-break: keep-all;letter-spacing: -0.5px;}
.about_sec04 .process-box li p{text-align:left;padding: 2px 0 2px 15px;position:relative;font-weight:300;font-size: 17px;letter-spacing: -0.5px;word-break: keep-all;}
.about_sec04 .process-box li p:after{content:'';width: 6px;height: 3px;position:absolute;left:0;top: 13px;background: #3b7eda;} 
.about_sec04 .process-box li:nth-child(1) strong{background:#599ce4;}
.about_sec04 .process-box li:nth-child(2) strong{background:#3371d5; color:#fff;}
.about_sec04 .process-box li:nth-child(3) strong{background:#598ee4; color:#fff;}
.about_sec04 .process-box li .list_cont {padding: 10px 25px;background:#f9f9f9;min-height: 330px;}
.about_sec04 .process-box li .list_cont .sm {background:#f2f2f2;display: block;/* justify-content: center; *//* flex-direction: column; *//* float: left; */position: relative;margin: 5px 0 0 15px;}
.about_sec04 .process-box li .list_cont .sm span {display: block;font-size: 15px;text-align: left;padding: 5px 0 5px 15px;line-height: 20px;position: relative;}
.about_sec04 .process-box li .list_cont .sm span:after{content:'';width: 3px;height: 3px;position:absolute;left: 8px;top: 13px;background: #777777;} 


.about_sec05 .ci-contents {display:flex;}
.about_sec05 .ci-contents .ci-list:before, #sub.overview .col-g .ci-list:after{ content:''; display:table;}
.about_sec05 .ci-contents .ci-list:after{clear:both;}
.about_sec05 .ci-contents .ci-list li{float:left;width: calc(20% - 8px);height:70px;display:table;text-align:center;margin: 20px 5px 0px 3px;}
.about_sec05 .ci-contents .ci-list li .img{display:table-cell;vertical-align: middle;height: 119px;}

/*회사홍보영상*/
.about_sec06 .video-con {position:relative;/* padding-top:90px; *//* padding-bottom:60px; */}
.about_sec06 .video-con:before {display:block;content:'';position:absolute;top:0;right:-210px;width:1013px;height:100%;/* background:#f2f2f2; */z-index:-1;}
.about_sec06 .video-con .viCon {position:relative;width:100%;padding: 180px 0 31px 0;/* margin-bottom:30px; */overflow:hidden;}
.about_sec06 .video-con .txtBox {position:relative;float:right;width:100%;max-width: 550px;min-height: 245px;background: #f7f7f7;padding: 55px 45px 20px 43px;box-sizing:border-box;z-index:2;box-shadow: 12px 10px 12px -6px rgb(0 0 0 / 12%);margin-right: 16px;}
.about_sec06 .video-con .c-tit01 {/* position:absolute; *//* top: 65px; *//* left: 42px; */font-size: 31px;margin-bottom: 20px;font-weight: 500;}
.about_sec06 .video-con .etxt {text-align:right;color:#bcbcbc;font-weight:700;font-size:0.882em;padding-top:33px;}
.about_sec06 .video-con .imgBox {position:absolute;top:0;left:0;width: 974px;max-width: 61%;z-index:1;height: 450px;}
.about_sec06 .video-con .imgBox .md_link {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.about_sec06 .video-con .imgBox .md_link:before {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:1;}
.about_sec06 .video-con .imgBox .img_p {position:absolute;left:0;top:0;width:100%;height:100%;}
.about_sec06 .video-con .imgBox .md_link .img_p {transition:transform linear 0.3s;}
.about_sec06 .video-con .imgBox .md_link:hover, 
.about_sec06 .video-con .imgBox .md_link:focus {color:#39c0e5}
.about_sec06 .video-con .imgBox .md_link:hover .img_p,
.about_sec06 .video-con .imgBox .md_link:focus .img_p {transform:scale(1.1);}

/* btn_movie */
.about_sec06 .video-con .imgBox .md_link .btn_movie {display:block;
	position:absolute;
	width:80px;
	height:80px;
	border-radius:50%;
	content:"";
	box-sizing:border-box;
	overflow:hidden;
	outline:none;
	transition:all 0.4s;
	cursor:pointer;
    left: 50%;
    top: 50%;
    transform: translate(-51%,-52%);
    z-index: 2;
	}
.about_sec06 .video-con .imgBox .md_link .btn_movie i {position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #fff;border-radius:50%;}
.about_sec06 .video-con .imgBox .md_link .btn_movie:after {position:absolute;left:50%;top:50%;width:0;height:0;border-width:13px 0 13px 21px;border-style:solid;border-color:transparent;border-left-color:#fff;content:"";transform:translate(-34%,-45%);transition:all 0.4s;}
.about_sec06 .video-con .imgBox .md_link .btn_movie:before {position:absolute;left:0;top:0;width:100%;height:100%;background:#0098c2;border-radius:50%;transform:translateX(-100%);content:"";transition:all 0.3s;}
.about_sec06 .video-con .imgBox .md_link:hover .btn_movie i, 
.about_sec06 .video-con .imgBox .md_link:focus .btn_movie i {border-color:#0098c2;}
.about_sec06 .video-con .imgBox .md_link:hover .btn_movie:before, 
.about_sec06 .video-con .imgBox .md_link:focus .btn_movie:before {transform:translateX(0);}
.about_sec06 .video-con .imgBox .md_link:hover .btn_movie:after, 
.about_sec06 .video-con .imgBox .md_link:focus .btn_movie:after {border-left-color:#fff;}










/** community **/
.comm_sec02 .terms {	border: 1px solid #ccc;	padding: 20px;	overflow-y: scroll;	margin: 10px 0 17px 0;	height: 220px;  width: 100%;}
.comm_sec02 .terms .inner {font-size: 14px;	line-height: 21px; height: 180px;}
.comm_sec02 h4 {font-size:1.25rem;font-weight:500;margin-top:50px;}
.comm_sec02 .terms .inner{font-size:1em;}
.comm_sec02 .terms .inner strong{font-size:1.2em;font-weight:400;display:block; margin:30px 0 10px 0;}
.comm_sec02 .terms .inner p{line-height:160%;margin: 15px 0;font-size: 0.82rem;}
.comm_sec02 .tit_b {display:block;margin-bottom: 10px !important;}
.comm_sec02 .tit_e {margin: 0 0 10px 0 !important;display: block;}

.agree-btn {width:100%; text-align:center;}
.agree-btn .subit {position: relative;display: inline-block;width: 200px;height: 50px;border: 1px solid #222;background-color: transparent;line-height: 45px;text-align: center;box-sizing: border-box;padding: 0 20px;}
.agree-btn .subit:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #222; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
.agree-btn .subit span {display: inline-block;font-size: 16px;color: #222;vertical-align: middle;position: relative;z-index: 1;overflow: hidden;}
.agree-btn .subit:hover { border-color: #222; }
.agree-btn .subit:hover:before { width: 100%; }
.agree-btn .subit:hover span { color: #fff; }
.agree-btn .subit:hover span:before { left: 100%; transition-delay: 0.35s; }


#content .page-section > .comm_sec01 .light-theme .current{
	background:#606060;
	color:#fff;
}
#content .page-section > .comm_sec01 .light-theme .current.prev,
#content .page-section > .comm_sec01 .light-theme .current.next{
	background:#fff;
	color:#555;
}


/** PR center **/
#content .page-section .pr_sec01 .pr_item{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;	
}
#content .page-section .pr_sec01 .pr_item .img {
    width: calc(50% - 13px);
    position: relative;
    align-self: center;
}
#content .page-section .pr_sec01 .pr_item .txt {
	width:calc(50% + 13px);
	padding:0 5.5% 0 50px;
	align-self: center;
}
#content .page-section .pr_sec01 .pr_item .img:before {
	content:"";
	display:block;
	width:100%;
	height:0;
	padding-bottom:56.346%;
}
#content .page-section .pr_sec01 .pr_item .img .md_link {
	position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;
	
}
#content .page-section .pr_sec01 .pr_item .img .md_link:before {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);content:"";z-index:1;}
#content .page-section .pr_sec01 .pr_item .img .img_p {position:absolute;left:0;top:0;width:100%;height:100%;}
#content .page-section .pr_sec01 .pr_item .img img {width:100%;}

#content .page-section .pr_sec01 .pr_item .img .md_link .img_p {transition:transform linear 0.3s;}
#content .page-section .pr_sec01 .pr_item .img .md_link:hover, 
#content .page-section .pr_sec01 .pr_item .img .md_link:focus {color:#39c0e5}
#content .page-section .pr_sec01 .pr_item .img .md_link:hover .img_p,
#content .page-section .pr_sec01 .pr_item .img .md_link:focus .img_p {transform:scale(1.1);}

/* btn_movie */
#content .page-section .pr_sec01 .pr_item .img .md_link .btn_movie {
	display:block;
	position:absolute;
	width:80px;
	height:80px;
	border-radius:50%;
	content:"";
	box-sizing:border-box;
	overflow:hidden;
	outline:none;
	transition:all 0.4s;
	cursor:pointer;
    left: 50%;
    top: 50%;
    transform: translate(-51%,-52%);
    z-index: 2;
	}
#content .page-section .pr_sec01 .pr_item .img .md_link .btn_movie i {position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #fff;border-radius:50%;}
#content .page-section .pr_sec01 .pr_item .img .md_link .btn_movie:after {position:absolute;left:50%;top:50%;width:0;height:0;border-width:13px 0 13px 21px;border-style:solid;border-color:transparent;border-left-color:#fff;content:"";transform:translate(-34%,-45%);transition:all 0.4s;}
#content .page-section .pr_sec01 .pr_item .img .md_link .btn_movie:before {position:absolute;left:0;top:0;width:100%;height:100%;background:#0098c2;border-radius:50%;transform:translateX(-100%);content:"";transition:all 0.3s;}
#content .page-section .pr_sec01 .pr_item .img .md_link:hover .btn_movie i, 
#content .page-section .pr_sec01 .pr_item .img .md_link:focus .btn_movie i {border-color:#0098c2;}
#content .page-section .pr_sec01 .pr_item .img .md_link:hover .btn_movie:before, 
#content .page-section .pr_sec01 .pr_item .img .md_link:focus .btn_movie:before {transform:translateX(0);}
#content .page-section .pr_sec01 .pr_item .img .md_link:hover .btn_movie:after, 
#content .page-section .pr_sec01 .pr_item .img .md_link:focus .btn_movie:after {border-left-color:#fff;}
#content .page-section .pr_sec01 .pr_item .txt .tit {display:block;color:#000;font-size: 31px;font-weight:bold;line-height: 41px;letter-spacing:-0.5px;word-break:keep-all;}
#content .page-section .pr_sec01 .pr_item .txt .tit span {display:block;}
#content .page-section .pr_sec01 .pr_item .txt .cont_txt {display:block;margin-top: 25px;font-size: 17px;font-weight:normal;line-height: 26px;letter-spacing:-0.4px;word-break: keep-all;}


#content .page-section .pr_sec02 .ebrochure{position:relative;}
/*#content .page-section .pr_sec02 .ebrochure:before{
	display:block; 
	content:""; 
	width:100%;
	height:60%;
	background:#f9f9f9;
	position:absolute;
	left:0;
	bottom:0;
}*/

#content .page-section .pr_sec02 .ebrochure>div{position:relative;z-index:10;max-width: 1280px;display:flex;align-items:center;margin: 0 auto;padding: 6% 0 6% 2%;}
#content .page-section .pr_sec02 .ebrochure>div .thumb{
	box-sizing:border-box;
	border:1px solid #ddd;
	box-shadow:3px 3px 5px rgba(0,0,0,0.1);
	width: 25.67%;
}
#content .page-section .pr_sec02 .ebrochure>div .thumb img{
	max-width:100%;
}
#content .page-section .pr_sec02 .ebrochure>div .con_area{
	box-sizing:border-box;
	width:66.666%;
	padding: 0 0 10% 0;
}

#content .page-section .pr_sec02 .ebrochure>div .top_area:after{
	display:block;content:"";
	width:2px;height:80px;background:#03569f;
	margin:35px 0;
}
#content .page-section .pr_sec02 .ebrochure>div .top_area h4{font-size:40px;color:#222;}
#content .page-section .pr_sec02 .ebrochure>div .top_area h4 span{color:#03569f;}
#content .page-section .pr_sec02 .ebrochure>div .top_area p{margin-top:20px;font-size:21px;color:#222;font-weight:500;}
#content .page-section .pr_sec02 .ebrochure>div .top_area p span {display:block;}

#content .page-section .pr_sec02 .ebrochure .btn_area .btn { position: relative; display: inline-block; width: 200px; height: 50px; border: 1px solid #222; background-color: transparent; line-height: 41px; text-align: left; box-sizing: border-box; padding: 0 20px; }
#content .page-section .pr_sec02 .ebrochure .btn_area .btn:before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #005793; z-index: 0; 
  -webkit-transition: width 0.35s ease;
  transition: width 0.35s ease;
}
#content .page-section .pr_sec02 .ebrochure .btn_area .btn:after { content: ''; position: absolute; top: 50%; right: 25px; width: 12px; height: 16px; margin-top: -8px; background: url(/site/ext/mwiz/images/sub/ico_download_b.png) center no-repeat;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#content .page-section .pr_sec02 .ebrochure .btn_area .btn span { display: inline-block; font-size: 16px; color: #222; vertical-align: middle; position: relative; z-index: 1; overflow: hidden; }
#content .page-section .pr_sec02 .ebrochure .btn_area .btn span:before { content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background-color: #005793;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
#content .page-section .pr_sec02 .ebrochure .btn_area .btn:hover { border-color: #005793; }
#content .page-section .pr_sec02 .ebrochure .btn_area .btn:hover:before { width: 100%; }
#content .page-section .pr_sec02 .ebrochure .btn_area .btn:hover:after { background: url(/site/ext/mwiz/images/sub/ico_download_w.png) center no-repeat; transition-delay: 0.35s; }
#content .page-section .pr_sec02 .ebrochure .btn_area .btn:hover span { color: #fff; }
#content .page-section .pr_sec02 .ebrochure .btn_area .btn:hover span:before { left: 100%; transition-delay: 0.35s; }



#content .page-section .pr_sec02 .ebrochure>div .thumb{transform:translateY(60px);transition:all 1s;}
#content .page-section .pr_sec02 .ebrochure>div .top_area:after{transform-origin:center;height:0;transition:all 1s;}

#content .page-section .pr_sec02 .ebrochure>div.show .thumb{transform:translateY(0);}
#content .page-section .pr_sec02 .ebrochure>div.show .top_area:after{transform-origin:center;height:40px;}

/*mwiz_notice*/
#pmt_container {
    position: relative;
    width: 100%;
    min-height: 600px;
    top: 700px;
    z-index: 10;
    background: #fff;
}
#pmt_container > #contwrap {
	overflow:hidden;
}
#pmt_container > #contwrap > #contentBody  {
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	padding: 3% 0;
	box-sizing: 
	border-box;
}

/*** sub-Footer ***/
#footer.subFooter {top:700px;z-index:99 !important;}
#footer .inner {z-index:99 !important;}


/* ****************** 04 서포트 :: 05 고객문의********************** */
/*
.cont-header {position: relative;padding-bottom: 50px;border-bottom: 4px solid #222;}
.cont-header h3.tit {font-size: 50px;font-weight: 300;line-height: 1.2;margin: 0 0 25px -4px;width: 70%;}
.cont-header p.desc {font-size: 16px;font-weight: 400;line-height: 2.15;}
*/
#writeForm fieldset {padding: 25px 0;border-bottom:1px solid #dfdfdf;width:100%;}
#writeForm fieldset:nth-child(3){border-bottom: 0;}
#writeForm fieldset:last-child {border-bottom: 0;}

#writeForm .frm-itembox {width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
#writeForm .frm-itembox .item {flex-basis: calc(33.33% - 30px);margin-bottom: 20px;}
#writeForm .frm-itembox .item>label {display: block;margin-bottom: 10px;font-size: 16px;font-weight: 600;}
#writeForm .frm-itembox .item>label .file-txt{margin-left:5px;font-weight:normal;color:red;}
#writeForm .frm-itembox .item.email:last-child {flex-basis: calc(66.66% - 15px);}
#writeForm .frm-itembox.sel-dev .item {flex-basis: 100%;}

#writeForm .frm-itembox.area-file .item {flex-basis: 100%;position:relative;}
#writeForm textarea {min-height: 350px;}

/*#writeForm .frm-itembox .item li label { flex-basis: 20%;-ms-flex-preferred-size: 20%;margin-bottom: 30px;font-size: 20px;color: #b18978;cursor: pointer;}*/

#writeForm .frm-itembox .item div.radio-wrap{display:flex;justify-content: flex-start;align-items:center;flex-wrap:wrap;padding: 15px 20px;border-radius: 10px;border: 2px solid #959595;}
#writeForm .frm-itembox .item div.radio-wrap>label {flex-basis: 15%;-ms-flex-preferred-size: 20%;font-size: 18px;color: #333333;cursor: pointer;position: relative;}
#writeForm .frm-itembox .item div.radio-wrap input[type="radio"] {display:none;}
#writeForm .frm-itembox .item div.radio-wrap i {margin-right: 10px;transition-duration: .3s;margin-top: 4px;display: block;float: left;}
#writeForm .frm-itembox .item div.radio-wrap i:before {font-size: 22px;}

#writeForm .frm-itembox.area-file .item  input[type=file] {z-index: 999999;opacity: 0;width: 100%;position: absolute;cursor: pointer;left: 0;bottom: 0px;padding: 15px 20px;}
#writeForm .frm-itembox.area-file .item  input.file_upload_input {margin-right: 0;float: left;width: 100%;padding: 15px 20px;border-radius: 10px;border: 2px solid #959595;cursor: pointer;}
#writeForm .frm-itembox.area-file .item  button.file_upload_btn {display: inline-block;width: 180px;margin-left: 10px;padding: 0;vertical-align: top;font-family: 'Spoqa Han Sans Neo', sans-serif;font-size: 16px;font-weight: 400;text-align: center;color: #fff;outline: none;border: none;background: #959595;cursor: pointer;border-radius: 0 10px 10px 0;position: absolute;right: 0;bottom: 0;height:calc(100% - 40px);}

#writeForm p.agree{padding-top:25px;position:relative;display:block;margin-bottom:25px;overflow:hidden;}
#writeForm p.agree.form-checkbox label {display: block;float: left;line-height: 36px;}
#writeForm p.agree.form-checkbox input[type="checkbox"] {display: none;}
#writeForm p.agree.form-checkbox i {margin-right: 5px;transition-duration: .3s;display: block;float: left;margin-top:5px;}
#writeForm p.agree.form-checkbox i:before{font-size:26px;}

/*자동등록방지*/
#writeForm .frm-itembox.captcha{background:#f3f3f3;padding:20px 30px;}
#writeForm .frm-itembox.captcha .item{flex-basis:100%;margin-bottom:0;}
#writeForm .frm-itembox.captcha .item .captcha{width:100%;display:flex;flex-direction:row;}
#writeForm .frm-itembox.captcha .item .captcha>img{border:1px solid #838383;padding:0 10px;margin-right:15px;background-color:#ffffff;}
#writeForm .frm-itembox.captcha .item .captcha>input{width:200px;}
#writeForm .frm-itembox.captcha .item p.captcha_txt{margin-top:25px;}
#writeForm .frm-itembox.captcha .item p.captcha_txt span{display:block;margin-left:10px;cursor:pointer;}
#writeForm .frm-itembox.captcha .item p.captcha_txt span:hover{text-decoration:underline;}
#writeForm .frm-itembox.captcha .item span.file-txt2{margin-top:5px;text-indent:5px;color:#808080;font-size:16px;}

#writeForm input[type="text"], #writeForm input[type="password"], #writeForm 
 input[type="tel"],#writeForm input[type="email"], #writeForm textarea {padding: 15px 20px;width: 100%;box-sizing: border-box;border: 2px solid #959595;border-radius: 10px;font-size: 16px;color: #555555;font-family: 'Spoqa Han Sans Neo', sans-serif;}

#writeForm .terms {width: 100%;border: 1px solid #ccc;padding: 10px 20px;overflow-y: scroll;margin: 10px 0 17px 0;height: 200px;}
#writeForm .terms .inner {font-size: 16px;line-height: 1.6;width:100%;}
#writeForm .terms .inner strong {font-weight: 500;display: block;margin: 15px 0 5px;color: #015897;}
#writeForm .terms .inner p {line-height: 1.6;position: relative;padding-left: 10px;}
#writeForm .terms .inner table{width:100%;}

#content .agree-paragraph{
    margin:25px 0 0px !important;
}

#writeForm .frm-itembox.captcha{
    margin-bottom: 40px;
}
#captcha {
    height: auto;
}