@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {font-family: 'score'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; /*vertical-align:baseline;*/}

body, th, td, input, select, textarea, button{font-size: 100%; line-height: 1.5; font-family: 'Noto Sans KR','맑은고딕','Malgun Gothic',sans-serif; color: #777; font-weight: 300; letter-spacing: -0.6px}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block}
body{-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: 600}
ol, ul, li ,dl, dt, dd{list-style:none outside none; padding:0; margin:0}
hr{display:none}
span{margin:0; padding:0; outline:0}
fieldset, img, table, caption, tbody, tfoot, thead, tr, th, td, button, hr{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none}
table{border-collapse:separate; border-spacing:0}
img{vertical-align:middle; text-indent: -9999em}
a{text-decoration:none; cursor:pointer; color: #777}
a:active, a:hover{text-decoration: none}
input, select, label{vertical-align:middle}
input, select, textarea, button{font-size: 100%; vertical-align: middle; padding: 0; margin: 0}
button,input[type='text'],input[type='password'],input[type='tel'],input[type='num'],input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
textarea{resize:none}
button{border: 0 none; background-color: transparent; cursor: pointer; vertical-align: middle}
b, strong{font-weight: 600}

/* SkipNavigation */
#skipNavigation{position: absolute;width: 100%;top: -200px;left: 0;margin: 0 auto;z-index: 9999}
#skipNavigation a{display: block;height: 35px;background-color: #1c80cc;color: #fff;text-align: center}
#skipNavigation a:active,
#skipNavigation a:focus{position: absolute;left: 0;top: 200px;width: 100%;color: #fff;background: #1c80cc;line-height: 35px;text-align: center;border-bottom:1px solid #dbdbdb;font-size: 16px}

/* clear Style */
.clearfix{zoom: 1;}
.clearfix:after{content: '';display: block;float: none;clear: both;height: 0;font-size: 0;line-height: 0;visibility: hidden}

legend, .blind{position: absolute;top: 0;height: 0;visibility: hidden;font-size: 1px;line-height: 0;text-indent: -9999px;overflow: hidden}
caption{top: 0;height: 0;visibility: hidden;font-size: 1px;line-height: 0;text-indent: -9999px;overflow: hidden}

/* common */
html,body{height: 100%}
body{max-width: 1920px;margin: 0 auto;}
.isico{display: block;text-indent: -9999em;background-image: url('../images/common/is_ico@x2.png');background-repeat: no-repeat;background-size: 320px auto}
.isico.isi_quiz{width: 26px;height: 24px;background-position: 0 0}
.isico.isi_research{width: 19px;height: 24px;background-position: -28px 0}
.isico.isi_naverblog{width: 25px;height: 25px;background-position: -49px 0}
.isico.isi_naverpost{width: 25px;height: 25px;background-position: -130px 0}
.isico.isi_facebook{width: 25px;height: 25px;background-position: -76px 0}
.isico.isi_youtube{width: 25px;height: 25px;background-position: -103px 0}
.isico.isi_nrf{width: 40px;height: 25px;background-position: -156px 0}

#container{position: relative;}

#container .left_info{float: left;width: 835px;height: 2366px;background: url("../images/left_bg.png");color: #fff;}
#container .left_info .top,
#container .left_info .mid{height: 995px;}
#container .left_info .top .month,
#container .left_info .mid .month{position: absolute;top:38px;left: 46px;font-size: 16px;line-height: 18px;font-weight: bold;}
#container .left_info .top .vol,
#container .left_info .mid .vol{position: absolute;top:336px;left: 294px;font-size: 19px;}
#container .left_info .top .vol:before,
#container .left_info .mid .vol:before{content: ""; position: absolute;top:-20px;width: 56PX;height: 3px;background-color: #fff;}
#container .top_info{display: none;}
#contents{display: block;margin: 85px 140px 60px 140px;}
#contents .subbox{display: block;margin-bottom: 30px;}
#contents .subbox .lbox{float: left;width: calc(50% - 17.5px);}
#contents .subbox .rbox{float: left;width: calc(50% - 17.5px);margin-left: 35px;}
#contents .subbox.full .lbox{float: none; width: 100%;}
#contents .subbox.full .rbox{float: none; width: 100%; margin: 50px 0 0;}

/* head_menu */
#contents .head_menu{display: table;width: 100%;border-top: 1px solid #e3e3e3}
#contents .head_menu > li{display: table-cell;position: relative;width: 50%;height: 55px;vertical-align: middle}
#contents .head_menu > li:after{content: '';display: block;position: absolute;top: 50%;left: 0;width: 1px;height: 25px;margin-top: -12.5px;background-color: #e0e0e0;z-index: 3}
#contents .head_menu > li:first-child:after{display: none}
#contents .head_menu > li > a{display: block;text-align: center}
#contents .head_menu > li > a > span{display: inline-block;vertical-align: middle;font-size: 0.75rem;text-align: left;line-height: 1.3}
#contents .head_menu > li > a > span > b{display: block;font-size: 0.875rem;color: #000}
@media all and (min-width:1024px){
    #contents .head_menu{position: absolute;width: 330px;top: -60px;right: 0;border-top: none;z-index: 3}
    #contents .head_menu > li{height: 37px}
    #contents .head_menu > li:after{height: 37px;margin-top: -18.5px;}
}

@media all and (min-width:1200px){
    #contents .head_menu{width: 388px}
}

#contents .isico{display: block;text-indent: -9999em;background-image: url('../images/common/is_ico@x2.png');background-repeat: no-repeat;background-size: 320px auto}
#contents .isico.isi_quiz{width: 26px;height: 24px;background-position: 0 0}
#contents .isico.isi_research{width: 19px;height: 24px;background-position: -28px 0}
@media all and (min-width:1024px){
    #contents .isico{background-image: url('../images/common/is_ico.png');background-size: auto}
    #contents .isico.isi_quiz{width: 31px;height: 29px;background-position: 0 0}
    #contents .isico.isi_research{ width: 23px;height: 28px;background-position: -33px 0}
}

#footer{padding:55px 370px 55px 130px;background: #f2f2f2;position: relative;}

#footer .sns_wrap ul{position: absolute;right:140px;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
#footer .sns_wrap ul li{display: inline-block;}
#footer .sns_wrap ul li+li{margin-left:5px;}
#footer .sns_wrap ul li .icon{display: block;width:29px;height:29px;background: url("../images/common/is_ico.png") no-repeat;}
#footer .sns_wrap ul li .icon.icon01{background-position: -58px 0;}
#footer .sns_wrap ul li .icon.icon02{background-position: -151px 0;}
#footer .sns_wrap ul li .icon.icon03{background-position: -89px 0;}
#footer .sns_wrap ul li .icon.icon04{background-position: -120px 0;}
#footer .sns_wrap ul li .icon.icon05{background-position: -180px 0;width:45px;}

#footer .info_wrap{position: relative;}
#footer .info_wrap .logo{display: inline-block;vertical-align: middle;padding-right:23px;margin-right:30px;position: relative;}
#footer .info_wrap .logo::after{content: "";position: absolute;right:0;top:50%;width:1px;height:41px;background: #b8b8b8;margin-top:-20.5px}
#footer .info_wrap .text{display: inline-block;vertical-align: middle;width:calc(100% - 280px)}
#footer .info_wrap .text p+p{margin-top:2px;color:#666;font-size:15px;letter-spacing: -0.05em;}

@media(max-width:1159px){
    #footer{padding:55px 30px;text-align: center;}
    #footer .sns_wrap ul{position: relative;right:auto;top:auto;transform: none;-webkit-transform: none;margin-bottom:20px;}
    #footer .info_wrap .logo{display:block;padding-right:0;margin-right:0;margin-bottom:30px;}
    #footer .info_wrap .logo::after{display: none;}
    #footer .info_wrap .text{display:block;width:100%;}
}