@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);


@font-face {
    font-family: 'notokr-bold';
    src: url('/fonts/NotoKR-Bold/notokr-bold.eot');
    src: url('/fonts/NotoKR-Bold/notokr-bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/NotoKR-Bold/notokr-bold.woff2') format('woff2'),
    url('/fonts/NotoKR-Bold/notokr-bold.woff') format('woff'),
    url('/fonts/NotoKR-Bold/notokr-bold.ttf') format('truetype'),
    url('/fonts/NotoKR-Bold/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-medium';
    src: url('/fonts/NotoKR-Medium/notokr-medium.eot');
    src: url('/fonts/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
    url('/fonts/NotoKR-Medium/notokr-medium.woff') format('woff'),
    url('/fonts/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
    url('/fonts/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSansKR-Regular';
    src: url('/fonts/NotoSansKR-Regular/notokr-regular.eot');
    src: url('/fonts/NotoSansKR-Regular/notokr-regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/NotoSansKR-Regular/notokr-regular.woff2') format('woff2'),
    url('/fonts/NotoSansKR-Regular/notokr-regular.woff') format('woff'),
    url('/fonts/NotoSansKR-Regular/notokr-regular.ttf') format('truetype'),
    url('/fonts/NotoSansKR-Regular/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'NotoSansKR-Light';
    src: url('/fonts/NotoSansKR-Light/NotoSansKR-Light.eot');
    src: url('/fonts/NotoSansKR-Light/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/NotoSansKR-Light/NotoSansKR-Light.woff2') format('woff2'),
    url('/fonts/NotoSansKR-Light/NotoSansKR-Light.woff') format('woff'),
    url('/fonts/NotoSansKR-Light/NotoSansKR-Light.ttf') format('truetype'),
    url('/fonts/NotoSansKR-Light/NotoSansKR-Light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;
}



.main #contents {position:relative; width:auto; margin-top:60px; padding-bottom:80px; border-top:1px solid #e6e6e6;}
.main #contents:before {content:''; display:block; position:absolute; top:0; left:0; right:0; height:220px; background:#fbfbfb; z-index:1;}
.main #contents > .inner {position:relative; width:1000px; margin:0 auto 0; z-index:2;}

.main .title-box01 {font-size:0;}
.main .title-box01 > * {display:inline-block; margin-right:25px; vertical-align:middle;}

/* 상단 비주얼 */
.visual-banner { position:relative; height:300px; }
.visual-banner > ul {position:relative; width:100%; min-width:1000px; margin:0 auto;}
.visual-banner > ul li {position:absolute; top:0; opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-in;}
.visual-banner > ul li.on {opacity:1; filter:alpha(opacity=100); transition:all 0.5s ease-in; z-index:10;}
.visual-banner > ul li a {display:block; width:100%; min-width:1000px; height:100%; margin:0 auto;}
.visual-banner .slide-contents > li {width:100%; min-width:1000px; height:300px; cursor:default}



.visual-banner .slide-contents > li img{ left: 50%;  margin: 0 0 0 -500px; position:absolute }


.visual-banner .control {position:absolute; bottom:20px; width:100%; height:12px; margin:0; padding:0; text-align:center; z-index:100;}
.visual-banner .control > a {display:inline-block; width:12px; height:12px; background:url("") no-repeat; vertical-align:top;}
.visual-banner .control > a.on  {width:26px; background:url("") no-repeat;}
.visual-banner .control-arrows a {position:absolute; top:50%; width:78px; height:78px; margin-top:-39px; z-index:100;}
.visual-banner .control-arrows a.prev {left:50%; margin-left:-650px;}
.visual-banner .control-arrows a.next {right:50%; margin-right:-650px;}



/*추가*/
.conter { width:100%; min-width:1000px; margin:auto; background-color:#fff}
.conter .cont01 { width:1000px; height: auto; overflow:hidden; margin:auto; padding:0;}
.conter03 { width:100%; min-width:1140px; margin:auto; background-color:#fff}
.conter03 .cont04{ width:1140px; height: auto; overflow:hidden; margin:auto; padding:0;}



.micon {overflow:hidden; padding:90px 0px 10px 0px;}
.micon li{float:left;width:333px; height:500px}
.img_ico{overflow: hidden;position:relative;margin:0 auto 15px auto;width:332px;height:280px;cursor:pointer;}
.micon li p{text-align:left; margin-left:40px }
.micon li p > strong{position:relative;margin-bottom:10px;color:#373490; text-align:left;font-size:20px;line-height:20px;transition:all 0.4s ease-in-out-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;cursor:pointer; font-family:'notokr-bold'; }
.micon li p > strong:after{display:block;position:absolute;left:0;bottom:-4px;width:0;height:1px;background-color:#eb3b4b;content:"";transition:all 0.4s ease-in-out-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;}
.micon li.on p > strong:after{width:100%;}

.micon li .txt{ text-align:left; margin-left:40px; width:250px}
.micon li .txt > span{position:relative;margin-bottom:10px;color:#616161; text-align:left;font-size:16px;line-height:22px;transition:all 0.4s ease-in-out-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;cursor:pointer; font-family:'notokr-medium'; }
.micon .etc_end{ margin-right:0}


.btn-type{ position:relative;}

.btn-type03{display:inline-block; width:130px; height:38px; line-height:36px; padding:0 10px; color:#333; font-weight:400; font-size:14px; text-align:center; border: 1px solid #ccc;*-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px; }

.btn-sky {background:#fff; color:#333 !important; border:1px solid #ccc;}
.btn-sky:hover {background:#1073bf; color:#fff !important;border:1px solid #1073bf;}



/*패밀리롤링--롤링바꿈-사용하지 않음*/
.re_f_wrap{width:1000px; margin:0 auto; overflow:hidden;}
.re_f_wrap .bx-wrapper{width:1000px !important;}
.re_f_wrap .bx-viewport{width:945px !important;margin:0 auto; }
.re_f_wrap .evt_middle_bnr{ margin:0 auto; display:block; overflow:hidden;}/*height:193px;*/
.re_f_wrap .evt_middle_bnr li {float:left; text-align:center;width:189px; height:192px; border-left:1px solid #e6e9ee; border-bottom:1px solid #e6e9ee;border-top:1px solid #e6e9ee; }
.re_f_wrap .bx-wrapper .bx-controls-direction a{display:block;width:17px;height:40px;background: url("../img/main/re_btn.png") no-repeat 0 0;z-index:1000000}
.re_f_wrap .bx-wrapper .bx-controls-direction a.bx-prev {left:-25px;background-position:0 0; z-index:1000000}
.re_f_wrap .bx-wrapper .bx-controls-direction a.bx-next {right:-25px;background-position:-17px 0px;z-index:100000}
.bx-wrapper{position:relative;margin:0 auto;padding:0 ;border-right:1px solid #e6e9ee}
.bx-wrapper img{/*max-width:100%*/}
.bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}
.bx-wrapper .bx-viewport .bxslider li{left:0; }
.bx-wrapper .bx-viewport .bxslider li a{display:block;text-align:center}
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:7px;left:0}
div#adslide .bx-wrapper .bx-controls-auto,div#adslide .bx-wrapper .bx-pager{position:absolute;bottom:78px;width:3%}
.bx-wrapper .bx-loading{min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;line-height:.7rem;font-family:Arial;font-weight:700;color:#666}
div#adslide .bx-wrapper .bx-pager{font-size:.8rem}
div#csadslide .bx-wrapper .bx-pager{padding:10px}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block}
.bx-wrapper .bx-pager.bx-default-pager a{text-indent:-9999px;display:block;width:10px;height:10px;margin:0 3px;outline:0;font-size:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.bx-wrapper .bx-prev{left:10px;}.bx-wrapper .bx-next{right:10px;}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}


/*패밀리 로고리스트수정--191029*/

.brand_m{ position:relative}
.brand_m ul{ width:1000px; overflow:hidden; display:inline-flex }
.brand_m ul li { width:250px; padding:20px 0px 15px 0px;  height:40px}

.brand_m1{ position:relative}
.brand_m1 ul{ width:1000px; overflow:hidden; display:inline-flex }
.brand_m1 ul li { width:230px; margin:10px 7px 5px 7px;  height:133px; border:1px solid #e5e5e5}

.brand_m1 ul li > a { position:relative; display:block; width:100%; height:133px; }
.brand_m1 ul li > a:hover { border:1px solid #a1e7c2;box-shadow:0 5px 10px 0 rgba(78, 78, 78, 0.2)}