@import url("reset.css");
@import url("slick.css");

.header{position:relative;}
.header_inner{ margin:0 auto; max-width:1180px; padding:0 20px;}
.header_inner:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.header .logo{float:left; padding:25px 0 30px; }
#hd_login_msg{opacity:0;}
.header_right_menu{float:right;}
.gnb_area:after,
.header_right_menu:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.gnb_area{float:left; padding-top:35px;}
.gnb_area:before{position:absolute; left:0; top:98px; width:100%; height:180px; background:rgba(255,255,255,0.9); display:block; content:""; opacity:0; visibility:hidden;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.gnb>li{float:left; position:relative; padding:0 15px; }
.gnb>li>a{padding-bottom:40px; display:block; font-size:17px;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.gnb>li:hover>a{color:#e5447d;}
.s_gnb{position:absolute; left:0; top:50px; width:100%; visibility:hidden; opacity:0;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.s_gnb ul{padding-top:40px; }
.s_gnb ul li{margin-bottom:5px; text-align:center;}
.s_gnb ul li a{font-size:16px;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.s_gnb ul li a:hover{color:#e5447d;}
.util_menu{float:left; padding-top:35px;}
.util_menu li{float:left; position:relative; padding-left:30px;}
.util_menu li:before{position:absolute; left:15px; top:50%; margin-top:-9px; width:1px; height:18px; background-color:#e6e6e6; display:block; content:"";}
.util_menu li:first-child:before{display:none;}
.util_menu li a{font-size:14px; color:#7a7a7a;}
.btn_menu_close,
.gnb_open{display:none;}

/* main */
.main_visual .list{width:100%; display:none;}
.main_visual .list:first-child{display:block; }
.main_visual .list_1{background:url(../img/main_visual.jpg) no-repeat center center; background-size:cover; }
.main_vs_txt{margin:0 auto; padding:0 20px; max-width:1220px; width:100%; height:607px; display:table; box-sizing:border-box; }
.main_vs_txt .inner{display:table-cell; vertical-align:middle;}
.main_vs_txt .btn_area{padding-top:45px;}
.main_vs_txt .btn_area a{width:146px; height:46px; line-height:46px; text-align:center; background-color:#fff; border-radius:30px; display:inline-block; font-size:18px; 
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.main_vs_txt .btn_area a:hover{background-color:#e5447d; color:#fff;}

.mainCont{margin:0 auto; position:relative; max-width:1180px; padding:0 20px;}
.mainCont h1{margin-bottom:25px; font-size:33px; font-weight:500;}
.main_cont_1{padding:65px 0 0px;}
.main_cont_1 .main_list>ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.main_cont_1 .main_list>ul>li{position:relative; float:left; padding:40px 20px 0;  margin-left:0.93%; width:24.3%; height:374px;  border:1px solid #ddd; border-radius:10px;  box-sizing:border-box; text-align:center;}
.main_cont_1 .main_list>ul>li:hover{border-color:#e5447d;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.main_cont_1 .main_list>ul>li:first-child{margin-left:0;}
.main_cont_1 .main_list .icon{margin-bottom:20px;}
.main_cont_1 .main_list .title{margin-bottom:20px; display:block; font-size:22px; font-weight:600;}
.main_cont_1 .main_list li ul{display:inline-block; text-align:left; }
.main_cont_1 .main_list li ul li{position:relative; margin-bottom:5px; padding-left:14px; font-size:16px; color:#6b6b6b; }
.main_cont_1 .main_list li ul li:before{position:absolute; left:0; top:10px; width:4px; height:4px; background-color:#6b6b6b; display:block; content:""; border-radius:50%;}
.main_cont_1 .main_list ul li .btn_area{padding-top:20px;}
.main_cont_1 .main_list ul li .btn_area a{width:100px; height:38px; line-height:36px; display:inline-block; border:1px solid #ddd; box-sizing:border-box;  font-size:16px; color:#6b6b6b; font-weight:200;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
.main_cont_1 .main_list ul li .btn_area a:hover{background-color:#e5447d; color:#fff; border-color:#e5447d;}
.main_cont_1 .more{position:absolute; right:20px; top:0; }
.main_cont_1 .more a{font-size:16px; color:#939393;}

.main_cont_2{padding:40px 0 0px; position:relative; }
.main_cont_2:before{position:absolute; left:50%;  bottom:0; width:50%; height:530px; background-color:#f7f7f7; display:block; content:"";}
.main_cont_2 h1{margin-bottom:50px;}
.main_cont_2 .clfx{position:relative; }

.main_cont_2 .main_list{position:Relative; z-index:2; float:left; width:42.4%;}
.main_cont_2 .main_list li{position:relative; padding:30px 0 30px 110px; border-bottom:1px solid #e4e4e4; cursor:pointer;}
.main_cont_2 .main_list li .number{position:absolute; left:0; top:0; z-index:3; left:0; top:50%; width:110px; text-align:center; transform: translate(0, -50%); font-size:65px; color:#666; font-weight:200;}
.main_cont_2 .main_list li .txt{position:relative; z-index:3; font-size:22px; color:#666; }
.main_cont_2 .main_list li.on:before{position:absolute; left:0; top:0; bottom:0; z-index:2; width:107%; height:100%; background-color:#e5447d; display:block; content:"";}
.main_cont_2 .main_list li.on .number{color:#fff;}
.main_cont_2 .main_list li.on .txt{color:#fff;}
.main_cont_2 .main_tab_cont{float:left; margin-top:-26px; width:57.6%;  }
.main_cont_2 .main_tab_cont>div{position:relative; z-index:1; padding:90px 20px 0 375px; height:530px; background-color:#f7f7f7; box-sizing:border-box;}
.main_cont_2 .main_tab_cont .img_area{position:absolute; left:55px; width:290px; height:290px; line-height:290px; text-align:center; background-color:#fff; border-radius:50%; display:block; }
.main_cont_2 h2{margin-bottom:20px; line-height:1; font-size:40px; font-weight:500;}
.main_cont_2 h2 strong{font-weight:600;}
.main_cont_2 .list{padding-bottom:10px; min-height:170px; box-sizing:border-box; }
.main_cont_2 .list li{position:relative; margin-bottom:5px; padding-left:20px; background:url(../img/icon_check.gif) no-repeat 0 8px; font-size:18px; font-weight:200; letter-spacing:-0.7px;}
.main_cont_2 .price_list{padding-bottom:30px; }
.main_cont_2 .price_list li:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.main_cont_2 .price_list li .tit{float:left; font-size:14px; color:#6b6b6b;}
.main_cont_2 .price_list li:first-child .price strong{text-decoration: line-through;}
.main_cont_2 .price_list li .price{float:right; font-size:20px; color:#757575; }
.main_cont_2 .price_list li .price strong{font-weight:600; }
.main_cont_2 .price_list li:last-child .price{color:#000; font-size:27px;}
.main_cont_2 .btn_area a{width:100%; height:46px; line-height:44px; box-sizing:border-box; text-align:center; border:1px solid #646464; display:inline-block; font-size:16px; color:#474747;}

.main_cont_3{padding:100px 0 54px;}
.main_cont_3 h1{margin-bottom:10px;}
.main_cont_3 .txt_1{margin-bottom:25px; font-size:17px; color:#848484;}
.main_cont_3 .tel{margin-bottom:10px;}
.main_cont_3 .chk{margin-bottom:15px; text-align:right; font-size:16px; color:#7b7b7b; }
.main_cont_3 .chk a{border-bottom:1px solid #777;font-size:16px; color:#7b7b7b; display:inline-block; vertical-align:top;}
.main_cont_3 .contact_area{position:relative; padding-right:180px; }
.main_cont_3 .contact_area .btn_area{position:absolute; right:0; top:0;}
.main_cont_3 .contact_area .btn_area>*{width:165px; height:52px; line-height:52px; background-color:#000; color:#fff; text-align:center; }
.main_cont_3 .contact_area ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.main_cont_3 .contact_area ul li{float:left; margin-right:1.8%;; width:22%;}
.main_cont_3 .contact_area ul li:last-child{float:left; margin-right:0; width:52.4%;}
.main_cont_3 .contact_area ul li textarea,
.main_cont_3 .contact_area ul li input[type=text]{padding:0;width:100%; height:50px; line-height:48px; border:none; border-bottom:2px solid #000; font-size:18px; 959595;}

.main_notice{padding:25px 0; background-color:#e5447d;}
.main_notice .mainCont{position:relative; padding-right:100px; box-sizing:border-box;}
.main_notice .mainCont:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.main_notice h1{float:left; position:relative; margin-bottom:0; width:13%; text-align:center; line-height:32px; color:#fff;  font-size:26px;}
.main_notice h1:before{position:absolute; right:0; top:0; width:1px; height:32px; background-color:#fff; display:block; content:"";}
.main_notice .main_notice_list{position:Relative; float:left; width:87%; padding:0 120px 0 25px; box-sizing:border-box;}
.main_notice .more{position:absolute; right:15px; top:50%; transform: translate(0, -50%);}
.main_notice .more a{color:#fff;}
.main_notice .main_notice_list a{line-height:32px; display:block; font-size:18px; color:#fff; font-weight:200; 
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;
}
.main_notice .main_notice_list .date{position:absolute; right:0; top:50%; font-size:16px; color:#fff;transform: translate(0, -50%); }

/* footer*/
.footer{background-color:#1d1f20;}
.footer_menu{position:relative; padding:18px 0; border-bottom:1px solid #343637;}
.footer_menu ul{margin:0 auto; padding:0 20px; max-width:1180px;}
.footer_menu ul li{display:inline-block; margin-right:40px;}
.footer_menu ul li a{font-size:16px; color:#a0a0a0; }
.footer_menu ul li a strong{color:#fff; font-weight:300;}
.footer_inner{position:relative; margin:0 auto; padding:25px 20px 45px; max-width:1180px; }
.footer_inner:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.footer_left{float:left; }
.footer_right{float:right; padding-top:20px;}
.footer_right ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.footer_right li{float:left; margin-left:14px;}
.footer .logo{float:left; }
.footer_cont{float:left; margin-left:50px;}
.footer_cont ul li{position:relative;   padding:0 10px; display:inline-block; color:#a0a0a0; font-size:14px;}
.footer_cont ul li:before{position:absolute; left:0; top:50%; margin-top:-5px;  width:1px; height:10px; background-color:#a0a0a0; display:block; content:"";}
.footer_cont ul li:First-child{padding-left:0;}
.footer_cont ul li:First-child:before{display:none;}
.footer_cont .copyright{padding-top:15px; color:#a0a0a0; font-size:14px;}
.btn_top{position:absolute; right:8%; bottom:-30px; width:56px; height:56px; box-sizing:border-box; text-align:center; background:url(../img/btn_top.png) no-repeat center 0; border-radius:50%;  text-indent:-9899px;}

/* layout */
.sub_visual_1{background:url(../img/sub_visual_1.jpg) no-repeat center center; background-size:cover;}
.sub_visual_2{background:url(../img/sub_visual_2.jpg) no-repeat center center; background-size:cover;}
.sub_visual_wrap{height:580px; }
.sub_visual{margin:0 auto; padding:0 20px; max-width:1200px; text-align:center; }
.sub_visual .txt_1{padding:60px 0 10px; font-size:32px; color:#fff; font-weight:500; }
.sub_visual .txt_2{margin-bottom:80px; font-size:20px; color:#fff; }
.sub_visual .list ul{display:flex; align-items:top;}
.sub_visual .list ul li{text-align:center; padding:0 20px; flex-grow:1;}
.sub_visual .list ul li .icon{margin-bottom:20px;}
.sub_visual .list ul li .title{display:block; margin-bottom:10px; font-size:30px;color:#fff; }
.sub_visual .list ul li .txt{display:block; font-size:18px; color:#fff;}
.sub_container{margin:0 auto; padding:50px 20px 150px; max-width:1200px;  min-height:80vh;}

/* tab */
.tabType_1{position:relative; margin-bottom:20px;}
.tabType_1:before{position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ddd; display:block; content:"";}
.tabType_1 ul{display:flex; align-items:center;}
.tabType_1 ul li{flex-grow:1; text-align:center; }
.tabType_1 ul li button{width:100%; height:60px; font-size:18px; }
.tabType_1 ul li.active button{position:relative; padding-bottom:3px; color:#e5447d; font-weight:500;}
.tabType_1 ul li.active button:before{position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#e5447d; display:block; content:"";}

/* list */
.listType_1>ul>li{position:relative; margin-bottom:20px; padding:30px 30px 30px 160px; border:1px solid #ddd; box-sizing:border-box; }
.listType_1>ul>li:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.listType_1>ul>li .icon{position:absolute; left:30px; top:30px; }
.listType_1.icon_style>ul>li .icon {width:110px; height:110px; background-color:#eee; border-radius:50%;}
.listType_1>ul>li .left_area{width:75%;}
.listType_1>ul>li .left_area .title{margin-bottom:10px;display:block; font-weight:600; font-size:26px;}
.listType_1>ul>li .left_area .info{margin-bottom:10px; }
.listType_1>ul>li .left_area .info span{padding:2px 20px; border-radius:30px; border:1px solid #aa36bb; display:inline-block;  color:#aa36bb; font-size:16px;  display:inline-block; }
.listType_1>ul>li .right_area{position:absolute; right:30px; bottom:30px; width:20%;}
.listType_1>ul>li .right_area .price_list{position:relative; bottom:0;}
.listType_1>ul>li .left_area ul li{position:relative; margin-bottoM:5px; padding-left:10px; font-size:16px; color:#6b6b6b;}
.listType_1>ul>li .left_area ul li:before{position:absolute; left:0; top:10px; width:4px; height:4px; background-color:#666; border-radius:50%; display:block; content:"";}
.listType_1>ul>li .price_list ul li:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.listType_1>ul>li .price_list ul li{margin-bottom:5px; }
.listType_1>ul>li .price_list ul li .tit{float:left;  font-size:14px; display:block; padding-top:5px; }
.listType_1>ul>li .price_list ul li .price{float:right;  font-size:16px; }
.listType_1>ul>li .price_list ul li .price.line span{display:inline-block; text-decoration: line-through;}
.listType_1>ul>li .price_list ul li .price strong{font-size:24px; font-weight:600;}
.listType_1>ul>li .price_list ul li:last-child .price{font-size:24px; font-weight:600; text-align:right;}
.listType_1>ul>li .price_list ul li.sm_txt{text-align:right; font-size:13px; color:#777; font-weight:300;}
.listType_1>ul>li .right_area .btn_area>*{width:100%;  height:40px; line-height:40px; background-color:#6b6998; color:#fff; text-align:center; border-radius:4px; display:block;}

.info_list li{margin-bottom:5px; text-align:right; font-size:16px; color:#777;}
.tabCont>div{display:none;}
.tabCont>div:first-child{display:block; }

.titleType_1{margin-bottom:40px; font-size:36px;  font-weight:600; text-align:center;}
.sub_top_title{margin-bottom:80px; text-align:center;}
.sub_top_title .titleType_1{margin-bottom:0;}
.sub_top_txt{padding-top:20px; font-size:18px; text-align:center;}

.listType_2{margin-bottom:80px;}
.listType_2 ul{display:flex;}
.listType_2 ul li{flex-grow:1;  text-align:center;}
.listType_2 ul li .icon{margin-bottom:10px;}
.listType_2 ul li .txt{font-size:18px; font-weight:400;}

.listType_3{margin-bottom:80px; }
.listType_3 ul:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.listType_3 ul li{float:left; position:relative; padding:30px 20px 0 140px; height:140px; margin:0 2% 20px 0; width:32%; box-sizing:border-box; background-color:#f9f9f9; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; }
.listType_3 ul li .icon{position:absolute; left:30px; top:25px; }
.listType_3 ul li:nth-child(3n){margin-right:0;}
.listType_3 ul li .title{font-size:18px; font-weight:500; }
.listType_3 ul li .txt{padding-top:5px; font-size:14px; font-weight:200;}
.listType_3 ul li.w_2{width:66%; margin-right:0; }
.listType_3.h_high ul li{height:225px;}
.listType_3.h_high ul li.w_3{margin-right:0; width:100%;  height:140px;}

.price_info{position:relative; margin-bottom:60px; padding:30px 20px 30px 150px;;  background-color:#f5f5fa; border-radius:10px; }
.price_info .icon{position:absolute; left:30px; top:20px; }
.price_info .icon img{width:100px;}
.price_info .title{margin-bottom:5px; display:block; font-size:24px; font-weight:600;}
.price_info .txt{margin-bottom:10px; font-size:16px; font-weight:200;}
.price_info .price_list{margin-bottom:20px;}
.price_info .price_list li {font-size:16px;}
.price_info .price_list li strong{font-weight:500; font-size:40px; letter-spacing:-1px;}
.price_info .price_list li span{font-size:14px; color:#555; font-weight:200;}
.price_info .info li{position:relative; padding-left:10px; font-size:16px; line-height:1.6;}
.price_info .info li:before{position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#555; display:block; content:""; border-radius:50%;}
.price_info .btn_area{padding-top:20px; }

.banner_area{text-align:center;}

/* btn */
.basic-btn01{padding:0 20px; min-width:160px; height:40px; line-height:40px;  text-align:center; border-radius:5px; font-size:16px; display:inline-block;}
.btn-pink-bg{background-color:#ec008b; color:#fff;}

/* table */
.tbType_1{margin-bottom:5px; }
.tbType_1 th{padding:10px 0; text-align:center; border-bottom:1px solid #ddd; font-size:16px; background-color:#aaa; color:#fff;  font-weight:300;}
.tbType_1 th.bg_1{background-color:#ccc; color:#333;}
.tbType_1 td{padding:10px 5px; border:1px solid #ddd; border-right:none; text-align:center; font-size:16px;}

.tbType_2{margin-bottom:5px; }
.tbType_2 th{padding:10px 0; text-align:center; border-bottom:1px solid #ddd; font-size:16px; background-color:#aaa; color:#fff;  font-weight:300;}
.tbType_2 th.bg_1{background-color:#f8f8f8; color:#333;}
.tbType_2 td{padding:20px; border:1px solid #ddd; border-right:none; font-size:16px;}
.tbType_2 td ul li{position:relative; padding-left:10px; }
.tbType_2 td ul li:before{position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#333; display:block; content:""; border-radius:50%; }

.info_txt{font-size:14px; color:#777;}
.info_txt ul li{position:relative; padding-left:10px; }
.info_txt ul li:before{position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#555; display:block; content:""; border-radius:50%; }

#bo_list_total span{vertical-align:top;}
#bo_v_title{padding:5px 0; border-top:2px solid #333;}
#bo_v_con{font-size:16px; line-height:1.6; border-bottom:1px solid #ddd;}
#bo_v .tel{font-size:16px; font-weight:300; padding-top:30px; }




@media screen and (min-width: 1220px){

.gnb_area:hover:before{visibility: visible; opacity:1;}
.gnb_area:hover .s_gnb{visibility: visible; opacity:1;}

}




@media screen and (max-width: 1220px){

/* header */
.util_menu{padding-right:70px; }
.gnb_open{position:absolute; right:20px; top:23px; width:40px; height:40px; background:Url(../img/menu_icon.svg) no-repeat center center; background-size:40px; display:block;}
.gnb_area{float:none; position:fixed; right:0; width:50%; height:100vh; z-index:10; background-color:#fff; box-shadow:3px 3px 4px 10px rgba(0,0,0,0.1); display:none;}
.gnb>li{float:none; width:100%; padding:0; display:block; text-align:left;  border-bottom:1px solid #ddd; }
.gnb>li>a{padding:10px 20px; display:block;}
.s_gnb{position:relative; left:0; top:0; width:100%; border-top:1px solid #ddd; display:none; visibility: inherit; opacity:1;
transition:none;
}
.s_gnb ul{padding-top:0; text-align:left;}
.s_gnb ul li{text-align:left; }
.s_gnb ul li a{padding:5px 20px; display:block;}
.btn_menu_close{margin:0 20px 30px; width:30px; height:30px; text-align:center; background:url(../img/icon_close.svg) no-repeat center center; background-size:30px; display:block; }

.main_cont_2 .main_list li .txt{font-size:20px; }
.main_cont_2 .main_list li .txt br{display:none;}
.main_cont_2 .main_tab_cont>div{padding:30px 20px;  height:auto; }
.main_cont_2 .main_tab_cont .img_area{position:relative; left:0; width:200px; height:200px; line-height:200px; margin:0 auto 20px; }
.main_cont_2 .main_tab_cont .img_area img{width:60%;}
.main_cont_2 h2{font-size:36px;}
.main_cont_2 .list li{font-size:16px;}

.btn_top{right:3%;}

.sub_visual .list ul li .title{font-size:26px;}
.sub_visual .list ul li .txt{font-size:16px;}

.listType_3.h_high ul li .txt br{display:none;}





}


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

.main_vs_txt{height:360px;}
.main_vs_txt img{height:120px;}
.main_vs_txt .btn_area a{width:120px; height:40px; line-height:40px; font-size:16px;}
.main_cont_1 .main_list>ul>li{width:49%; margin:0 0 20px;}
.main_cont_1 .main_list>ul>li:nth-child(2n){float:right; }
.main_cont_2:before{display:none;}
.main_cont_2 .main_list{float:none; width:100%; }
.main_cont_2 .main_tab_cont{float:none; width:100%;  margin-top:0;}
.main_cont_3 .contact_area{padding-right:0; }
.main_cont_3 .contact_area .btn_area{position:relative; padding-top:10px;}
.main_cont_3 .contact_area .btn_area>*{width:100%; }

.footer_left{float:none; width:100%;}
.footer_left:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}
.footer_right{float:none; width:100%; text-align:center;}
.footer_right li{float:none; display:inline-block;}
.main_cont_2 .main_list li.on:before{width:100%;}

.sub_visual .list ul li .title{font-size:24px;}
.listType_1>ul>li .left_area .title{font-size:22px;}
.listType_1>ul>li .left_area .info span{font-size:13px;}
.listType_1>ul>li .left_area ul li{font-size:14px;}
.listType_1>ul>li .left_area ul li:before{top:7px;}
.listType_1>ul>li .left_area{width:70%;}
.info_list li{font-size:14px; text-align:left;}
.sub_visual .list ul li .txt{font-size:14px;}

.titleType_1{font-size:30px;}
.sub_top_txt{font-size:16px;}
.listType_2 ul li .icon img{width:100px;}
.listType_2 ul li .txt{font-size:16px;}

.listType_3 ul li{width:49.5%; margin:0 0 5px; }
.listType_3 ul li:nth-child(2n){float:right;}
.price_info .price_list li strong{font-size:36px;}

.listType_3 ul li.w_2{width:100%;}
.listType_3.h_high ul li.w_3,
.listType_3.h_high ul li{height:auto;  width:100%; min-height:140px; }


}


@media screen and (max-width: 768px){

/* header */
.header .logo{padding:20px 0;}
.header .logo img{width:120px;}
.util_menu{display:none;}
.gnb_open{top:12px;}
.gnb_area{width:70%;}

.main_vs_txt{height:300px;}
.main_vs_txt img{height:80px;}
.main_vs_txt .btn_area{padding-top:20px;}

.mainCont h1{font-size:22px;}
.main_cont_1 .main_list>ul>li{float:none; width:100%; margin:0 0 10px; height:auto; padding:40px 20px;}
.main_cont_1 .main_list>ul>li:nth-child(2n){float:none;}
.main_cont_2 .main_list li .number{width:80px; font-size:50px;}
.main_cont_2 .main_list li{padding-left:80px; }
.main_cont_2 .main_list li .txt{padding-right:20px; font-size:16px;}

.main_cont_2 h2{font-size:30px;}
.main_cont_3 .txt_1{font-size:15px;}
.main_cont_3 .contact_area ul li{width:49%; margin:0 0 5px; font-size:16px;}
.main_cont_3 .contact_area ul li:nth-child(2n){float:right;}
.main_cont_3 .contact_area ul li:last-child{width:100%; }
.main_cont_3 .contact_area ul li textarea {height:100px; font-size:14px;}
.main_cont_3 .contact_area ul li input[type=text]{font-size:14px;}
.mainCont h1{float:none; width:100%; text-align:left; }
.mainCont h1:before{display:none;}
.main_notice .mainCont{padding-right:0;}
.main_notice .more{right:20px; top:0;transform:translate(0, 0)}
.main_notice .main_notice_list{padding:0 100px 0 0; width:100%; }
.main_notice .main_notice_list a{font-size:14px; line-height:1.4;}
.main_notice .main_notice_list .date{right:20px; top:0; width:auto; font-size:14px; transform:translate(0, 0);}

/* footer */
.footer_menu ul li{margin-right:20px; }
.footer_menu ul li a{font-size:12px; }
.footer .logo{float:none; }
.footer_cont{float:none; margin-left:0;}
.footer_cont ul li{font-size:12px;}
.footer_cont .copyright{font-size:12px;}

.sub_container{padding:30px 20px 50px;}
.sub_visual_wrap{height:500px;}
.sub_visual .txt_1{padding:30px 0 10px; font-size:22px;}
.sub_visual .txt_2{margin-bottom:40px; font-size:16px;}
.sub_visual .list ul li{padding:0 5px;}
.sub_visual .list ul li .icon img{width:70px;}
.sub_visual .list ul li .title{font-size:18px;}
.sub_visual .list ul li .txt br{display:none;}
.tabType_1 ul li button{font-size:16px;}
.listType_1>ul>li{padding:30px; }
.listType_1>ul>li .icon{position:relative; top:0; left:0; margin:0 auto 20px;; width:100px; }
.listType_1>ul>li .left_area{width:100%;}
.listType_1>ul>li .right_area{position:relative; right:0; bottom:0; width:100%; padding-top:20px;}

.titleType_1{margin-bottom:20px; font-size:26px;}
.sub_top_title{margin-bottom:40px;}
.listType_2 ul li .icon img{width:70px;}
.listType_2 ul li .txt{font-size:14px;}
.listType_3{margin-bottom:40px;}
.listType_3 ul li{float:none; width:100%;}
.listType_3 ul li:nth-child(2n){float:none;}
.listType_3 ul li{padding:20px 20px 20px 110px; height:auto; min-height:110px;}
.listType_3 ul li .icon{left:20px; top:20px; }
.listType_3 ul li .icon img{width:70px;}
.price_info{padding:20px;  margin-bottom:20px;}
.price_info .icon{position:relative; left:0; top:0; text-align:center; }
.price_info .icon img{width:80px;}
.price_info .txt{font-size:14px;}
.price_info .price_list li strong{font-size:30px;}
.price_info .info li{font-size:14px;}

.listType_3 ul li.w_2 br{display:none;}
.tbType_1 th{padding:5px; font-size:13px;}
.tbType_1 td{padding:5px; font-size:12px;}

.info_txt{font-size:12px;}
.listType_2.w_2 ul{flex-wrap: wrap;}
.listType_2.w_2 ul li{flex: 1 1 40%; margin-bottom:20px; }
.tbType_2 td{padding:15px; font-size:14px;}
.tbType_2 td ul li:before{top:7px;}
.tbType_2 th{font-size:14px;}


}