@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*폰트지정영역_Noto Sans KR*/
@font-face{
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(../font/NotoSansKR-Thin-Hestia.eot),
    url(../font/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}
@font-face{    
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(../font/NotoSansKR-Light-Hestia.eot),
    url(../font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face{    
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(../font/NotoSansKR-DemiLight-Hestia.eot),
    url(../font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}
@font-face{    
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../font/NotoSansKR-Regular-Hestia.eot),
    url(../font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face{    
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../font/NotoSansKR-Medium-Hestia.eot),
    url(../font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face{    
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(../font/NotoSansKR-Bold-Hestia.eot),
    url(../font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face{    
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(../font/NotoSansKR-Black-Hestia.eot),
    url(../font/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}

/*공통영역*/
/*.width960{width: 960px; margin:auto;position: relative;}*/
html,body{height: 100%;position: relative;}
body{font-family:'Noto Sans Korean', Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-size:16px;margin: 0;color:#333745;}
body,div,section,article,img,figure,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,input,p,form,table,tr,td,th,fieldset,.main,a{margin: 0;padding: 0;}
address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
a{color: black;text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul, ol, li{list-style: none;}
address, strong{font-style: normal;font-weight: normal;}
.hidden{visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; font-size: 0;}
fieldset, img{border:0px;}
table{border-collapse: collapse;}
textarea,input{font-family: inherit; font-size: inherit;}

.wdd_width_960{width: 960px; margin: auto;}

/*컬러 공통*/
.wdd_clr_top{color: #232323}
.wdd_clr_fff{color: #fff}
.wdd_clr_main{color: #333745}
.wdd_clr_point{color: #ff5050}
.wdd_clr_blue{color: #00bcd4} 
.wdd_clr_ypoint{color: #ffc600}
.wdd_clr_yellow{color: #fffa8b}
.wdd_clr_white{color: #f2f2f2}
.wdd_clr_gray{color: #707070}
.wdd_clr_4d{color: #4d4d4d}
.wdd_clr_99{color: #999999}

.wdd_bclr_top{background-color: #232323}
.wdd_bclr_fff{background-color: #fff}
.wdd_bclr_main{background-color: #333745}
.wdd_bclr_point{background-color: #ff5050}
.wdd_bclr_blue{background-color: #00bcd4} 
.wdd_bclr_ypoint{background-color: #ffc600}
.wdd_bclr_yellow{background-color: #fffa8b}
.wdd_bclr_white{background-color: #f2f2f2}
.wdd_bclr_footer{background-color: #444}
.wdd_bclr_gray{background-color: #707070}
.wdd_bclr_b3{background-color: #b3b3b3}
.wdd_bclr_fc{background-color: #fcfcfc}
.wdd_bclr_4d{background-color: #4d4d4d}

/*폰트 공통*/
.wdd_font_100{font-weight: 100}
.wdd_font_300{font-weight: 300}
.wdd_font_350{font-weight: 350}
.wdd_font_400{font-weight: 400}
.wdd_font_500{font-weight: 500}
.wdd_font_700{font-weight: 700}
.wdd_font_900{font-weight: 900}

/*여백 공통*/
.wdd_blank_15{width: 100%; height: 15px; clear: both;}
.wdd_blank_20{width: 100%; height: 20px; clear: both;}
.wdd_blank_30{width: 100%; height: 30px; clear: both;}
.wdd_blank_35{width: 100%; height: 35px; clear: both;}
.wdd_blank_55{width: 100%; height: 55px; clear: both;}
.wdd_blank_60{width: 100%; height: 60px; clear: both;}

/*상단 공통 영역*/
.wdd_header{width: 100%;height: 60px; display: block;}
.wdd_header_sec{width: 960px; margin:auto;}
.wdd_logo{display: inline-block; width: 225px; height: 60px; background: url(../img/wdd_logo.png) center center no-repeat; background-size: contain; text-indent: -9999px; }
.wdd_logo_a{display: block; width: 225px; height: 60px;}
/*상단메뉴*/
.wdd_header_fixed .wdd_topnav{display: inline-block; width: 730px; text-align: right; height: 60px;}
.wdd_header_fixed .wdd_topnav li{display: inline-block;}
.wdd_header_fixed .wdd_nav_topmenu{display: inline-block; width: 75px; height: 25px; line-height: 24px; border-radius: 12.5px; text-align: center; font-size: 12px; margin-top: 15px; margin-left: 9px}
.wdd_header_fixed .wdd_nav_topmenu:hover{background-color: #00bcd4; color: #f2f2f2}
.wdd_header_fixed .wdd_nav_topmenu_join{box-shadow: 0 0 0 2px #f2f2f2 inset }
.wdd_header_fixed .wdd_nav_topmenu_join:hover{box-shadow: none;color:#f2f2f2}
.wdd_header_fixed .wdd_nav_menu_blank{display: inline-block; width: 95px; border: none}
.wdd_header_fixed .wdd_header_sec{height: 60px}

/*메뉴 상단 고정*/
@keyframes wdd_header_fixed{
    0%{opacity: 0;}
    50%{opacity: 0.5;}
    100%{opacity: 1;}
}
.wdd_header_fixed{display: block; transition: 300ms; position: fixed; top: 0; left: 0; z-index: 3; opacity: 1; animation: wdd_header_fixed 0.5s;}
.wdd_header_fixed .wdd_nav{display: block; margin:auto; text-align: right; margin-top: 17px; z-index: 2;position: relative; width: 960px; top: -68px; right: 100px; animation: wdd_header_fixed 0.5s;}
.wdd_header_fixed .wdd_nav_menu{display: inline-block; width: 95px; text-align: center; border-left: 2px solid #00bcd4; height: 20px; line-height: 19px; font-size: 14px; animation: wdd_header_fixed 0.5s;}
.wdd_header_fixed .wdd_nav_menu_selec a{font-weight: 500; color:#00bcd4}
.wdd_header_fixed .wdd_nav_menu a:hover{font-weight: 500; color: #00bcd4}
.wdd_header_fixed .wdd_nav_menu_last{border-right: 2px solid #00bcd4;}
.wdd_header_fixed .wdd_main_ctr_txt{margin-top: 35px; font-size: 15px; text-align:center; line-height: 22px;margin-bottom: 70px;}

/*풋터메뉴*/
footer{position: relative; bottom: 0}
.wdd_bclr_footer{width: 100%; height: 120px; clear: both;}
.wdd_btm_logo{display: block; float: left; text-indent: -9999px; background: url(../img/wdd_btm_logo.png) center center no-repeat; background-size: contain; width:102px; height: 120px; margin-right: 56px}
.wdd_btm_terms{font-size: 14px; display: inline-block; height: 14px;}
.wdd_btm_terms_wrap{width: 465px; display: block; float: left; height: 14px; margin-top: 15px}
.wdd_btm_terms_wrap a:hover{color: #f2f2f2;}
.wdd_footer_info{font-size: 12px; line-height: 16px; width: 465px; height: 60px; display: block; float: left; margin-top: 20px;margin-right: 150px}
.wdd_btm_facebook,.wdd_btm_blog,.wdd_btm_kakao,.wdd_btm_instagram{display: block; width: 36px; height: 36px; text-indent: -9999px; background: center center no-repeat; background-size: contain;margin-left: 10px;float: left;margin-top: 10px}
.wdd_btm_facebook{background-image: url(../img/wdd_btm_facebook.png);}
.wdd_btm_blog{background-image: url(../img/wdd_btm_blog.png);}
.wdd_btm_kakao{background-image: url(../img/wdd_btm_kakao.png);}
.wdd_btm_instagram{background-image: url(../img/wdd_btm_insta.png);}
.wdd_btm_facebook:hover{background-image: url(../img/wdd_btm_facebook_hover.png);}
.wdd_btm_blog:hover{background-image: url(../img/wdd_btm_blog_hover.png);}
.wdd_btm_kakao:hover{background-image: url(../img/wdd_btm_kakao_hover.png);}
.wdd_btm_instagram:hover{background-image: url(../img/wdd_btm_insta_hover.png);}