@charset "utf-8";

@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:300,400&display=swap');

.grid-block>[class*="grid-"]{max-width:1020px}

/* 사용자 박스 정의 */
.user-box-title{position:relative;z-index:10;margin-bottom:1em;line-height:1;}
.user-box-content{position:relative;z-index:10;margin-bottom:1em;font-size:1em;text-align:justify}
.user-box-content2{position:relative;z-index:10;margin-bottom:1em}

/* 원하는 색상을 정의하세요 */
.user-background1{background-color:#f1f1f1;color:#212121;border-color:#ccc}
.user-background2{background-color:#093155;color:#fff;border-color:#00838f}

.user-color1,.user-hover1:hover,.user-hover1:focus{background-color:#3f8af9;color:#fff;border-color:#397ce0;text-shadow:0px 0px 2px #2960b2}
.user-color1 a,.user-color1 i{color:#fc7c3d;text-shadow:0px 0px 2px #000}
.user-color2,.user-hover2:hover,.user-hover2:focus{background-color:#ed2344;color:#fff;border-color:#821426;text-shadow:0px 0px 2px #821426}
.user-color2 a,.user-color2 i{color:#aa0443;text-shadow:0px 0px 2px #ffacd6}

.user-btn-color1{background-color:#fff;color:#333;border-color:#999;text-shadow:0px 0px 2px #f2f2f2}

.f-user-color1{color:#093155}
html,body{font-size:14px}
html,body,ul,li,p,a{ font-family: 'NanumSquare','나눔스퀘어';/*transform: skew(-0.03deg);*/}

.strong-1{background:none;color:#08459a;margin-top:2em}
.user-background-3{background-color:#012d6b;color:#fff}

.user-text-icon-1{position:absolute;top:-12px;left:10px;padding:4px 10px;background:#af3333;border-style:solid;border-width:0;border-color:#af3333;color:#fff;overflow:visible;font-weight:normal;font-size:12px;font-family:dotum;border-radius:3px}

ol[class~="list-style-1"]>li:before{background-color:#79899e}

.m9-h1-style-1{font-size:2em;margin-top:0;margin-bottom:1em}
.m9-h1-style-1>i{color:#fdbc2a}
.m9-h1-style-1>span{display:inline-block;padding-left:15px}

.m9-h2-style-1{font-size:1.5em;margin-top:2em;margin-bottom:1em}
.m9-h2-style-1>i{color:#fdbc2a}
.m9-h2-style-1>span{display:inline-block;padding-left:15px}

#container{background:#fff !important}

._status_kind_1{background:#fdb932;color:#fff !important;border:1px solid #fdb932}
._status_kind_2{background:#f3921d;color:#fff !important;border:1px solid #f3921d}
._status_kind_3{background:#fff;color:#666 !important;border:1px solid #ccc}


.sub_slide1{background:url(http://integro.mong9.com/etc_img/otherpage/bg/sub_slide1.jpg) 50% 100% no-repeat;background-size:cover}
.sub_slide2{background:url(http://integro.mong9.com/etc_img/otherpage/bg/sub_slide2.jpg) 50% 100% no-repeat;background-size:cover}
.sub_slide3{background:url(http://integro.mong9.com/etc_img/otherpage/bg/sub_slide3.jpg) 50% 100% no-repeat;background-size:cover}

.main_slide_contructor {padding-bottom:24%}
.sub_text_box{position: absolute;top: 0;left: 0;width: 100%;margin-top: 12%;text-align: center;z-index:100}    
.sub_text_box>p{padding-bottom:0px;font-size: 45px;font-weight: bold;line-height: 1.1;letter-spacing: -0.05em;margin-bottom: 0px; text-align: center;padding-bottom:5px}
.sub_text_box>span{width:40px; display:inline-block; height:1px; background:#000}
.sub_text_box>div{font-size:17px;padding:1em 0}

/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px){
.sub_text_box{margin-top:5%;padding:5%}
.sub_text_box>p{font-size:25px;margin-top:10px}
.slide_word1>p{font-size: 30px;padding-bottom:5px;}
}
    
/* 모바일 바로 보기로 취급 */
@media screen and (max-width:486px){
.sub_text_box{margin-top:0%;padding:5%}
.slide_word1>p{font-size: 20px}
}




@media screen and (max-width:638px){

    }