@charset "euc-kr";

/* RESET */
body{font-family: 'noto-m' , sans-serif !important; font-size: 15px; letter-spacing:-0.8px; color:#555}
body, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, p, div, span {margin:0;padding:0}
li {list-style:none}
a{display:block;color:#000;text-decoration:none}
a:hover, a:visited, a:focus {color:#000;text-decoration:none}
caption { visibility: hidden; font-size: 0px; width: 0px; height: 0px; line-height: 0; border-bottom: 0; margin: 0; padding-top: 0; padding-bottom: 0;}
em {font-style:normal}



/* SCROLLTOP */
.scrollTop {position:fixed;bottom:30px;right:30px;z-index:1040;border:none;border-radius:25px;background-color:rgba(245,79,102,0.8);color:#fff;font-weight:bold;width:50px;height:50px;padding:10px 10px;text-align:center;opacity:0}
.scrollTop i {color:#fff}

/* MARGIN & PADDING */
.mt0 {margin-top:0}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mt80 {margin-top:80px}
.mb10 {margin-bottom:10px}
.mb20 {margin-bottom:20px}
.mb40 {margin-bottom:40px}
.mr0 {margin-right:0 !important;}
.pl5 {padding-left: 5px;}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt50 {padding-top:50px}

/*COMMON STYLE*/
.ally-hidden {overflow: hidden; position: absolute; clip: rect(0 0 0 0); clip: rect(0,0,0,0); width: 1px; height: 1px; margin: -1px; border: 0; padding: 0;}

.txt_c {text-align: center}
.txt_l {text-align: left}
.txt_r {text-align: right}


/* visual */
.contents .main_visual_bg {position:relative; background-image:url(/images/story/2019/02/main_visual.jpg); background-repeat:no-repeat;background-position:center center; background-size:cover;height: 1080px;}
.contents .main_visual_bg .scroll { position:absolute; bottom:90px; left:50%; margin-left:-46px;}

/* cont-01 */
.cont-01 > .cont_inner {width: 1170px; margin: 0 auto; padding:80px 0 150px 0}
.cont-01 > .cont_inner > h2 {font-size:75px}
.cont-01 > .cont_inner > .tab_menu > ul > li{display: inline-block; margin-right: 27px;}
.cont-01 > .cont_inner > .tab_menu > ul > li:LAST-CHILD {margin-right: 0;}

.tab_menu > div{display: none; margin-top: 40px;}

.panel > ul > li {float: left; margin: 0 29px 29px 0}
.panel > ul > li:NTH-CHILD(4n) {margin-right: 0;}