@charset "utf-8";
@import url('bootstrap.css');
@import url('font-awesome.min.css');
@import url('line-awesome.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500;700&display=swap');
@font-face {
    font-family: "Helvetica";
    src: local('Helvetica Neue'),url("../fonts/HelveticaNeueLTPro-HvCn.otf") format("opentype");
    font-weight: 800;
    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;border:0;outline:0;resize:none;font-size:100%;vertical-align:baseline;}
html {height:100%;}
body {letter-spacing:-0.02em;font-family:'Noto Sans KR';font-size: 1rem;font-weight: 300}
ol, ul {list-style:none;}
a,a:hover,a:focus,a:visited {color:inherit;text-decoration:none;outline:0;}
button {background: none;border: 0;padding: 0;outline: 0}
img {max-width: 100%}

.form-control {border-radius: 0;-webkit-box-shadow: none !important;box-shadow: none !important;outline: 0}
.btn {border-radius: 0;-webkit-box-shadow: none !important;box-shadow: none !important;}

.modal-header {}
.modal-header .close {text-shadow: none;opacity: 1;}
.modal-icons {font-size: 0;position: absolute;right: 60px;text-align: right;}
.modal-icons li {display: inline-block;vertical-align: top;margin-left: 1rem;font-size: .812rem;  line-height: 18px}
.modal-icons li img {vertical-align: top;}
.sns-icons {margin-top: 10px;}
.sns-icons img {max-width:25px}
.modal-title {font-size: 1.125rem}
.modal-title div {font-size: .875rem; color: #999; font-weight: 300;margin-top: .5em;line-height: 1;}
.modal-title div span+span {padding-left: 7px;border-left: 1px solid #ddd;margin-left: 5px;display: inline-block;}
.modal-body {text-align: center;}
.modal-body img {display: block;margin: 1rem auto}
.modal-body img:first-child {margin-top: 0;}
.modal-control {position: absolute;left: 0;right: 0;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.modal-control button {color: #fff;font-weight: 300;font-size: 1rem;}
.modal-control button i {font-size: 2.1rem;display: block;}
.modal-control .prev {margin-left: -3.5rem;}
.modal-control .next {margin-right: -3.5rem;}

@media all and (min-width: 991px) {
    .modal-content {padding: 50px 60px}
    .modal-header {padding: 0 0 40px}
    .modal-body {padding: 60px 0}

    .modal-dialog-scrollable .modal-content {overflow: visible}
    .modal-header .close {margin-right: -3.5rem;color: #fff;font-size: 2.1rem;position: absolute;right: 0;top: 0}
}

@media all and (max-width: 991px) {
    .modal-header {position: relative}
    .modal-icons {position: static;padding: 1rem;text-align: right}
	.modal-icons ul {float:right}
	.sns-icons {float:left;margin-top: 0;}
    .modal-header .close {}
    .modal-control button {width: 3rem;height: 3rem;font-size:.812rem; background: #000}
    .modal-control button i {font-size: 1.5rem;}
    .modal-control .prev {margin-left: 0}
    .modal-control .next {margin-right: 0}
}