@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');


@font-face {
    font-family: 'BMDOHYEON';
    src: url('../font/BMDOHYEON.woff') format('woff'),
    url('../font/BMDOHYEON.ttf') format('truetype');
    src:local(※), url('../font/BMDOHYEON.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'BMDOHYEON';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
    font-weight:normal;font-style:normal;
}

@font-face {
    font-family: 'Noto Sans KR', sans-serif;;
    src: url('../font/NotoSansKR.eot');
    src: url('../font/NotoSansKR.woff') format('woff'),
    url('../font/NotoSansKR.ttf') format('truetype'),
    url('../font/NotoSansKR.eot?#iefix') format('embedded-opentype');
    src:local(※), url('../font/NotoSansKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}





/*=====***** 공통 *****=====*/
#wrap{width:100%;overflow: hidden;height:auto;background-color: #fff;font-family: 'Noto Sans KR', sans-serif;, sans-serif;}
.blind{position: absolute;top:-9999px;left:-9999px;text-indent: -9999px;display: none;visibility: hidden}
br{display: block;width:100%;visibility: hidden;opacity: 0;text-indent: -9999px}
.clear{display: block;clear: both}
.container{width:1200px;margin: 0 auto;}
.container .tit_area{margin-top:190px;text-align: center}
section .container .tit_area span{display: block;font-size: 16px;color: #3083d6;margin-bottom: 15px}
section .container .tit_area h3{font-size: 32px;font-family:'BMDOHYEON';font-weight: 600; color: #222;margin-bottom:54px}
input::placeholder, textarea::placeholder{color: #8b8b8b;font-size: 16px;font-weight: 400;font-family:'Noto Sans KR', sans-serif;;}

/* IE9 이하를 위한 css */
.placeholder {color: #8b8b8b;font-size:16px;font-weight: 400;font-family:'Noto Sans KR', sans-serif;}
/* IE10 이상을 위한 css */
input::placeholder {color: #8b8b8b;font-size:16px;font-weight: 400;opacity: 1;font-family:'Noto Sans KR', sans-serif;}
input::-webkit-input-placeholder {color: #8b8b8b;font-size:16px;font-weight: 400;font-family:'Noto Sans KR', sans-serif;}
/* IE */
input:-ms-input-placeholder {color: #8b8b8b;font-size:16px;font-weight: 400;font-family:'Noto Sans KR', sans-serif;}
/* IE10 이상을 위한 css */
textarea::placeholder {color: #8b8b8b;font-size:16px;font-weight: 400;opacity: 1;font-family:'Noto Sans KR', sans-serif;;}
textarea::-webkit-input-placeholder {color: #8b8b8b;font-size:16px;font-weight: 400;font-family:'Noto Sans KR', sans-serif;}
/* IE */
textarea::-ms-input-placeholder {color: #8b8b8b;font-size:16px;font-weight: 400;font-family:'Noto Sans KR', sans-serif;;}




/*=====***** header *****=====*/
header{width:1200px;height:72px;background: #fff;position: absolute;top:20px;left:50%;margin-left:-600px;padding-top:30px;box-sizing: border-box;z-index: 100;font-family:"NanumBarunGothic", sans-serif}
header .logo{float: left;padding-left:40px}
header .header_right{float: right;padding-right:40px}
header nav{float: left}
header nav ul li{float: left}
header .nav_search_icon{float: left;padding-left:80px;margin-top:-4px;cursor:pointer;width:21px;height:21px}
header .nav_search_icon img{width:100%;height:100%}
header nav ul li a{font-size:14px;padding-left:40px;color: #222;transition:all 0.5s;font-family:"NanumBarunGothic", sans-serif}
header nav ul li a:hover, header nav ul li a:focus{color:#1976d2;}
.btnCall{display: none;position: absolute;top:25px;left:8%;cursor: pointer}
.m-gnbBox{position: absolute;top:0;left:-240px;width:240px;height:100%;background-color: #fff;z-index: 100}
.m-gnbBox .btnClose{position: absolute;top:20px;right:20px;cursor: pointer}
.m-gnb{position: absolute;top:100px;left:0;width:100%;height:auto}
.m-gnb li{border-bottom:1px solid #ddd;padding: 15px 10px 15px 50px;font-family:"NanumBarunGothic", sans-serif}
.m-gnb li:nth-child(1){background: url(../img/ico-m-about-01.png) no-repeat 10% 50%}
.m-gnb li:nth-child(2){background: url(../img/ico-m-pro-0.png) no-repeat 10% 50%}
.m-gnb li:nth-child(3){background: url(../img/ico-m-res-01.png) no-repeat 10% 50%}
.m-gnb li:nth-child(4){background: url(../img/ico-m-si-01.png) no-repeat 10% 50%}
.m-gnb li:nth-child(5){background: url(../img/ico-m-cs-01.png) no-repeat 10% 50%}
.m-gnb li a{font-size: 14px;color: #333;;font-family:"NanumBarunGothic", sans-serif}





/*=====***** main_bg_sec *****=====*/
.main_bg_sec{position: relative;width:100%;height:860px;background: url(../img/viu-img-01.png) no-repeat center center;background-size: cover}
.main_bg_sec .container{position: relative;height:100%}
.main_bg_txtG{position: absolute;top:32%;left:58px;width:600px;height:400px;}
.main_bg_sec h2{opacity:0;position: absolute;top:-80px;left:0;font:3.750em/1.1 "BMDOHYEON";color: #fff}
.main_bg_sec p{opacity:0;position: absolute;top:90px;left:0;font:1.250em/1.4 'Noto Sans KR', sans-serif;;font-weight:300;color: #fff;}

.main_search_area{position:absolute;bottom: -100px;left:50%;margin-left:-600px;width:1200px;height:240px;background-color: #fff;}
.search_box{position: relative;width:990px;height:80px;margin:83px auto 0;border-radius: 0 0 33px 0;padding:4px;
    background: green;
    background: -webkit-linear-gradient(45deg, #1976d2, #4caf50);
    background: -moz-linear-gradient(45deg, #1976d2, #4caf50);
    background: -o-linear-gradient(45deg, #1976d2, #4caf50);
    background: linear-gradient(45deg, #1976d2, #4caf50);
}
.search_box_btn{position: absolute;top:27px;right:39px;display:block;width:28px;height:28px;background: url(../img/ico-search.png) no-repeat center center}
.search_box input[type="text"]{display: block;width:100%;height:100%;text-indent: 20px;border-radius: 0 0 30px 0;font-size: 16px}
.search_box input[type="text"]::placeholder {width:100%;}
.search_keyword{width:990px;margin:30px auto 0;height:54px;}
.search_keyword h3{font-size: 16px;font-weight: 600;float: left;padding-top:15px}
.keyword_list{float: left;padding-left: 30px}
.keyword_list li{float: left;}
.keyword_list li a{display:inline-block;border:1px solid #ddd;border-radius: 30px;font-size:16px;text-align: center;color: #666666;padding:14px 18px;margin-right:5px;background-color: #fff;transition:all 0.5s}
.keyword_list li:hover a, .keyword_list li:focus a{background-color: #1976d2;border:1px solid #1976d2;color: #fff}



/*=====***** about_sec *****=====*/
.about_sec{background: url(../img/visb-img-01.png) no-repeat center bottom; padding-bottom: 95px}
.about_sec .container .tit_area{margin-top:215px}
.franchise_list{width:100%;/* height:273px */}
.franchise_list li{float: left;width:33.3333%}
.franchise_list li>a>div{width:100%;height:auto;text-align: left;margin-top: 20px}
.franchise_list li>a>span{position: relative;display: block; width:90%;height:auto;text-align: center;margin: 0 auto}
.franchise_list li>a>span img{width:100%}
.franchise_list li>a>span:before{display: block; content: "";position: absolute;top:0; left:0; width:100%;height:100%;background: rgba(5, 30, 87,0);z-index: 10;transition: all 0.5s}
.franchise_list li>a:hover>span:before, .franchise_list li:focus>span:before{;background: rgba(5, 30, 87,0.5)}
.franchise_list:after{display: block;content:"";clear:both}
.franchise_list_tit{font-size: 16px;line-height: 1.5;color: #fff;margin-left:22px}
.franchise_list_tit span{display: block }



/*=====***** product_sec *****=====*/
.product_slider_area {width:100%;height:600px;margin:0 auto;}
.slider_list li{display: none;opacity:0;width:100%;height:500px;transition:all 0.5s}
.slider_list li img{display:block;/*width:500px;height:500px;*/margin:0 auto}
.slider_list li.on{display: block;opacity:1;}

.slider_txt{margin: 30px 0}
.slider_txt li{position: relative;float: left;width:20%;text-align: center;padding-top: 20px;cursor: pointer}
.slider_txt li.on{color: #1976d2}
.slider_txt li {display:block;color:#333;font-size: 20px;font-weight: 600}
.slider_txt li span{display:block ;color:#999;font-size: 16px;margin-top: 5px;font-weight: 400}
.slider_txt li.on span{color: #1976d2}
.slider_txt li:after{position: absolute;top:-20px;left:0;width:100%;height:10px;background-color: #ddd;display: block;content: ""}
.slider_txt li.on:after{
    background: green;
    background: -webkit-linear-gradient(90deg, #1976d2, #4caf50);
    background: -moz-linear-gradient(90deg, #1976d2, #4caf50);
    background: -o-linear-gradient(90deg, #1976d2, #4caf50);
    background: linear-gradient(90deg, #1976d2, #4caf50);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#1976d2, endColorstr=#4caf50);
}
.slider_txts p{color:#333;font-size: 20px;font-weight: 600}
.slider_txts p span{display:block ;color:#999;font-size: 16px;margin-top: 5px;font-weight: 400}
.owl-dot.active .slider_txts p,.owl-dot.active .slider_txts span{color: #1976d2;}

.owl-nav,.m_product_slider_area{display: none}



/*=====***** blog_img_sec *****=====*/
.blog_img_sec{margin-top:190px}
.blog_img_sec ul:after{display: block;content: "";clear: both}
.blog_img_sec ul li{position: relative;float: left;width:25%;/* cursor: pointer */}
.blog_img_sec ul li:after{display: block;content: "";position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(5, 30, 87,0);transition: all 0.5s;z-index: 100}
.blog_img_sec ul li:hover:after, .blog_img_sec ul li:focus:after{background: rgba(5, 30, 87,0.8)}
.blog_img_sec ul li img{width:100%}



/*=====***** reservation_sec *****=====*/
.reserve_tab_area{position: relative;width:100%;height:auto;min-height:850px}
.reserve_tab_tit ul:after{display: block;content: "";clear: both}
.reserve_tab_tit ul li{float: left;width:50%;height:64px;text-align: center;border:1px solid #c9c9c9;box-sizing: border-box;font-size: 16px;line-height: 64px;color: #666;cursor:pointer;transition:all 0.5s}
.reserve_tab_tit ul li.on{background-color:#051e57;border:1px solid #051e57;color: #fff}

.reserve_tab_con{width:100%;height:960px;}
.tab_con{display: none;position: absolute;top:64px;left:0;width:100%;height:840px;padding:50px;box-sizing: border-box;/*border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd*/}
.tab_con.on{display: block}
.tab_con>p{font-size: 18px;color: #333;margin-bottom: 20px}
.customer_rad{margin-bottom: 40px}
.input_rad{position: relative;display: inline-block}
.input_rad input[type=radio]{position: absolute;visibility: hidden}
.input_rad label{display: inline-block;line-height: 34px;padding-left: 26px;font-size: 16px;color: #666;margin-right:20px;vertical-align: top;cursor: pointer;}
.input_rad input[type=radio] + label:before {content: '';position: absolute;left: 0;top: 8px;width: 20px;height: 20px;border: solid 1px #dbdbdb;background-color: #f5f7f8;box-sizing: border-box;border-radius: 12px;}
.input_rad input[type=radio]:checked + label:before {border-color: #1976d2;background-color: #fff;}
.input_rad input[type=radio]:checked + label:after {content: '';position: absolute;left: 5px;top: 13px;width: 10px;height: 10px;background-color: #1976d2;border-radius: 5px;}

.cusomer_txt>div{margin-bottom: 30px}
.cusomer_txt label{display: inline-block;font-size: 14px;color: #333;font-weight: 600;margin-bottom: 10px}
.cusomer_txt input{width:100%;height:46px;border:1px solid #ddd;border-radius: 4px;text-indent: 20px;}
.cusomer_txt textarea{width:100%;height:160px;border:1px solid #ddd;border-radius: 4px;text-indent: 20px;padding-top: 20px}
.cusomer_txt textarea::placeholder {width:100%;}

.input_chk{position: relative;display: inline-block}
.input_chk input[type=checkbox]{position: absolute;visibility: hidden}
.input_chk input[type=checkbox] + label{display: inline-block;padding-left: 23px;font-size: 14px;line-height: 36px;color: #000;cursor: pointer;vertical-align: top;}
.input_chk input[type=checkbox] + label:before{content: '';position: absolute;left: 0;top: 11px;width: 16px;height: 16px;border: solid 1px #ccc;background-color: #f8f7f7;box-sizing: border-box; }
.input_chk label{font-size: 14px;color: #999;}
.input_chk input[type=checkbox]:checked + label:before {background-color: #fff;border-color: #1976d2;}
.input_chk input[type=checkbox]:checked + label:after {content: '';position: absolute;left: 3px;top: 14px;width: 8px;height: 4px;border-left: solid 2px #1976d2;border-bottom: solid 2px #1976d2;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.q_btn{display: block;width: 400px;height: 67px;margin:80px auto;border-radius: 8px;background-color: #b4b4b4;font-size: 16px;color: #fff;text-align: center;transition: all 0.5s}
.q_btn:hover, .q_btn:focus{background-color: #555;}


/*=====***** go_consulting *****=====*/
.go_consulting{width:100%;height:427px;background: url(../img/cus-img-01.png) no-repeat center center;text-align: center;display: table;}
.consulting_area{display: table-cell;text-align: center;vertical-align: middle;}
.go_consulting h3{font-size: 42px; font-family:"BMDOHYEON";color: #fff}
.go_consulting a{display: inline-block;font-size: 25px; color: #fff;border:1px solid #fff;padding:20px 80px;border-radius: 40px;text-align: center;margin-top: 40px;transition: all 0.5s}
.go_consulting a:hover, .go_consulting a:focus{background-color: #fff;color: #222}



/*=====***** footer *****=====*/
footer{width:100%;height:340px;;font-family:"NanumBarunGothic", sans-serif}
.fnb{width:100%;height:50px;border:1px solid #ededed;box-sizing:border-box}
.fnb ul li{position: relative;float: left;}
.fnb ul li:after{display: block;content: '';position: absolute;top: 50%;right: 13px;margin-top: -6px;width: 1px;height: 14px;background: #ddd;}
.fnb ul li:last-child:after{width:0}
.fnb ul li a{display: inline-block;font-size: 14px;line-height:50px;color: #999;margin-right:30px;transition: all 0.5s;;font-family:"NanumBarunGothic", sans-serif}
.fnb ul li a:hover, .fnb ul li a:focus{color: #333}
.foot_info{padding:40px 0}
.foot_info:after{display: block;content: "";clear: both}
.foot_logo{float: left;width:50%;margin-top: 20px}
.foot_logo span{display: block;width:178px;font-size: 16px;color: #799fb6;margin-bottom: 10px;font-family:"NanumBarunGothic", sans-serif}
.foot_logo img{display: block;width:178px;}
.copy{float: left;font-size: 14px;color: #999;margin-top: 25px}

.foot_table{float: right;text-align: left}
.foot_table th,.foot_table td{padding: 5px;text-align: left;line-height: 1.5}
.foot_table th{font-size: 12px;color: #666;font-weight: 600;font-family:"NanumBarunGothic", sans-serif}
.foot_table td{font-size: 12px;color: #999;font-family:"NanumBarunGothic", sans-serif}


.family{position:relative;top:107px;left:0;width: 190px;height: 35px;margin-top:21px;line-height: 35px;font-size: 14px;color:#999;border: 1px solid #ddd;background: #fff;text-align: center;cursor:pointer}
.family h2{cursor:pointer;position:absolute;top:0;left:0;text-align: center;width: 100%;height: 100%;color: #999;}
.family ul{;display:none;opacity:0;position:absolute;top:35px;left:0;width:100%;height:74px;border:1px solid #ddd;;background:#fff;text-align:center;margin-left:-1px}
.family h2 span{font-size:10px;vertical-align:4%;padding-left:15px;box-sizing:border-box}
.family ul li a{display:block;width:100%;height:37x;line-height:37px;font-size:13px;cursor:pointer;color:#999;transition:all 0.5s;font-family: "NanumBarunGothic", sans-serif;}
.family ul li a:hover{color:#333;background:#ddd}


/*=====***** top이동버튼 *****=====*/
.go_top{display: none;position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius: 50%;background: #ff9b44;cursor: pointer;color: #fff;font-size: 20px;text-align: center;line-height: 60px;z-index: 10}



/*=====***** media query *****=====*/
@media all and (min-width:960px) and (max-width:1199px){
    .container{width:900px}
    input::placeholder, textarea::placeholder, .placeholder{font-size:14px;}

    header{width:900px;margin-left: -450px}

    .main_bg_sec h2{font-size: 3.4em}
    .main_bg_sec p{font-size: 1.1em;margin-top:20px}
    .main_search_area{width:900px;margin-left: -450px}
    /* .franchise_list{height:210px} */

    .search_box{width:90%;height:65px;margin:40px auto 0}
    .search_keyword{width:90%}
    .search_box input[type="text"],.search_box input[type="text"]::placeholder,.cusomer_txt textarea::placeholder {font-size: 15px}
    .search_keyword h3{padding-top:10px}
    .keyword_list li a{font-size: 15px;padding:12px 16px}

    .franchise_list_tit{width:100%}

    .slider_txt li{font-size: 18px}
    .slider_txt li span{font-size: 15px}

    .go_consulting h3{font-size: 40px}
    .go_consulting a{font-size: 22px}
}

@media all and (min-width:768px) and (max-width:959px){
    .btnCall{display: block}

    .container{width:100%;padding:0 5%;box-sizing: border-box}
    input::placeholder, textarea::placeholder, .placeholder{font-size:14px}

    section .container .tit_area span{font-size: 15px}
    section .container .tit_area h3{font-size: 30px}


    header{width:100%;padding:0 10%; left:0; margin-left: 0;background: none}
    header .header_right,header .logo{display: none}

    .main_bg_txtG{left:10%}
    .main_bg_sec h2{font: 3em/1.1 "BMDOHYEON";}
    .main_bg_sec p{font: 1.1em/1.4 'Noto Sans KR', sans-serif;;}
    .main_search_area{width:90%;margin-left:-45%;height:200px}
    .search_box{width:90%;height:65px;margin:40px auto 0}
    .search_keyword{width:90%}
    .search_keyword h3{padding-top:10px}
    .keyword_list li:last-child{display: none}
    .keyword_list li a{font-size: 15px;padding:12px 16px}
    .search_box_btn{top:23px}

    .about_sec .container .tit_area{margin-top:190px}
    .franchise_list_tit span{display: inline-block}

    .slider_txt li{font-size: 18px}
    .slider_txt li span{font-size: 15px}

    .go_consulting h3{font-size: 40px}
    .go_consulting a{font-size: 22px}
    
    /*footer*/
    .foot_logo{width:30%}
    .copy{width:200px;font-size: 12px}
    
    .family{width: 170px;height: 30px;line-height:30px; top:115px}
    .family h2{font-size:12px;height:}
    .family ul{top:30px;height:62px}
    .family ul li a{font-size:12px;line-height:30px;height:30px}


}

@media all and (min-width:320px) and (max-width:767px){
    .btnCall{display: block}

    .container{width:100%;padding:0 5%;box-sizing: border-box}

    .main_bg_sec{height:380px}
    .main_bg_txtG {position: absolute;top: 32%;left: 10%;width: 300px;height: 200px;}

    section .container .tit_area span{font-size: 11px}
    section .container .tit_area h3{font-size: 25px}

    header{width:100%;padding:0 10%; left:0; margin-left: 0;background: none}
    header .header_right,header .logo{display: none}

    .main_bg_sec h2{font: 2em/1.1 "BMDOHYEON";top:-30px}
    .main_bg_sec p{font: 0.8em/1.4 'Noto Sans KR', sans-serif;;margin-top:10px;top:50px}
    .main_search_area{width:90%;margin-left:-45%;height:150px}
    .search_box{width:87%;margin:20px auto 0;height:50px;padding:3px}
    .search_box input[type="text"]{text-indent: 12px;font-size: 12px}
    .search_box input[type="text"],.search_box input[type="text"]::placeholder,.cusomer_txt textarea::placeholder {font-size: 12px}
    .search_box_btn{width:18px;height:18px;top:20px;right:24px;background: url(../img/m_ico-search.png) no-repeat center center;}
    .search_keyword{width:90%;margin: 20px auto 0;height: 42px;}
    .search_keyword h3{font-size: 13px;padding-top:5px}
    .keyword_list{padding-left: 10px}
    .keyword_list li:nth-child(2n-1){display: none}
    .keyword_list li a{font-size: 12px;padding:7px;margin-right:2px;letter-spacing: -1px}


    section.about_sec .container .tit_area{margin-top: 120px}
    .container .tit_area,.section.product_sec .container .tit_area{margin-top:80px}

    .about_sec{background: none;padding-bottom: 0px}
    .franchise_list li{float: none;width:100%;}
    .franchise_list li:first-child{margin-top:-40px}
    .franchise_list_tit{font-size: 14px;color: #999;text-align: center;margin-left: 0;margin-bottom: 30px;width:100%}
    .franchise_list_tit span{display: inline-block}
    .franchise_list li > a > div{margin-top: 10px}

    .blog_img_sec{margin-top: 80px}
    .blog_img_sec ul li{width:50%;}

    .product_slider_area{display: none}
    .m_product_slider_area{display: block}
    .slider_txt li{width:100%;float: none}
    .slider_txt li a{font-size: 16px;}
    .slider_txt li a span{font-size: 12px}
    .slider_list li{height:270px}
    .slider_list li img{width:270px;height:270px}

    .product_sec{background-color: #eceff1;padding:20px 0 60px 0}
    .owl-carousel .owl-dots{width:90px;height:10px;margin: 30px auto;}
    .owl-carousel button.owl-dot{width:10px;height:10px;border-radius: 50%;margin-right: 10px;background: #ddd}
    .owl-carousel button.owl-dot.active{
        background: green;
        background: -webkit-linear-gradient(90deg, #1976d2, #4caf50);
        background: -moz-linear-gradient(90deg, #1976d2, #4caf50);
        background: -o-linear-gradient(90deg, #1976d2, #4caf50);
        background: linear-gradient(90deg, #1976d2, #4caf50);
    }
    .owl-carousel button.owl-dot:last-child{margin-right: 0}
    .owl-item .item a img{display: block;width:auto;height:300px;margin: 0 auto}
    .m_product_name{text-align: center;font-size: 18px;font-weight: 600;margin-top:25px}
    .m_product_name span{display: block;margin-top: 5px;font-size: 14px;color: #999;font-weight: 400}

    .reserve_tab_con{height:auto}
    .reserve_tab_tit ul li{height:54px;line-height: 54px}
    .tab_con{padding:30px 10px}
    .tab_con>p{font-size: 16px;margin-bottom: 10px}
    .input_rad label{font-size: 13px;margin-right:10px;padding-left:20px}
    .input_rad input[type=radio] + label:before{width: 16px;height: 16px;}
    .input_rad input[type=radio]:checked + label:after{left: 4px;top: 12px;width: 8px;height: 8px;}
    .cusomer_txt>div{margin-bottom: 20px}
    .q_btn{width:100%;height:60px;margin:40px auto;}

    .go_consulting{height:280px}
    .go_consulting h3{font-size: 28px;width: 60%;margin: 0 auto;line-height: 1.5}
    .go_consulting a{font-size: 16px;margin-top:20px}

    footer{height:530px}
    .fnb ul li a{font-size: 13px;margin-right: 20px}
    .fnb ul li:after{height:12px;margin-top: -5px;right:9px}
    .foot_logo{margin-top: 0}
    .foot_logo img{width:120px}
    .foot_logo span{font-size: 13px}
    .foot_logo{width:100%}
    .foot_table{width:100%;float: left;margin-top: 30px}
    .foot_table th{width:40%;font-weight: 600}
    .foot_table td{width:60%}
    .copy{width:100%;font-size: 12px}

    input::placeholder, textarea::placeholder,.placeholder{font-size:12px;}

    /* IE9 이하를 위한 css */
    .placeholder {font-size:13px}
    /* IE10 이상을 위한 css */
    input::placeholder {font-size:13px}
    input::-webkit-input-placeholder {font-size:13px}
    /* IE */
    input:-ms-input-placeholder {font-size:13px}
    /* IE10 이상을 위한 css */
    textarea::placeholder {font-size:13px}
    textarea::-webkit-input-placeholder {font-size:13px}
    /* IE */
    textarea::-ms-input-placeholder {font-size:13px}

    .go_top{bottom: 10px;right:10px;width:40px;height:40px;line-height: 40px;font-size: 18px}
    
    
     .family{float:left;top:0;width: 170px;height: 28px;line-height:28px;margin-top:10px}
    .family h2{font-size:12px;}
    .family ul{height:56px;top:28px}
    .family ul li a{font-size:12px;line-height:28px;height:28px}


}