@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

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}

/* HTML5 display-role reset for older browsers */
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: 640px; height: 1990px;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;float: right;width: calc(100% - 920px);margin: 140px 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;}

/* 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: 55px;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}
}

/* post */
#contents .subbox .lbox .post,
#contents .subbox .rbox .post{position: relative; min-height: 404px; text-align: center;margin-top: 130px;box-shadow:0px 11px 20px 3px rgb(0 0 0 / 15%);}
#contents .subbox .lbox .post .img,
#contents .subbox .rbox .post .img{position: absolute;top:-110px;left: 50%;margin-left: -130px;}
#contents .subbox .lbox .post .txt,
#contents .subbox .rbox .post .txt{margin-bottom: 20px;}
#contents .subbox .lbox .post .txt .division,
#contents .subbox .rbox .post .txt .division{display: block;padding-top: 200px; font-size: 15px;font-weight: bold; color: #d12b04;}
#contents .subbox .lbox .post .txt .sub_tit,
#contents .subbox .rbox .post .txt .sub_tit{display: block;font-size: 20px;line-height: 60px; font-weight: bold;color: #333;}
#contents .subbox .lbox .post .txt p,
#contents .subbox .rbox .post .txt p{display: block;font-size: 20px;color: #333;}

/* event */
#contents .subbox .lbox .event,
#contents .subbox .rbox .event{position: relative;min-height: 170px; padding: 30px 30px 30px 218px;border: 5px solid #ddd;color: #333;}
#contents .subbox .lbox .event .img,
#contents .subbox .rbox .event .img{position: absolute;left: 40px;top: 50%;margin-top: -78px;}
#contents .subbox .lbox .event strong,
#contents .subbox .rbox .event strong{display: block;margin-bottom: 10px; font-size: 20px;line-height: 25px;font-weight: bold;}
#contents .subbox .lbox .event em,
#contents .subbox .rbox .event em{display: block;font-size: 18px;}
#contents .subbox .lbox .event p,
#contents .subbox .rbox .event p{margin-top: 40px; font-size: 14px;color: #5f5f5f;}

/* news */
#contents .subbox .ibs_news{border-top: 2px solid #000; color: #333;}

#contents .subbox .ibs_news .tit{position: relative; display: block;margin: 30px 0;font-size: 24px;font-weight: bold;}
#contents .subbox .ibs_news .tit p{display: block; font-size: 15px;color: #7d7d7d;}
#contents .subbox .ibs_news .tit .list_btn{position: absolute;right: 0;top:50%;margin-top: -13.5px;}

#contents .subbox .lbox .ibs_news .th_box{float: left;text-align: center; width: 50%;overflow: hidden;background-color: #ededed;}
#contents .subbox .lbox .ibs_news .th_box.full{float: none;width: 100%;}
#contents .subbox .lbox .ibs_news .th_box img{max-width: 100%;}
#contents .subbox .lbox .ibs_news .th_box .txt{text-align: left;min-height: 40px;padding: 40px 30px;box-shadow:3px 2px 10px 3px rgb(0 0 0 / 21%);}
#contents .subbox .lbox .ibs_news .th_box .txt p{font-size: 16px;line-height: 23px;font-weight: bold; color: #333;}
#contents .subbox .lbox .ibs_news .th_box .txt p.date{font-size: 15px;line-height: 25px;font-weight: normal; color: #5f5f5f;}

/* research */
#contents .subbox .rbox .ibs_news .list_box .obj {}
#contents .subbox .rbox .ibs_news .list_box .obj li {position: relative; padding: 10px 0 19px 13px;font-size: 16px;color: #333;background-repeat: repeat-x;background-position: bottom;background-image: url(../images/bg_bd_pat1.png);}
#contents .subbox .rbox .ibs_news .list_box .obj li:after{content: "";border-bottom: 1px dotted #ddd;}
/* #contents .subbox .rbox .ibs_news .list_box .obj li:last-child{background: none;} */
#contents .subbox .rbox .ibs_news .list_box .obj li a {display: inline-block; vertical-align: top; width: calc(100% - 150px); font-size: 15.02px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -.25px;}
#contents .subbox .rbox .ibs_news .list_box .obj li .status {display: inline-block; width: 140px; margin-left:5px; vertical-align: top;text-align: right; font-size: 15.02px; font-weight: 300; color: #a77a36; letter-spacing: -.2px;}
#contents .subbox .rbox .ibs_news .list_box .obj li .status.closed {color: #808084;}

/* youtube */
#contents .subbox .youtube{margin-top: 40px; border-top: 2px solid #000; color: #333;}
#contents .subbox .youtube .tit{position: relative; display: block;margin: 30px 0;font-size: 24px;font-weight: bold;}
#contents .subbox .youtube .tit p{display: block; font-size: 15px;color: #7d7d7d;}
#contents .subbox .youtube .tit .list_btn{position: absolute;right: 0;top:50%;margin-top: -13.5px;}
#contents .subbox .youtube .mov_box{position: relative;overflow: hidden;background-color: #ededed;}
#contents .subbox .youtube .mov_box:before{content: "";position: absolute;top:50%;left: 50%;width: 66px;height: 51px;margin-top: -25.5px;margin-left: -33px;background: url("../images/youtube_sim.png");}
#contents .subbox .youtube .mov_box img{max-width: 100%;}
#contents .subbox .youtube .mov_box .txt{text-align: left;min-height: 40px;padding: 40px 30px 40px 3px;}
#contents .subbox .youtube .mov_box .txt strong{font-size: 20px;line-height: 23px;font-weight: bold; color: #333;}
#contents .subbox .youtube .mov_box .txt p{font-size: 15px;line-height: 25px;font-weight: normal; color: #5f5f5f;}

#contents .notice{padding: 20px 15px; border: 5px solid #dcdcdc;}
#contents .notice .txt-tip{position: relative; padding-left: 25px;font-size: 13px;line-height: 25px;color: #545454;}
#contents .txt-tip:before{content: "";position: absolute;top: 4.5px;left: 0; width:17px;height:17px;background:url('../images/notice.png') no-repeat;}

@media all and (max-width:1725px){
    #contents{width: calc(100% - 780px);margin: 140px 70px 60px;}
}
@media all and (max-width:1584px){
    #contents{width: calc(100% - 700px);margin: 140px 30px 60px;}
}
@media all and (max-width:1500px){
    #container .left_info{width: 492px;height: 1526px;background: url("../images/left_bg.png") no-repeat;background-size: contain;}
    #container .left_info .top,
    #container .left_info .mid{height: 763px;}
    #container .left_info .mid .month{top:810px;}
    #container .left_info .top .vol{top: 260px;left: 228px;}
    #container .left_info .mid .vol{top: 1024px;left: 228px;}

    #contents{width: calc(100% - 552px);}
}
@media all and (max-width:1356px){
    #container .top_info{display: block;text-align: center;background-color: #f25840;}
    #container .top_info img{max-width: 100%;}
    #contents .head_menu{top: 820px;}
    #container .left_info{display: none;}
    #contents{float: none;width: calc(100% - 60px);}

}
@media all and (max-width:1023px){
    #contents{margin: 2px 30px 60px;}
}
@media all and (max-width:870px){
    #contents .subbox .lbox,
    #contents .subbox .rbox{float: none;width: 70%;margin: 0 auto;}
    #contents .subbox .lbox .post{min-height: auto}
    #contents .subbox .rbox .post{min-height: auto;margin-top: 160px;}
    #contents .subbox .lbox .ibs_news,
    #contents .subbox .rbox .ibs_news,
    #contents .subbox .lbox .event,
    #contents .subbox .rbox .event,
    #contents .subbox .youtube{margin-top: 50px;}
    
    #contents .subbox .lbox .post .img img,
    #contents .subbox .rbox .post .img img{max-width: 60%;}
    #contents .subbox .lbox .post .txt,
    #contents .subbox .rbox .post .txt{padding: 0 10px;}
    #contents .subbox .lbox .post .txt .division,
    #contents .subbox .rbox .post .txt .division{padding-top: 80px;}
    #contents .subbox .lbox .post .plus_link,
    #contents .subbox .rbox .post .plus_link{padding: 10px 0 30px;}
    
    #contents .subbox .lbox .event,
    #contents .subbox .rbox .event{min-height: 100px;padding: 20px 20px 20px 160px;}
    #contents .subbox .lbox .event .img,
    #contents .subbox .rbox .event .img{left: 20px;top: 15px;margin-top: 0;max-width: 70%;}
    #contents .subbox .lbox .event .img img,
    #contents .subbox .rbox .event .img img{max-width: 70%;}
    #contents .subbox .lbox .event p,
    #contents .subbox .rbox .event p{margin-top: 10px;}

    #contents .subbox .ibs_news,
    #contents .subbox .youtube{text-align: center;}
    #contents .subbox .youtube .mov_box .txt{min-height: auto;padding: 15px 10px;}
    
    #contents .subbox .ibs_news .tit,
    #contents .subbox .youtube .tit{margin: 10px 0;font-size: 20px;}
    #contents .subbox .ibs_news .tit p{font-size: 14px;}
    #contents .subbox .lbox .ibs_news .th_box .txt{padding: 20px 15px;}
    #contents .subbox .rbox .ibs_news .list_box .obj li a {text-align: left;}
    
    #contents .subbox .youtube .mov_box .txt strong{font-size: 16px;line-height: 20px;}
    #contents .subbox .youtube .mov_box .txt p{font-size: 14px;line-height: 20px;}
}
@media all and (max-width:767px){
    #contents .subbox .lbox,
    #contents .subbox .rbox{width: 100%;}
}
@media all and (max-width:540px){ 
    #contents .subbox .lbox .post .txt .division,
    #contents .subbox .rbox .post .txt .division{padding-top: 50px;}
    #contents .subbox .lbox .post .txt .sub_tit,
    #contents .subbox .rbox .post .txt .sub_tit{font-size: 18px;line-height: 30px;}
    #contents .subbox .lbox .post .txt p,
    #contents .subbox .rbox .post .txt p{font-size: 16px;}
    #contents .subbox .lbox .post .txt,
    #contents .subbox .rbox .post .txt{margin-bottom: 0;}
    #contents .subbox .lbox .post .plus_link,
    #contents .subbox .rbox .post .plus_link{padding: 10px 0 20px;}
    
    #contents .subbox .lbox .event,
    #contents .subbox .rbox .event{padding: 140px 10px 0;border: 2px solid #ddd;}
    #contents .subbox .lbox .event .img,
    #contents .subbox .rbox .event .img{left: 50%;top: 20px;margin-top: 0;margin-left: -54.5px;}
    #contents .subbox .lbox .event .sub_txt,
    #contents .subbox .rbox .event .sub_txt{text-align: center;}
    #contents .subbox .lbox .event p,
    #contents .subbox .rbox .event p{margin-top: 3px;font-weight: bold;}
    
    #contents .subbox .lbox .event,
    #contents .subbox .rbox .event
    #contents .subbox .ibs_news,
    #contents .subbox .youtube{margin-top: 50px;}
}



#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% - 262px)}
#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%;}
}