@charset "utf-8";



/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; ; min-width:1300px; z-index:1;}
.main_visual ul#main_visual_wrap {position:relative; z-index:1; }
.main_visual li.list {background-repeat:no-repeat; background-position:center bottom; width:100%; height:750px; background-size:cover; background-attachment: fixed; }


.main_visual .main_visual_text {position:absolute; width:100%; height:750px; top:0px;  color:#fff; z-index:2;    }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:0; }
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:250px; color:#fff; text-align:center; }
.main_visual .main_visual_text .t1 {font-size:25px;  letter-spacing:-1px; line-height:30px;  }
.main_visual .main_visual_text .t2 {font-size:80px;  letter-spacing:-1px; line-height:80px; margin-top:20px; color:#fff; font-weight:900;}
.main_visual .main_visual_text .t3 {font-size:20px;  letter-spacing:-1px; line-height:20px;  margin-top:40px; }


.main_visual .main_pager {position:absolute; width:100%; left:0px; bottom:100px;  z-index:99999999;  text-align:center;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:10px; height:10px; margin:0 3px; border-radius:13px; border:1px #ddd solid; }
.main_visual .main_pager .cycle-pager-active{background:#fff; border:1px #fff solid;}

.main_visual .visual_bottom_bg {background:url(../images/main/main_visual_bottom_bg.png) center top no-repeat; height:57px; z-index:2; position:absolute; left:0px; bottom:0px; width:100%; overflow:hidden; }
.main_visual .visual_bottom_bg .bg_col_box {display:table; width:100%; table-layout:fixed;  }
.main_visual .visual_bottom_bg .bg_col_box .bg_col{display:table-cell;height:57px; background:#fff;}
.main_visual .visual_bottom_bg .bg_col_box .bg_col.bg_col_c { width:116px; background:none; }



.main_visual .scroll_down {position:absolute; left:0px;  bottom:150px; 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: #ebddc6;
    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);
	}  
}




/*메인비지니스*/
.main_business {padding:60px 0px 0; text-align:center; position:relative; z-index:0;}
.main_business .default_layout{position:relative; }

.main_business .title{   text-align:left;}
.main_business .title .t1{ font-size:40px;font-weight:900; margin-top:20px; line-height:60px; color:#000; letter-spacing:-2px;}
.main_business .title .t1 .module{display:inline-block; position:relative;}
.main_business .title .t1 .text{position:relative; z-index:1;}
.main_business .title .t1 .line{position:absolute; left:0px; bottom:10px; height:20px; width:100%;  background:rgba(5,73,113,0.3); z-index:1;}
.main_business .title .t1 .color{color:#222a4f;}
.main_business .title .t2{ font-size:14px;  margin-top:10px; line-height:20px; color:#666;}

.main_business .slider_box { margin-top:0px;  }
.main_business .slider_box ul {margin:30px auto; }
.main_business .slider_box li {padding:20px 0px; margin:0px 15px; width:300px; vertical-align:top;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; position:relative;}  
.main_business .slider_box li:hover { vertical-align:middle; margin-top:-20px;} 

.main_business .slider_box li .icon {overflow:hidden;}
.main_business .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 .slider_box li .box {padding:30px; position:relative; z-index:1; background:#fff; text-align:left; white-space: normal; border:1px #ddd solid; border-top:0px; border-radius:0px 0px 15px 15px;}
.main_business .slider_box li .box .t1{color:#000; font-size:22px; font-weight:normal; line-height:22px; transition: all 0.3s;}
.main_business .slider_box li .box .t2{font-weight:normal; font-size:14px; color:#888; ;margin-top:10px; line-height:20px; }

.main_business .slider_box li .btn { position:absolute; left:30px; bottom:20px; line-height:18px; color:#222a4f; font-size:12px; }
.main_business .slider_box li .btn a {display:inline-block;; text-align:left;}

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



.main_business .main_business_btns {position:absolute; right:0px; top:50px;  z-index:999;}
.main_business .main_business_btns a{display:inline-block; width:50px; height:50px; text-align:center; line-height:50px; border:1px #000 solid; text-align:center; color:#000;}
.main_business .main_business_btns a:hover{border-color:#222a4f;color:#222a4f;}





.main_tradingview {margin:40px 0px 0px; background:#f8f8f8; padding:15px 0px; }   
.main_tradingview iframe {width: 105% !important; }  

.main_tradingview .tradingview-widget-container {width: 100% !important;margin-top:-2px;  padding:30px 0px !important; overflow:hidden;  }







.main_common_title { margin-bottom:40px;}
.main_common_title .t1{font-size:44px; font-weight:normal; line-height:44px;  color:#000; margin-bottom:20px;position:relative; text-align:left;  }
.main_common_title .t2 { font-size:15px; coloR:#555; line-height:20px; margin-top:10px;}
.main_common_title .more {position:absolute; right:0px; top:20px;}
.main_common_title .more a{display:block; font-size:13px; font-weight:normal; color:#000;}

.main_common_title .more a:hover{color:#222a4f;}





/*메인상담*/
.main_inquery_box {margin-top:0px;   padding:50px 0px; }
.main_inquery_box .title{position:relative;}
.main_inquery_box .title .t1{font-size:40px; letter-spacing:-2px; font-weight:900;  margin-top:20px;line-height:44px;  color:#000; letter-spacing:-2px;}
.main_inquery_box .title .t2{font-size:15px; coloR:#555; line-height:20px; margin-top:10px;}

.main_inquery_box .title .t1 .module{display:inline-block; position:relative;}
.main_inquery_box .title .t1 .text{position:relative; z-index:1;}
.main_inquery_box .title .t1 .line{position:absolute; left:0px; bottom:10px; height:20px; width:100%;  background:rgba(169,150,123,0.3); z-index:1;}
.main_inquery_box .title .t1 .color{color:#222a4f;}




.main_inquery_box .title .time {position:absolute; right:0px; top:10px;}
.main_inquery_box .title .time .time01{font-size:25px; color:#222a4f; 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: 'Montserrat'; letter-spacing:-2px;}
.main_inquery_box .title .time .time01 span { color:#000; font-family: 'Pretendard';}
.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; vertical-align:top; background:#fff; padding:60px;  border:1px #ddd solid;   border-radius:30px;}
.main_inquery_box .col_box .col.jump{width:30px; padding:0px; background:none; border:0px;}
.main_inquery_box .col_box .col .col_box_cont {background:#fff; }
.main_inquery_box .col_box .col.inquery{}
.main_inquery_box .col_box .col.inquery ul {overflow:hidden;}
.main_inquery_box .col_box .col.inquery ul li {margin-bottom:5px; position:relative; margin-bottom:20px;  font-size:15px; font-family: 'Pretendard';}
.main_inquery_box .col_box .col.inquery ul li .s_title {font-size:18px;color:#000; font-weight:bold; margin-bottom:0px;}
.main_inquery_box .col_box .col.inquery ul li input[type="text"]{width:100%; border:0px; height:40px; height:40px;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px #ddd solid; background:none; font-size:15px; font-family: 'Pretendard';}
.main_inquery_box .col_box .col.inquery ul li select {width:100%;  border:0px; height:40px; height:40px;  ;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px #ddd solid; background:none; font-size:15px; font-family: 'Pretendard';}
.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:#222a4f; color:#fff;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:20px; font-family: 'Pretendard';  }  
.main_inquery_box .col_box .col.inquery ul li.text textarea{border:0px; height:70px; ; width:100%;  -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:hover,
.main_inquery_box .col_box .col.inquery ul li:focus {border-color:#222a4f; outline: none; } 

.main_inquery_box .col_box .col.inquery ul li:hover .s_title,
.main_inquery_box .col_box .col.inquery ul li:focus .s_title {color:#222a4f; }


.main_inquery_box .col_box .col.inquery ul li:hover .s_text input[type="text"],
.main_inquery_box .col_box .col.inquery ul li:focus .s_text input[type="text"] {border-color:#222a4f;} 


.main_inquery_box .col_box .col.inquery ul li:hover .s_text textarea,
.main_inquery_box .col_box .col.inquery ul li:focus .s_text textarea {border-color:#222a4f }



.main_inquery_box .col_box .col.in_list{ }
.main_inquery_box .col_box .col.in_list h3 {font-size:25px; color:#000; margin-bottom:30px; font-weight:bold; letter-spacing:-2px;}
.main_inquery_box .col_box .col.in_list h3 span {color:#e5740f;}
.main_inquery_box .col_box .col.in_list ul li{border-bottom:1px #ddd solid;}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap {display:table; width:100%; table-layout:fixed; padding:12px 0px;;}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l{display:table-cell; vertical-align:middle; font-size:17px; color:#000; }
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l.center{text-align:center;}

.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l .mtm_ing {display:inline-block; line-height:40px;  text-align:center; padding:0 20px; background:#f2f2f2; border-radius:40px; font-size:16px; color:#333}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l .mtm_ing.end {background-color:#e5740f; coloR:#fff}










@media all and (max-width:1024px) {

/*메인비주얼*/
.main_visual {min-width:auto; overflow:hidden;}
.main_visual li.list {height:350px; background-size:auto 400px; background-position:center top; }


.main_visual .main_visual_text {position:absolute;     }
.main_visual .main_visual_text .text {padding-top:110px;}
.main_visual .main_visual_text .t1 {font-size:18px; line-height:20px;  }
.main_visual .main_visual_text .t2 {font-size:40px; line-height:40px; margin-top:10px;}
.main_visual .main_visual_text .t3 {font-size:14px; padding:0px 38px; margin-top:15px; }


.main_visual .main_pager { display:none;}
.main_visual .visual_bottom_bg {background:url(../images/main/main_visual_bottom_bg.png) center top no-repeat; height:57px; z-index:2; position:absolute; left:0px; bottom:0px; width:100%;}
.main_visual .scroll_down {display:none;}






.main_tradingview {margin:20px 0px 0px; }  
.main_tradingview iframe {width: 110% !important; }  



/*메인비지니스*/
.main_business {padding:20px 15px 0; text-align:center;}
.main_business .defauly_layout{}
.main_business .title{ margin-top:10px; }
.main_business .title .t1{ font-size:27px;; line-height:30px; }
.main_business .title .t2{ font-size:15px;  margin-top:15px; padding-right:120px; }
.main_business .title .t1 .line{bottom:5px; height:15px;}



.main_business .slider_box ul {margin:0px auto; }
.main_business .slider_box li {padding:20px 0px; margin:0px 10px 0px 0px !important; width:250px;}  

.main_business .slider_box li .box {padding:20px; }
.main_business .slider_box li .box .t1{font-size:18px}
.main_business .slider_box li .box .t2{ font-size:12px }

.main_business .slider_box li .btn { position:absolute; left:30px; bottom:20px; line-height:18px; color:#222a4f; font-size:12px; }
.main_business .slider_box li .btn a {display:inline-block;; text-align:left;}

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

.main_business .main_business_btns {top:20px;}
.main_business .main_business_btns a {width:35px; height:35px; line-height:35px;}







/*메인상담*/
.main_inquery_box {margin-top:0px;   padding:10px 15px 0px; }
.main_inquery_box .title .t1{ font-size:27px;; line-height:30px; }
.main_inquery_box .title .t2{ font-size:15px;  margin-top:15px; padding-right:120px; }
.main_inquery_box .title .t1 .line{bottom:5px; height:15px;}

.main_inquery_box .title .time {position:relative; right:auto; left:0px; top:0px; text-align:left;}
.main_inquery_box .title .time .time01{font-size:18px;  line-height:30px; padding-left:0px; background:#f8f8f8; padding:30px; border-radius:30px; margin-top:10px; }
.main_inquery_box .title .time .time02{position:absolute; right:20px; top:30px; font-size:13px;}

.main_inquery_box .col_box{display:block; width:auto;}
.main_inquery_box .col_box .col{display:block;  padding:30px;   border-radius:20px; margin-bottom:10px;}
.main_inquery_box .col_box .col.jump{width:30px; padding:0px; background:none; border:0px;}


.main_inquery_box .col_box .col.in_list{ }
.main_inquery_box .col_box .col.in_list h3 {font-size:25px; margin-bottom:30px; font-weight:normal;}
.main_inquery_box .col_box .col.in_list ul li{border-bottom:1px #ddd solid;}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap {display:block; width:100%;  position:relative; }
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l{display:inline-block;  font-size:14px;}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l.name{margin-left:10px;}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l.ca_name{display:none;}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l.center{position:absolute; right:0px; top:7px;}
.cycle-carousel-wrap {width:100% !important;}

.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l .mtm_ing { line-height:33px;   padding:0 15px; border-radius:33px; font-size:14px;}



}


@media only screen and (min-width: 769px) and (max-width:1023px) {

.main_visual li.list {height:450px; background-size:cover; background-position:center top; }
.main_business .main_business_btns { top:20px;}


}



@media all and (min-width:1025px) and (max-width:1440px) {
	
	#header_quick_menu{display:none;}
	.main_visual {min-width:auto;}	


	.main_business,
	.main_inquery_box  {padding:0 15px;}

	.main_inquery_box .col_box .col {padding:30px;}
	.main_inquery_box {margin-bottom:60px;}
}