#visual{width:100%; min-width:1100px; height:100vh; margin:0 auto; position:relative; overflow:hidden; visibility:hidden;}
a{cursor:pointer}
.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 .logo{margin:40px 0 60px; height:114px;}
#visual #slogan .logo img{width:auto; height:100%;}
#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;
	background: rgba(0, 0, 0, 0.6);
	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;
}


@media (max-width:1201px) {
	#visual{min-width:100%;height:auto}
	#visual #slogan{width:96%;}
	#hd_wrapper {padding:0 5vw;margin-top:0}
	.w1200 {width:768px;}
}
@media all and (max-width:769px){
	#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: 100px;}
	.w1200 {width:95%;}
}
@media all and (max-width:550px){
	#visual #slogan .logo{ height:70px;}
	#visual #slogan h3{width:70%; margin:0 auto; font-size:18px;}
	#visual #slogan h2{font-size:30px;}
	#visual #slogan h4{font-size:28px;}
	#visual #slogan h4 .yellow{font-size:35px;}
	#visual #slogan h4 .bold{font-size:40px;}
	#visual #slogan .slogon_list > li{width:100px; height:100px; margin:0 10px 0 0;}
	#visual #slogan .slogon_list > li > p{font-size:15px; padding-top:65px;}
}
@media all and (max-width:450px){
	#visual #slogan h2{font-size:25px;}
	#visual #slogan h4{font-size:23px;}
	#visual #slogan h4 .yellow{font-size:30px;}
	#visual #slogan h4 .bold{font-size:35px;}
}
@media all and (max-width:400px){
	#visual #slogan h2{font-size:23px;}
	#visual #slogan h4{font-size:20px;}
	#visual #slogan h4 .yellow{font-size:25px;}
	#visual #slogan h4 .bold{font-size:30px;}
}
@media all and (max-width:355px){
	#visual #slogan .slogon_list > li:nth-child(2){margin:0;}
}

#container_index .title{text-align:center;padding-top: 0vh;}
.title h2{font-family: 'GyeonggiTitleM';font-size:40px; font-weight:normal; color:#333;}
.title.whiteVer h2{ color:#FFF;}
.title span{display:block;margin: 45px auto 100px;font-size: 17px;font-weight:normal;color:#444;word-break:keep-all;line-height:1.5em;max-width: 80%;}
.title.whiteVer span{ color:#FFF;}

.area_jinsong{padding: 200px 0;}
.area_jinsong .area_box{margin:60px 0 0;}
.area_box{}
.area_box img{max-width:100%;}
.area_box img.w{display:block;}
.area_box img.m{display:none;}

.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: 769px){
	.area_jinsong{padding:125px 0;}
	.area_organization{padding:70px 0;}
	.area_jinsong .area_box{margin:30px 0 0;}
	.title h2{font-size:35px;}
	.title span{font-size: 14px;margin: 25px auto 55px;padding: 0 5vw;}
	.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:30px;}
	.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:27px;}
	.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: 200px 0 40px;
    min-height:60vh;
    margin-bottom: 0px;
	height:auto
}
#about.company ul{
	overflow:hidden
}
#about.company ul li{
	float:left;
	width: 50%;
	min-height: 350px;
	margin-top: 163px;
	color: #FFF;
}
#about.company ul li:nth-of-type(1){
	background: url(../img/main/main02_bg1.gif) no-repeat center right;
	background-size: cover;
	padding-left: 25%;
}
#about.company ul li:nth-of-type(2){
	margin-top: 80px;
	text-align: left;
	padding-right: 25%;
	padding-left: 35px;
	background: #25436e;
	margin-left: -10%;
	width: 60%;
	padding: 10px 60px;
	min-height: 40vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#about.company ul li:nth-of-type(2):hover{

	box-shadow:none 
}
#about.company ul li p{font-size: 19px;font-weight: 400;color: #FFF;}
#about.company ul li p.tit{font-family: 'GyeonggiTitleM';font-size: 27px;margin-top: 5px;color: #FFF;}
#business {position: relative;height: 100vh;padding-top: 19vh;}
#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{
    padding: 21vh 0 10vh;
    height:100vh;
    overflow: hidden;
}
#contact .contactBox{
	background:url(../img/main/main4_bg.jpg) no-repeat;
	background-size:cover;
	padding-top: 15vh;
	margin-bottom: 80px;
	height:100%;
	text-align: center;
	color: #FFF;
	min-height: 500px;
}
#contact .contactBox p{
    font-size: 18px;
}
#contact .contactBox .title span,
#contact .custoBox .title span
{margin: 45px auto 30px;}
#contact .contactBox .btnBox{
    margin: 5vh 0 35px;
}
#contact .contactBox .btnBox a{
    display: inline-block;
    font-family: 'GyeonggiTitleM';
    background: #4c96ff;
    color: #FFF;
    padding: 30px 90px;
    border-radius: 50px;
    font-size: 25px;
}
#contact .contactBox .btnBox a:hover{
	box-shadow: 0 0 20px rgb(0 0 0 / 50%);
	background:#3174d4

}
#contact .contactBox .btnBox p{
    color: #a5caff;
    font-size: 15px;
    margin-top: 25px;
}
#contact .contactBox .infoBox{
    background: rgba(0,0,0,0.4);
    width: 60%;
    margin: 100px auto 30px;
    overflow: hidden;
    padding: 45px 0;
    min-width: 900px;
}

#contact .contactBox .infoBox li{
    display: inline-block;
    font-size: 17px;
    margin: 0 15px;
    padding-left: 28px;
    line-height: 22px;
    letter-spacing: 0;
}
#contact .contactBox .infoBox li.tel{
    background: url(../img/main/main_ico.png) no-repeat left 4px;
    background-size: 16px;
}
#contact .contactBox .infoBox li.fax{
    background: url(../img/main/main_ico.png) no-repeat left -29px;
    background-size: 16px;
}
#contact .contactBox .infoBox li.mail{
    background: url(../img/main/main_ico.png) no-repeat left -65px;
    background-size: 17px;
}
#customer{
    overflow: hidden;
    padding-top: 0;
    height: 100vh;
}
#customer .custoBox{background: #333;padding-top: 15vh;height: 100%;}
#customer .mainLatest{
    padding: 10px 0;
}

#customer .mainLatest ul li{
    background: #FFF;
    position: relative;
    width: 1200px;
    margin: 0 auto 80px;
    padding: 60px;
    letter-spacing: 0;
    font-size: 16px;
    display: flex;
    flex-wrap: nowrap;
}
#customer .mainLatest ul li:last-child{
	margin-bottom:20px
}
#customer .mainLatest ul li:before{
	content: 'Notice';
	display:inline-block;
	color: #FFF;
	background: #4c96ff;
	font-size: 14px;
	position: absolute;
	top: -20px;
	left: 4%;
	padding: 10px 60px;
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
}
#customer .mainLatest ul li p{
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 400;
}
#customer .mainLatest ul li p.tit{
    font-weight: 500;
}
#customer .mainLatest ul li p.txt{
    padding-left: 50px;
    word-break: keep-all;
}
#customer .mainLatest ul li .time{
	display:block;
	margin-top:5px;
    font-size: 13px;
    font-weight:400
    
}


.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;
}
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){
	#container_index #about.company{padding:150px 0}
	#about.company ul li:nth-of-type(1),
	#about.company ul li:nth-of-type(2){    word-break: keep-all;
    text-align: center;
    padding: 0px 5px;}
	#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;
	}
}



@media all and (max-width:769px){
	#inquiry{padding:125px 0;}
	.area_form,
	.area_bottom{width:90%; margin:0 auto;}
	#business ul li p {position: absolute;font-size: 14px;line-height: 1.5;top: 120%;color: #000;word-break: keep-all;}
	#business:after {
		content: '';
		height: 52vh;
	}
	#contact .contactBox .btnBox a {
		font-size: 21px;
		padding: 19px 35px;
	}
	#contact .contactBox .title span, #contact .custoBox .title span {
	margin: 3vh auto;
	}
	#contact .contactBox{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#contact .contactBox .infoBox li {font-size: 15px;text-align: left;margin-bottom: 8px;}
	#contact .contactBox p {
		padding: 0 30px;
		font-size: 15px;
		word-break: keep-all;
	}
	#business{padding-top:0}
	#business .inr{
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 70vh;
	}
	#about.company ul li p.tit {font-size: 20px;}
	#container_index #about.company {
    padding: 50px 0;
}
	#about.company ul li {min-height:270px;margin-top: 50px;}
	#about.company ul li p{font-size:13px;padding:0 5px;text-align: left;}
	#about.company ul li:nth-of-type(1){
		background: url(../img/main/main02_bg1.gif) no-repeat center;
		background-size: cover;
	}
	#about.company ul li:nth-of-type(2) {
		width: 80%;
		margin-left: -30%;
		padding: 16px;
	}
	#customer .custoBox {
		padding-top: 140px;
	}
	#customer .mainLatest ul li{
		flex-direction: column;
		margin:0 25px 60px;
		width:auto

	}
		#customer .mainLatest ul li:before {
		font-size: 12px;
		padding: 10px 20px;
	}
		#customer .mainLatest ul li p.txt{
		padding-left: 0;
	}
	footer.inr.st3 p {
		margin: 25px  20px;
    }
    footer.inr.st3 p span{
    	font-size: 13px;
    	margin: 0 10px;
    	line-height: 23px;
    }
	#customer{
		height: auto;
	}
	.systemBox {padding-bottom:30px}
	.systemBox ul {float:inherit;display: -webkit-box; display: -ms-flexbox; display: flex;flex-direction: column}
	.systemBox ul li{float:inherit;text-align: center;width: 100%;margin-bottom: 0px;padding-bottom: 10px;}
	.systemBox ul li img{display:none}
	.systemBox ul li p {margin-top:0;line-height: 1.15;color: #91beff;}
	.systemBox ul li:after {
		content: '';
		background:url(../img/main/ico_list_down.png) no-repeat center center;
		background-size: 12px;
		position: relative;
		top: inherit;
		margin-top: 10px;
		right: inherit;
	}
	.systemBox ul:nth-of-type(1) li:last-child:after,
	.systemBox ul:nth-of-type(2) li:last-child:after{
		display:inline-block;
		position: relative;
		top: inherit;
		right: inherit;
		margin-top: 10px;
		background-size: 12px !important;
	}
	.systemBox ul:nth-of-type(2) li:nth-child(1):after{
		display:none
	}
	.systemBox ul:nth-of-type(2){flex-direction: column-reverse;}



}



@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;}
}