@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

section{letter-spacing: -0.5px;}

.inner{max-width: 1440px; margin: 0 auto;}

.subnavtop{padding: 80px 0; text-align: left; margin-top: 100px;}
.title_map{font-size: 13px; line-height: 18px; color: #999; font-weight: 300;}
.title_map span{margin: 0 5px;}
.title_map span.atv_line{border-bottom: 1px solid #999}

.mon_font{font-family: 'Montserrat', sans-serif;}
.play_font{font-family: 'Play', sans-serif;}

#main_logo{display: none;}
#main_logo_on{display: block;}

#header{border-bottom: 1px solid #f0f0f0; position: fixed; background: #fff}
#header>ul>li>a{color: #333}
#header .contact{
	background: #cce6f2;
	font-size: 14px; color: #444; padding: 5px 15px; border-radius: 50px}
	
#header .header-right select{
	border:1px solid #eeeeee;
	color:#777777;
	background: url(http://evtntech1.cafe24.com/theme/basic/img/s2.png) no-repeat 95% 50%;  /* 화살표 모양의 이미지 */}



.main_footer{
	width:100%;
	padding-top:30px;
	display: flex; 
	padding: 60px 100px
}

.main-footer-left{
	position: relative;
	width: 15%
}

.main-footer-right{
	position: relative;
	width: 85%
}

.main-footer-title{
	font-size:16px;
	color:#aaa;
	line-height: 28px;
}

.main-footer-title span{margin-left: 10px}

.main-footer-title-separator{
	color:#9ba2b0;
	font-size:12px;
	vertical-align:middle;
}

.main-footer-subtitle{
       
	font-size:13px;
	color:#aaa;
	position: absolute; right: 0px;
	bottom: 0px;
}




.sub_title{font-size: 40px; line-height: 50px; font-weight: 700; color: #222; margin: 30px 0 40px 0}
.sub_nav{}
.sub_nav ul{display: flex;}
.sub_nav ul li{margin-right: 10px}
.sub_nav ul li a{font-size: 16px; color: #999; line-height: 22px; font-weight: 400; padding: 10px 25px; border-radius: 50px}
.sub_nav ul li a:hover{background: #269ad3; color: #fff; transition-duration: 0.5s}
.sub_nav ul li.atvbtn a{background: #269ad3; color: #fff}


.sub_bg{background-size: cover !important; padding: 315px 0}
.sub_bg h2{font-size: 50px; line-height: 65px; font-weight: bold; color: #fff; text-shadow: 2px 0 4px rgba(0,0,0,0.2); }
.sub_bg p{font-size: 18px; line-height: 32px; font-weight: bold; 
           text-shadow: 2px 0 4px rgba(0,0,0,0.2); color: #fff; margin-top: 30px;}
           
.sub_bg_b{background-size: cover !important; padding: 315px 0}
.sub_bg_b h2{font-size: 50px; line-height: 65px; font-weight: bold; color: #222; }
.sub_bg_b p{font-size: 18px; line-height: 32px; font-weight: bold; 
           color: #222; margin-top: 30px;}           
           

.sub_mid_title{text-align: center; padding: 0 15px;}
.sub_mid_title p{margin: 15px 0; font-size: 24px; line-height: 32px; font-weight: bold; color: #222}
.sub_mid_title h2{font-size: 50px; line-height: 60px; font-weight: bold; color: #222}

.sub_left_title h3{font-size:27px; line-height: 32px; color: #222; font-weight: bold; padding-left: 15px; position: relative}
.sub_left_title h3 span{font-size: 32px;}
.sub_left_title h3 img{position: absolute; left: 0; top: 3px}
.sub_left_title h3 b{background: url(https://hansamkora.cafe24.com/theme/hansam/img/sub/02/02/txtbg.png); background-repeat: repeat-x}

.emt100{height: 100px}
.emt50{height: 50px}
.vision{padding: 100px 0 150px 0; background-size: cover !important; background-position: center;}
.vision .tit2{display: flex; margin-top: 100px}
.vision .tit2 li{width: 50%}
.vision .tit2 li h2{font-size: 35px; color: #222; line-height: 40px; font-weight: bold;}
.vision .tit2 li p{font-size: 18px; color: #222; line-height: 32px; font-weight: bold; margin-top: 20px;}
.vision .tit2 li p span{font-weight: 400; color: #666}
.vision .tit2 li:last-child{padding-left: 60px}
.vision .tit2 li .img_left{margin-left: 220px}

.ceo{background-repeat: repeat-x; padding: 120px 0 0 0}
.ceo .ceotit{margin-top: 130px; display: flex; padding-left: 100px}
.ceo .ceotit li{}
.ceo .ceotit li h2{font-size: 30px; font-weight: bold; line-height: 50px; color: #222; margin-top: 85px;}
.ceo .ceotit li h3{color: #fff; font-size: 30px; line-height: 48px; font-weight: bold;}
.ceo .ceotit li p{color: #fff; font-size: 18px; line-height: 25px; font-weight: 300; margin-top: 25px}
.ceo .ceotit li:last-child{padding-left: 80px;}

.history{padding: 100px 0; }
.history .sub_mid_title{margin-bottom: 130px}

.history .tit2{display: flex; background-repeat: repeat-y !important; background-position: center !important; padding: 100px 0 30px 0}
.history .tit2 li{width: 50%; padding: 0 50px;}
.history .right_txt{text-align: right}
.history .right_txt h1{color: #222; font-size: 56px; font-weight: bold; margin-bottom: 30px; position: relative}
.history .right_txt h1 img{position: absolute; right: -60px}
.history .right_txt p{font-size: 18px; line-height: 32px; font-weight: 300; padding-right: 45px; position: relative; color: #888}
.history .right_txt p b{position: absolute; right: 0; color: #222; font-weight: bold; top: 0}

.history .left_txt{text-align: left}
.history .left_txt h1{color: #222; font-size: 56px; font-weight: bold; margin-bottom: 30px; position: relative}
.history .left_txt h1 img{position: absolute; left: -60px}
.history .left_txt p{font-size: 18px; line-height: 32px; font-weight: 300; padding-left: 45px; position: relative; color: #888}
.history .left_txt p b{position: absolute; left: 0; color: #222; font-weight: bold; top: 0}

.history .center_txt{text-align: center}


.ink_nav{margin-bottom: 30px}
.ink_nav ul{display: flex;}
.ink_nav ul li{margin-right: 30px;}
.ink_nav ul li a{color: #999; font-size: 16px; line-height: 32px; border-bottom: 1px solid #fff; font-weight: 500}
.ink_nav ul li a:hover{color: #269ad3;  border-bottom: 1px solid #269ad3}
.ink_nav ul li.inK_line a{color: #269ad3;  border-bottom: 1px solid #269ad3}


.ink{padding: 100px 0; }
.ink ul{margin-top: 80px; display: flex; flex-wrap: wrap;
    justify-content: flex-start;}
.ink ul li{text-align: center; width: 25%; margin: 30px 0; padding: 0 30px}
.ink ul li p{margin-top: 8px; color: #888; font-size: 18px; line-height: 27px; font-weight: 400}
.ink ul li img{padding: 5px; border: 1px solid #f2f2f2}


.location{padding: 100px 0; }
.location .location_map{margin-top: 100px}
.location .location_info{margin-top: -100px; position: relative; z-index: 2}
.location .location_info ul{display: flex; max-width: 1170px; margin: 0 auto; align-items: stretch;
    justify-content: flex-start; background: #269ad3; }
.location .location_info ul li:first-child{background: #1b87bc; text-align: center; padding: 40px; display: flex; align-items: center;}
.location .location_info ul li:last-child{background: #269ad3; color: #fff; padding: 80px 50px}

.location .location_info ul li p{font-size: 18px; line-height: 32px; font-weight: 400; color: #fff; margin-bottom: 10px;}
.location .location_info ul li p b{font-weight: bold; }
.location .location_info ul li .info{margin-top: 20px;}
.location .location_info ul li .info span{font-size: 18px; line-height: 32px; font-weight: 400; color: #fff; margin-right: 40px;}



.sub_bg3{background-size: cover !important; padding: 100px 0 560px 0; text-align: center}
.sub_bg3 h3{margin-bottom: 20px; font-size: 26px; line-height: 35px; font-weight: 400; color: #222}
.sub_bg3 h2{font-size: 80px; line-height: 85px; font-weight: bold; color: #222; }
.sub_bg3 p{font-size: 18px; line-height: 32px; font-weight: bold; 
           color: #222; margin-top: 30px;}     


.product{padding: 110px 0}
.product .product_title{text-align: center}
.product .product_title h2{color: #222; font-size: 40px; line-height: 55px; font-weight: 300}
.product .product_title h2 b{font-weight: 600}
.product .product_title h2 span{margin: 0 10px}
.product .product_title p{font-size: 18px; font-weight: 300; color: #777; margin-top: 50px;}
.product .product_title p b{font-weight: bold;}

.product .icon4{display: flex; margin: 60px 0 90px 0}
.product .icon4 li{width: 25%; border-left: 1px solid #dddddd; text-align: center}
.product .icon4 li:first-child{border: 0}
.product .icon4 li h2{color: #222; font-size: 22px; line-height: 34px; font-weight: bold; margin: 15px 0 30px 0}
.product .icon4 li ul{display: block; text-align: left; max-width: 200px; margin: 0 auto; letter-spacing: -1px}
.product .icon4 li ul li{width: 100%; font-size: 18px; color:#666; line-height: 28px; font-weight: 400 ; text-align: left; border: 0; padding-left: 10px;; position: relative}
.product .icon4 li ul li span{position: absolute; left: 0; top: 0}

.product .icon5{display: flex; margin: 60px 0 90px 0}
.product .icon5 li{width: 20%; border-left: 1px solid #dddddd; text-align: center}
.product .icon5 li:first-child{border: 0}
.product .icon5 li h2{color: #222; font-size: 22px; line-height: 34px; font-weight: bold; margin: 15px 0 30px 0}
.product .icon5 li ul{display: block; text-align: left; max-width: 200px; margin: 0 auto; letter-spacing: -1px}
.product .icon5 li ul li{width: 100%; font-size: 18px; color:#666; line-height: 28px; font-weight: 400 ; text-align: left; border: 0; padding-left: 10px;; position: relative}
.product .icon5 li ul li span{position: absolute; left: 0; top: 0}

.product .icon3{display: flex; margin: 60px 0 90px 0}
.product .icon3 li{width: 33.33%; border-left: 1px solid #dddddd; text-align: center}
.product .icon3 li:first-child{border: 0}
.product .icon3 li h2{color: #222; font-size: 22px; line-height: 34px; font-weight: bold; margin: 15px 0 30px 0}
.product .icon3 li ul{display: block; text-align: left; max-width: 200px; margin: 0 auto; letter-spacing: -1px}
.product .icon3 li ul li{width: 100%; font-size: 18px; color:#666; line-height: 28px; font-weight: 400 ; text-align: left; border: 0; padding-left: 10px;; position: relative}
.product .icon3 li ul li span{position: absolute; left: 0; top: 0}


.product_qa{margin-top: 200px}
.product_qa ul{display: flex;}
.product_qa ul li{width: 50%;}
.product_qa ul li h1{font-size: 48px; font-weight: 500; color: #c1c1c1; margin-bottom: 20px; }
.product_qa ul li h1 b{font-weight: bold; color: #444}
.product_qa ul li h2{font-size: 38px; font-weight: 300; color: #666; line-height: 52px; margin-bottom: 20px;}
.product_qa ul li h2 b{font-weight: bold;}

.product_qa ul li:first-child{padding-right: 35px;}
.product_qa ul li:last-child{padding-left: 35px;}
.product_qa ul li:last-child h1{color: #9ed0e8}
.product_qa ul li:last-child h1 b{color: #219edb}
.product_qa ul li:last-child h2{color: #219edb}

.product_qa .num4{border-radius: 10px; background: #e2f3fb; position: relative; padding: 28px 25px 28px 100px; font-size: 18px; line-height: 27px; color: #666; font-weight: 400; margin-bottom: 10px}
.product_qa .num4 img{position: absolute; left: 15px; top: 50%; transform: translateY(-50%)}

.product_qa .num42{border-radius: 10px; background: #e2f3fb; position: relative; padding: 28px 25px 28px 100px; 
font-size: 18px; line-height: 27px; color: #666; font-weight: 400; margin-bottom: 10px; min-height: 120px;}
.product_qa .num42 img{position: absolute; left: 15px; top: 50%; transform: translateY(-50%)}

.product_tit{padding: 100px 0}
.product_tit .tit2{display: flex;}
.product_tit .tit2 .left{width: 25%;}
.product_tit .tit2 .right{width: 75%;}
.product_tit .tit2 p{color: #666; font-size: 18px; line-height: 33px; margin-bottom: 30px}
.product_tit .tit2 h3{color: #666; font-size: 24px; line-height: 40px; margin-bottom: 30px; font-weight: 400}
.product_tit .tit2 .box{border: 1px solid #ececec; border-radius: 10px; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); padding: 20px; background: #fff; position: relative; margin-bottom: 40px;}
.product_tit .tit2 .box img{width: 100%}
.product_tit .tit2 .box .box_name{color: #fff; background: #269ad3; padding:13px 25px 13px 15px; border-radius: 0 50px 50px 0; position: absolute; left: 0; top: 40px; font-size: 18px; line-height: 33px;}



.product_tit .tit2 .down{display: flex;}
.product_tit .tit2 .down li{border-radius: 10px; border: 1px solid #ececec; padding: 100px 35px; background-size: cover !important; width: 50%}
.product_tit .tit2 .down li h2{font-size: 25px; font-weight: bold; line-height: 32px; color: #222; margin-bottom: 2px}
.product_tit .tit2 .down li p{font-size: 20px; line-height: 32px; font-weight: 400; color: #222}
.product_tit .tit2 .down li a{color: #fff; font-size: 13px; line-height: 18px; font-weight: 300; padding: 8px 15px; background: #222222; border-radius: 50px; text-align: center; 
                   display: inline-block; margin-top: 15px}
.product_tit .tit2 .down li a:hover{background: #269ad3; transition-duration: 0.5s}
.product_tit .tit2 .down li a span{display: inline-block; margin-left: 5px; vertical-align: middle; margin-top: -3px}
.product_tit .tit2 .down li:first-child{margin-right: 15px}
.product_tit .tit2 .down li:last-child{margin-left: 15px}

.product_tit .tit2 .step6{display: flex; flex-wrap: wrap;}
.product_tit .tit2 .step6 li{text-align: center; margin: 0 10px 70px 10px; flex: 1;}
.product_tit .tit2 .step6 li:first-child{margin-left: 0}
.product_tit .tit2 .step6 li:nth-child(7){margin-left: 100px}
.product_tit .tit2 .step6 p{font-size: 16px; color:#aaa ; line-height: 26px; font-weight: normal; margin: 5px 0 0 0}
.product_tit .tit2 .step6 h2{color: #222; font-size: 20px; line-height: 26px; font-weight: normal; margin: 0}
.topnext{margin-top: 130px}



.product_tit .tit2 .product_tab ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 50%
}
.product_tit .tit2 .product_tab  ul.tabs li{
	background: none;
	color: #222;
	display: block;
	padding: 20px;
	cursor: pointer;
	font-size: 17px; line-height: 35px;
	border-bottom: 1px solid #dddddd; position: relative; height: 76px;
	margin-left: 50px
}
.product_tit .tit2 .product_tab  ul.tabs li:first-child{border-top:1px solid #ddd}
.product_tit .tit2 .product_tab  ul.tabs li.current{
	background: #222222;
	color: #fff;
	
}

.product_tit .tit2 .product_tab  ul.tabs li span{position: absolute; left: -76px; 

width: 0px;height: 0px; top:0;
  border-top:38px solid transparent;
  border-bottom:38px solid transparent;
  border-right: 38px solid transparent;
  border-left: 38px solid transparent;}

.product_tit .tit2 ul.tabs li.current span{position: absolute; left: -76px; 

width: 0px;height: 0px; top:0;
  border-top:38px solid transparent;
  border-bottom:38px solid transparent;
  border-right: 38px solid #222;
  border-left: 38px solid transparent;}

.product_tit .tit2 .tab-content{
	display: none;
	padding: 0px;
	width: 50%;
}

.product_tit .tit2 .tab-content.current{
	display: inherit;
}


.product_tab{display: flex; align-items: center;}


.product_af{margin-top: 200px}
.product_af ul{display: flex;}
.product_af ul li{width: 45%;}
.product_af ul li:nth-child(2){width: 10%}
.product_af ul li h1{font-size: 48px; font-weight: 500; color: #c1c1c1; margin-bottom: 20px; }
.product_af ul li h1 b{font-weight: bold; color: #444}
.product_af ul li h2{font-size: 36px; font-weight: 300; color: #666; line-height: 48px; margin-bottom: 40px;}
.product_af ul li h2 b{font-weight: bold;}
.product_af ul li .mtop{margin-top: 400px}



.product_af ul li:last-child h1{color: #9ed0e8}
.product_af ul li:last-child h1 b{color: #219edb}
.product_af ul li:last-child h2{color: #219edb}


.imgtit{display: flex;}


.product_tit .tit2 .skill{text-align: center}
.product_tit .tit2 .step5{display: flex; margin-top: 80px;}
.product_tit .tit2 .step5 li{text-align: center; width: 170px;}
.product_tit .tit2 .step5 li.auto{width: auto}
.product_tit .tit2 .step5 li h2{color: #222; font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 30px; margin: 10px 0 5px 0}
.product_tit .tit2 .step5 li p{color: #666; font-size: 16px; line-height: 26px; margin: 0}


.img_tit2{display: flex; }
.img_tit2 li{text-align: center; width: 50%}
.img_tit2 li:first-child{padding-right: 15px;}
.img_tit2 li:last-child{padding-left: 15px;}
.img_tit2 p{color: #666; margin-top: 5px; font-size: 22px; line-height: 32px;}


.product_tit .tit2 .sub_table{border-top: 1px solid #000; border-bottom: 1px solid #000}
.product_tit .tit2 .sub_table table{width: 100%; border-spacing: 0}
.product_tit .tit2 .sub_table table tr td{padding: 30px 30px; color: #666; font-size: 20px; line-height: 32px; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb}
.product_tit .tit2 .sub_table table tr td p{color: #666; font-size: 20px; line-height: 32px; text-align: center; margin: 0}
.product_tit .tit2 .sub_table table tr td h2{color: #333; font-size: 26px; font-weight: bold; line-height: 36px; margin: 0}

.product_tit .tit2 .sub_table table tr td:last-child{border-right: 0}
.product_tit .tit2 .sub_table table tr:last-child td{border-bottom: 0}



.product_tit .tit2 .step4{display: flex; flex-wrap: wrap; max-width: 750px}
.product_tit .tit2 .step4 li{text-align: center; margin: 0 10px 70px 10px; flex:1}
.product_tit .tit2 .step4 li:first-child{margin-left: 0}
.product_tit .tit2 .step4 li:nth-child(5){margin-left: 0px}
.product_tit .tit2 .step4 li:nth-child(4){display: none}
.product_tit .tit2 .step4 p{font-size: 16px; color:#aaa ; line-height: 26px; font-weight: normal; margin: 5px 0 0 0}
.product_tit .tit2 .step4 h2{color: #222; font-size: 20px; line-height: 26px; font-weight: normal; margin: 0}


.twobox{display: flex; align-items: center; margin-bottom: 60px}
.twobox img{border-radius: 10px; overflow: hidden; box-shadow: 5px 5px 5px rgba(0,0,0,0.2)}
.twobox h2{color: #222; font-size: 30px; font-weight: bold; line-height: 42px; margin-bottom: 15px}
.twobox h2 span{font-size: 22px; font-weight: 500; color: #9b9b9b; }
.twobox p{color: #666; font-size: 18px; line-height: 29px; position: relative; padding-left: 15px;}
.twobox p span{position: absolute; left: 0; top: 0}
.twobox p span img{box-shadow: 0 0 0}

.twobox li:last-child{padding: 0 0 0 50px}
.twobox li:last-child img{box-shadow: 0 0 0 0}

.twobox2{margin-bottom: 40px}
.twobox2 p{color: #666; font-size: 18px; line-height: 29px; position: relative; padding-left: 15px; font-weight: 400;}
.twobox2 p span{position: absolute; left: 0; top: 0}
.twobox2 p span img{box-shadow: 0 0 0}
.product_tit .tit2 p{margin: 0 0 5px 0}
.twobox2 p b{font-weight: 400; color: #269ad3}

.twobox3{margin-bottom: 40px}
.twobox3 p{color: #666; font-size: 18px; line-height: 29px; position: relative; padding-left: 15px; font-weight: 400;}
.twobox3 p span{position: absolute; left: 0; top: 0}
.twobox3 p span img{box-shadow: 0 0 0}
.product_tit .tit2 p{margin: 0 0 5px 0}
.twobox3 p b{font-weight: 600; }


.product_tit .tit2 .twobox p{margin: 5px 0; letter-spacing: -1px}

.gratitle{color: #fff; padding: 10px 25px;  background: linear-gradient(to right, #41badf, #5396e3); font-size: 22px; line-height: 33px; border-radius: 50px; display: inline-block}

.product_tit .tit2 .txt_left_tit{margin: 25px 0; display: flex;}
.product_tit .tit2 .txt_left_tit p{color: #666; font-size: 20px; line-height: 27px; position: relative; padding-left: 15px; font-weight: 400}
.product_tit .tit2 .txt_left_tit p span{position: absolute; left: 0; top: 0}
.product_tit .tit2 .txt_left_tit p b{font-weight: 400; color: #269ad3}
.product_tit .tit2 .txt_left_tit h3{margin: 15px 0 0 0; color: #666; font-size: 18px; line-height: 27px; padding-left: 15px; font-weight: 400}
.product_tit .tit2 .txt_left_tit li{width: 45%}



.product_tit .tit2 .sub_table2{border-top: 1px solid #000; border-bottom: 1px solid #000}
.product_tit .tit2 .sub_table2 table{width: 100%; border-spacing: 0}
.product_tit .tit2 .sub_table2 table tr td{padding: 12px; color: #666; font-size: 20px; line-height: 32px; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb}
.product_tit .tit2 .sub_table2 table tr td p{color: #666; font-size: 20px; line-height: 32px; text-align: center; margin: 0}
.product_tit .tit2 .sub_table2 table tr th{padding: 12px; color: #666; font-size: 20px; line-height: 32px; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; background: #e9e9e9}
.product_tit .tit2 .sub_table2 table tr th p{color: #666; font-size: 20px; line-height: 32px; text-align: center; margin: 0; font-weight: bold}
.product_tit .tit2 .sub_table2 table tr td h2{color: #333; font-size: 26px; font-weight: bold; line-height: 36px; margin: 0}
.product_tit .tit2 .sub_table2 .borderright{ border-right: 1px solid #dbdbdb !important}
.product_tit .tit2 .sub_table2 table tr td:last-child{border-right: 0}
.product_tit .tit2 .sub_table2 table tr:last-child td{border-bottom: 0}

.product_tit .tit2 .gra_txt{display: flex; }
.product_tit .tit2 .gra_txt li{border: 1px solid #ececec; border-radius: 10px; background: #fff; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); overflow: hidden; padding: 10px; position: relative}
.product_tit .tit2 .gra_txt li img{width: 100%}
.product_tit .tit2 .gra_txt li:first-child{margin-right: 15px}
.product_tit .tit2 .gra_txt li:last-child{margin-left: 15px}

.product_tit .tit2 .gra_txt2{display: flex; }
.product_tit .tit2 .gra_txt2 li{border: 1px solid #ececec; border-radius: 10px; background: #fff; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); overflow: hidden; padding: 10px; position: relative}
.product_tit .tit2 .gra_txt2 li img{width: 100%}


.product_tit .tit2 .gra_txt li .gra_txt_head{color: #fff; padding: 10px 25px;  background: linear-gradient(to right, #41badf, #5396e3); font-size: 22px; 
                     line-height: 33px; border-radius: 0 50px 50px 0; position: absolute; left: 0; top: 30px;}
.product_tit .tit2 .gra_txt2 li .gra_txt_head{color: #fff; padding: 10px 25px;  background: linear-gradient(to right, #41badf, #5396e3); font-size: 22px; 
                     line-height: 33px; border-radius: 0 50px 50px 0; position: absolute; left: 0; top: 30px;}


.product_tit .tit2 .gra_txt3{display: flex; }
.product_tit .tit2 .gra_txt3 li{border: 1px solid #ececec; border-radius: 10px; background: #fff; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); overflow: hidden; padding: 0px; position: relative}
.product_tit .tit2 .gra_txt3 li img{width: 100%}
.product_tit .tit2 .gra_txt3 li:first-child{margin-right: 15px}
.product_tit .tit2 .gra_txt3 li:last-child{margin-left: 15px}

.product_tit .tit2 .gra_txt3 li .gra_txt_head{color: #fff; padding: 10px 25px;  background: linear-gradient(to right, #41badf, #5396e3); font-size: 22px; 
                     line-height: 33px; border-radius: 0 50px 50px 0; position: absolute; left: 0; top: 30px;}

.product_tit .tit2 .sub_left_title .spet{}
.product_tit .tit2 .sub_left_title .spet img{position: relative}


.product_tit .tit2 .tit3{display: flex; flex-wrap: wrap;}
.product_tit .tit2 .tit3 li{width: 33.33%}

.centerimg{text-align: center; margin: 50px 0}
.centerimg2{text-align: center; margin: 0}
.centerimg2 p{margin: 5px 0 0 0; font-size: 16px; color: #9b9b9b}

.product_tit .tit2 .sub_table3{border-top: 1px solid #000; }
.product_tit .tit2 .sub_table3 table{width: 100%; border-spacing: 0}
.product_tit .tit2 .sub_table3 table tr td{padding: 15px 0; color: #666; font-size: 20px; line-height: 32px; border-bottom: 1px solid #dbdbdb; text-align: left}
.product_tit .tit2 .sub_table3 table tr th{padding: 15px 0; color: #666; font-size: 20px; line-height: 32px; border-bottom: 1px solid #dbdbdb; text-align: left}

.product_tit .tit2 .sub_table3 table tr th h2{padding-left: 15px; position: relative; font-size: 20px; font-weight: bold; color: #222; text-align: left; }
.product_tit .tit2 .sub_table3 table tr th h2 span{position: absolute; left: 0; top: 0}

.product_tit .tit2 .sub_table4{border-top: 1px solid #000; }
.product_tit .tit2 .sub_table4 table{width: 100%; border-spacing: 0}
.product_tit .tit2 .sub_table4 table tr td{padding:30px; color: #666; font-size: 18px; line-height: 32px; border-bottom: 1px solid #dbdbdb; text-align: left}
.product_tit .tit2 .sub_table4 table tr td b{font-weight: bold; font-size: 22px}


.product_tit .tit2  .tank_good{padding: 50px 70px; display: flex; border-bottom: 1px solid #dbdbdb}
.product_tit .tit2  .tank_good .icon{ margin-right: 30px}

.product_tit .tit2  .tank_good .txtbox{padding: 10px}
.product_tit .tit2  .tank_good .txtbox h2{color: #222; font-size: 26px; line-height: 30px; font-weight: bold; margin-bottom: 20px;}
.product_tit .tit2  .tank_good .txtbox p{font-size: 18px; line-height: 34px; color: #666; font-family: 'Montserrat', sans-serif; margin: 0; position: relative; padding-left: 20px}
.product_tit .tit2  .tank_good .txtbox p span{position: absolute; left: 0; font-weight: bold; color: #222}
.product_tit .tit2  .tank_good .txtbox p b{font-weight: bold}
.product_tit .tit2  .tank_good .txtbox p b.bg{background: url(https://hansamkora.cafe24.com/theme/hansam/img/sub/02/04/txtbg.png); background-repeat: repeat-x}

.product_tit .tit2 .wtab{}

.product_tit .tit2 .wtab ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: flex; justify-content: center;
}
.product_tit .tit2 .wtab ul.tabs li{
	background: none;
	color: #fff;
	padding: 15px 55px;
	cursor: pointer;
	background: #b4b4b4; border-radius: 50px; box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	text-align: center;
	font-size: 20px; line-height: 30px;
	margin: 0 10px
}

.product_tit .tit2 .wtab ul.tabs li.current{
	background: #269ad3;
	color: #fff;
}

.product_tit .tit2 .wtab .tab-content{
	display: none;
	padding: 50px 0 0 0;
	text-align: center;
	width: 100%
}

.product_tit .tit2 .wtab .tab-content.current{
	display: inherit;
}


.product_tit .tit2 .wtab .tab-content .center_txt{text-align: center; margin-bottom: 30px;}
.product_tit .tit2 .wtab .tab-content .center_txt h2{font-weight: 600; color: #222; line-height: 42px; font-size: 27px; margin-bottom: 20px;}
.product_tit .tit2 .wtab .tab-content .center_txt p{font-size: 18px; color: #666; line-height: 32px; }

.product_tit .tit2 .wtab .tab-content .tab_txt{text-align: left; margin: 30px 0}
.product_tit .tit2 .wtab .tab-content .tab_txt p{position: relative; padding-left: 15px; margin: 0;font-size: 20px; line-height: 27px; margin: 5px 0; font-weight: 400}
.product_tit .tit2 .wtab .tab-content .tab_txt p span{position: absolute; left: 0; top: 0}
.product_tit .tit2 .wtab .tab-content .tab_txt p b{color: #269ad3; font-weight: 400}

.product_tit .tit2 .downbtn{margin-top: 20px}
.product_tit .tit2 .downbtn a{color: #fff; font-size: 13px; line-height: 18px; font-weight: 300; padding: 8px 15px; background: #222222; border-radius: 50px; text-align: center; display: inline-block}
.product_tit .tit2 .downbtn a:hover{background: #269ad3; transition-duration: 0.5s}
.product_tit .tit2 .downbtn a span{display: inline-block; margin-left: 5px; vertical-align: middle; margin-top: -3px}




.product_tit .tit2 .number2{display: flex; flex-wrap: wrap; margin-top: 70px; letter-spacing: -1px}
.product_tit .tit2 .number2 li{width: 50%; padding-right: 15px; padding-left: 45px; position: relative; font-size: 18px; line-height: 33px; margin: 5px 0; text-align: left; color: #666}
.product_tit .tit2 .number2 li span{position: absolute; left: 0; top: 0}

.product_tit .tit2 .number1{display: flex; flex-wrap: wrap; margin-top: 0px; letter-spacing: -1px}
.product_tit .tit2 .number1 li{width: 100%; padding-right: 15px; padding-left: 45px; position: relative; font-size: 18px; line-height: 33px; margin: 5px 0; text-align: left; color: #666}
.product_tit .tit2 .number1 li span{position: absolute; left: 0; top: 0}

.max730{max-width: 730px; margin: 30px auto; text-align: left; }



.product_tit .tit2 .tit2_txt{display: flex; margin: 50px 0}
.product_tit .tit2 .tit2_txt li{margin-right: 20px; text-align: center}
.product_tit .tit2 .tit2_txt li p{margin-top: 10px; font-size: 22px; color: #666; line-height: 32px;}


.rental{text-align: center}

.product_tit .tit2  .step04_rental{display: flex;}
.product_tit .tit2  .step04_rental li{text-align: center; margin: 0 5px}
.product_tit .tit2  .step04_rental li:first-child{margin-left: 0}
.product_tit .tit2  .step04_rental li:last-child{margin-right: 0}
.product_tit .tit2  .step04_rental p{font-size: 18px; color: #666; font-weight: 400; line-height: 23px; margin-top: 10px}
.product_tit .tit2  .step04_rental p b{color: #269ad3; font-weight: 400}
.product_tit .tit2  .step04_rental .mtop{margin-top: 80px}



.product_tit .tit2  .step10_rental{display: flex;}
.product_tit .tit2  .step10_rental li{text-align: center; margin: 0 10px}
.product_tit .tit2  .step10_rental li:first-child{margin-left: 0}
.product_tit .tit2  .step10_rental li:last-child{margin-right: 0}
.product_tit .tit2  .step10_rental p{font-size: 20px; color: #222; font-weight: 400; line-height: 23px; margin-top: 10px}
.product_tit .tit2  .step10_rental p b{color: #aaaaaa; font-weight: 400; font-size: 16px;}
.product_tit .tit2  .step10_rental .mtop{margin-top: 100px}

.product_tit .tit2  .step10_rental li .box{padding: 30px 5px; min-width: 180px; letter-spacing: -1px}
.product_tit .tit2  .step10_rental li .box img{width: auto}


#bo_w{max-width: 1440px  !important; margin: 0 auto !important}

.qna{border-top: 1px solid #000; padding: 50px 0}
.qna p{font-size: 15px; color: #999; line-height: 20px; margin-bottom: 30px}
.qna p span{color: red}
.qna ul li{padding: 30px 0;}
.qna ul li p{font-size: 18px; line-height: 25px; margin: 0; width: 100%; display: block;}
.qna ul li p em{font-size: 16px; font-style: normal;}
.qna ul li input[type=radio]{display: inline-block; margin-right: 5px; margin-left: 10px}
.qna ul li input[type=radio]:first-child{margin-left: 0}
.qna ul li input[type=radio]:checked + label{color: #222}
.qna ul li .radio{display: block; vertical-align: top; margin-top: 0px;}
.qna ul li .radio label{color: #c1c1c1; font-size: 16px; line-height: 22px; font-weight: 400}

.qna ul li input[type=text]{border: 0px; border-bottom: 1px solid #dddddd;border-radius: 0; box-shadow:none ; vertical-align: top; font-size: 16px; width: 100%; display: block}
.qna ul li input[type=password]{border: 0px; border-bottom: 1px solid #dddddd;border-radius: 0; box-shadow:none ; vertical-align: top; font-size: 16px; width: 100%; display: block}

.qna ul li span{margin: 15px}
.qna ul li .frm_input{height: auto; padding: 10px; }
#captcha #captcha_key{display: inline-block}
.qna ul li .halfinput{width: 39% !important}
.board_tit3{display: flex;}
.board_tit3 .tit{flex:1; padding: 0 30px; border-right: 1px solid #ddd}
.board_tit3 .tit:first-child{padding-left: 0;}
.board_tit3 .tit:last-child{border-right: 0}
.board_tit3 .tit p{width: 140px}

.board_tit2{display: flex;}
.board_tit2 .tit{flex:1; padding: 0 30px; border-right: 0px solid #ddd}
.board_tit2 .tit:first-child{padding-left: 0;}
.board_tit2 .tit:last-child{border-right: 0}
.board_tit2 .tit p{width: 140px}

.board_tit2 .tit select{border: 0px; border-bottom: 1px solid #dddddd;border-radius: 0; box-shadow:none ; vertical-align: top; font-size: 16px; min-width: 300px; color: #999; padding: 10px}

.qna ul li .radio input[type=text]{border: 0px; border-bottom: 1px solid #dddddd;border-radius: 0; box-shadow:none ; vertical-align: top; font-size: 16px; width: 50px; margin-top: 0px; margin-left: 5px}

.qna ul li .radio span{margin: 0 5px}

#bo_w #wr_password{margin-left: 0 !important}

#bo_w .btn_cancel{background: #666; font-size: 16px; color: #fff; border-radius: 50px; padding: 15px 40px; line-height: auto; height: auto; margin-right: 10px}
#bo_w .btn_submit{background: #222222; font-size: 16px; color: #fff; border-radius: 50px; padding: 15px 40px; line-height: auto; height: auto}
.btn_confirm{margin-bottom: 100px !important}

#bo_w .btn_cancel:hover{background: #269ad3; transition-duration: 0.5s}
#bo_w .btn_submit:hover{background: #269ad3; transition-duration: 0.5s}


#bo_list{max-width: 1440px  !important; margin: 0 auto !important; padding-bottom: 100px}



#bo_v{max-width: 1440px  !important; margin: 0 auto !important; padding-bottom: 100px}



.viewboard{}
.viewboard ul li{font-size: 16px; padding: 10px; border-bottom: 1px solid #ddd; line-height: 25px}
.viewboard ul li span{display: inline-block; margin-right: 10px;}


.product_tit .tit2 .system_ink{display: flex;}
.product_tit .tit2 .system_ink li{text-align: center}
.product_tit .tit2 .system_ink li p{font-size: 18px; line-height: 25px; color: #666; margin-top: 15px;}
.product_tit .tit2 .system_ink li p span{font-size: 14px; display: block; line-height: 18px; color: #999999}


.cate_board{text-align: center; font-size: 14px; color: #999999; width: 15%}
#bo_list tbody tr{cursor: pointer}
#bo_list tbody tr td{padding:30px 15px}
#bo_list tbody .even td{background: #fff !important}

#bo_list tbody tr{border-left: 0}

#bo_list tbody tr:hover .bo_tit a{color: #2ba6e2}

.bo_tit:hover a {color: #2ba6e2; font-style: normal; text-transform: none;  text-decoration:none;}
#bo_list tbody tr:hover .contant_list a{color: #2ba6e2; font-style: normal; text-transform: none;  text-decoration:none;}
#bo_list tbody tr:hover .date{color: #2ba6e2; font-style: normal; text-transform: none;  text-decoration:none;}
#bo_list tbody tr:hover .cate_board a{color: #2ba6e2; font-style: normal; text-transform: none;  text-decoration:none;}