@charset "utf-8";
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
       url(../fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
        url(../fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
        url(../fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url(../fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
        url(../fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
        url(../fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}

#skipNavi{position:absolute;margin:0 auto;width:100%;list-style:none;font-size:1.15em;top:-10.5em;left:0;z-index:999999;}
#skipNavi a:active,
#skipNavi a:focus{position:absolute;padding-top:0.5em;width:100%;height:2em;top:10.5em;text-align:center;color:#000;font-weight:bold;background:#fff;border-bottom:1px solid #475470;outline:0;z-index:999999;}
#wrap{font-family:'Poppins', 'Noto Sans KR', '맑은 고딕', sans-serif;-webkit-text-size-adjust:100%;font-weight:400;font-size:13px;line-height:150%;}
button, textarea, input{font-family:'Noto Sans KR', '맑은 고딕', sans-serif;}

/* main_layout */
#header{display:block;}
#header{position:absolute;left:0;right:0;top:0;background:rgba(255,255,255,0.6);z-index:1000;transition:all .3s;}
#header h1{position:absolute;left:50px;top:25px;z-index:1000;}
#header h1 img{height:40px;}
#header .inner{position:relative;}
#header .inner .gnb > ul{text-align:center;}
#header .inner .gnb > ul > li{display:inline-block;vertical-align:top;position:relative;}
#header .inner .gnb > ul > li > a{display:block;font-size:24px;color:#000;line-height:100px;font-weight:500;padding:0 45px;transition:all .3s;}
#header .inner .gnb > ul > li > .gnb_sub{display:none;padding:10px 0;height:160px;overflow:hidden;}
#header .inner .gnb > ul > li > .gnb_sub ul li{padding:2px 0}
#header .inner .gnb > ul > li > .gnb_sub ul li a{display:block;font-size:16px;color:#000;line-height:150%;text-align:center;transition:all .3s;}
#header .inner .gnb > ul > li > .gnb_sub ul li a:hover{color:#969696;}
#header:hover{background:rgba(255,255,255,1);border-bottom:1px solid rgba(0,0,0,0.2);}
#header .inner .gnb > ul > li:hover{background:#f1f1f1;}
#header .inner .gnb > ul > li:hover a{color:#969696;} 
#header:after{content:'';display:block;width:100%;height:1px;background:rgba(0,0,0,0.1);position:absolute;left:0;top:100px;}
#mHeader{display:none;position:relative;z-index:1000;}
#mHeader h1{padding:10px;border-bottom:1px solid #ddd;}
#mHeader h1 img{height:25px;}
#mHeader .open_mobilemenu{position:absolute;right:0;top:0;padding:16px;}
#mHeader .mobilemenu{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10000;}
#mHeader .mobilemenu .inner{position:absolute;left:-280px;top:0;bottom:0;background:#fff;width:280px;z-index:10001;}
#mHeader .mobilemenu .inner .close_mobilemenu{position:absolute;right:0;top:0;padding:16px;}
#mHeader .mobilemenu .inner .mobile_list > ul > li > a{display:block;font-size:14px;padding:15px;border-bottom:1px solid #ddd;color:#333;line-height:150%;background:url(../img/ico_snb_list.png) no-repeat right 20px center;}
#mHeader .mobilemenu .inner .mobile_list > ul > li > a.on{background-image:url(../img/ico_snb_list_ov.png);}
#mHeader .mobilemenu .inner .mobile_list > ul > li > .mobile_list_sub{display:none;background:#f1f1f1;padding:15px;border-bottom:1px solid #ddd;}
#mHeader .mobilemenu .inner .mobile_list > ul > li > .mobile_list_sub > ul > li > a{display:block;font-size:13px;line-height:150%;color:#666;padding:3px 0;}
.main_visual{position:relative;}
.main_visual .main_video{position:relative;height:0;padding-bottom:40%;overflow:hidden;/* background:url(../img/img_main_visual.jpg) no-repeat center top;background-size:cover; */}
.main_visual .main_video iframe{position:absolute;left:-21%;top:-30%;width:142%;height:142%;}
.main_visual .main_video img{position:absolute;left:0;top:0%;width:100%;}
.main_visual .main_video:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,0.3)}
.main_visual .main_img ul li{height:0;padding-bottom:40%;background-repeat:no-repeat;background-size:cover;background-position:center center;}
.main_visual .main_img ul li:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.2)}
.main_visual .main_txt{position:absolute;left:0;right:0;top:50%;margin-top:-150px;text-align:center;z-index:100;opacity:0;transition:all 2s;}
.main_visual .main_txt.action{opacity:1;}
.main_visual .main_txt ul{}
.main_visual .main_txt ul li{opacity:0 !important;transition:all .3s;margin-top:-30px;padding:100px 0;}
.main_visual .main_txt ul li strong{display:block;font-size:60px;font-weight:600;letter-spacing:-3px;line-height:150%;color:#fff;margin-top:0;margin-bottom:20px;}
.main_visual .main_txt ul li p{display:block;font-size:40px;font-weight:600;letter-spacing:-3px;line-height:150%;color:#fff;margin-top:-20px;transition:all .3s;transition-delay:.1s;}
.main_visual .main_txt ul li.swiper-slide-active{opacity:1 !important;margin-top:0;}
.main_visual .main_txt:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:10;}
.main_visual .main_logo{position:absolute;left:0;right:0;bottom:40px;text-align:center;z-index:1000;}
.main_visual .main_logo img{height:40px;}
.main_section01{margin-bottom:150px;overflow:hidden;}
.main_section01 .title{padding:90px 0 60px 0;text-align:center;}
.main_section01 .title h2{font-size:32px;color:#000;line-height:150%;margin-bottom:10px;font-weight:600;}
.main_section01 .title p{font-size:17px;line-height:130%;color:#000;letter-spacing:-1px;}
.main_section01 .prd_list{max-width:1200px;margin:0 auto;padding:55px 0;position:relative;overflow:hidden;}
.main_section01 .prd_list .swiper-container{position:static;overflow:initial}
.main_section01 .prd_list ul li{width:325px;margin-right:80px;opacity:0.7;transition:all .3s;}
.main_section01 .prd_list ul li a{display:block;position:relative;border-radius:15px;overflow:hidden;background:#f4f4f4;transition:all .3s;border:1px solid #ddd;}
.main_section01 .prd_list ul li a .img{text-align:center;padding:6% 0}
.main_section01 .prd_list ul li a .img img{width:90%;}
.main_section01 .prd_list ul li a .txt{text-align:center;}
.main_section01 .prd_list ul li a .txt strong{display:block;font-size:28px;font-weight:500;line-height:150%;margin-bottom:20px;}
.main_section01 .prd_list ul li a .hover{position:absolute;left:0;right:0;bottom:-100%;background:rgba(255,255,255,0.8);text-align:center;height:100%;transition:all .3s;border-radius:15px;box-sizing:border-box;}
.main_section01 .prd_list ul li a .hover .txt{margin-top:10%;padding:0 20px}
.main_section01 .prd_list ul li a .hover .txt strong{display:block;font-size:28px;font-weight:500;line-height:150%;margin-bottom:20px;color:#000;}
.main_section01 .prd_list ul li a .hover .txt p{font-size:18px;letter-spacing:-1px;color:#666;line-height:150%;}
.main_section01 .prd_list ul li a:hover .hover{bottom:-50%;}
.main_section01 .prd_list ul li.swiper-slide-active{opacity:1;}
.main_section01 .prd_list ul li.swiper-slide-active a{transform:scale(1.25)}
.main_section02 .inner{max-width:1200px;margin:0 auto;padding-bottom:50px;position:relative;}
.main_section02 h2{font-size:32px;color:#000;line-height:150%;font-weight:500;max-width:900px;margin:0 auto 30px auto;}
.main_section02 .main_news{padding-bottom:100px;position:static;}
.main_section02 .main_news ul{}
.main_section02 .main_news ul li{width:280px;margin-right:30px;float:left;}
.main_section02 .main_news ul li a{display:block;border:1px solid #ebebeb;transition:all .3s;}
.main_section02 .main_news ul li a .img{height:0;padding-bottom:62%;overflow:hidden;}
.main_section02 .main_news ul li a .img img{width:100%;}
.main_section02 .main_news ul li a .txt{padding:15px;}
.main_section02 .main_news ul li a .txt strong{display:block;font-size:18px;color:#000;line-height:26px;overflow:hidden;font-weight:400;height:52px;margin-bottom:15px;}
.main_section02 .main_news ul li a .txt p{font-size:13px;line-height:18px;color:#666;height:54px;margin-bottom:30px;overflow:hidden;}
.main_section02 .main_news ul li a .txt .date{display:block;font-size:12px;color:#999;line-height:150%;}
.main_section02 .main_news ul li a:hover{box-shadow:0 10px 15px rgba(0,0,0,0.2);}
.main_section02 .main_news .swiper-news-prev{position:absolute;left:50%;margin-left:340px;top:0;width:48px;height:48px;background:url(../img/btn_prev.png) no-repeat center center;cursor:pointer;}
.main_section02 .main_news .swiper-news-next{position:absolute;left:50%;margin-left:390px;top:0;width:48px;height:48px;background:url(../img/btn_next.png) no-repeat center center;cursor:pointer;}
.main_section02 .quick ul{overflow:hidden;margin-left:-3%;}
.main_section02 .quick ul li{float:left;width:47%;margin-left:3%;}
.main_section02 .quick ul li a{display:block;}
.main_section02 .quick ul li a .txt{padding:20px 30px;background:#56c6ad;}
.main_section02 .quick ul li a .txt strong{display:block;font-size:22px;font-weight:600;line-height:150%;color:#fff;}
.main_section02 .quick ul li a .txt p{font-size:16px;color:#fff;line-height:150%;font-weight:300;}
.main_section02 .quick ul li:first-child a .txt{background:#f99247}
#footer{background:#202637;padding:30px 0;}
#footer .inner{max-width:1200px;margin:0 auto;}
#footer .inner .logo{margin-bottom:10px;}
#footer .inner .logo img{height:50px;}
#footer .inner .foot_info > ul{margin-left:-3%;}
#footer .inner .foot_info > ul > li{float:left;width:47%;margin-left:3%;}
#footer .inner .foot_info > ul:after{content:'';display:block;clear:both;}
#footer .inner .foot_info .copyright p{font-size:18px;color:#fff;line-height:150%;border-top:1px solid rgba(255,255,255,0.4);margin-top:15px;padding-top:15px;}
#footer .inner .foot_info .copyright p:first-child{border-top:0;padding-top:0;margin-top:0;}
#footer .inner .foot_info .familySite p{font-size:18px;color:#fff;line-height:150%;}
#footer .inner .foot_info .familySite p a{color:#fff;}
#footer .inner .foot_info .familySite .select{border-bottom:1px solid rgba(255,255,255,0.4);padding-bottom:12px;}
#footer .inner .foot_info .familySite .select select{height:30px;line-height:30px;font-size:14px;width:100%;max-width:150px;}
#footer .inner .foot_info .familySite .select button{width:40px;height:28px;font-size:14px;color:#666;background:#fff;border:1px solid #fff;border-radius:2px;}

/* sub_layout */
.sub_top{height:450px;text-align:center;position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.sub_top.sub_top01{background-image:url(../img/bg_sub_top01.jpg)}
.sub_top.sub_top02{background-image:url(../img/bg_sub_top02.jpg)}
.sub_top.sub_top03{background-image:url(../img/bg_sub_top03.jpg)}
.sub_top.sub_top04{background-image:url(../img/bg_sub_top04.jpg)}
.sub_top.sub_top05{background-image:url(../img/bg_sub_top05.jpg)}
.sub_top h2{text-align:center;font-size:32px;color:#fff;position:absolute;left:0;right:0;top:50%;line-height:90px;margin-top:0;font-weight:600;letter-spacing:-1px;}
.sub_top h2:before{content:'';display:block;width:500px;height:90px;background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0));position:absolute;left:50%;top:0;margin-left:-230px;z-index:99;}
.sub_top h2 span{position:relative;z-index:100;}
.path{max-width:1200px;margin:0 auto;margin-top:-35px;margin-bottom:100px;background:#919191;position:relative;z-index:10;}
.path > ul:after{content:'';display:block;clear:both;}
.path > ul > li{float:left;position:relative;}
.path > ul > li > a{display:block;color:#fff;font-size:16px;height:70px;line-height:70px;width:220px;padding-left:20px;position:relative;background:url(../img/ico_path_arrow.png) no-repeat right 15px center;box-sizing:border-box;letter-spacing:-1px;}
.path > ul > li > a:after{content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:24px;margin-top:-12px;background:rgba(255,255,255,0.5)}
.path > ul > li > a.on{background-image:url(../img/ico_path_arrow_ov.png)}
.path > ul > li:first-child > a{width:70px;text-indent:-9999px;background:url(../img/ico_home.png) no-repeat center center;}
.path > ul > li > .path_sub{display:none;position:absolute;left:0;right:0;top:70px;background:#919191;padding:10px 0;}
.path > ul > li > .path_sub ul li a{display:block;font-size:14px;color:#fff;padding-left:20px;line-height:30px}
#contents{max-width:1200px;margin:0 auto;min-height:500px;padding-bottom:100px;}
.search_area{margin-bottom:90px;background:#f7f7f7;padding:15px 0}
.search_area .inner{max-width:510px;margin:0 auto;position:relative;}
.search_area .inner > div{margin-right:100px;overflow:hidden;}
.search_area .inner > div input[type="text"]{text-indent:10px;font-size:14px;height:45px;line-height:45px;padding:0;width:100%;border:0;border:1px solid #ddd;}
.search_area .inner > button{position:absolute;right:0;top:0;width:100px;height:47px;line-height:47px;background:#000;overflow:hidden;text-align:center;border:0;color:#fff;font-size:18px;}
.tab{padding-bottom:30px;}
.tab ul:after{content:'';display:block;clear:both;}
.tab ul li{float:left;width:25%;}
.tab ul li a{display:block;font-size:17px;color:#999;font-weight:500;text-align:center;border-top:1px solid #ccc;height:60px;line-height:60px;position:relative;}
.tab ul li a.on{color:#000;}
.tab ul li a.on:after{content:'';display:block;position:absolute;left:0;top:-4px;width:100%;height:8px;border-radius:50px;background:#47ade3}
/*
.product_list{max-width:1000px;margin:0 auto;}
.product_list > ul{overflow:hidden;margin-left:-1.5%;padding:5px;margin-bottom:3%}
.product_list > ul > li{float:left;width:23.5%;margin-left:1.5%;margin-bottom:1.5%;}
.product_list > ul > li a{display:block;position:relative;}
.product_list > ul > li a .item{padding-bottom:130%;height:0;-webkit-transition:all .3s;transition:all .3s;position:relative;box-shadow:0 0 5px rgba(0,0,0,0.2);background:#fff;}
.product_list > ul > li a .item .txt{text-align:center;padding:20px 15px 10px 15px}
.product_list > ul > li a .item .txt strong{display:block;line-height:130%;font-size:26px;color:#444;height:62px;overflow:hidden;padding:20px;margin-bottom:10px;background-repeat:no-repeat;background-position:center top;letter-spacing:-1px;background:url(../img/bg_product_line02.png) no-repeat center top;font-weight:500;}
.product_list > ul > li a .item .txt strong span{display:block;font-size:20px;font-weight:400;}
.product_list > ul > li a .item .txt p{font-size:14px;color:#666;height:40px;line-height:20px;overflow:hidden;}
.product_list > ul > li a .item .ico_new{text-align:center;}
.product_list > ul > li a .item .ico_new span{display:inline-block;text-align:center;width:40px;height:40px;line-height:40px;border-radius:40px;overflow:hidden;font-size:14px;background:#ddd;color:#fff;font-size:12px;font-weight:600;}
.product_list > ul > li a .item p.info{text-align:right;padding:15px;position:absolute;left:0;right:0;bottom:0;letter-spacing:-1px;border-top:1px dashed #ddd;color:#666;}
.product_list > ul > li a .frame_line{background:#a4f11e;position:absolute;z-index:2;opacity:0.4;transition:all .1s;}
.product_list > ul > li a .frame_line.frame_top{height:6px;width:0;left:0;top:0;}
.product_list > ul > li a .frame_line.frame_right{width:6px;height:0;right:0;top:0;transition-delay:0.1s;}
.product_list > ul > li a .frame_line.frame_bottom{height:6px;width:0;right:0;bottom:0;transition-delay:0.2s;}
.product_list > ul > li a .frame_line.frame_left{width:6px;height:0;left:0;bottom:0;transition-delay:0.3s;}
.product_list > ul > li a .frame_line.frame_top.active{width:100%;}
.product_list > ul > li a .frame_line.frame_right.active{height:100%;}
.product_list > ul > li a .frame_line.frame_bottom.active{width:100%;}
.product_list > ul > li a .frame_line.frame_left.active{height:100%;}
.product_list > ul > li a.product01 .item{box-shadow:0 0 5px rgba(241,30,30,0.4);}
.product_list > ul > li a.product02 .item{box-shadow:0 0 5px rgba(241,30,115,0.4);}
.product_list > ul > li a.product03 .item{box-shadow:0 0 5px rgba(241,239,30,0.6);}
.product_list > ul > li a.product04 .item{box-shadow:0 0 5px rgba(241,30,241,0.4);}
.product_list > ul > li a.product01 .frame_line{background:#f11e1e}
.product_list > ul > li a.product02 .frame_line{background:#f11e73}
.product_list > ul > li a.product03 .frame_line{background:#d4c91b}
.product_list > ul > li a.product04 .frame_line{background:#c21ef1}
.product_list > ul > li a.product01 .item .ico_new span{background-color:rgba(241,30,30,0.4);}
.product_list > ul > li a.product02 .item .ico_new span{background-color:rgba(241,30,115,0.4);}
.product_list > ul > li a.product03 .item .ico_new span{background-color:rgba(241,239,30,0.4);color:#666}
.product_list > ul > li a.product04 .item .ico_new span{background-color:rgba(241,30,241,0.4);}
.product_list > ul > li a:hover .frame_line.frame_top{width:100%;}
.product_list > ul > li a:hover .frame_line.frame_right{height:100%;}
.product_list > ul > li a:hover .frame_line.frame_bottom{width:100%;}
.product_list > ul > li a:hover .frame_line.frame_left{height:100%;}
*/
.product_list{max-width:1200px;margin:0 auto;}
.product_list > ul{overflow:hidden;margin-left:-2%;padding:5px;margin-bottom:2%}
.product_list > ul > li{float:left;width:23%;margin-left:2%;margin-bottom:2%;}
.product_list > ul > li a{display:block;position:relative;border-radius:15px;overflow:hidden;border:1px solid #ddd;}
.product_list > ul > li a .item{padding-bottom:130%;height:0;-webkit-transition:all .3s;transition:all .3s;position:relative;box-shadow:0 0 5px rgba(0,0,0,0.2);background:#f5f5f5;}
.product_list > ul > li a .item .txt{text-align:center;padding:20px 15px 10px 15px}
.product_list > ul > li a .item .txt strong{display:block;line-height:130%;font-size:29px;color:#444;height:62px;overflow:hidden;padding:20px;margin-bottom:10px;background-repeat:no-repeat;background-position:center top;letter-spacing:-1px;background:url(../img/bg_product_line02.png) no-repeat center top;font-weight:500;}
.product_list > ul > li a .item .txt strong span{display:block;font-size:20px;font-weight:400;}
.product_list > ul > li a .item .txt p{font-size:16px;color:#666;height:40px;line-height:20px;overflow:hidden;}
.product_list > ul > li a .item .ico_new{text-align:center;}
.product_list > ul > li a .item .ico_new span{display:inline-block;text-align:center;width:60px;height:30px;line-height:30px;border-radius:3px;overflow:hidden;font-size:14px;background:#ddd;color:#fff;font-size:12px;font-weight:600;}
.product_list > ul > li a .item p.info{text-align:right;padding:15px;position:absolute;left:0;right:0;bottom:0;letter-spacing:-1px;border-top:1px dashed #ddd;color:#666;font-size:14px;}
.product_list > ul > li a .frame_line{background:#a4f11e;position:absolute;z-index:2;opacity:0.4;transition:all .1s;}
.product_list > ul > li a .frame_line.frame_top{height:6px;width:0;left:0;top:0;}
.product_list > ul > li a .frame_line.frame_right{width:6px;height:0;right:0;top:0;transition-delay:0.1s;}
.product_list > ul > li a .frame_line.frame_bottom{height:6px;width:0;right:0;bottom:0;transition-delay:0.2s;}
.product_list > ul > li a .frame_line.frame_left{width:6px;height:0;left:0;bottom:0;transition-delay:0.3s;}
.product_list > ul > li a .frame_line.frame_top.active{width:100%;}
.product_list > ul > li a .frame_line.frame_right.active{height:100%;}
.product_list > ul > li a .frame_line.frame_bottom.active{width:100%;}
.product_list > ul > li a .frame_line.frame_left.active{height:100%;}
.product_list > ul > li a.product01 .item{box-shadow:0 0 5px rgba(241,30,30,0.4);}
.product_list > ul > li a.product02 .item{box-shadow:0 0 5px rgba(241,30,115,0.4);}
.product_list > ul > li a.product03 .item{box-shadow:0 0 5px rgba(241,239,30,0.6);}
.product_list > ul > li a.product04 .item{box-shadow:0 0 5px rgba(241,30,241,0.4);}
.product_list > ul > li a.product01 .frame_line{background:#f11e1e}
.product_list > ul > li a.product02 .frame_line{background:#f11e73}
.product_list > ul > li a.product03 .frame_line{background:#d4c91b}
.product_list > ul > li a.product04 .frame_line{background:#c21ef1}
.product_list > ul > li a.product01 .item .ico_new span{background-color:rgba(241,30,30,0.4);}
.product_list > ul > li a.product02 .item .ico_new span{background-color:rgba(241,30,115,0.4);}
.product_list > ul > li a.product03 .item .ico_new span{background-color:rgba(241,239,30,0.4);color:#666}
.product_list > ul > li a.product04 .item .ico_new span{background-color:rgba(241,30,241,0.4);}
.product_list > ul > li a:hover .frame_line.frame_top{width:100%;}
.product_list > ul > li a:hover .frame_line.frame_right{height:100%;}
.product_list > ul > li a:hover .frame_line.frame_bottom{width:100%;}
.product_list > ul > li a:hover .frame_line.frame_left{height:100%;}

.paging{text-align:center;}
.paging a{display:inline-block;width:37px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#575757;border:1px solid #e1e1e1;background:#fff;}
.paging strong{display:inline-block;width:37px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#fff;border:1px solid #000;background:#000;font-weight:400;}
.paging a:hover{display:inline-block;background:#000;color:#fff;}
.paging a.btn:hover{background:none;border-color:#000;}
.product_view .top{border:1px solid #47ade3;padding:5% 6%;overflow:hidden;margin-bottom:50px;}
.product_view .top > .img{width:47%;float:left;text-align:center;}
.product_view .top > .img img{max-width:350px;width:100%;margin:0 auto;}
.product_view .top > .txt{width:53%;float:right;text-align:right;}
.product_view .top > .txt h3{font-size:30px;font-weight:600;line-height:150%;margin-bottom:10px;color:#000;}
.product_view .top > .txt h4{font-size:20px;font-weight:500;line-height:150%;margin-bottom:40px;color:#000;}
.product_view .top > .txt .info_list ul li{border-bottom:1px solid #ddd;font-size:16px;line-height:150%;padding:10px 0;}
.product_view .top > .txt .info_list ul li .txt{min-height:24px;}
.product_view .cont{text-align:center;border-bottom:1px solid #ddd;margin-bottom:50px;padding-bottom:30px;}
.product_view .cont img{max-width:1000px;margin:0 auto;}
.btn_group{overflow:hidden;}
.btn_group .left{float:left;}
.btn_group .left a{margin-right:5px;}
.btn_group .right{float:right;}
.btn_group .right a{margin-left:5px;}
.btn_group .btn_style01{display:inline-block;background:#000;color:#fff;font-size:16px;height:50px;line-height:50px;width:130px;text-align:center;}
.btn_group .btn_style02{display:inline-block;background:#fff;color:#000;font-size:16px;height:50px;line-height:50px;width:130px;text-align:center;border:1px solid #000;box-sizing:border-box;}
.total{font-size:14px;color:#999;line-height:150%;margin-bottom:20px;margin-top:-30px;}
.total strong{font-size:18px;color:#da0021;font-weight:600;padding:0 3px;}
.plan_list{margin-bottom:3%;}
.plan_list ul{margin-left:-2%;}
.plan_list ul:after{content:'';display:block;clear:both;}
.plan_list ul li{float:left;width:23%;margin-left:2%;margin-bottom:2%;}
.plan_list ul li a{display:block;border:1px solid #ddd;transition:all .3s;}
.plan_list ul li a:hover{box-shadow:0 10px 15px rgba(0,0,0,0.2);}
.plan_list ul li a .img{overflow:hidden;height:0;padding-bottom:56%;border-bottom:1px solid #ddd;}
.plan_list ul li a .img img{width:100%;}
.plan_list ul li a .txt{padding:15px;}
.plan_list ul li a .txt strong{display:block;font-size:20px;color:#000;line-height:24px;height:48px;overflow:hidden;margin-bottom:40px;font-weight:400;letter-spacing:-1px;}
.plan_list ul li a .txt p{font-size:16px;line-height:150%;color:#666;letter-spacing:-1px;margin-bottom:20px;height:72px;overflow:hidden;}
.plan_list ul li a .txt .date{display:block;font-size:13px;color:#999;line-height:150%;}
.plan_view h3{background:#f7f7f7;padding:15px;font-size:22px;color:#000;line-height:150%;font-weight:400;}
.plan_view .top{overflow:hidden;padding:15px;border-bottom:1px solid #ddd;margin-bottom:50px;position:relative;}
.plan_view .top .attach{float:left;}
.plan_view .top .attach ul li a{display:block;font-size:14px;color:#666;line-height:24px;}
.plan_view .top .attach ul li a img{margin-right:5px;}
.plan_view .top .info{float:right;color:#666;font-size:14px;text-align:right;line-height:24px;}
.plan_view .cont{text-align:center;border-bottom:1px solid #ddd;margin-bottom:50px;padding-bottom:30px;line-height:180%;}
.plan_view .cont img{max-width:1000px;margin:0 auto;}
.plan_view .cont .movieFrame{margin:0 auto 20px auto;max-width:800px;}
.plan_view .cont .movieFrame .in{position:relative;height:0;padding-bottom:56%;overflow:hidden;background:#000;}
.plan_view .cont .movieFrame .in iframe{position:absolute;left:0;top:0;width:100%;height:100%;}


.notice_table{border-top:2px solid #000;margin-bottom:50px;}
.notice_table table{border-collapse: collapse;width:100%;}
.notice_table table th{background:#f5f5f5;padding:15px;font-size:18px;font-weight:500;letter-spacing:-1px;text-align:center;border-bottom:1px solid #e5e5e5;position:relative;color:#000;}
.notice_table table th:before{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:22px;background:#e3e3e3;margin-top:-11px;}
.notice_table table th:first-child:before{display:none;}
.notice_table table td{padding:15px;font-size:16px;line-height:150%;border-bottom:1px solid #e5e5e5;text-align:center;}
.notice_table table td.left{text-align:left;}
.notice_table table td img{margin-top:4px;}

.upcoming{text-align:center;}

.introduce_wrap{}
.introduce_wrap h2{font-size:34px;color:#454545;line-height:150%;letter-spacing:-3px;text-align:center;background:url(/img/bg_history_line.png) no-repeat center top;padding:20px 0 60px 0;font-weight:400;font-family: 'NanumSquare', sans-serif;}
.introduce_wrap .img{margin-bottom:80px;}
.introduce_wrap .img img{width:100%;}
.introduce_wrap .txt{overflow:hidden;font-size:20px;line-height:200%;padding-bottom:25px;font-weight:400;letter-spacing:-1px;color:#000;}

.CI_wrap h3{font-size:30px;text-align:center;margin-bottom:40px;font-weight:500;color:#333;line-height:150%;letter-spacing:-2px;}
.CI_wrap .section01{background:url(../img/bg_CI01.png) repeat left top;border:1px solid #ddd;margin-bottom:100px;position:relative;}
.CI_wrap .section01 .img{position:absolute;left:80px;top:20px;}
.CI_wrap .section01 .txt{margin-left:500px;font-size:20px;color:#202637;line-height:180%;font-weight:500;letter-spacing:-1px;padding:60px 0}
.CI_wrap .section02 ul{overflow:hidden;margin-left:-1%;}
.CI_wrap .section02 ul li{float:left;width:49%;margin-left:1%;}

.mission_wrap{margin-bottom:80px}
.mission_wrap .top{text-align:center;margin-bottom:130px;}
.mission_wrap .top img{width:100%;max-width:645px;}
.mission_wrap .cont{max-width:900px;margin:0 auto 130px auto;}
.mission_wrap .cont ul li{position:relative;border-radius:100px;margin-bottom:20px;overflow:hidden;}
.mission_wrap .cont ul li .tit{font-size:30px;color:#fff;font-weight:600;line-height:90px;width:240px;text-align:center;background:#515cb9;position:absolute;left:0;top:0;}
.mission_wrap .cont ul li .txt{margin-left:250px;background:#5b8cbb;font-size:22px;color:#fff;font-weight:500;line-height:90px;padding:0 20px;box-sizing:border-box;letter-spacing:-1px;}
.mission_wrap .cont ul li .txt.twoline{line-height:30px;padding:15px 20px;}

.mission_wrap h3{font-size:30px;text-align:center;margin-bottom:40px;font-weight:500;color:#333;line-height:150%;letter-spacing:-2px;}
.mission_wrap .value {max-width: 800px;margin:50px auto 130px auto;}
.mission_wrap .value ul {overflow: hidden;margin-left: -3%;}
.mission_wrap .value ul li {float: left;width: 30.33%;margin-left: 3%;text-align: center;}
.mission_wrap .value ul li .img {max-width: 285px;margin: 0 auto;}
.mission_wrap .value ul li .img img {width: 100%;}
.mission_wrap .value ul li .txt {font-size: 24px;color: #5d5d5d;line-height: 150%;font-weight: 400;letter-spacing: -2px;}

.busArea_wrap{}
.busArea_wrap .map{height:500px;margin-bottom:100px;}
.busArea_wrap .map iframe{width:100%;height:100%;}
.busArea_wrap .contact h3{font-size:30px;font-weight:500;margin-bottom:20px;color:#333;line-height:150%;}

.faq_wrap{}
.faq_wrap h3{font-size:30px;font-weight:500;margin-bottom:20px;color:#333;line-height:150%;}
.faq_list{border-top:2px solid #666;margin-bottom:50px;}
.faq_list dl dt{background:url(../img/ico_Q.png) no-repeat 30px 25px;border-bottom:1px solid #ddd;}
.faq_list dl dt a{display:block;font-size:18px;font-weight:500;padding:25px 50px 25px 65px;background:url(../img/ico_faq_arrow.png) no-repeat right 20px center;color:#333}
.faq_list dl dt a.on{background-image:url(../img/ico_faq_arrow_ov.png);}
.faq_list dl dd{padding:25px 50px 25px 65px;background:#F0FAFB url(../img/ico_A.png) no-repeat 30px 26px;border-bottom:1px solid #ddd;font-size:18px;font-weight:400;line-height:150%;display:none;}
.faq_list dl dd .txt strong{display:block;font-weight:400;font-size:18px;color:#333;margin-bottom:10px;}
.faq_list dl dd .txt p{font-size:16px;line-height:150%;color:#333;}

.history_wrap .list{max-width:800px;margin:0 auto;color:#333;}
.history_wrap .list > ul > li{position:relative;margin-bottom:50px;overflow:hidden;}
.history_wrap .list > ul > li .years{font-size:35px;font-weight:600;margin-bottom:10px;line-height:50px;position:relative;}
.history_wrap .list > ul > li .years:after{content:'';display:block;vertical-align:top;height:1px;background:#ddd;position:absolute;left:130px;top:22px;right:0;box-sizing:border-box;}
.history_wrap .list > ul > li .txt > ul > li{position:relative}
.history_wrap .list > ul > li .txt > ul > li .month{position:absolute;left:0;top:0;font-size:26px;line-height:35px;font-weight:600;color:#666;}
.history_wrap .list > ul > li .txt > ul > li ul{margin-left:40px;}
.history_wrap .list > ul > li .txt > ul > li ul li{font-size:20px;line-height:35px;color:#999;margin-top:5px;letter-spacing:-1px;}
.history_wrap .list > ul > li .txt > ul > li ul li img{height:20px;margin-top:7px;}

@media only screen and (max-width: 1501px) {
    #header .inner .gnb{margin-left:270px;}
}

@media only screen and (max-width: 1221px) {
    #header h1{left:15px;top:35px;}
    #header h1 img{height:30px;}
    #header .inner .gnb{margin-left:200px;}
    #header .inner .gnb > ul:after{content:'';display:block;clear:both;}
    #header .inner .gnb > ul > li{display:block;width:20%;float:left;}
    #header .inner .gnb > ul > li > a{font-size:20px;padding:0;}
    #footer{padding:20px 15px;}
    #footer .inner .foot_info .copyright p{font-size:16px;}
    #footer .inner .foot_info .copyright p{font-size:14px;}
    #footer .inner .foot_info .familySite p{font-size:16px;}
    #footer .inner .foot_info .familySite{margin-top:-9px;}
    .main_visual .main_txt ul li strong{font-size:50px;margin-top:0;}
    .main_visual .main_logo{bottom:30px;}
    .main_visual .main_logo img{height:30px;}
    .main_section01{margin-bottom:70px;padding:0 15px;}
    .main_section02 .quick{padding:0 15px;}
    
    #contents{margin:0 15px;padding-bottom:50px;}
    .sub_top{height:350px;}
    .sub_top h2{font-size:28px;line-height:70px;}
    .sub_top h2:before{height:70px;width:350px;margin-left:-175px;}
    .path{margin:-25px 15px 70px 15px;}
    .path > ul > li > a{height:50px;line-height:50px;font-size:14px;}
    .path > ul > li:first-child > a{background-size:auto 15px;}
    .path > ul > li > .path_sub{top:50px;}
    .search_area .inner > button{font-size:14px;}
    .introduce_wrap h2{font-size:24px;}
    .introduce_wrap .img{margin-bottom:50px;}
    .introduce_wrap .txt{font-size:18px;}
    .plan_view h3{font-size:18px;}
    .plan_view .cont{padding-bottom:30px;margin-bottom:30px;}
    .plan_view .cont img{width:100%;}
    .btn_group .btn_style01{font-size:14px;height:40px;line-height:40px;width:90px;}
    .btn_group .btn_style02{font-size:14px;height:40px;line-height:40px;width:90px;}
    .mission_wrap h3{font-size:24px;margin-bottom:20px;}
    .mission_wrap .cont{margin-bottom:80px;}
    .mission_wrap .cont ul{margin-bottom:50px}
    .mission_wrap .cont ul li{margin-bottom:20px;}
    .mission_wrap .cont ul li .tit{font-size:20px;line-height:80px;}
    .mission_wrap .cont ul li .txt{font-size:17px;line-height:80px;font-weight:400;}
    .mission_wrap .cont ul li .txt.twoline{line-height:25px;}
    .mission_wrap .value{margin:30px auto 50px auto;}
    .mission_wrap .value ul li .txt{font-size:18px;}
    .CI_wrap h3{font-size:24px;margin-bottom:20px;}
    .CI_wrap .section01{min-height:220px;margin-bottom:50px;}
    .CI_wrap .section01 .txt{padding:4% 0;margin-left:450px;margin-right:20px;}
    .CI_wrap .section01 .txt br{display:none;}
    .CI_wrap .section02 ul li img{width:100%;}    
    .busArea_wrap .map{height:400px;margin-bottom:50px;}
    .busArea_wrap .contact h3{font-size:25px;margin-bottom:15px;}
    .notice_table table th{font-size:16px;}
    .notice_table table td{font-size:14px;}
    .upcoming img{width:100%;}
    .notice_table{margin-bottom:30px;}
    .product_view .cont{padding-bottom:30px;margin-bottom:30px;}
    .faq_wrap h3{font-size:24px;margin-bottom:15px;}
    .faq_list dl dt a{font-size:15px;background-size:auto 10px;}
    .faq_list dl dd .txt strong{font-size:15px;}
    .faq_list dl dd .txt p{font-size:14px;}
}

@media only screen and (max-width: 1021px) {
    #header h1{top:15px;}
    #header h1 img{height:25px;}
    #header .inner .gnb > ul > li > a{font-size:17px;height:60px;line-height:60px;}
    #header .inner .gnb > ul > li > .gnb_sub ul li a{font-size:14px;}
    #header:after{top:60px}
    .main_visual .main_txt ul li strong{font-size:40px;}
    .main_visual .main_logo{bottom:40px;}
    .main_visual .main_logo img{height:30px;}
    .main_section01 .title{padding:50px 0 30px 0}
    .main_section01 .title p{font-size:15px;}
    .main_section01 .prd_list ul li a .txt strong{font-size:21px;}
    .main_section01 .prd_list ul li a .hover .txt strong{font-size:21px;}
    .main_section01 .prd_list ul li a .hover .txt p{font-size:16px;}
    .main_section02 h2{padding:0 15px;font-size:25px;}
    .main_section02 .main_news ul li{width:200px;margin:0 15px}
    .main_section02 .main_news .swiper-news-prev{left:auto;right:68px;}
    .main_section02 .main_news .swiper-news-next{left:auto;right:15px;}
    .main_section02 .quick ul li a .txt{padding:20px}
    .main_section02 .quick ul li a .txt strong{font-size:18px;}
    .main_section02 .quick ul li a .txt p{font-size:14px;}
    
    .sub_top{height:300px;}
    .sub_top h2{font-size:28px;margin-top:-20px;}
    .mission_wrap .cont ul li .tit{font-size:16px;width:180px;}
    .mission_wrap .cont ul li .txt{font-size:14px;margin-left:190px;}
    .CI_wrap .section01{min-height:190px;}
    .CI_wrap .section01 .img{left:20px;top:20px;}
    .CI_wrap .section01 .img img{width:250px;}
    .CI_wrap .section01 .txt{font-size:16px;margin-left:320px;}
    .busArea_wrap .contact h3{font-size:20px;}
    .notice_table table th{font-size:14px;}
    .product_list > ul > li{}
    .product_list > ul > li a .item{padding-bottom:155%;}
    .product_list > ul > li a .item .txt{padding:20px 10px 10px 10px;}
    .product_list > ul > li a .item .txt strong{word-break:break-all;padding:10px 0;font-size:20px;height:52px;}
    .product_view .top{padding:4% 5%;}
    .product_view .cont img{width:100%;}
    .plan_list ul li a .txt{padding:10px;}
    .plan_list ul li a .txt strong{font-size:16px;margin-bottom:10px;}
    .plan_list ul li a .txt p{font-size:14px;height:63px;}
    .paging a{width:30px;height:30px;line-height:30px;font-size:12px;}
    .paging a.btn img{width:100%;}
    .paging strong{width:30px;height:30px;line-height:30px;font-size:12px;}
    .faq_list dl dt{background-position:15px 15px}
    .faq_list dl dt a{padding:15px 35px 15px 40px;background-size:auto 8px;}
    .faq_list dl dd{padding:15px 15px 15px 40px;background-position:15px 20px}
    .faq_list dl dd .txt strong{font-size:14px;}
    .faq_list dl dd .txt p{font-size:13px;}
    .product_view .top > .txt h3{font-size:26px;}
    .product_view .top > .txt h4{font-size:20px;}
    .product_view .top > .txt .info_list ul li{font-size:14px;}
    .main_section01 .title h2{font-size:28px;}
    .main_section01 .prd_list ul li a .txt strong{font-size:18px;}
    .main_section01 .prd_list ul li a .hover .txt strong{font-size:18px;}
    .main_section01 .prd_list ul li a .hover .txt p{font-size:14px;}
}

@media only screen and (max-width: 768px) {
    #header{display:none;}
    #mHeader{display:block;}
    #footer .inner .logo img{height:30px}
    #footer .inner .foot_info > ul > li{float:none;width:auto;}
    #footer .inner .foot_info .copyright p{font-size:12px;border-top:0;margin-top:0;padding-top:0;}
    #footer .inner .foot_info .familySite{margin-top:10px;}
    #footer .inner .foot_info .familySite p{font-size:12px;}
    #footer .inner .foot_info .familySite .select{padding-bottom:0;border:0;}
    #footer .inner .foot_info .familySite .select select{font-size:12px;margin-top:5px;}
    #footer .inner .foot_info .familySite .select button{margin-top:5px;}
    .sub_top{height:200px;}
    .sub_top h2{line-height:60px;margin-top:-30px;font-size:21px;}
    .sub_top h2:before{height:60px;width:300px;margin-left:-150px;}
    .path{margin-bottom:30px;}
    .path > ul{padding-left:50px;position:relative;}
    .path > ul > li{width:50%;}
    .path > ul > li > a{width:100%;font-size:12px;background-size:auto 6px;padding-left:10px;}
    .path > ul > li:first-child{width:50px;position:absolute;left:0;top:0;}
    .path > ul > li:first-child > a{width:50px;padding-left:0;}
    .path > ul > li:last-child > a:after{display:none;}
    .path > ul > li > .path_sub{padding:5px 0;}
    .path > ul > li > .path_sub ul li a{font-size:12px;padding-left:10px;}
    .faq_list dl dt a{font-size:13px;}
    .faq_list dl dd{background-position:15px 15px}
    .faq_list dl dd .txt strong{font-size:13px;}
    .faq_list dl dd .txt p{font-size:13px;}
    .introduce_wrap h2{font-size:18px;background-size:auto 2px;padding-bottom:30px;}
    .introduce_wrap .img{margin-bottom:30px;}
    .introduce_wrap .txt{font-size:14px;}
    .mission_wrap{margin-bottom:50px;}
    .mission_wrap .top{margin-bottom:30px;}
    .mission_wrap .top img{width:95%;}
    .mission_wrap h3{font-size:20px;margin-bottom:20px;}
    .mission_wrap .value{margin-top:20px;margin-bottom:30px;}
    .mission_wrap .value ul li .txt{font-size:16px;}
    .mission_wrap .cont{margin-bottom:50px;}
    .mission_wrap .cont ul li{border-radius:0;}
    .mission_wrap .cont ul li .tit{position:static;margin-bottom:5px;background:none;color:#333;width:auto;text-align:left;line-height:150%;}
    .mission_wrap .cont ul li .txt{margin-left:0;line-height:150%;padding:20px 15px;border-radius:15px;}
    .mission_wrap .cont ul li .txt.twoline{line-height:150%;padding:20px 15px;}
    .mission_wrap .cont ul li .txt.twoline br{display:none;}
    .CI_wrap h3{font-size:20px;margin-bottom:20px;}
    .CI_wrap .section01{padding:15px;min-height:auto;}
    .CI_wrap .section01 .img{position:static;margin:0 auto 15px auto;text-align:center;}
    .CI_wrap .section01 .img img{max-width:250px;width:100%;}
    .CI_wrap .section01 .txt{margin-left:0;font-size:14px;margin-right:0;}
    .CI_wrap .section02 ul li{float:none;width:auto;margin-bottom:25px;}
    .busArea_wrap .map{height:250px;margin-bottom:30px;}
    .busArea_wrap .contact h3{font-size:18px;margin-bottom:10px;}
    .notice_table table th{padding:10px;font-size:12px;}
    .notice_table table td{padding:10px;font-size:12px;}
    .history_wrap .list > ul > li{margin-bottom:30px;}
    .history_wrap .list > ul > li .years{font-size:20px;line-height:40px;}
    .history_wrap .list > ul > li .years:after{left:75px;top:17px;}
    .history_wrap .list > ul > li .txt > ul > li .month{font-size:19px;}
    .history_wrap .list > ul > li .txt > ul > li ul{margin-left:30px;padding-top:5px;}
    .history_wrap .list > ul > li .txt > ul > li ul li{font-size:14px;line-height:180%;margin-top:0;}
    .history_wrap .list > ul > li .txt > ul > li ul li br{display:none;}
    .history_wrap .list > ul > li .txt > ul > li ul li img{margin-top:2px;}
    .search_area{padding:15px;margin-bottom:40px;}
    .search_area .inner > div{margin-right:80px;}
    .search_area .inner > div input[type="text"]{font-size:13px;height:40px;line-height:40px;}
    .search_area .inner > button{font-size:13px;height:42px;line-height:42px;width:80px;}
    .product_list > ul{margin-left:-3%;}
    .product_list > ul > li{width:47%;margin-left:3%;margin-bottom:3%;}
    .product_list > ul > li a .item{padding-bottom:0;height:280px;}
    .tab ul li a{font-size:13px;line-height:40px;height:40px;}
    .tab ul li a.on:after{height:6px;top:-3px;}
    .product_view .top > .img{width:auto;float:none;margin-bottom:20px;}
    .product_view .top > .txt{float:none;width:auto;text-align:left;}
    .product_view .top > .txt h3{font-size:20px;}
    .product_view .top > .txt h4{font-size:16px;margin-bottom:20px;}
    .product_view .top > .txt .info_list ul li{font-size:12px;padding:7px 0}
    .plan_list ul li{width:48%;}
    .plan_list ul li a .txt strong{font-size:14px;line-height:20px;height:40px;}
    .plan_list ul li a .txt p{font-size:12px;line-height:18px;height:36px;}
    .plan_list ul li a .txt .date{font-size:11px;}
    .plan_view h3{font-size:16px;}
    .plan_view .top{margin-bottom:20px;}
    .plan_view .top .attach ul li a{font-size:12px;}
    .plan_view .top .info{font-size:12px;}
    .plan_view .cont{padding:0 0 20px 0}
    .total{margin-top:0;margin-bottom:5px;font-size:12px;}
    .total strong{font-size:14px;}
    .faq_wrap h3{font-size:18px;margin-bottom:10px;}
    .faq_list{margin-bottom:30px;}
    .faq_wrap .notice_table{margin-bottom:0;}
    #contents{min-height:auto;}
    .main_visual .main_video{padding-bottom:50%;}
    .main_visual .main_video iframe{top:-20%;}
    .main_visual .main_logo{bottom:10px;}
    .main_visual .main_logo img{height:25px;}
    .main_visual .main_txt ul li strong{font-size:26px;}
    .main_section01{margin-bottom:40px;}
    .main_section01 .title h2{font-size:20px;}
    .main_section01 .title p{font-size:13px;}
    .main_section01 .prd_list{padding:50px 0;margin:0 -100px}
    .main_section01 .prd_list ul li a{border-radius:7px;}
    .main_section01 .prd_list ul li a .txt strong{font-size:14px;}
    .main_section01 .prd_list ul li a .hover .txt strong{font-size:14px;}
    .main_section01 .prd_list ul li a .hover .txt p{font-size:12px;}
    .main_section02 h2{font-size:20px;margin-bottom:15px;}
    .main_section02 .main_news{padding-bottom:40px;}
    .main_section02 .main_news .swiper-news-prev{width:30px;height:30px;right:50px;}
    .main_section02 .main_news .swiper-news-next{width:30px;height:30px;}
    .main_section02 .main_news ul li a .txt{padding:10px;}
    .main_section02 .main_news ul li a .txt strong{font-size:14px;line-height:20px;height:40px;}
    .main_section02 .main_news ul li a .txt p{font-size:12px;line-height:18px;height:36px;}
    .main_section02 .main_news ul li a .txt .date{font-size:11px;}
    .main_section02 .quick ul li{float:none;width:auto;}
    .main_section02 .quick ul li a .txt{padding:15px;}
    .main_section02 .quick ul li a .txt strong{font-size:14px;}
    .main_section02 .quick ul li a .txt p{font-size:12px;}
}