@charset "utf-8"; /* font */
@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight:300; src:url('fonts/notokr-light.eot'); src:url('fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
 url('fonts/notokr-light.woff2') format('woff2'),
 url('fonts/notokr-light.woff') format('woff'); } 

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight:400; src:url('fonts/notokr-regular.eot'); src:url('fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
 url('fonts/notokr-regular.woff2') format('woff2'),
 url('fonts/notokr-regular.woff') format('woff'); } 

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight:500; src:url('fonts/notokr-medium.eot'); src:url('fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
 url('fonts/notokr-medium.woff2') format('woff2'),
 url('font/notokr-medium.woff') format('woff'); } 

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight:600; src:url('fonts/notokr-bold.eot'); src:url('fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
 url('fonts/notokr-bold.woff2') format('woff2'),
 url('fonts/notokr-bold.woff') format('woff'); } 
/* Reset */
html,body { width:100%; height:100%; } 
html { overflow-y:scroll; font-size:13px } 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,figure, figcaption { margin:0; padding:0 } 
body,h1,h2,h3,h4,input,button,textarea,select { font-family: "Pretendard", sans-serif; font-size:16px; color:#333; font-weight: 500; letter-spacing: -0.05em; } 
header,section,article,footer,time,nav { display:block; } 
body { word-break:break-all; -ms-word-break:break-all; } 
img,fieldset,iframe { border:0 none } 
li { list-style:none } 
input { border:none; box-sizing:border-box } 
textarea { box-sizing:border-box } 
input,select,button { vertical-align:middle } 
img { vertical-align:middle } 
i,em,address { font-style:normal } 
label,button,input[type="submit"] { cursor:pointer } 
button { margin:0; padding:0; border:none; background:transparent; } 
a { color:inherit; text-decoration:none; } 
a:hover,a:focus,a:active { text-decoration:none; } 
a:focus-visible { outline:3px solid; outline-offset: -2px; } 
legend,caption { width:1px; height:1px; position:absolute; top:-9999em; left:-9999em; color:rgba(0,0,0,0); opacity:0; } 
table { border-spacing:0; table-layout: fixed; width: 100%; } 
input::-ms-clear { display:none } 

.mt0 { margin-top:0px!important } 
.mt05 { margin-top:5px!important } 
.mt10 { margin-top:10px!important } 
.mt15 { margin-top:15px!important } 
.mt20 { margin-top:20px!important } 
.mt25 { margin-top:25px!important } 
.mt30 { margin-top:30px!important } 
.mt35 { margin-top:35px!important } 
.mt40 { margin-top:40px!important } 
.mt45 { margin-top:45px!important } 
.mt50 { margin-top:50px!important } 
.mt55 { margin-top:55px!important } 
.mt60 { margin-top:60px!important } 
.mt65 { margin-top:65px!important } 
.mt70 { margin-top:70px!important } 
.mt75 { margin-top:75px!important } 
.mt80 { margin-top:80px!important } 
.mt85 { margin-top:85px!important } 
.mt90 { margin-top:90px!important } 
.mt95 { margin-top:95px!important } 

.mb0 { margin-bottom:0!important } 
.mb05 { margin-bottom:5px!important } 
.mb10 { margin-bottom:10px!important } 
.mb15 { margin-bottom:15px!important } 
.mb20 { margin-bottom:20px!important } 
.mb25 { margin-bottom:25px!important } 
.mb30 { margin-bottom:30px!important } 
.mb35 { margin-bottom:35px!important } 
.mb40 { margin-bottom:40px!important } 
.mb45 { margin-bottom:45px!important } 
.mb50 { margin-bottom:50px!important } 
.mb55 { margin-bottom:55px!important } 
.mb60 { margin-bottom:60px!important } 
.mb65 { margin-bottom:65px!important } 
.mb70 { margin-bottom:70px!important } 
.mb75 { margin-bottom:75px!important } 
.mb80 { margin-bottom:80px!important } 
.mb85 { margin-bottom:85px!important } 
.mb90 { margin-bottom:90px!important } 
.mb95 { margin-bottom:95px!important } 

.mr0 { margin-right:0!important } 
.mr05 { margin-right:5px!important } 
.mr07 { margin-right:7px!important } 
.mr10 { margin-right:10px!important } 
.mr15 { margin-right:15px!important } 
.mr20 { margin-right:20px!important } 
.mr25 { margin-right:25px!important } 
.mr30 { margin-right:30px!important } 
.mr35 { margin-right:35px!important } 
.mr40 { margin-right:40px!important } 
.mr45 { margin-right:45px!important } 
.mr50 { margin-right:50px!important } 
.mr55 { margin-right:55px!important } 
.mr60 { margin-right:60px!important } 
.mr65 { margin-right:65px!important } 
.mr70 { margin-right:70px!important } 
.mr75 { margin-right:75px!important } 
.mr80 { margin-right:80px!important } 
.mr85 { margin-right:85px!important } 
.mr90 { margin-right:90px!important } 
.mr95 { margin-right:95px!important } 

.ml0 { margin-left:0!important } 
.ml05 { margin-left:5px!important } 
.ml10 { margin-left:10px!important } 
.ml15 { margin-left:15px!important } 
.ml20 { margin-left:20px!important } 
.ml25 { margin-left:25px!important } 
.ml30 { margin-left:30px!important } 
.ml35 { margin-left:35px!important } 
.ml40 { margin-left:40px!important } 
.ml45 { margin-left:45px!important } 
.ml50 { margin-left:50px!important } 
.ml55 { margin-left:55px!important } 
.ml60 { margin-left:60px!important } 
.ml65 { margin-left:65px!important } 
.ml70 { margin-left:70px!important } 
.ml75 { margin-left:75px!important } 
.ml80 { margin-left:80px!important } 
.ml85 { margin-left:85px!important } 
.ml90 { margin-left:90px!important } 
.ml95 { margin-left:95px!important } 

.pl0 { padding-left: 0!important } 

.iwd100 { width:100px } 
.iwd140 { width:140px } 
.iwd200 { width:200px } 
.iwd300 { width:300px } 
.iwd400 { width:400px } 
.iwd_full { width:100% } 
.iwd50 { width:49% } 

.tal { text-align:left!important } 
.tar { text-align:right!important } 
.tac { text-align:center!important } 

.bold { font-weight:600!important } 

.flr { float: right!important } 
.fll { float: left!important } 

.clear { clear:both; height:0; } 
.clearfix:after { content:''; display:block; clear: both; } 

.red { color: #d91404 !important } 
.orange { color:#FF4900 !important; } 
.green { color:#009933 !important; } 
.blue { color: #0f4dcf !important } 
.black02 { color: #555!important } 
.black03 { color: #777!important } 

.fc_black {color: #111;}

.bg_black { background: #333 !important } 
.bg_blue { background: #1350a0 !important } 
.bg_orange { background: #ee6c21 !important } 

.underline { text-decoration:underline !important; text-underline-position: under; } 
.large { font-size:large !important; } 
.larger { font-size:larger !important; } 

.hidden,
.blind { width:1px; height:1px; opacity:0; color:rgba(0,0,0,0); position:absolute; top:-9999em; left:-9999em; text-indent:-9999em; } 

/* slick 초기화 */
.slick-vertical .slick-slide, .slick-initialized .slick-slide { outline:none !important } 

.bg_lightgray { background-color:#f5f5f5 } 



.announce_wrap { background: url(../img/detail/background2.png) no-repeat center / 100% 100%; min-height: 100vh; padding-top: 40px; padding-left: 40px; padding-right: 40px; } 
.announce_wrap .inner { background: url(../img/detail/background2.png) no-repeat center / 100% 100%; text-align: center; margin: 0 auto; max-width: 1040px; width: 100%; } 
.announce_wrap .inner .body_wrap {padding-bottom: 50px; background: url(../img/detail/background_white.png) no-repeat center / 100% 100%;}
.announce_wrap .inner .body_wrap .body_top { padding-top: 98px;padding-bottom: 30px; background: url(../img/detail/background_top.png) no-repeat center / 100% 100%; } 
.announce_wrap .inner .body_wrap .body_top .tit_wrap1 { } 
.announce_wrap .inner .body_wrap .body_top .tit_wrap1 .color_gra { font-weight: 700; font-family: GmarketSans; font-size: 72px; } 
.announce_wrap .inner .body_wrap .body_top .tit_wrap1 strong { color: #3F3F3F; font-size: 40px; font-family: GmarketSans; font-size:40px; font-weight: 700; line-height: 46px; color: #111111; letter-spacing: -0.02em; text-align: center; } 
.announce_wrap .color_gra { background: -webkit-linear-gradient(rgba(196, 0, 81, 1), #0044bd ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.announce_wrap .gmarket { font-family: GmarketSans; } 
.announce_wrap .bold { font-weight: bold; } 
.announce_wrap .fs_24 { font-size: 24px; } 
.announce_wrap .fs_32 { font-size: 32px; } 
.announce_wrap .fs_18 { font-size: 18px; line-height: 27px; } 
.announce_wrap .inner .body_wrap .body_top .txt_wrap { margin-top: 40px; font-family: 'Pretendard'; padding-left: 20px;padding-right: 20px; } 
.announce_wrap .inner .body_wrap .body_con { line-height: 27px; margin-top: 50px; font-size: 18px; max-width: 727px; width: 100%; margin: 50px auto; } 
.announce_wrap .inner .body_wrap .img_wrap {width: 100%;}
.announce_wrap .inner .body_wrap .img_wrap img {width: 100%; height: auto;}
.announce_wrap .inner .body_wrap .body_bottom_top { line-height: 27px;font-size: 18px; padding-left: 30px; padding-right: 30px; max-width: 950px; box-sizing: border-box; width: 100%; margin: 50px auto;}
.announce_wrap .body_bottom_top {text-align: left;}
.announce_wrap .body_bottom_bottom {padding-top: 117px; background: url(../img/detail/crown.png) no-repeat top center;}
.announce_wrap .body_bottom_top .d_title {margin-bottom: 20px;}
.announce_wrap .inner .body_bottom_bottom   {padding-left: 30px;padding-right: 30px;}

@media screen and (max-width:768px){
    .announce_wrap {padding-bottom: 20px;}
    .announce_wrap .inner .body_wrap {padding-bottom: 20px;}
    .announce_wrap .inner .body_wrap .body_top {padding-top: 77px;}
    .announce_wrap {padding-left: 10px; padding-right: 10px;}
    .announce_wrap .inner .body_wrap .body_top .tit_wrap1 .color_gra {font-size: 36px;}
    .announce_wrap .inner .body_wrap .body_top .tit_wrap1 strong {font-size: 20px;}
    .announce_wrap .inner .body_wrap .body_top .txt_wrap {margin-top: 20px;}
    .announce_wrap .fs_24 {font-size: 16px;line-height: 21px;}
    .announce_wrap .inner .body_wrap .body_con {margin: 30px auto;}
    .announce_wrap .fs_32 {font-size: 18px; word-break: keep-all;}
    .announce_wrap .body_bottom_top .text_wrap {font-size: 14px; line-height: 18px;}
    .announce_wrap .fs_18 {font-size: 14px; line-height: 18px;}
    .announce_wrap .inner .body_wrap .body_bottom_top {padding-left: 15px; padding-right: 15px;}
    .announce_wrap .inner .body_wrap .body_bottom_top {margin-bottom: 20px;}
    .announce_wrap .inner .body_wrap .body_con {font-size: 14px; padding-left: 20px; line-height: 19px; word-break: keep-all; padding-right: 20px; box-sizing: border-box;}
    .announce_wrap .inner .body_wrap .body_bottom_top p {line-height: 18px;}
    }