@charset "utf-8";


#sub {padding-top:86px;}
#sub .contain {max-width:1750px;}

.real-cont {padding:0 0 172px;}


.wrapper02 .chat-fix {display:none;}
/* sub 01 */
.media {position:relative; padding-top:220px;}
.media .visual {position:sticky;top:86px; background:#fff; transition:all 0.4s;}
html.media-on .media .visual {top:0;}

.visual .title {padding-bottom:28px; border-bottom:2px solid #a33a28; display:flex; align-items:flex-end; justify-content:space-between;}
.visual .tit-box h2 {font-size:73px; line-height:1.2em; letter-spacing:.0em; color:#a33a28; font-weight:600; font-family:'NEXON Lv2 Gothic';}
.media .visual .nva {padding-bottom:5px; position:relative;}
.media .visual .nva .box p {font-size:35px; line-height:1.5em; font-weight:800; color:#a33a28; padding-right:28px; font-family:'NEXON Lv2 Gothic'; position:relative; text-align:right; cursor:pointer; transition:all 0.4s 0.4s;}
.media .visual .nva .box p:after {content:''; width:20px; height:20px; background:url('../img/sub/lnb-arrow.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-10px; right:0; transition:all 0.4s;}
.media .visual .nva .box.active p:after {transform:rotate(180deg);}
.media .visual .nva .depth {display:none; position:absolute; top:60px; right:0; width:235px; border:2px solid #a33a28; border-radius:15px; padding:40px 28px; background:#fff;}
.media .visual .nva .depth ul li {margin-bottom:16px;}
.media .visual .nva .depth ul li:last-child {margin-bottom:0;}
.media .visual .nva .depth ul li a {font-size:20px; line-height:1.3em; color:#a33a28; font-weight:600; letter-spacing:-.02em; text-align:right;}

.media .cnt {padding-top:120px; scroll-margin-top:100px;}

.media .cnt .col {display:flex; align-items:center;}
.media .cnt .img-box {width:100%; max-width:958px; border-radius:25px; overflow:hidden;}
.media .cnt .txt-box {width:1%; flex:1 1 auto; padding-right:20px; padding-left:55px;}
.media .cnt .tit {margin-bottom:56px;}
.media .cnt .tit p {font-size:22px; line-height:1.18em; font-weight:600; color:#d85f1a; letter-spacing:-.015em; margin-bottom:20px;}
.media .cnt .tit h4 {font-size:42px; line-height:1.19em; font-weight:600; color:#2b2b2b; letter-spacing:-.015em;}
.media .cnt .txt .tt {margin-bottom:76px;}
.media .cnt .txt .tt h5 {font-size:23px; line-height:1.33em; font-weight:700; color:#2c2c2c; letter-spacing:-.02em; margin-bottom:12px;}
.media .cnt .txt .tt p {font-size:20px; line-height:1.5em; font-weight:600; color:#2c2c2c;  letter-spacing:-.025em;}
.media .cnt .row {display:flex;}
.media .cnt .row .inner {width:100%; max-width:150px; border-right:2px solid #efefef; display:flex;  align-items:center; padding-right:20px; margin-right:20px;}
.media .cnt .row .inner:last-child {border-right:0; padding-right:0; margin-right:0;}
.media .cnt .row .inner .icon {width:100%; max-width:50px;}
.media .cnt .row .inner p {width:1%; flex:1 1 auto; padding-left:10px; font-size:17px; line-height:1.17em; color:#2c2c2c; font-weight:600; letter-spacing:.0em;}
/* sub 07 */
.journal {position:relative; padding-top:220px;}
.journal .visual {margin-bottom:72px;}
.journal .search_bar {border-bottom:0;}
.journal .search_bar .sch_input {width:200px; padding:0;}
.journal .search_bar .sch_input::placeholder {font-size:18px; color:#808080;}
.journal .col {display:flex; flex-wrap:wrap; margin:0 -11px;}
.journal .col .row {width:25%; padding:0 11px; margin-bottom:60px;}
.journal .inner {border-radius:25px; overflow:hidden; position:relative; background:#fff; height:100%; transition:all 0.4s;}
.journal .inner:hover {box-shadow:5px 5px 20px 1px rgba(0,0,0,0.15);}
.journal .inner:before {content:''; width:100%; height:100%; border:1px solid #ddd; border-radius:0 0 25px 25px; position:absolute; top:0; left:0;}


.journal .img-box {filter:grayscale(1); transition:all 0.4s;}
.journal .inner:hover .img-box {filter:grayscale(0);}
.journal .img-box .pic {position:relative; height:0; padding-bottom:63.77%; overflow:hidden; transition:all 0.6s;}
.journal .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.journal .txt-box {padding:22px 39px;}
.journal .txt-box h4 {font-size:26px; line-height:1.38em; letter-spacing:-.02em; color:#000; margin-bottom:4px;}
.journal .txt-box h5 {font-size:22px; line-height:1.27em; letter-spacing:-.02em; color:#4b4b4b; font-weight:500; margin-bottom:26px;}
.journal .txt-box li {font-size:16px; line-height:1.4em; letter-spacing:-.02em; color:#808080; font-weight:600;}