@charset "utf-8";

html { scroll-behavior: smooth; }



#main_visual {text-align:center; position:relative; overflow:hidden; ; overflow:hidden;}
#main_visual ul {position:relative; z-index:1; overflow:hidden;}
#main_visual li {width:100%; text-align:center;}
#main_visual li img {width:100%; text-align:center; vertical-align:top;} 

#main_visual .main_visual_text {position:absolute; width:100%; top:0px; color:#fff; z-index:2; }

#main_visual .bg{position:absolute; top:0px; left:0px; width:100%; height:700px;; background:rgba(0,0,0,0.3); z-index:0;}

#main_visual .main_visual_text .t1{font-size:20px; line-height:20px;position:relative; z-index:3; padding-top:25%; font-weight:bold;}
#main_visual .main_visual_text .t2{font-size:33px; line-height:40px;  font-weight:bold;  position:relative; z-index:3; padding:10px 0px 5px; }
#main_visual .main_visual_text .t3{font-size:16px; line-height:18px;  position:relative; z-index:3; padding:0px 20px 0px; }

#main_visual .main_pager {position:absolute; width:100%; bottom:20px; z-index:3; text-align:center; opacity:0.9; }
#main_visual .main_pager span {display:inline-block; width:13px; height:13px; border-radius:13px; margin:0 2px; cursor:pointer; border-radius:13px; border:1px #ddd solid; }
#main_visual .main_pager span.cycle-pager-active {background:#ff8f00; border-color:#ff8f00;}


/*바로가기*/
.main_quick {background:#ff8f00; overflow:hidden;} 
.main_quick li{float:left; width:25%; border-right:1px #ec8501 solid; text-align:center; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.main_quick li img {height:40px;padding-bottom:5px; }
.main_quick li a{display:block; padding:15px 0px;  font-size:14px; font-weight:bold; color:#fff; border-right:1px #fd9b1f solid; }





/*메인비지니스*/
.main_business {padding:30px 0px; text-align:center;  background:#fff;}
.main_business .title{ margin-top:30px; }
.main_business .title .t1{ font-size:15px; line-height:20px; color:#000;font-family: 'ChosunNm';}
.main_business .title .t2{ font-size:27px;font-weight:bold; margin-top:10px; line-height:30px; color:#000; letter-spacing:-1px;}
.main_business .title .t3{ font-size:13px;  margin-top:5px; 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;  padding-left:10px;}
.main_business .main_business_list_box .slider_box ul { }
.main_business .main_business_list_box .slider_box li {padding:20px 0px; margin-right:10px; width:240px !important; display:inline-block;  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 .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 .icon iframe{  border-radius:15px 15px 0px 0px; }
.main_business .main_business_list_box .slider_box li .box {padding:20px; 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 .box .t1{color:#000; font-size:18px; 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:13px; color:#888; ;margin-top:10px; line-height:20px;  height:40px; overflow:hidden;}

.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:15px 0px; z-index:999; }
.main_business .main_business_btns a{display:inline-block; width:40px; height:40px; text-align:center; line-height:40px; 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:0px;  position:relative; overflow:hidden;  padding:30px 0px 30px; background:url(../images/main/main_wide_view_wrap_bg_new.jpg) center bottom no-repeat;  text-align:center;  background-size:100%;} 
.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;  position:relative; z-index:1; text-align:center;}
.main_wide_view_wrap .site_info .l_bg{display:inline-block; width:40px; margin-right:0px; height:67px; background:url(../images/main/site_info_left_bg.png) left  no-repeat; vertical-align:middle; background-size:40px; display:none;}
.main_wide_view_wrap .site_info .r_bg{display:inline-block;width:40px; margin-left:0px; height:64px; background:url(../images/main/site_info_right_bg.png) left top no-repeat; vertical-align:middle; background-size:40px; display:none;}
.main_wide_view_wrap .site_info .t1{display:inline-block; font-size:18px; padding:0 60px; color:#fff; line-height:33px;  vertical-align:middle; display:none;}
.main_wide_view_wrap .site_info .t1 strong{display:inline-block; font-weight:bold; }
.main_wide_view_wrap .site_info .t2{font-size:20px; color:#fff;  line-height:40px;text-align:center;}
.main_wide_view_wrap .site_info .t2 span#number1{display:inline-block; font-size:33px; color:#fff;  position:relative; font-weight:bold; padding:0 10px;}




.main_common_title { margin-bottom:20px;text-align:center;}
.main_common_title .t1{font-size:27px; font-weight:bold;; line-height:27px;  color:#000;;position:relative;  }
.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; display:none;}
.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:40px 0PX; padding:0px 0px 0px 10px; overflow:hidden; position:relative;}
.main_news ul {text-align:center; position:relative; font-size:0px;  transition: all 0.4s;    font-size:0px; padding:20px 0px ;}
.main_news ul li{display:inline-block;; width:260px !important; margin-right:10px;  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:20px; 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:18px; height:25px; line-height:25px; color:#000; white-space: normal;}
.main_news ul li .t2{font-size:14px; margin-top:10px;  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:40px 10px 10px;   position:relative;}
.main_inquery_box_wrap {  padding:10px 10px;  text-align:center; background:#fff; border-radius:10px;   position:relative; z-index:1;}
.main_inquery_box .bg_icon{position:relative; z-index:2; margin-bottom:0px; padding:0 20px; display:none;}
.main_inquery_box .bg_icon img{vertical-align:middle; max-width:100%;}
.main_inquery_box .title{position:relative; display:none;}
.main_inquery_box .title .t2{font-size:27px;font-weight:bold; margin-top:20px;line-height:27px;  color:#000;  }
.main_inquery_box .title .t3{font-size:15px; coloR:#555; line-height:20px; margin-top:10px;}

.main_inquery_box .title .time {position:relative; right:0px; top:0px; margin-top:45px; padding:20px 0px 15px;  text-align:center;   border:1px #f2f2f2 solid; border-radius:10px 10px 0px 0px;}
.main_inquery_box .title .time .time01{font-size:15px; color:#ff8f00; line-height:18px;  }
.main_inquery_box .title .time .time01 span {font-weight:normal; color:#000;}
.main_inquery_box .title .time .time02{font-size:13px; color:#666; }

.main_inquery_box .col_box{display:block;margin-top:0px;}
.main_inquery_box .col_box .col{display:block; padding:20px; text-align:left;}
.main_inquery_box .col_box .col.inquery{background:#f2f2f2; display:none;}
.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:16px;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:12px;  -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:55px; border-radius:10px; height:55px; background:#ff8f00; color:#fff;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:18px;  }  
.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{}
.main_inquery_box .col_box .col.in_list h3 {font-size:20px; color:#000; margin-bottom:20px;   margin-top:10px; position:relative;}
.main_inquery_box .col_box .col.in_list h3 a{position:absolute; right:0px; top:0px; font-weight:normal;  font-size:13px; coloR:#000;  background:#f2f2f2; border:1px #ddd solid; padding:0 10px; line-height:28px; border-radius:3px;}

.main_inquery_box .col_box .col.in_list ul li{border-bottom:1px #ededed 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:60px; overflow: hidden;}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l.wr_ing{width:67px;}
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l.wr_name{width:50px; padding-right:10px; }
.main_inquery_box .col_box .col.in_list ul li .col_l_wrap .col_l.wr_cont{display:none;}
.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:30px;  text-align:center; width:66px;background:#ddd; border-radius:30px; font-size:12px;}
.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:14px;}
.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 {padding:0 10px;  margin-bottom:90px;  }
.main_center_wrap .title {font-size:18px; color:#000; font-weight:bold; margin-bottom:20px; }
.main_center_wrap .title strong{font-size:12px; color:#888; font-weight:normal; margin-left:10px;}
.main_center_wrap .title .icon {display:inline-block; margin-right:10px;}
.main_center_wrap .title img  {vertical-align:middle; width:20px;}
.main_center_wrap .col  { padding:20px; background:#fff; padding:20px; transition: all 0.2s;  position:relative;top:0px; margin-bottom:5px; border-radius:10px;}
.main_center_wrap .col.last  {border-right:0px #ddd solid; }
.main_center_wrap .col.last  .title img{width:25px;}



.main_center_wrap .col.tell .call {font-size:33px; line-height:40px; 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}




.call_list_me {position:relative; margin:40px 10px 10px;   position:relative; }
.call_list_me .t_col_box{display:table; width:100%;background:#fff; margin-top:10px; border-radius:10px; overflow:hidden; }
.call_list_me .t_col_box .col {display:table-cell; vertical-align:middle; padding:}
.call_list_me .t1 {font-size:16px; color:#000; font-weight:bold; padding-left:15px; }
.call_list_me .t1 img{width:45px; vertical-align:middle; margin-right:15px; border:1px #ededed solid; border-radius:45px;}
.call_list_me .t2 {padding:15px 10px; width:90px;}
.call_list_me .t2 span {display:block; background:#ff6600; color:#fff; font-size:14px; line-height:20px; padding:10px 10px; text-align:center; border-radius:10px; width:80px;}
.call_list_me .t2.can span{background:#cccccc;}
*/



.main_center_wrap {margin-bottom:10px;}
.main_banner_wrap {margin:0px 10px 90px;}
.main_banner_wrap ul{overflow:hidden;}
.main_banner_wrap ul li{margin-bottom:10px; position:relative; border-radius:10px; overflow:hidden;}
.main_banner_wrap ul li img {width:100%; vertical-align:middle; }

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