@charset "utf-8";


*, :after, :before { -webkit-box-sizing: unset; -moz-box-sizing: unset;  box-sizing: unset; }


#full_navi {z-index:99; position:fixed; left:20px; top:40%; }
#full_navi .line {width:1px; height:100%; background:rgba(255,255,255,0.2);  position:absolute; left:20px; top:0px;  z-index:0;}
#full_navi ul { position:relative;  z-index:1;}
#full_navi ul li {position:relative; padding:5px 0px;}
#full_navi ul li span {position:absolute; left:18px; top:14px; width:5px; height:5px; background:rgba(255,255,255,0.4); border-radius:5px;}
#full_navi ul li a{display:inline-block; padding-left:40px; color:rgba(255,255,255,0.5); font-size:13px;}
#full_navi ul li.active a{color:rgba(255,255,255,1);}
#full_navi ul li.active span{left:10px; top:6px; width:10px; height:10px; border:5px #678329 solid; background:#fff; border-radius:10px;}

#full_navi.on ul li a{color:rgba(0,0,0,0.4);}
#full_navi.on ul li.active a{color:rgba(0,0,0,1);}
#full_navi.on .line {background:rgba(0,0,0,0.4);}

#full_navi.on ul li span {background:rgba(0,0,0,0.4); border-radius:5px;}
#full_navi.on ul li.active span{ background:#fff; border-radius:10px;}




/*메인베너*/

#main_visual {position:relative; height: 100vh; overflow:hidden;}
#main_visual li{position:relative; width:100%; height: 100vh;   background-position:center top; background-repeat:no-repeat;  background-size:cover; transition: all 10s }




#main_visual .bg {background:rgba(0,0,0,0.5); position:absolute; left:0px; top:0px; width:100%; height:1200px; z-index:9998;}
#main_visual .control {position:absolute; top:205px;left:0px; width:100%; z-index:9999;}
#main_visual .control a{float:left; width:24px; height:53px; background:url(../images/main/main_visual_btn.png) left top no-repeat; text-indent:-9999px;}
#main_visual .control .main_prev{float:left; margin-left:20px;}
#main_visual .control .main_next{float:right;background-position:-24px top; margin-right:20px;}

#main_visual .main_pager {position:absolute; width:100%;  bottom:30px; text-align:center;   z-index:99999999 !important;}
#main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:15px; height:15px; margin:0 3px; border-radius:15px; background-color:#ddd; }
#main_visual .main_pager .cycle-pager-active{background:#222;  border-color:#222;}

#main_visual .btns {position:absolute; width:100%; left:0; top:280px;z-index:999999999;;overflow:hidden; display:none;}
#main_visual .btns a{float:left; width:51px;  height:99px;margin:0 40px; background:url(../../../img/common/main_visual_btn.png) left 50% no-repeat; }
#main_visual .btns a.main_next{float:right; background-position:right 50%; }


#main_visual .visual_text {text-align:center; position:absolute; left:0px; top:380px; width:100%; z-index:9999; color:#fff; }
#main_visual .visual_text .t0{ font-size:60px; font-weight:bold; color:#ff1e00; font-family: 'GmarketSans';}
#main_visual .visual_text .t1{ font-size:40px; font-weight:bold; font-family: 'GmarketSans';}
#main_visual .visual_text .t2{ font-size:20px; font-family: 'ChosunNm'; margin-top:20px;}



.main_visiaul_wrap #main_videos {position:relative; z-index:0;}
.main_visiaul_wrap .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.4);z-index:999; }


.main_visiaul_wrap .main_visual_text {position:absolute; width:100%; height: 100vh; top:0px;  color:#fff; z-index:9999;    }
.main_visiaul_wrap .main_visual_text .text {position:relative; z-index:1;  padding-top:350px; color:#fff; text-align:center; }
.main_visiaul_wrap .main_visual_text .t1 {font-size:60px; font-weight:bold; font-family: 'GmarketSans';}
.main_visiaul_wrap .main_visual_text .t2 {font-size:20px; font-family: 'ChosunNm'; margin-top:20px }

.main_visiaul_wrap .main_visual_text .btn {margin-top:60px;}
.main_visiaul_wrap .main_visual_text .btn a {display:inline-block; border:1px #fff solid; padding:0 40px; line-height:45px; color:#fff; font-family: 'Chosunilbo_myungjo'; transition: all 0.3s;}
.main_visiaul_wrap .main_visual_text .btn a:hover {padding-right:30px; }
.main_visiaul_wrap .main_visual_text .btn a .fonti {opacity:0; transition: all 0.3s; margin-left:0px; position:relative;}
.main_visiaul_wrap .main_visual_text .btn a:hover .fonti {display:inline-block; margin-left:40px; opacity:1;}



#main_visual .scroll_down {position:absolute; left:0px;  bottom:50px; width:100%; text-align:center; z-index:9999999 !important; }
#main_visual .scroll_down .scroll_positoin {
	position: relative;
    display: inline-block;
    width: 33px;
	height: 60px;
    border: 3px solid #fff;
    border-radius: 40px;
}
#main_visual .scroll_down .scroll_positoin:after {
    content: "";
    position: absolute;
	top: 8px;
    left: 14px;
	width: 4px;
    height: 6px;
    background: #fff;
    border-radius: 10px;
   
    -webkit-animation: mouse 0.9s linear infinite;
    -moz-animation: mouse 0.9s linear infinite;
    -ms-animation: mouse 0.9s linear infinite;
    -o-animation: mouse 0.9s linear infinite;
    animation: mouse 0.9s linear infinite;
}

@keyframes mouse {
	0% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
        transform: translateY(0px);
	}
	70% {
		-webkit-transform: translateY(8px);
		-moz-transform: translateY(8px);
		-ms-transform: translateY(8px);
		-o-transform: translateY(8px);
        transform: translateY(8px);
	}
	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
        transform: translateY(0px);
	}  
}

/*바른이야기*/
#about02_wrap {background:#effaff;; }
.main_story {padding:190px 0px 0px;}
.main_story .default_layout {}
.main_story .main_story_col{display:table; width:100%; table-layout:fixed;}
.main_story .main_story_col .col {display:table-cell; vertical-align:middle; }
.main_story .main_story_col .col.photo {overflow:hidden;  text-align:center;  vertical-align:top;}
.main_story .main_story_col .col.photo img {max-width:100%;}

.main_story .main_story_col .col.text {padding-left:80px;}
.main_story .main_story_col .col .t0{margin-top:0px; line-height:50px; font-size:25px;  color:#2580be; font-family: 'GmarketSans';   font-weight:700; letter-spacing:-1px;}
.main_story .main_story_col .col .t1{margin-top:0px; line-height:70px; font-size:50px;  color:#000; font-family: 'GmarketSans';   font-weight:700}
.main_story .main_story_col .col .t1 div{display:inline-block; position:relative; transition: all 0.5s; }
.main_story .main_story_col .col .t1 strong{position:relative;z-index:1;}
.main_story .main_story_col .col .t1 span{position:absolute; left:0px; bottom:5px; width:100%; height:27px; background:rgba(103,131,41,0.2); transition: all 0.5s; z-index:0;}


.main_story .main_story_col .col .t2{margin-top:20px; font-size:17px; line-height:25px; color:#000; font-family: 'ChosunNm';}
.main_story .main_story_col .col .t3{margin-top:40px;}
.main_story .main_story_col .col .t3 a{display:inline-block; padding:0 30px; color:#2580be; font-size:15px; border:2px #2580be solid;;line-height:55px; border-radius:30px;}

.bg_icon_wrap {position:absolute; left:0px; bottom:0px; width:100%; }
.bg_icon_wrap .bg_icon {float:left; vertical-align:bottom; }
.bg_icon_wrap .bg_icon.right {float:right;}
.bg_icon_wrap .bg_icon img {vertical-align:bottom;}


#sub_menu_list {display:none;}



/*메인비지니스*/
.main_business { background:url(../../../../img/main/main_business_wrap_bg.jpg) center top no-repeat; width:100%;  height: 100vh; background-size:cover;}
.main_business .main_business_list_box{padding-top:250px;}
.main_business .title{ padding-top:100px; }
.main_business .title .t1{ font-size:24px; line-height:20px; color:#fff;font-family: 'ChosunNm';}
.main_business .title .t2{ font-size:60px;font-weight:bold; margin-top:20px; line-height:60px; color:#fff; letter-spacing:-2px;}
.main_business .title .t3{ font-size:14px;  margin-top:10px; line-height:20px; color:rgba(255,255,255,0.8); }
.main_business .main_business_list_box{position:relative;  overflow:hidden; width:100%; }
.main_business .main_business_list_box .col_box{float:left; width:60%;   position:relative;}
.main_business .main_business_list_box .col_box.col_first{width:40%;   position:relative;}
.main_business .main_business_list_box .col_box .col_left_box {margin-left:250px; vertical-align:middle;}

.main_business .main_business_list_box .slider_box { margin-top:0px;    }
.main_business .main_business_list_box .slider_box li {padding:20px 0px; margin-right:50px; width:450px; overflow:hidden; vertical-align:top;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; position:relative;}  
.main_business .main_business_list_box .slider_box li:hover { vertical-align:middle; margin-top:-20px;} 

.main_business .main_business_list_box .slider_box li .icon {overflow:hidden;}
.main_business .main_business_list_box .slider_box li .icon img{vertical-align:middle;   width:100%; border-radius:15px 15px 0px 0px;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.main_business .main_business_list_box .slider_box li .box {padding:30px; position:relative; z-index:1; background:#fff; min-height:100px; text-align:left; white-space: normal; border:1px #ededed solid; border-top:0px; border-radius:0px 0px 15px 15px; margin-top:-120px;}
.main_business .main_business_list_box .slider_box li .box h3{color:#c83e00; font-size:25px; font-weight:bold; line-height:30px;   transition: all 0.3s;}
.main_business .main_business_list_box .slider_box li .box h3 a{color:#c83e00; font-size:25px; font-weight:bold; line-height:30px;   transition: all 0.3s;}
.main_business .main_business_list_box .slider_box li .box h3 div {display:inline-block; position:relative; transition: all 0.5s; }
.main_business .main_business_list_box .slider_box li .box h3 div strong {position:relative;z-index:1;}
.main_business .main_business_list_box .slider_box li .box h3 div span{position:absolute; left:0px; bottom:5px; width:0%; height:10px; background:rgba(200,62,0,0.2); transition: all 0.5s; z-index:0;}
.main_business .main_business_list_box .slider_box li .box .t1 {margin-top:5px; font-weight:normal; font-size:14px; color:#222;  line-height:18px;  overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; border-bottom:1px #ededed solid; padding-bottom:20px; margin-bottom:20px;}
.main_business .main_business_list_box .slider_box li .box .price {margin-top:15px; font-size:20px; color:#000; font-weight:700;}

.main_business .main_business_list_box .slider_box li .btn_st { position:absolute; right:30px; bottom:30px; line-height:18px; color:#a9977c; font-size:13px; }
.main_business .main_business_list_box .slider_box li .btn_st a {display:inline-block;; display:inline-block;bordeR:1px #c83e00 solid; padding:0 15px; line-height:30px; color:#c83e00;}


.main_business .main_business_list_box .slider_box li:hover .box{box-shadow: 0px 3px 10px rgb(169 151 124 / 20%);} 




.main_business .main_business_btns {margin-top:60px; z-index:999; display:none;}
.main_business .main_business_btns a{display:inline-block; width:50px; height:50px; text-align:center; line-height:50px; border:1px #fff solid; text-align:center; color:#fff;}
.main_business .main_business_btns a:hover{border-color:#fff;color:#fff;}



/*문의및오시는길*/
.main_inquery_box { width:100%;  height: 100vh; overflow:hidden;background:#ddd;}
.main_inquery_box .title{position:relative; padding-top:180px}

.main_inquery_box .title .t1{font-size:44px; letter-spacing:-2px; font-weight:bold;line-height:50px;  color:#000;  font-family: 'GmarketSans';}
.main_inquery_box .title .t1 div{display:inline-block; position:relative; transition: all 0.5s; position:relative; }
.main_inquery_box .title .t1 strong{position:relative;z-index:1;}
.main_inquery_box .title .t1 span{position:absolute; left:0px; bottom:2px; width:100%; height:13px;background:rgba(103,131,41,0.7); transition: all 0.5s; z-index:0;}
.main_inquery_box .title .t2{font-size:15px; coloR:#555; line-height:20px; margin-top:10px;}

.main_inquery_box .title .time {position:absolute; right:0px; top:200px;}
.main_inquery_box .title .time .time01{font-size:25px; color:#000; color:rgba(103,131,41,1);line-height:30px; padding:4px 0px; font-weight:bold;background:url(../images/main/main_inquery_box_time_icon.png) left 50% no-repeat; padding-left:40px; font-family: 'GmarketSans';}
.main_inquery_box .title .time .time01 span {color:#000;}
.main_inquery_box .title .time .time02{font-size:16px; color:#666;text-align:right;}

.main_inquery_box .col_box{display:table; width:100%; margin-top:40px; table-layout:fixed; overflow:hidden;}
.main_inquery_box .col_box .col{display:table-cell; padding:50px; vertical-align:top;background:#fff; border-radius:30px;}
.main_inquery_box .col_box .col.inquery{background:#fff}
.main_inquery_box .col_box .col.inquery ul {overflow:hidden;}
.main_inquery_box .col_box .col.inquery ul li {position:relative; margin-bottom:20px; }
.main_inquery_box .col_box .col.inquery ul li .s_title {font-size:18px;color:#000; font-weight:bold; margin-bottom:5px;}
.main_inquery_box .col_box .col.inquery ul li input[type="text"]{width:100%; border:0px; height:30px; height:30px;  font-size:13px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px #ddd solid; background:none;}
.main_inquery_box .col_box .col.inquery ul li select {width:100%;  border:0px; height:30px; height:30px;  font-size:13px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px #ddd solid; background:none;}
.main_inquery_box .col_box .col.inquery ul li.text{margin-top:5px; width:100%;}
.main_inquery_box .col_box .col.inquery ul li.btn {margin-top:5px; width:100%;}
.main_inquery_box .col_box .col.inquery ul li input[type="submit"]{width:100%; text-align:center; border:0px; height:70px; border-radius:10px; height:70px; background:#a9977c; color:#fff;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:20px; }  
.main_inquery_box .col_box .col.inquery ul li.text textarea{border:0px; height:70px; ; width:100%; font-size:13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border-bottom:1px #ddd solid; background:none;}


.main_inquery_box .col_box .col.inquery ul li input[type="text"]:hover,
.main_inquery_box .col_box .col.inquery ul li input[type="password"]:hover,
.main_inquery_box .col_box .col.inquery ul li textarea:hover,
.main_inquery_box .col_box .col.inquery ul li textarea:focus,
.main_inquery_box .col_box .col.inquery ul li input[type="text"]:focus,
.main_inquery_box .col_box .col.inquery ul li input[type="password"]:focus  {border-color:#a9977c; outline: none;}



.main_inquery_box .col_box .col.in_list #daum_map {height:250px; width:100%; border-radius:30px;}





.main_map_wrap { margin-top:20px; }
.main_map_wrap .s_title {text-align:center; position:relative; display:none;}
.main_map_wrap .s_title .t1{font-size:25px; letter-spacing:-2px; font-weight:normal; margin-top:30px;line-height:30px;  color:#000;   }
.main_map_wrap .s_title .t2{font-size:15px; coloR:#555; line-height:20px; margin-top:5px;}

.main_map_wrap .info {position:relative; margin-top:40px; }
.main_map_wrap .info ul.list {overflow:hidden; display:table; width:100%;  table-layout:fixed; text-align:center;}
.main_map_wrap .info ul.list li {display:table-cell; width:65%; }
.main_map_wrap .info ul.list li.last {border-left:1px #ededed solid; width:35%;}

.main_map_wrap .info ul.list li .t1 {font-size:20px; color:#696e29; font-weight:bold;  position:relative; line-height:30px;}
.main_map_wrap .info ul.list li .t2 {font-size:16px; color:#000; margin-top:10px; line-height:20px;}




/*메인 카피라이트*/
.section_last {height: auto !important; background:#fff;}
.section_last .fp-tableCell {height:auto !important;}