#visual{width:100%;min-width:1100px;height:100vh;margin:0 auto;position:relative;overflow:hidden;visibility:hidden;background:url(../img/main/visual.jpg) no-repeat center center;background-size:cover;display:flex;flex-direction: column;justify-content: center;align-items: center;padding-top: 10rem;}
#visual .visual_text{
    color: #FFF;
    text-align: center;
}
#visual .visual_text .v_txt{font-size: 30px;letter-spacing:-.3rem;font-weight:500}
#visual .visual_text .v_tit{font-size:6.5rem;letter-spacing:-.3rem;font-weight:700;color:#ffcc00}
#visual .visual_text .v_tit img{height:100px;margin-top: 20px;}
#visual .visual_text .v_tel{font-size: 3rem;display:block;margin-top: 0;padding: 3px 0;width: 100%;text-align:center;background:#ffcc00;color:#000;border-radius: 50rem;font-weight: 800;margin-bottom: 13px;}
#visual .visual_text .v_tel.ver_big{font-size:3.5rem;margin-top: 30px;}

p.v_tel.ver_big.aos-init.aos-animate {}
#visual .visual_text .v_stxt{font-size: 1.7rem;margin-top: 30px;}
#visual .visual_text .v_stxt img{width:150px}

.w1200 {width:1200px; margin-left:auto;margin-right:auto;}
#visual .sliderbx{ z-index:10;width:100% !important; height:100vh; position:relative;}
#visual #slogan{text-align:center; color:#fff; width:1100px; position:absolute; top:50%; left:50%;  z-index:998; transform:translate(-50%, -50%);}
#visual #slogan p{
	    font-family: 'GyeonggiTitleM';
	    font-size: 45px;
}
#visual #slogan p span{
    display: block;
    font-size: 13px;
    letter-spacing: 4px;
    color: #888888;
    margin-top: 9px;
}
#visual #slogan .slogon_list{text-align:center;}
#visual #slogan .slogon_list > li{display:inline-block; margin:0 40px 0 0; width:140px; height:140px; border-radius:50%; border:2px solid #fff;}
#visual #slogan .slogon_list > li:nth-child(1){background:url(../img/main/icon_main01.svg)no-repeat center 30%; background-size:55%;}
#visual #slogan .slogon_list > li:nth-child(2){background:url(../img/main/icon_main02.svg)no-repeat center 30%; background-size:50%;}
#visual #slogan .slogon_list > li:nth-child(3){margin:0; background:url(../img/main/icon_main03.svg)no-repeat center 30%; background-size:55%;}
#visual #slogan .slogon_list > li > p{padding-top:94px; font-size:20px; font-weight:bold; color:#fff;}

#visual .sliderbx > li{ width:100% !important; height:100vh; background-repeat:no-repeat; background-position: center top;}
#visual .sliderbx > li.mv01{background: url(../img/main/visual01.jpg) no-repeat;background-size: cover;}
#visual .sliderbx > li.mv02{background-image:url(../img/main/mvisual01.jpg)}
#visual .sliderbx > li.mv03{background-image:url(../img/main/mvisual03.jpg)}
#visual .sliderbx > li a{ display:block; width:100%; height:650px;}

#visual div.bx-pager{ position:absolute; bottom:30px; left:50%; z-index:101; transform:translateX(-50%);}
#visual div.bx-pager div{float:left; margin:0 4px;}
#visual div.bx-pager div a{ display:block; width:12px; height:12px; text-indent:-9999px; border-radius:10px; background:#fff; box-sizing:border-box;}
#visual div.bx-pager div a.active{background:transparent; border:3px solid #fff;}

#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px; }
#visual div.bx-controls-auto a{	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}

#hd_wrapper {
	width: 100%;
	height: 90px;
	line-height: 90px;
	padding: 0 2vw;
	margin-top: 20px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#hd.on #hd_wrapper{
	background: #2f2f2f;
	margin-top: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}


.prd_slide2 .swiper-slide{text-align:center}

@media (max-width:1201px) {
	#hd_wrapper {padding:0;margin-top:0}
	.w1200 {width:768px;}
}

#container_index .title{text-align:center;padding-top: 0vh;margin-bottom:40px}
#container_index .title .s_img{text-align:center;border-radius:50%;background:#b2cbe5;width: 80px;height: 80px;display: flex;justify-content: center;margin: 0 auto 30px;align-items: center;}
#container_index .bg_ver .title .s_img{background:#FFF;}
.title h2{font-size:4rem;font-weight:700;color:#111;font-family: 'yg-jalnan' !important;}
.title.whiteVer h2{ color:#FFF;}
.title span{display:block;margin: 20px auto 40px;font-size: 1.5rem;font-weight:600;color:#333;word-break:keep-all;line-height:1.4}
.title.whiteVer span{ color:#FFF;}

.area_jinsong{padding: 200px 0;}
.area_jinsong .area_box{margin:60px 0 0;}
.area_box{
}

.area_organization{padding:120px 0; background:url(../img/main/organization_bg.jpg) repeat center;}
.area_organization ul.list{margin:50px 0 0; width:100%;}
.area_organization ul.list:after{display:block; clear:both;content:"";}
.area_organization ul.list > li{float:left; margin:0 30px 0 0; padding:20px; width:calc((100%/4) - 23px); width:-webkit-calc((100%/4) - 23px); background:#fff; border-radius:6px; box-sizing:border-box; border:1px solid #34250e; box-shadow: 4.83px 1.294px 9px 1px rgba(0, 0, 0, 0.09);}
.area_organization ul.list > li:last-child{margin:0;}
.area_organization ul.list > li .area_icon{margin:0 auto; width:120px; height:120px; box-sizing:border-box; border-radius:50%;}
.area_organization ul.list > li .area_txt{margin:20px 0 0; min-height:180px; text-align:center;}
.area_organization ul.list > li .area_txt h3{display:block; margin:0 0 5px; font-size:22px; font-weight:bold; color:#333;}
.area_organization ul.list > li .area_txt p{font-size:16px; font-weight:400; color:#555; line-height:1.5em; word-break:keep-all;}
.area_organization ul.list > li:nth-child(1) .area_icon{background:#ece5d8 url(../img/main/icon_organization01.svg)no-repeat center; background-size:42%;}
.area_organization ul.list > li:nth-child(2) .area_icon{background:#ece5d8 url(../img/main/icon_organization02.svg)no-repeat center; background-size:55%;}
.area_organization ul.list > li:nth-child(3) .area_icon{background:#ece5d8 url(../img/main/icon_organization03.svg)no-repeat center; background-size:31%;}
body.ie .area_organization ul.list > li:nth-child(3) .area_icon{background-size:48%;}
.area_organization ul.list > li:nth-child(4) .area_icon{background:#ece5d8 url(../img/main/icon_organization04.svg)no-repeat center; background-size:45%;}

@media all and (max-width:900px){
	.area_organization ul.list > li{width:calc((100%/2) - 15px); width:-webkit-calc((100%/2) - 15px);}
	.area_organization ul.list > li:nth-child(2){margin:0 0 30px;}
	.area_organization ul.list > li .area_txt{min-height:130px;}
}
@media (max-width: 860px){
	.area_jinsong{padding:125px 0;}
	.area_organization{padding:70px 0;}
	.area_jinsong .area_box{margin:30px 0 0;}
	.title h2{font-size: 20px;}
	.title span{font-size: 13px;margin: 15px auto 20px;padding: 0 8%;}
	.area_organization ul.list{margin:30px 0 0;}
	.area_organization ul.list > li{margin:0 12px 0 0; padding:20px 10px; width:calc((100%/2) - 6px); width:-webkit-calc((100%/2) - 6px);}
	.area_organization ul.list > li:nth-child(2){margin:0 0 12px;}
	.area_organization ul.list > li .area_txt{min-height:160px;}
	.area_box img.w{display:none;}
	.area_box img.m{display:block;}
	#visual #slogan p{font-size: 28px;width: 60%;margin: 0 auto;line-height: 1.2;}
}
#visual #slogan p span{
	letter-spacing: 0;
}
@media all and (max-width:550px){
	.area_organization{padding:50px 0;}
	.title h2{font-size: 20px;}
	.title span{}
	.area_organization ul.list > li .area_icon{width:100px; height:100px;}
	.area_organization ul.list > li .area_txt{margin:12px 0 0;}
	.area_organization ul.list > li .area_txt h3{font-size:19px;}
	.area_organization ul.list > li .area_txt p{font-size:15px;}
}
@media all and (max-width:500px){
	.title h2{font-size: 20px;}
	.area_organization ul.list > li .area_txt h3{font-size:17px;}
	.area_organization ul.list > li .area_txt{min-height:200px;}
}
@media all and (max-width:430px){
	.area_organization ul.list > li .area_txt{min-height:200px;}
}
@media all and (max-width:400px){
	.area_organization ul.list > li{margin:0 0 12px; width:100%;}
	.area_organization ul.list > li .area_txt{min-height:auto;}
}

#interior{padding:140px 0; background:url(../img/main/interior_bg.jpg) no-repeat center; background-size:cover;}
.area_interior{position:relative;width:100%; margin:60px 0 0;}
.area_interior:after{display:block; clear:both;content:"";}
.area_interior .left{float:left;}
.area_interior .left img{width:auto;}
.area_interior .right{position:absolute; top:0; right:0; bottom:0; width:calc(100% - 493px);}
.r_top{margin:30px auto 50px; width:70%; padding:15px 30px; box-sizing:border-box; border-radius:10px; background:#4c382c; text-align:center;}
.r_top h3{display:block; margin:0 0 5px; font-size:27px; font-weight:bold; color:#fff; line-height:1.5em; word-break:keep-all;}
.r_top p{display:block; font-size:19px; font-weight:300; color:#fff; line-height:1.5em; word-break:keep-all;}
.area_interior .right .r_bottom{}
.area_interior .right .r_bottom img{width:auto; margin:0 30px 0 0;}
.area_interior .right .r_bottom img:last-child{margin:0;}

@media all and (max-width:1023px){
	.r_top{margin:20px auto 30px;}
}
@media all and (max-width:900px){
	#interior{background-size:cover;}
	.area_interior{margin:30px 0 0; text-align:center;}
}
@media all and (max-width:767px){
	#interior{padding:125px 0;}
	.r_top{margin:20px auto 30px; width:90%;}
}
@media all and (max-width:650px){
	.area_interior .left img{width:70%;}
	.r_top h3{font-size:24px;}
	.r_top p{font-size:17px;}
}
@media all and (max-width:550px){
	.r_top{margin:10px auto 20px; width:100%; padding:15px;}
	.r_top h3{font-size:20px;}
	.r_top p{font-size:16px;}
}
#menu{padding:160px 0; background:url(../img/main/menu_bg.jpg) repeat-y center;}
.tabs{margin: 20px 0 0;text-align: left;}
.tabs li{display:inline-block;margin:0 10px 0 0;padding:11px;min-width:130px;background:#fff;border: 2px solid #4c96ff;box-sizing:border-box;border-radius:5px;transition:all 0.3s ease 0s;cursor:pointer;text-align:center;font-size: 15px;}
.tabs li span{font-size:22px; font-weight:600; line-height:1.3em;}
.tabs li:hover, .tabs li.active{background: #4c96ff;color:#fff;box-shadow: 0px 5px 9px 1px rgba(92, 69, 53, 0.27);}
.tabs li.active a,
.tabs li:hover a{color:#fff;}
.tab_container{margin:50px 0 0;}
.tab_container .list{width:100%:}
.tab_container .list:after{display:block; clear:both;content:"";}
.tab_container .list > li{float:left; margin:0 40px 40px 0; width:-webkit-calc((100%/3) - 27px); width:calc((100%/3) - 27px); background:#fff; border:3px solid #dad4cf; box-sizing:border-box; box-shadow: 0px 5px 16px 4px rgba(193, 183, 175, 0.1);}
.tab_container .list > li:nth-child(3n){margin:0;}
.tab_container .list > li .area_img{margin:25px 25px 0; box-sizing:Border-box; }
.tab_container .list > li .area_img img{width:100%; height:100%;}
.tab_container .list > li .area_txt{padding:15px; box-sizing:Border-box; font-size:22px; font-weight:bold; text-align:center;}

@media all and (max-width:1024px){
	.tab_container .list > li{margin:0 30px 30px 0; width:-webkit-calc((100%/3) - 20px); width:calc((100%/3) - 20px);}
	.tab_container .list > li .area_img{margin:15px 15px 0;}
	.tab_container .list > li .area_txt{font-size:20px; padding:10px;}
}
@media all and (max-width:768px){
	#menu{padding:125px 0;}
	.tabs{margin:30px 0 0;}
	.tabs li{min-width:90px; padding:7px; margin:0 7px 0 0;}
	.tabs li span{font-size:18px;}
	.tab_container{margin:30px 0 0;}
	.tab_container .list > li{margin:0 20px 20px 0; width:-webkit-calc((100%/2) - 10px); width:calc((100%/2) - 10px);}
	.tab_container .list > li:nth-child(3n){margin:0 20px 20px 0;}
	.tab_container .list > li:nth-child(2n){margin:0;}
	.tab_container .list > li .area_img{margin:15px 15px 0;}
	.tab_container .list > li .area_txt{font-size:20px; padding:10px;}
}
@media all and (max-width:550px){
	.tabs{margin:20px 0 0;}
	.tabs li{min-width:75px;}
	.tabs li span{font-size:16px;}
	.tab_container{margin:20px 0 0;}
	.tab_container .list > li{margin:0 12px 12px 0; width:-webkit-calc((100%/2) - 6px); width:calc((100%/2) - 6px);}
	.tab_container .list > li:nth-child(3n){margin:0 12px 12px 0;}
	.tab_container .list > li:nth-child(2n){margin:0;}
	.tab_container .list > li .area_img{margin:10px 10px 0;}
	.tab_container .list > li .area_txt{font-size:16px; padding:8px;}
}
@media all and (max-width:400px){
	.tabs li{padding:5px; min-width:60px;}
	.tabs li span{font-size:14px;}
}
#store .area_store{padding:160px 0;background:url(../img/main/store_bg.jpg) repeat-y center; text-align:center; background-size:100% 100%;}
#store .area_store .area_txt{margin:30px 0 0; text-align:center;}
#store .area_store .area_txt h3{position:relative; display:inline-block; font-family: 'SangSangRock'; font-size:35px; font-weight:bold; word-break:keep-all; z-index:1;}
#store .area_store .area_txt h3:before{content:''; position:absolute; left:0; right:0; bottom:5px; width:100%; height:15px; border-radius:50px; background:#ffba00; opacity:0.2; z-index:-1;}
#store .area_store .area_txt h3 .red{display:inline-block; font-size:35px; font-weight:bold; color:#eb0b35;}
#store .area_store .area_txt span{display:block; margin:5px 0 0; font-size:23px; font-weight:400; line-height:1.5em; word-break:keep-all; color:#333;}
#store .area_process{padding:120px 0; background:#ede7db;}


.process_list{margin:50px 0 0; text-align:center;}
.process_list > li{position:relative; display:inline-block; margin:0 60px 60px 0; vertical-align:top;}
.process_list > li:nth-child(4){margin:0;}
.process_list > li .area_icon{position:relative; width:205px; height:205px; border-radius:50%; background:#fff; border:2px solid #34250e; box-sizing:border-box; }
.process_list > li i{display:inline-block; position:absolute; top:-10px; left:50%; padding:0 10px; transform:translateX(-50%); background:#5c4535; border-radius:50px; text-align:center;}
.process_list > li i > span{font-style:normal; font-size:17px; font-weight:400; color:#fff;}
.process_list > li h3{margin:12px 0 0; font-size:24px; font-weight:500; color:#333; word-break:keep-all; line-height:1.3em;}
.process_list > li:nth-child(1) .area_icon{background:#fff url(../img/main/icon_process01.svg)no-repeat center; background-size:32%;}
.process_list > li:nth-child(2) .area_icon{background:#fff url(../img/main/icon_process02.svg)no-repeat center; background-size:34%;}
.process_list > li:nth-child(3) .area_icon{background:#fff url(../img/main/icon_process03.svg)no-repeat center; background-size:29%;}
.process_list > li:nth-child(4) .area_icon{background:#fff url(../img/main/icon_process04.svg)no-repeat center; background-size:31%;}
.process_list > li:nth-child(5) .area_icon{background:#fff url(../img/main/icon_process05.svg)no-repeat center; background-size:25%;}
body.ie .process_list > li:nth-child(5) .area_icon{background-size:33%;}
.process_list > li:nth-child(6) .area_icon{background:#fff url(../img/main/icon_process06.svg)no-repeat center; background-size:32%;}
.process_list > li:nth-child(7) .area_icon{background:#fff url(../img/main/icon_process07.svg)no-repeat center; background-size:30%;}


#store .area_cost{padding:120px 0; background:#f4f0e9;}
.table_cost{margin:50px 0 0;}
.table_cost:after{display:block; clear:both;content:"";}
.table_cost > div{float:left; margin: 0 60px 0 0; width:calc((100%/2) - 30px); width:-webkit-calc((100%/2) - 30px);}
.table_cost .left{}
.table_cost .right{margin:0;}
.table caption{display:none;}
.cost_title{display:block; padding:5px; box-sizing:border-box; border-radius:5px 5px 0 0; background:#5c4535; font-size:25px; font-weight:bold; color:#fff; text-align:center;}
.area_table .table{margin-bottom:0; border:2px solid #5c4535; text-align:center;}
.area_table .table thead tr td{background:#ede7db; font-size:23px; font-weight:600; color:#333; border-bottom:1px solid rgba(92,69,53,0.1); border-right:1px solid rgba(92,69,53,0.1);}
.area_table .table tbody tr td:first-child{background:#fbfaf8;}
.area_table .table tbody tr td{vertical-align:middle; padding:10px; background:#fff; font-size:20px; font-weight:400; color:#333; border-right:1px solid rgba(92,69,53,0.1);}
.area_table .table tbody tr td em{font-style:normal; padding:2px 15px; background:#eb0b35; font-weight:500; border-radius:50px; color:#fff; box-sizing:border-box;}
.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th{border-top:1px solid rgba(92,69,53,0.1);}
.table_cost .left .area_table .table tbody tr td{padding:29px 10px 28px;}
.table_cost .left .area_table .table tbody tr td span{margin:2px 0 0; font-size:15px; display:block;}
.area_info{margin:50px 0 0; width:100%;}
.area_info .cost_box{border:2px solid #5c4535; background:#fff; padding:30px 0; box-sizing:border-box;}
.area_info .cost_box:after{display:block; clear:both;content:"";}
.area_info .cost_box .left{position:relative; float:left; width:50%; padding:0 30px; box-sizing:border-box; text-align:center;}
.area_info .cost_box .left p{font-size:20px; font-weight:400; color:#333; line-height:1.5em; word-break:keep-all;}
.area_info .cost_box .right{position:relative; float:left; width:50%; padding:0 30px; box-sizing:border-box;}
.area_info .cost_box .right ul > li{display:block; margin:0 0 3px; font-size:18px; font-weight:400; color:#333; line-height:1.5em; word-break:keep-all;}
.area_info .cost_box .right ul > li:last-child{margin:0;}
.area_info .cost_box .right:before{content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#5c4535; opacity:0.1;}

@media all and (max-width:1200px){
	.process_list > li{margin:0 35px 40px 0;}
}
@media all and (max-width:1024px){
	.process_list > li{margin:0 20px 40px 0;}
	.process_list > li h3{font-size:22px;}
	.process_list > li .area_icon{width:180px; height:180px;}
}
@media all and (max-width:900px){
 	.table_cost > div{margin:0 30px 0 0; width: calc((100%/2) - 15px); width: -webkit-calc((100%/2) - 15px);}
	.area_info{margin:30px 0 0;}
	.cost_title{font-size:22px;}
	.area_table .table thead tr td{font-size:20px;}
	.area_table .table tbody tr td{font-size:18px;}
	.table_cost .left .area_table .table tbody tr td{padding:27px 10px 28px;}
	.area_info .cost_box .left p{font-size:18px;}
	.area_info .cost_box .right ul > li{font-size:16px;}
}
@media all and (max-width:870px){
	.process_list > li{width:30%;}
	.process_list > li:nth-child(4){margin:0 20px 40px 0;}
	.process_list > li:nth-child(3n){margin:0;}
	.process_list > li .area_icon{margin:0 auto;}
}
@media all and (max-width:767px){
	#store .area_store,
	#store .area_process,
	#store .area_cost{padding:125px 0;}
	#store .area_store .area_txt span{font-size:20px;}
	#store .area_store .area_txt h3{font-size:32px;}
	.process_list > li{width:40%;}
	.process_list > li:nth-child(4){margin:0 20px 40px 0;}
	.process_list > li:nth-child(3n){margin:0 20px 40px 0;}
	.process_list > li:nth-child(2n){margin:0;}
	.process_list > li:last-child{margin:0;}
	.process_list > li h3{font-size:20px;}
	.table_cost{margin:30px 0 0;}
	.table_cost > div{width:100%;}
	.table_cost .left{margin:0 0 20px;}
	.area_info{margin:20px 0 0;}
	.area_info .cost_box {padding:30px;}
	.area_info .cost_box .left{padding:0 0 15px; width:100%; box-sizing:border-box;}
	.area_info .cost_box .right{padding:15px 0 0; width:100%;}
	.area_info .cost_box .right:before{right:0; width:100%; height:1px;}
	.table_cost .left .area_table .table tbody tr td{padding:10px;}
}
@media all and (max-width:550px){
	#store .area_store .area_txt{margin:20px 0 0;}
	#store .area_store .area_txt h3{width:70%; margin:0 auto; font-size:30px; line-height:0.7em;}
	#store .area_store .area_txt span{margin:0; font-size:18px;}
	.area_info .cost_box{padding:15px;}
	.table_cost{margin:15px 0 0;}
	.cost_title{font-size:20px;}
	.area_table .table thead tr td{font-size:18px;}
	.area_table .table tbody tr td{font-size:16px;}
	.area_table .table tbody tr td span{margin:0; font-size:14px;}
	.area_info .cost_box .left p{font-size:16px;}
	.area_info .cost_box .right ul > li{font-size:15px;}

}
@media all and (max-width:500px){
	.process_list > li i > span{font-size:14px;}
	.process_list > li .area_icon{width:150px; height:150px;}
	.process_list > li h3{font-size:18px;}
}
@media all and (max-width:400px){
	.process_list > li i > span{font-size:12px;}
	.process_list > li .area_icon{width:130px; height:130px;}
	.process_list > li h3{font-size:17px;}
	#store .area_store .area_txt h3{width:85%;}
}
#sns{padding:150px 0; background:#302d2d;}
#sns .title h2{color:#fff;}
.area_sns{margin:50px 0 0;}
.area_sns:after{display:block; clear:both;content:"";}
.area_sns > li{float:left; margin: 0 60px 0 0; padding:45px 20px; box-sizing:border-box; border-radius:20px; width:calc((100%/2) - 30px); width:-webkit-calc((100%/2) - 30px); text-align:center;}
.area_sns > li:first-child{background:#2db400;}
.area_sns > li:last-child{margin:0; background-image: -moz-linear-gradient( 62deg, rgb(239,194,92) 0%, rgb(240,61,82) 37%, rgb(172,57,174) 70%, rgb(65,68,235) 100%);
  background-image: -webkit-linear-gradient( 62deg, rgb(239,194,92) 0%, rgb(240,61,82) 37%, rgb(172,57,174) 70%, rgb(65,68,235) 100%);
  background-image: -ms-linear-gradient( 62deg, rgb(239,194,92) 0%, rgb(240,61,82) 37%, rgb(172,57,174) 70%, rgb(65,68,235) 100%);
  }
.area_sns > li > a{display:block;}
.area_sns > li > a .area_icon{display:inline-block; width:95px; height:80px; background-size:contain; background:url(../img/main/icon_blog.svg)no-repeat center; vertical-align:middle;}
.area_sns > li:nth-child(2) > a .area_icon{width:80px; height:80px; background-size:contain; background:url(../img/main/icon_insta.svg)no-repeat center; vertical-align:middle;}
.area_sns > li > a h3{display:inline-block; margin:0 0 0 10px; font-size:25px; font-weight:600; color:#fff; line-height:1.3em; vertical-align:middle;}

@media all and (max-width:1300px){
	.area_sns > li{margin:0 30px 0 0; width: calc((100%/2) - 15px); width: -webkit-calc((100%/2) - 15px);}
}
@media all and (max-width:850px){
	.area_sns > li{padding:40px 10px; margin:0 20px 0 0; width: calc((100%/2) - 10px); width: -webkit-calc((100%/2) - 10px);}
	.area_sns > li > a .area_icon{width:75px; height:60px;}
	.area_sns > li:nth-child(2) > a .area_icon{width:60px; height:60px;}
	.area_sns > li > a h3{font-size:20px;}
}
@media all and (max-width:768px){
	#sns{padding:125px 0;}
	.area_sns > li{margin:0 12px 0 0; width: calc((100%/2) - 6px); width: -webkit-calc((100%/2) - 6px);}
}
@media all and (max-width:550px){
	.area_sns > li > a .area_icon{display:block; margin:0 auto;}
	.area_sns > li > a h3{margin:10px 0 0;}
}
@media all and (max-width:450px){
	.area_sns > li{padding:30px 10px;}
	.area_sns > li > a h3{font-size:18px;}
}

#media{padding:170px 0; background:url(../img/main/media_bg.jpg) no-repeat center; background-size:cover; text-align:center;}
.btn.board{margin:40px 0 0; width:350px; background: #7c181d; border-color: #7c181d; padding: 15px; font-size: 20px; color:#fff;}

@media all and (max-width:1500px){
	#media{padding:167px 0;}
}
@media all and (max-width:1300px){
	#media{padding:164px 0;}
}
@media all and (max-width:1200px){
	#media{background-size:cover;}
}
@media all and (max-width:1024px){
	#media{padding:100px 0;}
	.btn.board{margin:30px 0 0; font-size:18px; width:250px;}
}
@media all and (max-width:767px){
	#media{padding:125px 0;}
}
@media all and (max-width:550px){
	.btn.board{margin:20px 0 0; font-size:18px; width:100%;}
}

.cs_inquiry{display:inline-block; margin:30px 0;}
.cs_inquiry h3{display:inline-block; font-size:20px; font-weight:bold; color:#333;}
.cs_inquiry h4{display:inline-block; font-size:30px; font-weight:bold; color:#333;}
.cs_inquiry p{display:block; margin:10px 0 0; font-size:16px; font-weight:500; color:#333; line-height:1.5em; word-break:keep-all;}

#inquiry{padding:150px 0; background:url(../img/main/inquiry_bg.jpg) no-repeat center; background-size:cover; text-align:center;}
#inquiry .cs{margin:0 0 10px; display:block; background:#fe1456; padding:6px 40px; box-sizing:border-box; border-radius:50px;}
#inquiry .cs.center{background:#562332;}
#inquiry .cs span{font-size:30px; font-weight:bolder; color:#fff; line-height:1.5em;}


.area_inquiry{margin:0; }
.area_form{position:relative; padding:15px; width:800px; background:#fff; margin:0 auto; box-sizing:border-box; border:2px solid #665041;}
.area_form i{display:inline-block; position:absolute; width:31px; height:31px;}
.area_form i:nth-child(1){top:0; left:0; background:url(../img/main/inquiry_obj01.png)no-repeat center; }
.area_form i:nth-child(2){top:0; right:0; background:url(../img/main/inquiry_obj02.png)no-repeat center; }
.area_form i:nth-child(3){bottom:0; left:0; background:url(../img/main/inquiry_obj03.png)no-repeat center; }
.area_form i:nth-child(4){bottom:0; right:0; background:url(../img/main/inquiry_obj04.png)no-repeat center; }
.area_form fieldset{box-sizing:border-box; background:#f4f0e9;}
.area_form .list_input{padding:10px 0; margin:0 20px;}
.area_form .list_input > li{padding:20px 0; border-bottom:1px dashed #dfdbd4;}
.area_form .list_input > li:last-child{border-bottom:none;}
.area_form .list_input > li > label{float:left; width:25%; font-size:18px; font-weight:bold; padding:12px 0 0;}
.area_form .list_input > li:last-child > label{padding:25px 0 0;}
.area_form .list_input > li > input{margin:0; padding:10px; width:70%; height:50px; background:#fff; border:1px solid #eee; border-radius:2px; font-size:16px; font-weight:500; color:#333;}
.area_form .list_input > li > textarea{font-family:'source-han-serif-korean', serif !important; padding:10px; box-sizing:border-box; resize:none; width:70%; height:80px; background:#fff; border:1px solid #eee; border-radius:2px; font-size:16px; font-weight:500; color:#333;}
#inquiry input[type="text"]:focus,
.area_form .list_input > li > textarea:focus{outline:none; color:#333;}
.area_bottom{width:800px; margin:0 auto;}
.area_bottom > div{margin:12px 0 0; text-align:left;}
.area_bottom > div em{position:relative; top:-2px; font-style:normal; font-size:15px; font-weight:400; color:#333;}
.area_bottom > div input[type="checkbox"]{display:none; width:15px; height:15px;}
.area_bottom > div input[type="checkbox"] + label span{display:inline-block; margin-right:5px; width:15px; height:15px; background:url(../img/main/img_check.png) left top no-repeat; cursor: pointer;}
.area_bottom > div input[type="checkbox"]:checked + label span{background:url(../img/main/img_check.png) -17px top no-repeat;}
.area_bottom input{margin:20px 0 0; width:100%; height:55px; background:#2a1d0c; border:none; border-radius:3px; font-size:20px; font-weight:bold; color:#fff; line-height:50px}

.area_bottom .btn-primary{font-weight:bold; background:#285a4c; border-color:#285a4c; margin:14px 0 0 !important;}

#container_index .about{
	background:#ededed url(../img/main/main01_bg.gif) no-repeat right top
}
#container_index .about.company{
    padding: 10rem 0;
    min-height:100vh;
    margin-bottom: 0px;
    height:auto;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.about.company ul{
	overflow:hidden;
	display: flex;
	justify-content: space-between;
	margin-top:80px;
}
.about.company ul li:nth-child(1){background:url(../img/main/ar01.jpg) no-repeat center center;background-size:cover}
.about.company ul li:nth-child(2){background:url(../img/main/ar02.jpg) no-repeat center center;background-size:cover}
.about.company ul li:nth-child(3){background:url(../img/main/ar03.jpg) no-repeat center center;background-size:cover}
.about.company.ver_2 ul li:nth-child(4){background:url(../img/main/ar04.jpg) no-repeat center center;background-size:cover}
.about.company.ver_2 ul li:nth-child(5){background:url(../img/main/ar05.jpg) no-repeat center center;background-size:cover}
.about.company.ver_2 ul li{width:19%}
.about.company ul li{width:30%;height: auto;padding-top: 30%;position: relative;;border-radius:10px;overflow:hidden}
.about.company ul li a:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;}
.about.company ul li a{display: flex;width:100%;text-align:center;position: absolute;bottom: 0px;padding: 3rem;top: 0;flex-direction: column;justify-content: center;}
.about.company.ver_2 ul li a {padding:2rem}
.about.company.ver_2 ul li a p{height: 100px}
.about.company.ver_2 ul li a .txt{    font-size: 13px;}
.about.company ul li:nth-child(2) a{}
.about.company ul li a p{color:#FFF;font-size:2.2rem;font-weight:700;height: 45%;display: flex;align-items: center;}
.about.company ul li a .txt{margin-top:15px;font-size:1.5rem;word-break: keep-all;font-weight:500;text-align: left;flex: 1;display: block;margin-left: 10px;}
.about.company ul li a .txt i{display:inline-block;float: left;width: 5px;height: 5px;background: #ffcc00;position: absolute;margin-top: 8px;margin-left: -9px;border-radius: 50%;}
section.new_section {
    position: relative;
    padding: 10rem 0;
    min-height: ;
    display: flex;
    justify-content: center;
    align-items: center;
}
#business:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 65vh;
    top: 0;
    background: url(../img/main/main03_bg.gif);
    z-index: 2;
}
#business ul{
    display: flex;
    justify-content: space-around;
}
#business ul li{
    margin-top: 0px;
    position: relative;
    text-align: center;
}
#business ul li div{
    font-weight: 600;
	margin-bottom:20px;
	font-size:22px
}
#business ul li p{
	color:#FFF;
	text-align: center;
	font-size: 18px;
	position: absolute;
	width: 100%;
	bottom: 70px;
	line-height: 29px;
}
#contact{flex-direction: column;min-height: 80vh;}
#contact .title{font-size: 37px;font-weight: 700;color: #000;line-height: 1.3;}

#contact .title p{font-size: 18px;font-weight: 400;margin-top: 20px;}

.contact_list{
    display: flex;
    justify-content: center;
    width: 1200px;
    margin-top: 40px;
}
.contact_list img{width:30px}
.contact_list li.tel_b{
    width: 20%;
    text-align: center;
}
.contact_list li i{
    display: inline-flex;
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 15px;
}
.contact_list li.tel_b i{background:#ffcc00}
.contact_list li.tel_b a{
	display:block;

}
.contact_list li.tel_b p{font-size:16px}
.contact_list li.tel_b p b{font-size: 25px;display: block;margin-top: 5px;}
.contact_list li.btn_b{
    width: 20%;
    text-align: center;
}
.contact_list li.btn_b i{background:#00c63b}
.contact_list li.btn_b p{font-size:16px}
.contact_list li.btn_b a{display:inline-block;line-height:35px;font-size:14px;border-radius:50px;text-align:center;background:#222;color:#FFF;padding:0 20px;margin-top:5px}
.contact_list li.btn_b a b{color:#00f611;font-weight:400}

img{max-width:100%}
.prd_slide .swiper-slide {}
.prd_slide .swiper-slide a{display:block;font-weight:700;text-align:center}
.prd_slide .swiper-slide a span{display:none;position:absolute;bottom: 50px;background: #ffcc00;padding: 0 15px;border-radius: 50px;right: 10px;line-height: 32px;font-size: 14px;}
.prd_slide .swiper-slide a img{width:100%;display:block;font-weight:700;border-radius:10px;overflow:hidden;border:1px solid #f1f1f1}
.prd_slide .swiper-slide a p{font-size:1.2em;margin-top:15px;text-align:center;color:#001d4e;display:inline-block;min-width:80%;margin:15px auto 0;background: #ffcc00;padding: 0 15px;border-radius:10px;line-height: 45px;font-size:17px;}
footer.inr.st3 {
	background: #333;
	color:#FFF;
	text-align:center;
	padding: 25px 0 60px;
}
footer.inr.st3 .copyright{
	color:#9e9e9e;
	letter-spacing: 0;
}
footer.inr.st3 h1{font-size: 19px;}
footer.inr.st3 p{margin-top: 22px;}
footer.inr.st3 p span{display:inline-block;font-size: 15px;margin: 0 16px;}



@media all and (max-width:900px){
	.area_form,
	.area_bottom{width:600px;}
	.cs_inquiry{margin:20px 0;}
	#inquiry .cs{padding:5px 40px;}
	#inquiry .cs span{font-size:28px;}
}

@media all and (max-width:1201px){
	#business ul li {width:30%}
	#contact {
		padding: 0;
	}
	#contact .contactBox {width:100%;padding-top: 150px;}
	#contact .contactBox .infoBox {width:80%;padding: 30px 10px;min-width: auto;margin: 40px auto;}
	#contact .contactBox .infoBox li { margin: 0 15px}
	#customer .mainLatest ul li {
		width:100%;
		padding: 30px;
	}
}



.new_w3{width:100%}

.bg_ver{background:#b2cbe5}

@media all and (max-width:600px){
	#inquiry .cs span{font-size:25px;}
	.area_form .list_input{margin:0 10px;}
	.area_form .list_input > li{padding:10px 0;}
	.area_form .list_input > li > input,
	.area_form .list_input > li > textarea{width:75%;}
}
@media all and (max-width:550px){
	.area_form{padding:10px;}
	.area_form .list_input > li > label{font-size:16px;}
	.area_form .list_input > li > input{font-size:15px;}
	.area_bottom input{margin:10px 0 0; font-size:18px;}
	.area_bottom .btn-primary{font-size:18px !important;}
	.cs_inquiry p{font-size:15px;}
}

.btm_cont{
	text-align:center;
	padding:75px 0;
	background:url(../img/main/btm_cont.jpg) no-repeat center center;
	background-size:cover;
	color:#FFF
}
.btm_cont p{font-size:2rem;font-weight:400}
.btm_cont .h1{font-size:4rem;font-weight:800;margin-top:10px}
.btm_cont .h1 img{width:250px}
.swiper-container{padding-bottom:50px}
.swiper-button-next,
.swiper-button-prev{margin-top:-70px}


.systemBox {}
.systemBox ul:nth-of-type(1) li:last-child:after{
	content: '';
	display: inline-block;
	background: url(../img/main/ico_list_down.png) no-repeat center center;
	position: absolute;
	right: 40%;
	top: 50%;
	margin-top: 93px;
	width: 50px;
	height: 30px;
}
.systemBox ul li{
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 90px;
    position: relative;
}
.systemBox ul li:after{
    content: '';
    display: inline-block;
    background: url(../img/main/ico_list_next.png) no-repeat center center;
    position: absolute;
    right: -26px;
    top: 50%;
    margin-top: -30px;
    width: 50px;
    height: 30px;
}
.systemBox ul li:last-child:after{
	display:none
}
.systemBox ul li p{
    color: #FFF;
    font-size: 15px;
    margin-top: 10px;
}
.systemBox ul:nth-of-type(2) li:after{
    background: url(../img/main/ico_list_prev.png) no-repeat center center;
}
.ad_list {background:#333}
.ver_certi {}
.ver_certi .img{
    overflow: hidden;
    position: relative;
}
.ver_certi .text{text-align:left;width:50%;padding: 50px;background: #f0f0f0;}
.ver_certi .txt_list{}
.ver_certi .txt_list p{margin-bottom: 16px;font-weight:500;font-size: 16px;}
.ver_certi .txt_list p span{opacity:.8;font-size:13px;display:inline-block;margin-left:10px;margin-top:5px;font-weight:400}
.ver_certi .img img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    height: 100%;
}
.ver_certi .text .text_list{width:100%}
.ver_certi .text  img{border:1px solid #DDD;border-radius:5px;display:block;margin:8px 0;}
.prd_ex_list .flexBox div{margin-bottom:50px;width:49%}
.prd_ex_list img{width:100%;border-radius:10px}
.prd_ex_list p{text-align:center;margin-top:10px;font-weight:500;font-size:16px}
.inbox_sys{
    background: #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
    padding: 30px;
}
.inbox_sys h3{
    font-size: 1.5em;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: 'yg-jalnan' !important;
}
.inbox_sys img{}
.inbox_sys ul{
    margin-top: 20px;
}
.inbox_sys li{
    margin-bottom: 4px;
    opacity: .9;
}
.inbox_sys li p{
    font-family: 'yg-jalnan' !important;
    letter-spacing: 0;
    font-size: 13px;
    font-weight: 300;
}



@media (max-width:1200px) {
	#visual{
		min-width: inherit;
		padding-top:5rem
	}
	#contact .title{font-size:18px}
	#contact .title p{font-size:13px;margin-top:5px}
	.contact_list{
		width: 90%;
		margin: 0 auto;
		justify-content: space-between;
	}
	.contact_list li{
		width: 25% !important;
		margin-bottom: 60px;
	} 
	#visual .visual_text{
		transform: scale(.8);
	}
	#visual .visual_text .v_tel{
		margin:1rem 0
	}
}
@media (max-width:860px) {

	#hd_wrapper {height:auto;line-height: 1.2;background: none;margin-top: 0;}
	#visual #slogan .logo{margin:10px 0 30px; height:80px;}
	#visual #slogan h2{font-size:40px;}
	#visual #slogan h3{font-size:20px;}
	#visual #slogan h4{font-size:38px;}
	#visual #slogan h4 .yellow{font-size:45px;}
	#visual #slogan h4 .bold{font-size:50px;}
	#visual #slogan .slogon_list > li{width:110px; height:110px; margin:0 20px 0 0;}
	#visual #slogan .slogon_list > li > p{font-size:17px; padding-top:72px;}
	#visual{min-width:100%;height:auto;margin-top: 0;min-height: 60vh;padding-top: 0;}
	.w1200 {width:95%;}
	#visual .visual_text{
    transform: scale(.65);
    width: 120%;
}
	.quick{}
	#container_index .about.company,
	section.new_section{
    min-height: auto;
    padding: 4rem 0;
}
	#container_index .title{margin-bottom: 25px;}
	.about.company ul{
    flex-wrap: wrap;
    margin-top: 30px;
}
	.about.company ul li{width: 90%;padding:  0;height: auto;margin: 0 auto 15px;}
		.about.company ul li a{position:relative;padding: 2rem;height: 200px;}
	.about.company ul li a p{font-size: 1.8rem;height: 40px;}
	.about.company ul li a .txt{font-size: 1.15rem;letter-spacing: 0;}
	.swiper-container {padding: 0 10%;}
	#container_index .title .s_img{
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
}
	#container_index .title .s_img img{width:50%}
	.swiper-button-next, .swiper-button-prev{margin-top: -15%;transform: scale(0.5);display:none}
	.swiper-button-prev{
    left: 0;
}
	.swiper-button-next{
    right: 0;
}
#contact{
    min-height: auto;
    padding: 5rem 0;
}
#contact .contact_list{
    flex-wrap: wrap;
}
.contact_list li{
    width: 48% !important;
    margin-bottom: 15px;
    padding: 6px 0px 15px;
    border-radius: 10px;
}
.contact_list li.tel_b{
    background: #ffcc00;
}
.contact_list li i{
    margin-bottom: 7px;
    width: 70%;
    height: 50px;
}
.contact_list li.tel_b b{}
.contact_list li.btn_b{
    background: #00c63b;
}
.contact_list li.btn_b p{
    font-size: 14px;
    font-weight: 500;
}
.contact_list li.btn_b i{}
.contact_list li.btn_b a{
    font-size: 13px;
    padding: 0 10px;
}
.contact_list img{
    max-width: 30%;
}
	.contact_list li.tel_b p{
    font-size: 14px;
    font-weight: 500;
}
	.contact_list li.tel_b p b{
    font-size: 20px;
    margin-top: 0;
}
	.btm_cont{
    padding: 50px 0;
}
	.btm_cont h1{
    font-size: 3rem;
    margin-top: 0;
}
	.btm_cont p{
    font-size: 1.5rem;
}
	footer.inr.st3{
    padding: 30px 5%;
    padding-bottom: 100px;
}
	footer.inr.st3 p{
    word-break: keep-all;
}
	footer.inr.st3 .h1{font-size:15px;opacity:.9}
	.new_section .inr{width:100%;padding:0}
	.new_section.prd_ex_list .inr,
	.new_section.new_2 .inr,
	.new_w3{width:90%}
	.prd_ex_list p{font-size:13px}
	.prd_ex_list .flexBox div{margin-bottom:10px}
	.ver_certi .text{
    padding: 20px;
}
	.ver_certi .txt_list{}
	.ver_certi .txt_list p{font-size:13px}
	.inbox_sys{padding: 15px;margin-bottom: 20px;}
	.inbox_sys li p{font-size: 11px;}
	.inbox_sys h3{font-size:1.5rem}
	.ver_certi .img img{    width: 100%;
    position: relative;
    top: inherit;
    left: inherit;
    transform: inherit;
    height: auto;}
	.about.company ul li a .txt i{
    margin-top: 4px;
}
.prd_slide .swiper-slide a span{
    font-size: 11px;
    padding: 0 10px;
    line-height: 20px;
    bottom: 40px;
    left: 5px;
    text-align: center;
    right: 5px;
}
	.prd_slide .swiper-slide a p{
    font-size: 12px;
    line-height: 1.2;
    padding: 10px;
    width: 100%;
}
.about.company.ver_2 ul {flex-direction: column;}
.about.company.ver_2 ul li{width:100%}
.btm_cont h1 img{width:60%;display:inline-block;margin-top:5px}
* {    word-break: keep-all !important;}
}