@charset "utf-8";



/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; ; min-width:1400px; z-index:1;}
.main_visual ul#main_visual_wrap {height:800px; position:relative; z-index:1;}
.main_visual li.list {background-repeat:no-repeat; background-position:center top; width:100%; height:800px; background-size:cover}


.main_visual .main_visual_text {position:absolute; width:100%; height:800px; 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.3); z-index:0; }
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:300px; color:#fff; text-align:left; }
.main_visual .main_visual_text .t1 {font-size:30px;  letter-spacing:-1px; line-height:20px;  font-family: 'ChosunNm';}
.main_visual .main_visual_text .t2 {font-size:60px;  letter-spacing:-1px; line-height:50px; padding:25px 0px; color:#fff; font-family: 'ChosunNm';}
.main_visual .main_visual_text .t3 {font-size:18px;  letter-spacing:-1px; line-height:20px;  }


.main_visual .main_pager {position:absolute; width:100%; left:0px; bottom:280px;  z-index:99999999;  text-align:left;}
.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:#ff8f00; border:1px #ff8f00 solid;}




.main_visual .scroll_down {position:absolute; left:0px;  bottom:80px; 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;}
.main_business .defauly_layout{}
.main_business .title{ margin-top:60px; }
.main_business .title .t1{ font-size:24px; line-height:20px; color:#000;font-family: 'ChosunNm';}
.main_business .title .t2{ font-size:60px;font-weight:bold; margin-top:20px; line-height:60px; color:#000; letter-spacing:-2px;}
.main_business .title .t3{ font-size:14px;  margin-top:10px; line-height:20px; color:#666;}
.main_business .main_business_list_box{position:relative;  overflow:hidden; width:100%; }
.main_business .main_business_list_box .col_box{  position:relative;}

.main_business .main_business_list_box .col_box .col_left_box { vertical-align:middle;}

.main_business .main_business_list_box .slider_box { margin-top:0px;  }
.main_business .main_business_list_box .slider_box ul {margin:30px auto; }
.main_business .main_business_list_box .slider_box li {padding:20px 0px; margin:0px 15px; width:330px; 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; text-align:left; white-space: normal; border:1px #ddd solid; border-top:0px; border-radius:0px 0px 15px 15px;}
.main_business .main_business_list_box .slider_box li .icon iframe{  border-radius:15px 15px 0px 0px; }
.main_business .main_business_list_box .slider_box li .box .t1{color:#000; font-size:22px; font-weight:normal; line-height:22px; transition: all 0.3s;}

.main_business .main_business_list_box .slider_box li .box .t1 div{display:inline-block; position:relative; transition: all 0.5s; }
.main_business .main_business_list_box .slider_box li .box .t1 span{position:absolute; left:0px; bottom:0px; width:0px; height:17px; background:rgba(255,143,0,0.2); transition: all 0.5s; }

.main_business .main_business_list_box .slider_box li .box .t2{font-weight:normal; font-size:14px; color:#888; ;margin-top:10px; line-height:20px; }

.main_business .main_business_list_box .slider_box li .btn { position:absolute; left:30px; bottom:20px; line-height:18px; color:#ff8f00; font-size:12px; }
.main_business .main_business_list_box .slider_box li .btn a {display:inline-block;; text-align:left;}

.main_business .main_business_list_box .slider_box li:hover .box h3 {font-size:30px; }
.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_list_box .slider_box li:hover .box .t1 span{ width:100%;}



.main_business .main_business_btns {margin-top:60px; 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:#ff8f00;color:#ff8f00;}





/*자주하는질문*/
.main_wide_view_wrap { margin:80px 0px;  position:relative; overflow:hidden;  padding:60px 0px; background:url(../images/main/main_wide_view_wrap_bg_new.jpg) center bottom no-repeat;  background-attachment: fixed;  } 
.main_wide_view_wrap .default_layout {position:relative; z-index:1; text-align:center;} 
.main_wide_view_wrap .bg {width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(0,0,0,0.4); z-index:0;}


.main_wide_view_wrap .site_info {text-align:center; display:inline-block; line-height:148px; }
.main_wide_view_wrap .site_info .l_bg{display:inline-block; width:89px; margin-right:20px; height:148px; background:url(../images/main/site_info_left_bg.png) left  no-repeat; vertical-align:middle; display:none;}
.main_wide_view_wrap .site_info .r_bg{display:inline-block;width:93px; margin-left:20px; height:148px; background:url(../images/main/site_info_right_bg.png) left top no-repeat; vertical-align:middle; display:none;}
.main_wide_view_wrap .site_info .t1{display:inline-block; font-size:40px; color:#fff; line-height:148px;  vertical-align:middle; }
.main_wide_view_wrap .site_info .t1 strong{font-size:55px;}
.main_wide_view_wrap .site_info .t2{display:inline-block; font-size:40px; color:#fff; margin-left:15px; line-height:148px;  vertical-align:middle; position:relative; }
.main_wide_view_wrap .site_info .t2 span#number1{display:inline-block; font-size:50px; color:#fff;  position:relative; font-weight:bold; padding:0 10px;}





.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;  font-family: 'TwayAir';}
.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:#ff8f00;}

.main_news {margin-top:120px; }
.main_news ul {text-align:center; position:relative; font-size:0px;  transition: all 0.4s;  width:1400px !important;   font-size:0px; padding:20px 0px;}
.main_news ul li{display:inline-block;; width:335px !important; margin-right:20px;  position:relative; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; transition: all 0.2s; top:0px;  vertical-align:top; margin-top:0px;}
.main_news ul li .box {padding:30px; background:#fff; position:relative;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; text-align:left;  transition: all 0.4s;  border:1px #ddd solid;   border-radius:20px;}



.main_news ul li .text_box {margin-left:0px;  }
.main_news ul li .t0{font-size: 15px;    color: #ff8f00;    margin-bottom: 10px;}
.main_news ul li .t1{font-size:20px; height:25px; line-height:25px; color:#000; white-space: normal;}
.main_news ul li .t2{font-size:15px; margin-top:20px;  height:36px; line-height:18px; font-weight:normal; white-space: normal;}
.main_news ul li .t3 { text-align:left; font-size:12px; color:#777; margin-top:40px;}

.main_news ul li:hover {vertical-align:middle; margin-top:20px}
.main_news ul li:hover .box {border-color:#ff8f00;}
.main_news ul li:hover .box .t1 {color:#ff8f00;}
.main_news .notice_pager {text-align:center; margin-top:0px;}
.main_news .notice_pager span {width:15px; height:15px; background:#999; border-radius:15px; display:inline-block; margin:0 3px; cursor:pointer;}
.main_news .notice_pager span.cycle-pager-active {background:#ff8f00; width:50px;}





/*메인상담*/
.main_inquery_box {margin-top:0px; margin-top:100px;  }
.main_inquery_box .title{position:relative;}
.main_inquery_box .title .t1{font-size:20px; color:#000;display:none;}
.main_inquery_box .title .t2{font-size:44px; letter-spacing:-2px; font-weight:normal; margin-top:20px;line-height:44px;  color:#000;  font-family: 'TwayAir'; }
.main_inquery_box .title .t3{font-size:15px; coloR:#555; line-height:20px; margin-top:10px;}

.main_inquery_box .title .time {position:absolute; right:0px; top:30px;}
.main_inquery_box .title .time .time01{font-size:25px; color:#ff8f00; 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: 'TwayAir'; }
.main_inquery_box .title .time .time01 span {font-weight:normal; 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:60px;}
.main_inquery_box .col_box .col.inquery{background:#f2f2f2; border-radius:20px 0px 0px 0px}
.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; overflow:hidden; width:100%; }
.main_inquery_box .col_box .col.inquery ul li.haf {float:left; width:49%;}
.main_inquery_box .col_box .col.inquery ul li.haf.last {float:right;}
.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;  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="password"]{width:100%; border:0px; height:40px; height:40px;  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:40px; height:40px;  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:#ff8f00; 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:#ff8f00; outline: none;}


.main_inquery_box .col_box .col.in_list{border:1px #ddd solid; border-left:0px; border-radius:0px 20px 0px 0px  }
.main_inquery_box .col_box .col.in_list h3 {font-size:25px; color:#000; margin-bottom:30px; font-family: 'TwayAir'; font-weight:normal; position:relative;}
.main_inquery_box .col_box .col.in_list h3 a{position:absolute; right:0px; top:0px; font-weight:normal; font-family: 'KoPubWorldDotum'; font-size:13px; coloR:#000;  border:1px #ddd solid; padding:0 10px; line-height:28px; border-radius:3px;}
.main_inquery_box .col_box .col.in_list ul {height:325px; overflow:hidden;}
.main_inquery_box .col_box .col.in_list ul li{overflow:hidden;}
.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.wr_subject{ overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l.wr_date{width:100px; padding:0px 10px;}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l.wr_ing{width:100px;}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l.wr_name{width:50px; padding:0px 10px; }
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l.wr_cont{width:60px; padding:0px 10px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis; text-align:center;}
.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; width:90px; background:#ddd; border-radius:40px; font-size:14px;}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l .mtm_ing.ing {background-color:#b9462f; color:#fff; font-weight:bold; font-size:16px;}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l .mtm_ing.end {background-color:#f27f0f; coloR:#fff;}












.main_center_wrap {margin-top:0px;  padding:60px 20px;   border:1px #ddd solid;  border-top:0px #ddd solid;  margin-bottom:0px; border-radius:0px 0px 20px 20px}
.main_center_wrap .title {font-size:20px; color:#000; font-weight:bold; margin-bottom:20px; }
.main_center_wrap .title .icon {display:inline-block; margin-right:10px;}
.main_center_wrap .title img  {vertical-align:middle;}
.main_center_wrap .col_box {width:100%; table-layout:fixed; display:table;}
.main_center_wrap .col  {display:table-cell; padding-left:70px; border-right:1px #ddd solid; transition: all 0.2s;  position:relative;top:0px; }
.main_center_wrap .col.last  {border-right:0px #ddd solid; }

.main_center_wrap .col.tell  { padding-left:30px;}

.main_center_wrap .col.tell .call {font-size:35px; line-height:35px; font-weight:bold; color:#233652; }
.main_center_wrap .col.tell .info_text {font-size:16px; line-height:18px; color:#888; margin-top:15px;}
.main_center_wrap .col  ul.list_text li {font-size:16px; padding:0 0 0 83px;   color:#555; line-height:22px; position:relative; }
.main_center_wrap .col  ul.list_text li .s_title {position:absolute; left:0px; top:0px; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat;  padding-left:10px;}
.main_center_wrap .col  ul.list_text li.last {padding-left:10px; background:url(../images/sub/dt_dot.jpg) left 10px no-repeat;}
.main_center_wrap .col  ul.list_text li.last .color {color:#ea4646;}


.main_center_wrap .col.etc_col .text {font-size:16px; color:#333}

.main_center_wrap .col:hover {top:-20px;}


.main_banner_wrap {margin:30px 0px 90px;}
.main_banner_wrap ul{overflow:hidden;}
.main_banner_wrap ul li{float:left; width:49%; position:relative; border-radius:20px; overflow:hidden;}
.main_banner_wrap ul li img {width:100%; vertical-align:middle; }
.main_banner_wrap ul li:last-child{float:right;}

.main_banner_wrap ul li .pic{position:relative; z-index:0;}
.main_banner_wrap ul li .text{position:absolute; text-align:center; z-index:1; left:0px; bottom:0px; width:100%; padding:15px 0px;  background: linear-gradient(to bottom,
            rgba(20, 20, 20, 0) 10%,
            rgba(20, 20, 20, 0.25) 25%,
            rgba(20, 20, 20, 0.5) 50%,
            rgba(20, 20, 20, 0.75) 75%,
            rgba(20, 20, 20, 1) 100%
          ); color:#fff;}