@CHARSET "UTF-8";



/* font-family:'Poppins',sans-serif;  font-family:'notokr-regular', sans-serif; font-family: 'NanumSquare', sans-serif; font-family: 'notokr-bold', sans-serif;font-family: 'notokr-light', sans-serif;  */
/*  *{
-webkit-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	-ms-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;} */
			

.w_wrapper {width:100%;position:relative;}
.w_container {position:relative; width:1200px; margin-left:auto; margin-right:auto;   }
.w_container_1224 {position:relative; width:1224px; margin-left:auto; margin-right:auto;  }
.w_container_1260 {position:relative; width:1260px; margin-left:auto; margin-right:auto;  }
.menu_container {position:relative; width:1200px; margin-left:auto; margin-right:auto; }
.wb_container {position:relative; width:1560px; margin-left:auto; margin-right:auto;   }
.text_center {text-align:center}
.text_right {text-align:right}
@media screen and (min-width:981px){

    br.br_m{display: none;}
}
@media screen and (max-width:980px){

    br.br_d{display: none;}
}


@media (max-width:1200px){
	br.br_1200{display: none;}
}
@media (max-width:1560px) {
	.wb_container {width:100%;  padding:0 50px 0 50px;}

}

@media (max-width:1480px) {
	.w_container {width:100%;  padding:0 50px 0 50px;}

}


@media (max-width:1260px) {
	.w_container_1260 {width:100%;  padding:0;}

}



@media (max-width:1224px) {
	.w_container_1224 {width:100%;  padding:0;}

}


@media (max-width:1200px) {
	.w_container {width:100%;  padding:0 20px 0 20px;}
	.menu_container {width:100%;  padding:0;}
	.wb_container {width:100%;  padding:0 20px 0 20px;}


}



@media (max-width:720px) {
	.w_container {width:100%;  padding:0 10px 0 10px;}
	.wb_container {width:100%;  padding:0 10px 0 10px;}
	
}

.font_en {font-size:1.2em; font-family:'Play', 'Poppins', sans-serif; }
.font_resize {font-size:1.2em;}
img {max-width:100%; vertical-align:middle;}
.clear {clear:both}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
header.header {position:fixed; left:0; top:0; z-index:999; height:100px;  width:100%; background:#fff;  transition: all .2s !important; }
header.header .logo {position:absolute; left:20px; top:0;  line-height:100px;   z-index:9998; }
header.header .scroll_view {display:none}
header.header .office {color:#fff; font-family: 'Poppins', 'S-CoreDream-7ExtraBold', sans-serif; font-weight:600; font-size:14px; position:absolute; bottom:2px; left:110px; line-height:1}
header.header .phone_wrap {position:absolute; right:0; top:0; height:100px; line-height:100px;}
header.header .new_mo_view {  display:none}
header.header .phone_wrap span {height:58px; line-height:58px; border:solid 1px rgba(255,255,255,0.3); padding:0 20px 0 20px; display:inline-block; color:#000; font-weight:600; font-size:25px; }
header.header .phone_wrap span img {position:relative; top:-2px}
header.header #navigation {text-align:center}
header.header .m_logo .office {color:#333; }
header.nav-shrink {background:#fff; border-bottom:solid 1px #dedede; box-shadow:1px 10px 50px rgba(0,0,0,0.2); height:80px; line-height:80px }
header.nav-shrink .logo {position:absolute; left:20px; top:0; height:80px; line-height:80px;  z-index:9998}
header.nav-shrink .scroll_before {display:none}
header.nav-shrink .scroll_view {display:inline-block}
header.nav-shrink .office {z-index:9999; font-size:14px;color:#333; }
header.nav-shrink .phone_wrap { height:80px; line-height:80px;}
header.nav-shrink .phone_wrap span {border:solid 1px rgba(0,0,0,0.3); color:#333;height:45px; line-height:45px;  font-size:20px; }




.header ul.oe_menu{list-style:none;clear:both;  }
.header ul.oe_menu > li{display:inline-block; height:100px; line-height:100px;position:relative;font-family:'notokr-medium', 'Poppins', 'Play', sans-serif;}
.header ul.oe_menu > li > a{display:inline-block; color:#000;text-decoration:none; width:100%; line-height:100px;  padding:0 20px 0 20px; font-size:18px;   }
.header ul.oe_menu div.menu_box{position:absolute;top:99px;left:0;  background:#cf1c23;  box-shadow:5px 5px 10px rgba(0,0,0,0.2); display:none;  overflow:hidden;width:100% !important;}
.header ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a, ul.oe_menu > li.selected > a:after, ul.oe_menu > li.selected > a:before{ color:#fff; background:#cf1c23}
.header:hover .oe_menu > li > a:hover, .header:hover .oe_menu > li.selected > a, .header:hover .oe_menu > li.selected > a:after, .header:hover .oe_menu > li.selected > a:before{background:#cf1c23; color:#fff}


.nav-shrink ul.oe_menu{list-style:none;clear:both;  }
.nav-shrink ul.oe_menu > li{display:inline-block; height:80px; line-height:80px;position:relative;font-family:'notokr-medium', 'Poppins', 'Play', sans-serif;}
.nav-shrink ul.oe_menu > li > a{display:inline-block; color:#222;text-decoration:none; width:100%; line-height:80px;  padding:0 20px 0 20px; font-size:18px;   }
.nav-shrink ul.oe_menu div.menu_box{position:absolute;top:80px;left:0;  background:#cf1c23;  box-shadow:5px 5px 10px rgba(0,0,0,0.2); display:none;  overflow:hidden;width:100% !important;}
.nav-shrink ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a, ul.oe_menu > li.selected > a:after, ul.oe_menu > li.selected > a:before{ color:#fff; background:#cf1c23}
.nav-shrink:hover .oe_menu > li > a:hover, .header:hover .oe_menu > li.selected > a, .header:hover .oe_menu > li.selected > a:after, .header:hover .oe_menu > li.selected > a:before{background:#cf1c23; color:#fff}



.menu_box {}
.menu_box ul {padding:0}
.menu_box ul li { float:left;font-size:17px; text-align:center;  padding:0; width:100%; text-align:center;  }
.menu_box ul li a {color:#fff;display:inline-block; line-height:50px;width:100%;padding:0}
.menu_box ul li a:hover {background:#f6f6f6;  color:#cf1c23; display:inline-block}


/* 스크롤 전 */
.header .burger {width: 50px;height: 80px;position: absolute;top: 0;right: 15px;border-radius: 4px; z-index: 10;	z-index:999999999; cursor:pointer; display:none }
.header .burger.clicked {position:fixed; }
.header .burger span {position: relative;margin-top: 9px;margin-bottom: 9px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; position: absolute;top: 50%;left: 50%;margin-left: -15px;margin-top: -1.5px;}
.header .burger span, .header .burger span::before, .header .burger span::after{display: block; width: 30px; height: 3px; background-color: #000;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform;transition-property: background-color, transform; -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.header .burger span::before, .header .burger span::after {position: absolute;content: "";}
.header .burger span::before { top: -9px; }
.header .burger span::after { top: 9px; }
.header .burger.clicked span { background-color: transparent; }
.header .burger.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);	background:#000	  ; z-index:9999999999999999}
.header .burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);	background:#000}
/* 스크롤 후 */
.nav-shrink .burger span, .nav-shrink .burger span::before, .nav-shrink .burger span::after {background-color: #000;}
.nav-shrink .burger.clicked span { background-color: transparent; }
.nav-shrink .burger.clicked span::before {background:#000}
.nav-shrink .burger.clicked span::after {background:#000}


/* 모바일 메뉴 */
.m_nav { background-color: #fff; position: fixed;  z-index: 999999; top: 0;  right: 0;  height: 100%;  max-width: 515px;  width: 100%;  padding: 0 0 60px 0;  overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%);  transform: translateX(100%);-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.m_nav.show { -webkit-transform: translateX(0px);   -moz-transform: translateX(0px); -ms-transform: translateX(0px);  -o-transform: translateX(0px);  transform: translateX(0px); }
.overlay { position: fixed;  top: 0; left: 0;  z-index: 9999;  width: 100%;  height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #222222;  opacity: 0; visibility: hidden;}
.overlay.show {  opacity: 0.8;  visibility: visible;}
.ziehharmonika {}
.ziehharmonika h3 {background: #fff;color: #222222;text-align: left;cursor: pointer;transition: 0.25s all !important;position: relative; line-height:60px;   margin:0;  padding:0 0 0 30px; font-size:16px;  font-family:'notokr-medium', 'Poppins', 'Play', sans-serif;}
.ziehharmonika h3 a {color: #222222; font-family:'notokr-medium', 'Poppins', 'Play', sans-serif; display:inline-block;  width:100%; line-height:60px }
.ziehharmonika > div {display: none;background: #f5f6f7;text-align: left; border-top:solid 1px #dedede;-webkit-transition:none;transition:none;font-family:'notokr-regular', 'Poppins', 'Play', sans-serif;}
.ziehharmonika > div > ul > li {height:50px; line-height:50px;background: #f5f6f7;text-align: left; color:#222222;  padding:0 0 0 35px; border-bottom:solid 1px rgba(0,0,0,0.1);font-size:15px;}
.ziehharmonika > div > ul > li a{color:#222222; width:100%; height:100%; display:inline-block}
.ziehharmonika .active .arrowDown {bottom: -13px;border-color: #525252 transparent transparent transparent;opacity: 1;}
.ziehharmonika .collapseIcon {position: absolute;right: 20px;top: 45%;font-size: 20px;font-weight: 300;-ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.m_logo {height:80px; line-height:80px; padding:0 0 0 20px}



@media (max-width:1560px) {
	header.header .phone_wrap span {height:45px; line-height:45px;  font-size:20px; }
	header.header .phone_wrap span img {height:20px}
	header.header .logo {left:20px;}
	header.header .phone_wrap {right:20px;}
	.header ul.oe_menu > li > a{ font-size:16px;   }
	.nav-shrink ul.oe_menu > li > a{ font-size:16px;   }
}





@media (max-width:1560px) {
	header.header {height:80px; line-height:80px;  }
	header.header .logo {line-height:80px; }
	header.header .phone_wrap { height:80px; line-height:80px;}
	header.header .logo img{ height:35px }	
	header.header .office {  left:80px; font-size:11px; bottom:1px; }
	header.header .phone_wrap {right:80px;}
	.header .burger {display:block}
	#navigation {display:none}
}




@media (max-width:720px) {
	header.header .phone_wrap {display:none}
	header.header .new_mo_view {position:absolute;right:80px;top:15px; display:block}
	header.header .new_mo_view img {height:50px}
	header.header .logo {}
	header.header .phone_wrap {right:10px;}
	
}


/*-------------------------------------------------------------------------------------*
 *  visual                                                                             *
 *-------------------------------------------------------------------------------------*/
.main_visual {background:#000;position:relative; }
.m_main_visual {display:none;  }

@media (max-width:780px) {
	.main_visual {display:none}
	.m_main_visual {display:block}
}

.jssorl-004-double-tail-spin img {animation-name: jssorl-004-double-tail-spin;animation-duration: 1.2s;animation-iteration-count: infiniteanimation-timing-function: linear;}
@keyframes jssorl-004-double-tail-spin {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.jssorb051 .i {position:absolute;cursor:pointer;}
.jssorb051 .i .b {fill:#ffffff;fill-opacity:0.5;stroke:#000;stroke-width:400;stroke-miterlimit:10;stroke-opacity:0.5;}
.jssorb051 .i:hover .b {fill:#ffffff;fill-opacity:.7;}
.jssorb051 .iav .b {fill:#ffffff; fill-opacity: 1;}
.jssorb051 .i.idn {opacity:.3;}

.jssora051 {display:block;position:absolute;cursor:pointer; bottom:0}
.jssora051 .a {stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}



/*-------------------------------------------------------------------------------------*
 *  quick                                                                             *
 *-------------------------------------------------------------------------------------*/
.quick {position:fixed; right:0; top:150px;z-index:998}
.quick ul li {background:black; margin:0 0 2px 0 }
@media (max-width:1480px) {
	.quick {top:auto; bottom:50px;}
}

@media (max-width:720px) {
	.quick ul li img {height:40px}
}


/*-------------------------------------------------------------------------------------*
 *  popup                                                                             *
 *-------------------------------------------------------------------------------------*/
.popup_wrapper {display:none}
.popup_wrapper {padding:10px}
.quick_popup {display:none;}
.popup_close {margin:0 0 20px 0; text-align:center; display:inline-block; width:100%}
.popup_close2 {margin:0 0 10px 0; text-align:center; display:inline-block; width:100%; padding:0 0 0 0}
.inquiry_wrap {max-width:500px; width:100%; background:#fff; border-radius:5px; padding:50px}
.inquiry_wrap .tit {font-size:23px;font-family: 'notokr-bold', sans-serif; text-align:center; padding:0 0 30px 0; color:#333}
.inquiry_wrap .con{}
.inquiry_wrap  table {width:100%}
.inquiry_wrap  table tr td {padding:0 0 10px 0}
.agreement_wrap {padding:10px 0 10px 0;display:none;max-width:1200px; width:100%; }
.agreement_box {height:calc(100vh - 130px); background:#fff;border-radius:5px;overflow-y:scroll; padding:50px  }
.agreement_box .tit{font-size:23px; text-align:center;  padding:0 0 30px 0; font-family: 'notokr-bold', sans-serif; color:#333 }
.more_view {color:#555555}


@media (max-width:980px) {
	.inquiry_wrap { padding:40px 20px}
	.agreement_box { padding:40px 20px} 
	.inquiry_wrap .tit{font-size:23px; text-align:center;  padding:0 0 30px 0; font-family: 'notokr-bold', sans-serif; color:#333 }
	.agreement_box .tit{font-size:23px; text-align:center;  padding:0 0 30px 0; font-family: 'notokr-bold', sans-serif; color:#333 }
}
@media (max-width:720px) {
	.popup_close img {height:50px}
	.popup_close2 img {height:50px}

}

/*-------------------------------------------------------------------------------------*
 *  공통스타일                                                                             *
 *-------------------------------------------------------------------------------------*/
.input01 {width:100%; height:50px; padding:0 0 0 10px; font-size:18px; border:solid 1px #dedede; color:#333 }
.btn_wrap {text-align:center; padding:50px 0 0 0}
.btn01 {font-family: 'notokr-bold', sans-serif; width:100%; background:#ed1c24; color:#fff;text-align:center; display:inline-block; height:60px; line-height:60px}
.btn02 {font-family: 'notokr-bold', sans-serif; padding:0 30px 0 30px;  background:#333333; color:#fff;text-align:center; display:inline-block; height:50px; line-height:50px}
@media (max-width:720px) {
	.input01 { font-size:16px;  }
}



/*-------------------------------------------------------------------------------------*
 *  미리네키오스크솔루                                                                       *
 *-------------------------------------------------------------------------------------*/
.box01 {padding:120px 0 70px 0; }
.box01_left {float:left; width:32%}
.box01_left .line {margin:0 0 20px 0}
.box01_left .tit {font-size:;font-weight:600; font-size:60px;margin:0 0 50px 0}
.box01_left .text {font-size:20px; color:#888888; line-height:1.5; letter-spacing:-1px}
.box01_right {float:left; width:68%}
.box01_right ul li {padding:0 0 50px 80px; width:33.3333%; float:left;}
.box01_right ul li .img {text-align:center}
.box01_right ul li .text {text-align:center; font-size:20px; line-height:1.5; padding:10px 0 0 0;letter-spacing:-1px}

@media (max-width:1200px) {
	.box01_left {width:100%}
	.box01_right {width:100%}
	.box01_left .line {text-align:center}
	.box01_left .tit { margin:0 0 10px ; text-align:center}
	.box01_left .text {text-align:center; padding:0 0 50px 0}
	.box01_right ul li {padding:0 40px 50px 40px; width:33.3333%; float:left;}
}


@media (max-width:980px) {
	.box01_left .tit {font-size:40px}
	.box01_left .text {font-size:18px; padding:0 0 50px 0}
	.box01_right ul li {padding:0 20px 50px 20px; }
	.box01_right ul li .text { font-size:16px; height:50px}
}



@media (max-width:720px) {
	.box01 {padding:100px 0 70px 0}
	
	
}


@media (max-width:480px) {
	.box01 {padding:100px 0 50px 0}
	.box01_right ul li .img img{height:100px}	
	.box01_right ul li {width:50%; padding:0 10px 30px 10px; }

}


.box02 {background:url(/images/banner_bg.jpg) center right no-repeat; background-size:cover; padding:100px; width:100%; overflow-x:hidden }
.youbox { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.youbox iframe, .youbox object, .youbox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mo_banner {display:none !important}
@media (max-width:1200px) {
	.box02 {padding:100px 50px}
}
@media (max-width:980px) {
	.box02 {padding:30px}
}
@media (max-width:720px) {
	.box02 {padding:90px 0 0 0}
	.pc_banner {display:none !important}
	.mo_banner {display:block !important}
}




.box03 {padding:120px 0 70px 0; }
.box03 .line {margin:0 0 20px 0}
.box03 .tit {font-size:;font-weight:600; font-size:60px;margin:0 0 20px 0}
.box03 .text {font-size:20px; color:#888888; line-height:1.5; letter-spacing:-1px;padding:0 0 50px 0}
.box03 .icon ul li {padding:0 30px 50px 30px; width:20%; float:left;}
.box03 .icon ul li .img {text-align:center}
.box03 .icon ul li .text {text-align:center; font-size:20px; line-height:1.5; padding:10px 0 0 0;letter-spacing:-1px; color:#333}
.center {padding:0 0 50px 0}
.center2 {padding:0 0 50px 0}
.center3 {padding:0 0 50px 0}




@media (max-width:1200px) {
	.box03 .line {text-align:center}
	.box03 .tit { margin:0 0 10px 0; text-align:center}
	.box03 .text {text-align:center; padding:0 0 50px 0}

}



@media (max-width:980px) {
	.box03 .tit {font-size:40px}
	.box03 .text {font-size:18px; padding:0 0 50px 0}
	.box03 .icon ul li {padding:0 15px 50px 15px; width:20%; }
	.box03 .icon ul li .text { font-size:16px; height:50px}
}

@media (max-width:720px) {
	.box03 {padding:100px 0 20px 0}
	.box03 .icon ul li {padding:0 10px 50px 10px; width:33.3333%; }
}

.box04{background:#f1f1f1}	
.box04, .box05 {padding:120px 0 120px 0;}
.box04 .con, .box05 .con {position:relative}
.box04 .tit, .box05 .tit {font-size:55px; padding:0 0 30px 0; font-weight:600; text-align:center} 
.box04 .con, .box05 .con { }


@media (max-width:720px) {
	.box04, .box05 {padding:50px 0 30px 0;}
}

.slide_popup {max-width:550px; width:100%; height:100%;}








/*-------------------------------------------------------------------------------------*
 *  제품                                                                                *
 *-------------------------------------------------------------------------------------*/
.Kiosk-Product {padding:120px 0 0 0;  }
.Kiosk-Product.sub_Kiosk-Product {background:#fff}
.Kiosk-Product.Kiosk-Product-Gray {background:#f1f1f1; padding-bottom:100px}
.Kiosk-Product .tit{font-size:55px; font-weight:600; text-align:center; padding:0 0 10px 0}
.Kiosk-Product.sub_Kiosk-Product .tit{font-size:50px; font-weight:600; text-align:left; padding:0 0 50px 0}
.Kiosk-Product .text { text-align:center; font-size:20px; color:#888888; letter-spacing:-1px; padding:0 20px 0 20px; line-height:1.5}
.Kiosk-Product .box_text {text-align:center; margin:40px 0 30px 0}
.Kiosk-Product .box_text span {font-size:25px; padding:0 20px 0 20px; height:50px; line-height:50px; border-radius:50px; display:inline-block; background:#ee3838; color:#fff}
.Kiosk-Product .pro ul li {display:inline-block; width:33%; padding:0 22px 48px 22px; margin:0 -2px 0 -2px; vertical-align:top }
.Kiosk-Product .pro .box {position:relative; border:solid 1px rgba(0,0,0,0.1) }
.Kiosk-Product .pro ul li:hover .box { box-shadow:2px 10px 30px rgba(0,0,0,0.2)}
.Kiosk-Product .pro .img {width:100%; position:relative; text-align:center; background:#fbfbfb }
.Kiosk-Product .pro .mark {position:absolute; right:10px; top:10px}
.Kiosk-Product .pro .info {width:100%; background:#fff; padding:40px 30px; }
.Kiosk-Product .pro .info .info_1 {color:#f9861f; font-size:17px; padding:0 0 7px 0}
.Kiosk-Product .pro .info .info_2 {font-size:30px; padding:0 0 0 0; font-weight:600;font-family: 'Play','notokr-bold', sans-serif;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;}
.Kiosk-Product .pro .info .info_2 img {position:relative; top:-2px}
.Kiosk-Product .pro .info .info_3 {}
.Kiosk-Product .pro .info .info_3 table {width:100%}
.Kiosk-Product .pro .info .info_3 table .td1 {text-align:left; line-height:1.2 }
.Kiosk-Product .pro .info .info_3 table .td1 span {font-size:14px; color:#555}
.Kiosk-Product .pro .info .info_3 table .td3 {text-align:left; line-height:1.2; font-size:28px; font-weight:600;  }
.Kiosk-Product .pro .info .info_3 table .td2 {text-align:right; font-size:20px;}
.Kiosk-Product .pro .info .info_3 table .td2 span {font-weight:600; font-size:35px; color:#ed1c24}

.Kiosk-Product .pro .info .info_4 {height:45px; }
.Kiosk-Product .pro .info .info_4 table {width:100%}
.Kiosk-Product .pro .info .info_4 table .td1 {text-align:left; line-height:1.2; }
.Kiosk-Product .pro .info .info_4 table .td1 span {font-size:14px; color:#555}
.Kiosk-Product .pro .info .info_4 table .td3 {text-align:left; line-height:1.2; font-size:25px; font-weight:600; }
.Kiosk-Product .pro .info .info_4 table .td2 {text-align:right; font-size:20px;}
.Kiosk-Product .pro .info .info_4 table .td2 span {font-weight:600; font-size:35px; color:#ed1c24}

.Kiosk-Product .pro .box .over {position:absolute; left:0; top:0; z-index:99; width:100%; height:100%; border:solid 2px #ee3838; display:none}
.Kiosk-Product .pro .box:hover .over{display:block}
.Kiosk-Product .pro .info .more {margin:30px 0 0 0}

.Kiosk-Product.table .pro{text-align:center}
.Kiosk-Product.table .pro ul li{text-align:left}


@media (max-width:1200px) {

	.Kiosk-Product .pro .info {height:300px}
}




@media (max-width:980px) {
	.Kiosk-Product .tit {font-size:40px} 
	.Kiosk-Product .text {font-size:18px}
	.Kiosk-Product .box_text span {padding:10px 20px 10px 20px; height:auto; line-height:1.5; border-radius:50px; font-size:20px}
	.Kiosk-Product .pro ul li {  width:49%;   }
	.Kiosk-Product .pro .info {height:auto}
}

													

@media (max-width:720px) {
	.Kiosk-Product {padding:80px 0 0 0; }
	.Kiosk-Product .pro ul li {  width:100%;   }
	.Kiosk-Product .pro ul li .box {max-width:320px; width:100%; margin:0px auto }
	.Kiosk-Product .pro .info .info_1 { font-size:14px; }
	.Kiosk-Product .pro .info .info_2 {font-size:23px; }
	.Kiosk-Product .pro .info .info_2 img {height:20px}
	.Kiosk-Product .pro .mark img {height:70px}
	.Kiosk-Product.sub_Kiosk-Product .tit{font-size:35px; text-align:center; padding:0 0 50px 0}
	.Kiosk-Product.Kiosk-Product-Gray {padding-bottom:50px}
	
}
/*-------------------------------------------------------------------------------------*
 *  설치사례                                                                                *
 *-------------------------------------------------------------------------------------*/
.Installation {padding:100px 0 0 0; background:#f6f6f6}
.Installation .tit{font-size:55px; font-weight:600; padding:0 0 30px 0; text-align:center}
@media (max-width:980px) {
	.Installation .tit {font-size:40px} 
}


@media (max-width:720px) {
	.Installation {padding:80px 0 50px 0; }
	
}



/*-------------------------------------------------------------------------------------*
 *  이벤트                                                                                *
 *-------------------------------------------------------------------------------------*/
.Event {padding:100px 0 100px 0; }
.Event .tit{font-size:55px; font-weight:600; text-align:center; padding:0 0 30px 0}
.Event .list ul li {float:left; width:33.3333%; padding:0 12px 24px 12px; }
.Event .info {padding:10px}
.Event .info .info_1{}
.Event .info .info_1 .ing{ background:#ed1c24; display:inline-block; color:#fff;max-width:200px; width:100%; height:50px; line-height:50px; background:#ee3838; color:#fff; font-size:20px; display:inline-block; text-align:center}
.Event .info .info_1 .end{ background:#555555;display:inline-block;  color:#fff;max-width:200px; width:100%; height:50px; line-height:50px; background:#ee3838; color:#fff; font-size:20px; display:inline-block; text-align:center}
.Event .info .info_2 {font-size:20px; padding:10px 0 0 0; font-weight:600}
.Event .info .info_3 { color:#555555; font-size:18px; padding:10px 0 0 0}
.event_btn {font-size:20px; text-align:center; padding:50px 0 0 0; }
.Event .ing{ background:#ed1c24; display:inline-block; color:#fff;max-width:200px; width:100%; height:50px; line-height:50px; background:#ee3838; color:#fff; font-size:20px; display:inline-block; text-align:center}
.Event .end{ background:#555555; color:#fff;max-width:200px; width:100%; height:50px; line-height:50px; background:#ee3838; color:#fff; font-size:20px; display:inline-block; text-align:center} 
.event_btn .ing { background:#ed1display:inline-block;  display:inline-block;  color:#fff}
.event_btn .end {background:#555555; display:inline-block;  color:#fff}
.paging {text-align:center; padding:50px 0 50px 0 !important;  }
.paging ul li {display:inline-block; padding:5px}
.paging ul li span {width:30px; height:30px;   background:#f0f0f0; display:inline-block; line-height:30px}
.paging ul li span.select {background:#cf1c23; color:#fff}

.Event .date {padding:20px; background:#f6f6f6; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede; font-size:25px}
.Event .sub_tit_tit {letter-spacing:-1px; font-size:35px; padding:0 0 20px 0; font-weight:600} 

@media (max-width:1200px) {


}




@media (max-width:980px) {
	.Event .tit {font-size:40px} 
	.Event .list ul li{  width:50%;   }
}

													

@media (max-width:720px) {
	.Event {padding:80px 0 50px 0; }
	.Event .list ul li {  width:100%; padding:0 0 40px 0;   }
	.Event .list ul li .box {  width:100%; margin:0px auto }
	.Event .sub_tit_tit {font-size:28px;  } 
	.Event .date { font-size:18px}
	.Event .ing{  font-size:16px;  }
	.Event .end{   font-size:16px;  } 


	.paging ul li {display:inline-block; padding:5px}
	.paging ul li span {width:25px; height:25px;   background:#f0f0f0; display:inline-block; line-height:25px; font-size:16px}
	.paging ul li span.select {background:#cf1c23; color:#fff}
	
}



.new_photo li{width:33.3333%; float:left; padding:0 15px 30px 15px;}
.new_photo .text_box  {height:50px}
.new_photo .text_box .new_tit{text-align:center; padding:20px 0 20px 0; font-size:20px; } 
.new_photo .img_box {width:100%;} 



@media (max-width:720px) {
.new_photo li{width:50%; float:left; padding:0 5px 30px 5px;}
.new_photo .img_box {width:100%;} 
}



.install {position:fixed;left:0; top:0; width:100%;height:100vh;background:#000;z-index:99990;opacity:0.9; display:none;}
.install_view_box {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:99991; background:red}
.install article{width:100%;height:100%;margin:auto; background:#fff;position:relative}
.install article .st1 {position:absolute; right:0;top:0}
.install article .st2.txtaLeft {position:absolute; top:50%; left:0px; }
.install article .st2.txtaRight {position:absolute; top:50%; right:0px;}
.install article .st3 {float:left;width:100%;}
.install article .st3 img {width:100%;}
.install article .st4 {width:100%;float:left; padding:15px; background:#fff; font-size:15px;}
.install article .clearBoth {clear:both;}
.bg_install {position:fixed;left:0; top:0; width:100%;height:100vh;background:#000;z-index:999;opacity:0.9;display:none;}
.ins_board li{width:33.3333%; float:left; padding:0 15px 30px 15px; text-align:center}
.ins_board .text_box {height:70px; padding:20px 0 0 0  } 
.ins_board .text_box .text_1 {font-size:18px; font-family: 'notokr-bold', sans-serif; padding:0 0 15px 0} 
.ins_board .text_box .new_tit{text-align:center; padding:20px 0 20px 0; font-size:20px;  } 
.ins_board .img_box {width:100%;} 

.ins_tit {font-size:40px; font-family: 'notokr-bold', sans-serif; text-align:center; padding:100px 0 20px 0 }
.ins_tit2{font-size:20px; padding:0 0 70px 0; border-bottom:solid 1px #dedede; text-align:center; }
.ins_board_tit {width:100%; font-size:20px; position:relative; font-family: 'notokr-bold', sans-serif; border-top:solid 2px #000; padding:50px 0 50px 0 ; }
.ins_board_tit span {position:absolute; right:0; top:50%;transform:translateY(-50%); font-size:18px;font-family:'notokr-regular', sans-serif; }
.ins_board_img {padding:50px 0 50px 0}

@media (max-width:720px) {
.ins_board li{width:50%;  padding:0 5px 30px 5px; text-align:center}
.ins_tit {font-size:30px; padding:30px 0 20px 0 }
.ins_tit2{font-size:20px; padding:0 0 30px 0;   }
.ins_board_tit {padding:20px 0 20px 0; line-height:1.8}
.ins_board_tit span {width:100%; display:inline-block; position:relative; right:auto; top:auto;}

}

.Customer {padding:120px 0 120px 0;}
.Customer .tit {font-size:55px; font-weight:600; text-align:center; padding:0 0 30px 0; text-align:center}
.Customer .text {color:#5e5e5e; font-size:35px; padding:0 0 20px 0; text-align:center; letter-spacing:-1px; line-height:1.5}
.Customer .text span {color:#ee3838}
.Customer .s_text {font-size:23px; text-align:center; padding:0 0 50px 0; line-height:1.5}
.Customer .cus_table {display:table; width:100%}
.Customer .cus_row {display:table-row}
.Customer .cus_row .cus_cell1 {display:table-cell; width:42%; position:relative; height:100%; vertical-align:top}
.Customer .cus_row .cus_cell1 table {width:100%}
.Customer .cus_row .cus_cell1 table .td1 {position:relative; border:solid 1px #dedede;text-align:center}
.Customer .cus_row .cus_cell1 table .td1 img{width:100%}
.Customer .cus_row .cus_cell1 table .td2 { text-align:center}
.Customer .cus_row .cus_cell1 table .td2 img {height:30px}			
.Customer .cus_row .cus_cell2 {display:table-cell; width:58%;   text-align:center}
.Customer .text_box{position:absolute; width:100%; left:0; top:50%;  transform:translateY(-50%); }
.Customer .cus_font01 {font-size:25px; padding:0 0 0px 0 }
.Customer .cus_font02 {font-weight:600; font-size:60px; padding:0 0 10px 0}
.Customer .cus_font03 {color:#b4b4b4; font-size:20px; line-height:1.5}
.Customer .cus_font04 {font-size:50px;font-family: 'notokr-bold', sans-serif; letter-spacing:-1px; padding:0 0 10px 0}


@media (max-width:1200px) {
	.Customer .cus_row .cus_cell2 img {width:100%}
	.Customer .cus_row .cus_cell2 {padding:0 0 0 30px}

	
}




@media (max-width:980px) {
	.Customer .tit {font-size:40px; padding:0 0 10px 0} 
	.Customer .text {font-size:25px;padding:0 0 10px 0} 
	.Customer .s_text {font-size:18px;}

	.Customer .cus_font01 {font-size:20px;  }
	.Customer .cus_font02 { font-size:40px; padding:0 0 10px 0}
	.Customer .cus_font03 { font-size:16px;  }
	.Customer .cus_font04 {font-size:35px}
	.Customer .cus_row .cus_cell2 {padding:0 0 0 30px}

}

@media (max-width:720px) {
	.Customer .cus_table {display:block; width:100%}
	.Customer .cus_row {display:block}
	.Customer .cus_row .cus_cell1 {display:block; width:100%;  margin:0 0 30px 0}
	.Customer .cus_row .cus_cell2 {display:block; width:100%; padding:0 } 
}


footer {background:#5e5e5e; text-align:center; color:#f6f6f6; padding:45px 0 70px 0}
footer .f_logo {text-align:center; padding:0 0 35px 0}
footer .f_text li{ display:inline-block; padding:0 10px 0 10px; color:#999999;line-height:1.5}

@media (max-width:720px) {
	footer .f_logo img{ height:70px}
}



.sub_visual {background:url(/images/sub_visual.jpg) center center no-repeat; background-size:cover; padding:200px 0 100px 0; color:#fff; font-size:60px; font-weight:600; text-align:center}
.pro_top {width:100%;display:table; margin:0 0 50px 0}
.pro_top_row {width:100%; display:table-row}
.pro_left {width:44.7%; border:solid 1px #dedede; text-align:center;display:table-cell; position:relative; background:#fbfbfb; vertical-align:middle}
.pro_left .mark {position:absolute; right:10px; top:10px}
.pro_right {width:50.3%; padding:30px 0 0 70px; display:table-cell; vertical-align:top }
.pro_name { font-size:50px; font-weight:600; letter-spacing:-1px; padding:0 0 12px 0}
.pro_price {font-size:20px;width:100%; padding:30px 0 30px 0;; }
.pro_price span {line-height:20px}
.pro_price .pro_price_font {font-size:30px; line-height:20px; font-weight:600; color:#ee3838; position:relative; }
.pro_info_list {padding:0 0 20px 0; width:100%}
.pro_info_list li {line-height:1.2; padding:0 0 10px 0; font-size:18px; word-break:keep-all}

.pro_info_list table  {width:100%; border-top:solid 2px #333}
.pro_info_list table tr td.td1 {text-align:left; font-size:20px; padding:15px 30px 15px 0; font-weight:600; border-bottom:solid 1px #dedede;  border-right:solid 1px #dedede; }
.pro_info_list table tr td.td2  {text-align:left; font-size:20px; padding:15px;border-bottom:solid 1px #dedede;}
.pro_btn_list {width:90%; padding:0 0 30px 0}
.pro_btn_list li {width:50%; float:left;}
.pro_btn_list li:nth-child(1), .pro_btn_list li:nth-child(3) {padding:0 5px 10px 0}
.pro_btn_list li:nth-child(2), .pro_btn_list li:nth-child(4) {padding:0 0 10px 5px}
.pro_left img {}
.blue_btn {width:100%; height:45px; line-height:45px;  background:#094ca0; color:#fff; display:inline-block; text-align:center;}
.red_btn {width:100%; height:45px; line-height:45px;  background:#f39800; color:#fff; display:inline-block; text-align:center;}
.table_box_tit {}
.table_box_tit span {font-size:18px;padding:5px 10px; background:#094ca0; color:#fff; display:inline-block}
.pro_bottom {padding:50px 0 50px 0}
.table_box {padding:0 0 50px 0}
.table_box_table {width:100%; display:table;border-collapse:collapse;}
.table_box_row {width:100%; display:table-row}
.table_cell_1 {display:table-cell; width:50%; border:solid 1px #d1e6ff; padding:10px}
.table_cell_2 {display:table-cell; width:50%; border:solid 1px #d1e6ff; padding:10px}
.table_cell_3 {display:table-cell; width:40%; border:solid 1px #d1e6ff; padding:10px; background:#f5f5f5}
.table_cell_4 {display:table-cell; width:60%; border:solid 1px #d1e6ff; padding:10px}
.proinput li{width:50%; float:left}
.proinput_tit {font-weight:600; font-size:20px; }
.winput {height:50px; border:solid 1px #dedede; border-radius:5px; width:100%}
.proinput {width:100%;padding:0 0 20px 0; float:left}

.sub_tit {font-size:50px; font-weight:600; text-align:left; padding:0 0 50px 0}
.pro_text {font-size:20px; color:#f9861f}

.btn001 {max-width:200px; width:100%; height:50px; line-height:50px; background:#ee3838; color:#fff; font-size:20px; display:inline-block; text-align:center}
.btn_wrap {padding:50px 0 50px 0; text-align:center}
@media(max-width:1200px) {
	.pro_right {padding:10px 0 0 40px}
}

@media(max-width:980px) {
	.pro_left {width:100%; display:block}
	.pro_right {width:100%; padding:40px 0 0 0; display:block}
	.pro_left img {width:auto}
}


@media(max-width:720px) {
	
	.table_box_table {width:100%; float:left; margin:0 0 30px 0}
	.table_box_row {width:100%; float:left;}
	.table_cell_1 {float:left; width:100%;border-bottom:none }
	.table_cell_2 {float:left; width:100%; }
	.table_cell_3 {float:left; width:100%;border-bottom:none}
	.table_cell_4 {float:left; width:100%; margin:0 0 2px 0}
	.pro_name {font-size:25px}
	.sub_visual {  padding:150px 0 70px 0;  font-size:40px; }
	.pro_info_list table tr td.td1 {font-size:16px; padding:10px; }
	.pro_info_list table tr td.td2  { font-size:16px; padding:10px; }
	.pro_top { margin:0 0 30px 0}
	.btn001 { font-size:16px;  }
	.sub_tit{font-size:35px; text-align:center; padding:0 0 50px 0}
}
@media(max-width:450px) {
	.pro_left img {width:100%}
}


.pro_text_edit_video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.pro_text_edit_video iframe, .embed-container object, .pro_text_edit_video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }






/* 개인정보,이용약관 */
.clause_big_tit {font-size:18px; font-weight:600; padding:0 0 15px 0; line-height:1.5}
.clause_top {margin:0 0 30px 0; line-height:1.5}
.clause_top p {padding:0 0 15px 0; font-size:16px; line-height:1.5}
.clause_line {margin:0 0 30px 0}
.clause_tit { font-family:'notokr-bold', sans-serif; padding:0 0 10px 0; font-size:16px; line-height:1.5}
.clause_text {line-height:1.2;padding:0 0 20px 0;font-size:16px; line-height:1.5}
.clause_rule table td{padding:0 0 20px 0;font-size:16px; line-height:1.5; vertical-align:top}
.clause_rule .clause_rule_td1 {width:23px;padding:0} 
.clause_rule .clause_rule_td2 {padding:0}
.clause_rule tr td ol {padding:0 0 0 20px}
.clause_rule tr td ol li{list-style:square; line-height:1.5}
.clause_table table {border-top:solid 2px #000}
.clause_table table tr th{padding:10px; border-bottom:solid 1px #dedede; line-height:1.5}
.clause_table table tr td{padding:10px;border-bottom:solid 1px #dedede; text-align:center; line-height:1.5}