@charset "utf-8";


@font-face {
    font-family: 'twayair';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twayair.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:800px; min-width:1400px; overflow:hidden; 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.4); z-index:0;}
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:150px; color:#fff; text-align:center; }
.main_visual .main_visual_text .wrap_list {display:inline-block;  padding:50px; }
.main_visual .main_visual_text .t1 {font-size:40px;  letter-spacing:-1px; line-height:20px;  }
.main_visual .main_visual_text .t2 {font-size:45px;  letter-spacing:-1px; line-height:50px; padding:15px 0px; font-weight:bold; color:#ffd246;}
.main_visual .main_visual_text .t3 {font-size:15px;  letter-spacing:-1px; line-height:30px;}


.main_visual .main_pager {position:absolute; width:100%; left:0px; bottom:400px;  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_quick_wrap_box {position:absolute; left:0px; width:100%; bottom:100px;  z-index:99999999;}
.main_quick_wrap_box .main_quick_wrap {display:table; width:100%; table-layout:fixed; position:relative; z-index:9; box-shadow: 0px 3px 3px rgba(0,0,0,0.2);  overflow:hidden; z-index:99; }
.main_quick_wrap_box .main_quick_wrap li{display:table-cell; vertical-align:middle; background:#fff; padding:15px 0px; text-align:center; transition: all .2s; font-size:15px; border-right:1px #ddd solid;}
.main_quick_wrap_box .main_quick_wrap li.m5 { border-right:0px;}
.main_quick_wrap_box .main_quick_wrap li.m1 {background:#ffd246}
.main_quick_wrap_box .main_quick_wrap li a{color:#000;}
.main_quick_wrap_box .main_quick_wrap li .icon {height:80px; line-height:80px;}
.main_quick_wrap_box .main_quick_wrap li .icon img {vertical-align:middle;}
.main_quick_wrap_box .main_quick_wrap li:hover {background:#f8f8f8;}




.main_business_wrap {margin-top:0px; position:relative; padding:60px 0px; }
.main_business_wrap .title {font-size:40px; COLOR:#000; font-weight:bold;; position:relative;  text-align:center; line-height:40px;}
.main_business_wrap .title span {display:block; font-size:16px; COLOR:#888; font-weight:normal; }
.main_business_wrap .col_box {display:table; width:100%;   position:relative; margin-top:40px; table-layout:fixed; padding:30px 0px;}
.main_business_wrap .col_box .col {display:table-cell; vertical-align:top; padding:0 15px;}
.main_business_wrap .col_box .col.m2,
.main_business_wrap .col_box .col.m4 {padding-top:40px;}
.main_business_wrap .col_box .col .box {padding:40px 30px; border-radius:10px;}
.main_business_wrap .col_box .col.m1 .box {background:#c75252;}
.main_business_wrap .col_box .col.m2 .box {background:#ffd246;}
.main_business_wrap .col_box .col.m3 .box {background:#4b87dc;}
.main_business_wrap .col_box .col.m4 .box {background:#757575;}

.main_business_wrap .col_box .col dl {text-align:Center;}
.main_business_wrap .col_box .col dl dt{font-size:22px; color:#fff;}
.main_business_wrap .col_box .col dl dd{font-size:15px; color:#fff; margin-top:10px; line-height:16px;}

.main_business_wrap .col_box .col .photo {text-align:center; height:220px; line-height:220px;  margin-top:30px;}
.main_business_wrap .col_box .col .photo img {vertical-align:middle;}



.main_about_wrap {margin-top:60px; position:relative; background:#f2f2f2 url(../images/main/main_about_wrap_bg.png) center 50% no-repeat;; padding:80px 0px;}
.main_about_wrap .col_box {display:table; width:100%; }
.main_about_wrap .col_box .col {display:table-cell; vertical-align:middle;}
.main_about_wrap .col_box .col.photo {text-align:center; padding:0 60px; position:relative;}
.main_about_wrap .col_box .col.photo .icon {position:absolute; left:60px; bottom:-87px;}
.main_about_wrap .col_box .col.text {padding-left:460px;}
.main_about_wrap .col_box .col dl dt{font-size:35px; color:#000; font-weight:bold; line-height:40px;}
.main_about_wrap .col_box .col dl dd{font-size:16px; color:#000; margin-top:25px;}
.main_about_wrap .col_box .col .btn {display:inline-block; margin-top:35px; background:#ffd246; color:#fff;  line-height:40px; padding:0 40px; border-radius:40px;} 




/*자주하는질문*/
.main_wide_view_wrap {padding:120px 0px ; text-align:center;  overflow:hidden; background:url(../images/main/main_wide_view_wrap_bg_new.jpg) center top no-repeat;  background-attachment:fixed; position:relative;}
.main_wide_view_wrap .bg{position:absolute;left:0px;top:0px; height:100%; width:100%; background:rgba(0,0,0,0.5); z-index:0}
.main_wide_view_wrap h3 {font-size:50px; color:#fff; line-height:30px; font-weight:normal; z-index:1; position:relative;}
.main_wide_view_wrap h3 span{display:block; font-size:18px; color:rgba(255,255,255,0.7);  line-height:23px; padding-top:20px; font-weight:normal; }



.main_wide_view_wrap .btns {text-align:center; margin-top:40px; z-index:1; position:relative;}
.main_wide_view_wrap .btns a{display:inline-block; line-height:60px;  padding:0 40px; color:#ffd246; font-size:80px;  font-weight:bold;}
.main_wide_view_wrap .btns a .fonti{margin-left:10px;}






/*공지박스*/
.main_bottom_warp {padding:60px 0px; overflow:hidden;}
.main_bottom_warp .col {float:left; width:47%; }
.main_bottom_warp .col.last {float:right;}
.main_bottom_warp .col.center {margin:0 35px; }
.main_bottom_warp .col h3{font-size:25px; line-height:30px; padding-bottom:15px; color:#000; border-bottom:1px #ddd solid; font-weight:normal;}
.main_bottom_warp .col h3 a{float:right; font-size:12px; color:#888; font-weight:normal;}

.main_bottom_warp .notice ul {margin-top:10px; }
.main_bottom_warp .notice ul li{background:url(../images/main/main_notice_dot.jpg) left 50% no-repeat; padding-left:10px; position:relative; font-size:15px;}
.main_bottom_warp .notice ul li a:hover{text-decoration:underline; coloR:#ff6762}
.main_bottom_warp .notice ul li .date{position:absolute; right:0px; font-size:14px;}




.main_bottom_warp  .title {display:block; margin-bottom:15px;}
.main_bottom_warp  .title span{display:block;}

.main_bottom_warp .main_inquery_box { padding:0px;}
.main_bottom_warp .main_inquery_box .text_input {overflow:hidden; position:relative; overflow:hidden;}
.main_bottom_warp .main_inquery_box .text_input li {margin-bottom:5px; float:left; width:49%; background:none; padding-left:0px;}
.main_bottom_warp .main_inquery_box .text_input li.last {float:right;}
.main_bottom_warp .main_inquery_box .text_input li input[type="text"]{height:40px; line-height:40px; border:0px; background:#ededed;  padding:0 2.5%; vertical-align:middle; width:95%; }
.main_bottom_warp .main_inquery_box .btns input {height:55px; line-height:55px;  background:#ffd246; vertical-align:middle; width:100%; border:0px; color:#fff; margin-top:5px;}

.main_bottom_warp .main_inquery_box .text_input li input[type="submit"]{background:#555; color:#fff; border:0px; height:40px; line-height:40px;  font-weight:bold; font-size:13px;  width:100%; text-align:center; margin-top:5px;}
.main_bottom_warp .main_inquery_box .text_input li textarea {height:60px; line-height:20px; background:#fff; border:0px; padding:0 2%; vertical-align:middle; width:96%;}

.main_bottom_warp .main_inquery_box .etc {vertical-align:middle;font-size:12px; color:#666;}
.main_bottom_warp .main_inquery_box .hidden_text_agree {position:absolute; top:40px; left:0%; padding:10px;width:300px; height:150px; overflow:hidden; overflow-y:auto; display:none; color:#fff; border:1px #222 solid; background:#666; z-index:111; font-family: 'Noto Sans KR' ,sans-serif;; font-size:11px; }
