@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

body{padding:0;margin:0;color:#000;}
body *{font-family: 'Escoredream';line-height:180%;}
.top_img img{width:100%;}
.contents{margin:20px;padding:0;}
.ctxt{text-align:center;font-weight:700;font-size:1.2em;line-height:1.5em;}
.ctxt span{box-shadow: inset 0 -15px 0 #dcfbf4;}

.total{padding:30px 0;text-align:center;}
.total .btxt{font-weight:500;font-size:1.1em;margin:0;}
.total .btxt span{font-size:1.2em;font-weight:800;}
.total .btxt .st1{color:#dd5523;letter-spacing:-0.05em;}
.total .btxt .st2{color:#008768;}

.s_con .form{background:#efefef;border-radius:20px;padding:30px;}
.s_con .form div.line{border-bottom:dashed 1px #999;padding-bottom:20px;margin-bottom:20px;}
.s_con .form div label{display:inline-block;width:20%;color:#3f4583;font-weight:600;}
.s_con .form div input{width:70%;border:solid 1px #ccc;padding:10px 5px;}
.s_con .form div span{display:block;padding-top:10px;font-size:0.9em;}
.s_con .form div .inputBox{display:inline-block;width:70%;padding:0;margin:0;border:none;}
.s_con .form div .inputBox input{width: 100%;}

.s_con .btxt{position:relative; font-size:21px; color:#111; font-weight:800; padding-top:12px; line-height:120%;}
.s_con .btxt:before{position:absolute; top:0px; left:0px; width:26px; height:3px; background:url("https://www.geoje.go.kr/image/new/Potal_/_Img/layout/h4_icon.png") no-repeat center; content:"";}
.s_con .stxt{position:relative;padding-left:10px;padding-bottom: 30px;}
.s_con .stxt:before{content:"";width:5px;height:5px;border-radius:30px;background:#999;position:absolute;top:8px;left:0;}

.con{border:solid 1px #ccc;padding:20px;}
.con .tit{position:relative; font-size:18px; color:#111; font-weight:700; padding-left:20px; padding-bottom:20px; line-height:120%;}
.con .tit:before{position:absolute; top:3px; left:0px; width:14px; height:14px; background:url("https://www.geoje.go.kr/image/new/Potal_/_Img/layout/h5_icon.png") no-repeat center; content:"";}
.con ul{paddinG:0;}
.con li{list-style:none;position:relative;padding-bottom: 3px;}

.cb{padding:10px 0 50px;}
.btn{text-align:center;margin-bottom:70px;}
.btn button{background:#3f4583;color:#fff;border:none;padding:10px 20px;font-size:1.1em;}


footer{text-align:center;background:#efefef;padding:30px;}
footer .logo{margin-bottom:20px;}
footer .text{margin:0;}

@media all and (min-width:1200px) {
.top_img{text-align:center;}
.top_img img{width:auto;}

.ctxt{font-size:1.7em;}
.total{font-size:1.2em;}

.s_con{width:1200px;margin:0 auto;}
.s_con .form{margin-bottom:70px;padding:50px;padding-left:100px;}
.s_con .form div.line{padding-bottom:40px;margin-bottom:40px;}
.s_con .form div label{width:10%;font-size:24px;}
.s_con .form div input{width:80%;border:solid 1px #ccc;padding:10px 5px;}
.s_con .form div.line input{width:200px;}
.s_con .form div span{padding-left:11%;}

.btn button{padding:20px 70px;}

}