@charset "utf-8";

.sub_visual {margin-top:140px; height:190px; background:#cbdcec; background-image:url('/images/comm/sub_visual_img1.png'),url('/images/comm/sub_visual_img2.png'); background-position:10% bottom, right bottom; background-repeat:no-repeat}
.sub_visual > div {width:1300px; margin:0 auto; text-align:center; padding-top:50px}
.sub_visual > div h2 {font-size:40px; font-weight:500; margin-bottom:30px}
.sub_visual > div .page_navigation {text-align: center}
.sub_visual > div .page_navigation span {font-size:18px;}

nav.sub_menu {height:60px; max-width:1300px; margin:0 auto; margin-top:10px}
nav.sub_menu a.m1 {display:none; font-size:16px; background:#014099; line-height:50px; box-sizing:border-box; color:#fff; padding-left:20px; border-bottom:1px solid #fff; position:relative}
nav.sub_menu a.m1 i {width:15px; height:9px; background:url('/images/comm/allow_u.png') no-repeat; display:block; position:absolute; top:50%; transform:translateY(-50%); right:20px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease}
nav.sub_menu a.m1.on i {transform: rotate(180deg)}
nav.sub_menu ul {font-size:0; text-align:center; display:flex; box-sizing:border-box; margin-left:-1px}
nav.sub_menu ul li {flex-basis:100%; margin-left:1px}
nav.sub_menu ul li a {font-size:18px; transition:all 0.3s;position:relative; display:table; width:100%; background:#f7f7f7; border-radius:5px; border:#e3e3e3 solid 1px; box-sizing:border-box}
nav.sub_menu ul li a > span {display:table-cell; height:70px; vertical-align:middle}
nav.sub_menu ul li.active a {background:#014099; color:#fff; border:#014099 solid 1px}

.container {clear:both; max-width:1300px; margin:0 auto; position:relative; box-sizing:border-box; font-size:0; padding:70px 0}

.pg_navi {border-bottom:1px solid #dbdbdb; height:60px; box-sizing:border-box; position:relative; margin-bottom:50px}
.pg_navi h3 {font-size:30px; font-weight:500}
.pg_navi span {position:absolute; top:50%; transform:translateY(-50%); right:0; font-size:16px; font-weight:300; background:url('/images/comm/ico_home.png') no-repeat 0 0; padding-left:25px; display:block; height:17px}

h4.tit {font-size:30px; margin-bottom:40px; font-weight:500; color:#005399}
h5.tit {font-size:25px; margin-bottom:30px; padding-left:26px; font-weight:300; position:relative}
h5.tit span {font-size:18px; font-weight:100}
h5.tit:after {content:''; width:7px; height:7px; border:4px solid #009fab; border-radius:0 5px 5px 5px; position:absolute; top:10px; left:0}
h6.tit {font-size:20px; margin-bottom:20px; font-weight:500; padding-left:20px; position:relative}
h6.tit:before {content:''; width:12px; height:12px; border:3px solid #014099; position:absolute; top:9px; left:0; box-sizing:border-box; border-radius:50%}

.nav_tab1 {margin-bottom:50px; font-size:0; margin-left:-1px; display:flex}
.nav_tab1 a {font-size:18px; color:#888; width:100%; height:60px; flex-basis:100%; background:#f9f9f9; border:#ededed solid 1px; text-align:center; margin-left:1px; position:relative; line-height:1}
.nav_tab1 a:hover,
.nav_tab1 a.active {border:#009c7c solid 1px; color:#fff; font-weight:500; background:#33a14f}
.nav_tab1 a:after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}
.nav_tab1 a.active:before {content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #33a14f; position: absolute; left: 50%; bottom: -8px; transform: translate(-50%, 0)}

.nav_tab2 {margin-bottom:50px; font-size:0; margin-left:1px; display:flex}
.nav_tab2 a {font-size:18px; color:#888; width:100%; height:60px; flex-basis:100%; border:#005399 solid 1px; text-align:center; margin-left:-1px; position:relative}
.nav_tab2 a.active {border:#005399 solid 1px; color:#fff; font-weight:500; background:#005399}
.nav_tab2 a:after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}


.sub_page {line-height:1.5; font-size:17px}
.sub_page img {max-width:100%}

.sub_page .m-skip { position:absolute; top:-9999em; z-index:9998; overflow: hidden; border: 0; background-color: #2f7bca; color: #fff !important; font-size: 16px; padding: 3px 5px; display:block}
.sub_page .m-skip:hover ,
.sub_page .m-skip:active ,
.sub_page .m-skip:focus { position:absolute; top: 0; }



.txt_wrap1 {margin-bottom:50px}
.txt_wrap2 {margin-bottom:30px}
.ml {margin-left:25px}

.sub_page .step_box {word-break:keep-all; margin-bottom:50px; margin-left:-32px; display:flex}
.sub_page .step_box li {flex-basis:100%; margin:0 0 0 32px; font-size:16px; vertical-align:top; text-align:center; border:#e3e3e3 solid 1px; border-radius:5px; position:relative}
.sub_page .step_box li:after {width:16px; height:25px; margin-top:-12px; background:url('/images/comm/step_right.png')no-repeat; position:absolute; right:-26px; top:50%; content:'';}
.sub_page .step_box li:last-child:after {display:none}
.sub_page .step_box .label {width:100%; margin:15px auto 10px; position:relative; margin-top:0; background:#4f8cd5; display:block; border-radius:5px 5px 0 0; padding:5px 0; color:#fff; font-weight:700; font-size:22px}
.sub_page .step_box .label span {font-weight:500; font-size:20px}
.sub_page .step_box li .txt {font-size:18px; font-weight:500; margin-bottom:10px; line-height:1.5; word-break:break-all}
.sub_page .step_box li > span {font-size:16px; word-break:break-all; text-align:left; position:absolute; left:0; bottom:-30px; color:#005399}

.sub_page .step_box.six {display:flex; flex-wrap:wrap}
.sub_page .step_box.six li {flex-basis:calc(33.33% - 32px); box-sizing:border-box}
.sub_page .step_box.six li:nth-child(n+4) {margin-top:30px}

.inquiry {border-top:#666 solid 2px; border-bottom:#dbdbdb solid 1px; padding:20px; display:table; width:100%; background:#f7f7f7; box-sizing:border-box}
.inquiry div {padding:0 0 0 80px; box-sizing:border-box; height:60px; font-size:18px; vertical-align:middle; background:url('/images/comm/ico_inquiry.png') no-repeat; display:table-cell}
.inquiry div label {font-weight:500; display:inline-block; margin-right:20px}
.inquiry div span {margin-right:20px}
.inquiry div span strong {color:#009c7c; font-size:20px; margin-left:20px}
.inquiry div span em {text-decoration:none}

.ready {display:flex; height:250px; font-size:20px; font-weight:500; align-items:center; justify-content:center}


/*행복캠퍼스소개*/

.about1 .greeting {}
.about1 .greeting .title {color:#014099; font-size:20px; font-weight:500; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-bottom:30px; padding-bottom:30px; border-bottom:#555 solid 1px}
.about1 .greeting .title p {margin-left:30px}
.about1 .greeting .title p span {font-size:22px; font-weight:500; display:block}
.about1 .greeting .txt {box-sizing:border-box; padding:50px; border:#e3e3e3 solid 1px; border-radius:50px; box-shadow:0px 1px 3px rgb(0 0 0 / 10%)}
.about1 .greeting .txt p {margin-bottom:20px; word-break:keep-all}
.about1 .greeting .sign {text-align:right; font-size:18px; font-weight:500; margin-top:30px}

.about2 .organ {position:relative; text-align:center}
.about2 .organ:before {content:''; width:1px; height:calc(100% - 160px); background:#dbdbdb; position:absolute; left:50%; top:0; z-index:-1}
.about2 .organ .gr {width:100%; padding:15px 10px; height:60px/*100px*/; border-radius:10px; border:#dbdbdb solid 1px; background:#fff; text-align:center; font-size:18px; font-weight:500; margin-bottom:50px; box-sizing:border-box; display:inline-block; border-top:#164194 solid 3px}
.about2 .organ .gr p {font-size:16px; font-weight:300; padding-top:10px; border-top:#fff solid 1px; margin-top:10px}
.about2 .organ .top {width:25%; background:#d7e3f3}
.about2 .organ .md {width:25%; background:#d2eef0; border-top:#009fab solid 3px}
.about2 .organ .side {position:relative; padding:0 50px; display:flex; justify-content:space-between}
.about2 .organ .side:before {content:''; width:80%; height:1px; background:#dbdbdb; position:absolute; left:50px; top:30%}
.about2 .organ .sr {width:25%; background:#eee; padding:20px 10px; border-radius:10px; border:#dbdbdb solid 1px; font-size:18px; margin-bottom:50px; box-sizing:border-box; display:inline-block; text-align:center; position:relative}
.about2 .organ .bt {background:#e3f5e4; border-top:#2f9638 solid 3px}
.about2 .organ .bottom {display:flex; padding-top:50px}
.about2 .organ .bottom li {width:25%; box-sizing:border-box; padding:0 50px; position:relative}
.about2 .organ .bottom li:before {content:''; width:50%; height:1px; background:#dbdbdb; position:absolute; left:0; top:-50px; z-index:-1}
.about2 .organ .bottom li:after {content:''; width:50%; height:1px; background:#dbdbdb; position:absolute; right:0; top:-50px; z-index:-1}
.about2 .organ .bottom li:first-child:before,
.about2 .organ .bottom li:last-child:after {display:none}
.about2 .organ .bottom li div {position:relative}
.about2 .organ .bottom li div:before {content:''; width:1px; height:100%; background:#dbdbdb; position:absolute; left:50%; top:-53px; z-index:-1}

.about3 .facilities {border:#e3e3e3 solid 1px; border-radius:30px; padding:30px; box-shadow:0px 1px 3px rgb(0 0 0 / 7%)}
.about3 .facilities h5 {font-size:20px; font-weight:500; margin-bottom:20px; padding-left:17px; position:relative}
.about3 .facilities h5:before {content:''; width:5px; height:5px; background:#009fab; border-radius:2px; position:absolute; left:0; top:10px}
.about3 .facilities h5 span {font-weight:300; font-size:18px}
.about3 .facilities ul {margin-left:17px}
.about3 .facilities ul li {position:relative; padding-left:60px; margin-bottom:10px}
.about3 .facilities ul li:last-child {margin-bottom:0}
.about3 .facilities ul li label {position:absolute; left:0; font-weight:500; background:#009fab; width:50px; height:25px; border-radius:3px; color:#fff; text-align:center}

.about3 .photo_list {display:flex; flex-wrap:wrap; margin-left:-40px}
.about3 .photo_list li {width:calc(25% - 40px); margin-left:40px; text-align:center}
.about3 .photo_list li img {border-radius:0 20px 0 20px; box-shadow:0px 1px 3px rgb(0 0 0 / 10%)}
.about3 .photo_list li p {margin-top:20px; font-size:18px; font-weight:500}
.about3 .photo_list li:nth-child(n+5) {margin-top:40px}

.about4 .rough_map {display:flex; flex-wrap:wrap}
.about4 .rough_map > div {width:50%; box-sizing:border-box}
.about4 .rough_map > div.rough {border:#dbdbdb solid 1px; display:flex; align-items:center; justify-content:center}

.about4 .addr {margin:50px 0; border-bottom:#555 solid 1px; padding-bottom:20px}
.about4 .addr i {font-size:32px; color:#fff; line-height:45px}
.about4 .addr ul {display:flex; flex-wrap:wrap}
.about4 .addr li {position:relative; padding:10px 0 10px 60px; margin-bottom:10px; margin-right:30px; box-sizing:border-box}
.about4 .addr li:last-child {margin-bottom:0; margin-right:0}
.about4 .addr li label {position:absolute; left:0; top:0; width:45px; height:45px; background:#555; text-align:center; border-radius:50%}
.about4 .addr li span {font-weight:500; color:#014099; display:inline-block; margin-right:10px}

.about4 .method {position:relative; padding-left:80px}
.about4 .method i {font-size:32px; color:#fff; line-height:60px}
.about4 .method span {display:block; width:60px; height:60px; border-radius:50%; background:#2f9638; text-align:center; position:absolute; left:0; top:0}
.about4 .method li {position:relative; padding-left:15px; margin-bottom:10px; word-break:keep-all}
.about4 .method li:last-child {margin-bottom:0}
.about4 .method li:before {content:''; width:4px; height:4px; border-radius:1px; background:#2f9638; position:absolute; left:0; top:10px}
.about4 .method li label {font-weight:500}

.about5 .ci {text-align:center; margin-bottom:30px}
.about5 .color {display:flex; flex-wrap:wrap; margin-left:-40px}
.about5 .color div {box-sizing:border-box; width:calc(50% - 40px); margin-left:40px}
.about5 .color div ul {display:flex; flex-wrap:wrap; margin-left:-40px}
.about5 .color div li {width:calc(50% - 40px); margin-left:40px; box-sizing:border-box; padding:20px 20px 70px 20px; position:relative}
.about5 .color div li:before {content:''; width:100%; height:5px; background:#014da2; border:#014da2 solid 1px; position:absolute; top:0; left:0}
.about5 .color div li:after {content:''; width:100%; height:50px; background:#014da2; border:#014da2 solid 1px; position:absolute; bottom:0; left:0}

.about5 .color div li:nth-child(2):before,
.about5 .color div li:nth-child(2):after {background:#349e49; border-color:#349e49}
.about5 .color div .sub li:nth-child(1):before,
.about5 .color div .sub li:nth-child(1):after {background:#ffffff; border:#dbdbdb solid 1px}
.about5 .color div .sub li:nth-child(2):before,
.about5 .color div .sub li:nth-child(2):after {background:#000000;  border-color:#000000}

.about5 .color div li p {font-weight:500; font-size:18px}


/*주요사업*/

.business .info {display:flex; flex-wrap:wrap; align-items:center}
.business .info div {box-sizing:border-box}
.business .info .img {width:calc(40% - 50px); margin-right:50px}
.business .info .img img {border-radius:30px 0 30px 0; box-shadow:0px 3px 3px rgb(0 0 0 / 15%)}
.business .info .txt {width:60%; font-size:18px; border:#e3e3e3 solid 1px; border-radius:30px; padding:30px; box-shadow:0px 1px 3px rgb(0 0 0 / 7%)}
.business .info .txt p {margin-bottom:20px}

.business .box1 {background:#f7f7f7; padding:20px}
.business .box2 {font-size:18px; border:#e3e3e3 solid 1px; border-radius:30px; padding:30px; box-shadow:0px 1px 3px rgb(0 0 0 / 7%)}

.business .photo_list {display:flex; flex-wrap:wrap; margin-left:-40px}
.business .photo_list li {width:calc(25% - 40px); margin-left:40px; text-align:center}
.business .photo_list li img {border-radius:0 20px 0 20px; box-shadow:0px 1px 3px rgb(0 0 0 / 10%)}
.business .photo_list li p {margin-top:20px; font-size:18px; font-weight:500}
.business .photo_list li:nth-child(n+5) {margin-top:40px}

.business .search {border:3px solid #c6e1ef; padding:10px; text-align:center; margin-bottom:50px}
.business .search ul {font-size:0; text-align:center; margin-left:-20px}
.business .search ul li {display:inline-block; font-size:16px; vertical-align:top; margin-left:20px}
.business .search ul li label {font-weight:500; margin-right:10px; display:inline-block; line-height:36px}
.business .search ul li input.keyword {width:290px; vertical-align:middle}

.agreement .box {padding:30px; height:300px; overflow-y:scroll; box-sizing:border-box; border:1px solid #ddd; margin-bottom:50px}
.agreement .box p {margin-left:30px; margin-bottom:40px}
.agreement .box .table01 {margin-left:30px; margin-bottom:50px}
.agreement .box > ul {margin-left:30px; margin-bottom:40px; list-style:decimal}
.agreement .box > ul > li {margin-bottom:10px; position:relative; padding-left:22px}
.agreement .box > ul > li:before {content:'①'; position:absolute; top:0; left:0}
.agreement .box > ul > li:nth-child(2):before {content:'②'}
.agreement .box > ul > li:nth-child(3):before {content:'③'}
.agreement .box > ul > li:nth-child(4):before {content:'④'}
.agreement .box > ul > li:nth-child(5):before {content:'⑤'}
.agreement .box > ul > li:last-child {margin-bottom:0}
.agreement .box > ul > li > .table01 {margin-left:0; margin-top:20px; margin-bottom:0}
.agreement .box > ul > li > ul {margin-left:0; padding:15px 0}
.agreement .box > ul > li > ul > li {margin-bottom:5px; position:relative; padding-left:15px}
.agreement .box > ul > li > ul > li:before {content:""; display:block; background:#10a247; width:4px; height:4px; position:absolute; left:0; top:11px}
.agreement .box > ul > li > ul > li:last-child {margin-bottom:0}
.agreement .box ul.clean > li {padding-left:0}
.agreement .box ul.clean > li:before {display:none}
.agreement .box .info {margin-bottom:50px; border:#e3e3e3 solid 1px; border-bottom:#a7a7a7 solid 1px; border-radius:0 10px 0 10px; padding:30px; background:#f7f7f7}
.agreement .check {text-align:right; margin-bottom:30px}
.agreement .check_all {text-align:center; font-size:18px; color:#3378c1; margin-bottom:40px}

.sub_page .confirm {border:1px solid #ddd}
.sub_page .confirm .input_area {padding:70px 30px 30px 30px}
.sub_page .confirm .area_div {max-width:480px; margin:auto; overflow:hidden; margin-bottom:30px}
.sub_page .confirm .area_div p.info {text-align:center; line-height:1.5; margin-bottom:30px}
.sub_page .confirm .area_div .input_box {text-align:center; font-size:0}
.sub_page .confirm .area_div input[type="password"] {width:300px}
.sub_page .confirm .area_div button {margin-left:10px}
.sub_page .confirm .guide_txt {margin-left:0; display:inherit; text-align:center}





.calendar {margin-bottom:50px}
.calendar > p {margin-bottom:10px; display:flex; justify-content:center; align-items:center}
.calendar > p span {font-size:30px; font-weight:700}
.calendar > p span strong {color:#009c0f}
.calendar > p span,
.calendar > p a {margin-right:20px}
.calendar > p a:last-child {margin-right:0}
.calendar > ul > li > div.Sun > time {color:#de3634;}
.calendar > ul > li > div.Sat > time {color:#477cd8;}
.calendar > ul > li > div time em {float:right; font-size:14px}
.calendar > ul > li > div time p strong {font-weight:normal; margin-top:10px; display:inline-block}


.agree {border:1px solid #999; margin-bottom:40px; padding:20px}
.agree p.info {margin-bottom:20px}
.agree p.tit {font-weight:500; margin-bottom:20px}
.agree ul {margin-bottom:30px; margin-left:10px}
.agree ul li {font-size:16px}
.agree .table01 {margin-bottom:20px; font-size:16px}
.agree .sel {text-align:center; padding-bottom:30px; margin-left:-20px}
.agree .sel p.txt {margin-bottom:20px}
.agree .sel.last {padding-bottom:0}
.agree .sel input {margin-left:20px}

.sub_page .tit_btn {position:relative}
.sub_page .tit_btn button {position:absolute; top:0; right:0}

.sub_page .btn_area {text-align:center; margin-left:-10px; font-size:0; margin-top:-10px}
.sub_page .btn_area a,
.sub_page .btn_area input,
.sub_page .btn_area button {display:inline-block; margin-left:10px; margin-top:10px}
.sub_page .btn_area i {margin-right:5px}
.sub_page .btn_area.right {text-align:right}

.member4 {font-size:16px}
.member4 .box {margin-bottom:50px; border:#e3e3e3 solid 1px; border-radius:10px; padding:20px}
.member4 .txt1 {margin-left:20px; margin-bottom:40px}
.member4 .txt1 p {margin-bottom:20px}
.member4 .mb {margin-bottom:20px}


.member1 {font-size:16px}
.member1 .box {margin-bottom:50px; border:#e3e3e3 solid 1px; border-radius:10px; padding:20px}
.member1 .txt1 {margin-left:20px; margin-bottom:40px}
.member1 .txt1 p {margin-bottom:20px}
.member1 .mb {margin-bottom:20px}

.popModal {display:none; z-index:600}
.popModal p.title {font-size:20px; font-weight:bold; padding-bottom:20px; margin-bottom:15px; border-bottom:2px solid #888888}
.popModal h4 {font-size:16px; margin-bottom:10px}
.popModal li {line-height:20px}