@charset "utf-8";

/* ***** form ***** */
input[type='text'],
input[type='password'],
input[type='number']{padding-left:10px;text-indent:0;}
select{text-indent:0;}
textarea:read-only,
input:read-only{color:#777 !important;background-color:#fff !important;}
*:disabled{color:#777 !important;background-color:#fff !important;}
input.useDatepicker{width:160px;background:#fff url(../images/sub/icon_date.png) no-repeat 95% center;}
input.useMonthpicker{background:#fff url(../images/sub/icon_date.png) no-repeat 95% center;}

/* ***** button ***** */
.btnArea{margin:35px 0;}
.btnArea.gray{padding:30px 20px;background:#f1f1f1;}
.btnArea:after{display:block;content:'';clear:both;}
.btn{display:inline-block;margin:0 1px;padding:0 40px;height:50px;line-height:50px;font-size:16px;color:#333;font-weight:bold;text-align:center;border:1px solid #c9c9c9;border-radius:5px;box-sizing:border-box;}
.btn.focus{color:#fff;background:#2292e7;border:1px solid #2292e7;}
.btn.black{color:#fff;background:#3b3b3b;border:1px solid #3b3b3b;}
.btn_round{display:inline-block;margin:1px;padding:0 15px;min-width:170px;height:58px;line-height:58px;font-size:18px;text-align:center;font-weight:bold;color:#666;background:#fff url(../images/sub/icon_btnList.png) 80% center no-repeat;border:1px solid #959595;border-radius:40px;box-sizing:border-box;}
.btn_round.focus{color:#fff;background:#2292e7;border:1px solid #2292e7;}
.btn_round.black{color:#fff;background:#3b3b3b;border:1px solid #3b3b3b;}
.btn_round.list{padding-right:35px;background:#fff url(../images/sub/icon_btnList_black.png) 80% center no-repeat;}
.btn_round.list.focus{padding-right:35px;background:#2292e7 url(../images/sub/icon_btnList.png) 80% center no-repeat;}
.btn_inline{display:inline-block;margin:0 1px;padding:0 40px;height:50px;line-height:50px;font-size:15px;color:#fff;background:#3b3b3b;border-radius:5px;box-sizing:border-box;}
.btn_inline.gray{background:#505050;border:none;}
.btn_date{display:inline-block;margin:0 1px;width:30px;height:50px;text-indent:-9999px;background:url(../images/sub/icon_date.png) center no-repeat;background-size:100%;}
.btn:hover,
.btn_round:hover{border-color:#333;box-shadow:2px 2px 5px #eee;transition-duration:0.3s}
.btn.focus:hover,
.btn_round.focus:hover{background-color:#1e91ce;border-color:#1e91ce;}
.btn_round.black:hover{background-color:#222;border-color:#222;}

/* tab */
.tabBar{margin-bottom:50px;height:auto;border:none;}
.tabBar li{display:table;margin-top:-1px;}
.tabBar.cols2 li{width:50%;}
.tabBar.cols3 li{width:33.3333%;}
.tabBar.cols4 li{width:25%;}
.tabBar.cols5 li{width:20%;}
.tabBar.cols6 li{width:16.6666%;}
.tabBar li a{display:table-cell;padding:0 5px;height:57px;line-height:130%;font-size:18px;color:#333;border:1px solid #a0a0a0;text-align:center;vertical-align:middle;box-sizing:border-box;}
.tabBar li.active a{color:#fff;background:#2292e7;font-weight:normal;border:none;}

.tabBar.depth2{margin-top:5px;height:60px;text-align:center;border-bottom:1px solid #d7d7d7;}
.tabBar.depth2 li{display:inline-block;float:none;padding:0 80px;}
.tabBar.depth2 li a{height:60px;font-size:18px;border:none;}
.tabBar.depth2 li.active a{font-weight:bold;color:#214c8c;background:#fff;border-bottom:3px solid #214c8c;}

/* list */
ul.listCon > li{position:relative;padding:2px 0;}
ul.listCon.dot > li{padding-left:10px;}
ul.listCon.dot > li:before{display:block;content:'';position:absolute;top:12px;left:0;width:3px;height:3px;background-color:#999;}
ul.listCon.dot > li{padding-left:10px;}
ul.listCon.minus > li:before{display:block;content:'';position:absolute;top:12px;left:0;width:4px;height:1px;background-color:#999;}

/* ***** board List ***** */
.boardTop{position:relative;margin-bottom:15px;line-height:36px;}
.boardTotal span{display:inline-block;margin-right:5px;font-size:16px;color:#000;}
.boardType{position:absolute;right:0;top:0;}
.boardType a{display:inline-block;width:40px;height:36px;font-size:16px;text-indent:-9999px;border:1px solid #d2d2d2;box-sizing:border-box;}
.boardType a.list{background:#fff url(../images/sub/icon_list.png) center no-repeat;}
.boardType a.thumb{margin-left:-5px;background:#fff url(../images/sub/icon_thumb.png) center no-repeat;}
.boardType a.list.selected{background:#4580d7 url(../images/sub/icon_list_on.png) center no-repeat;border:1px solid #4580d7;}
.boardType a.thumb.selected{background:#4580d7 url(../images/sub/icon_thumb_on.png) center no-repeat;border:1px solid #4580d7;}
.boardType select{margin-left:5px;min-width:120px;height:36px;line-height:36px;font-size:16px;color:#000;background:#fff;border:none;vertical-align:top;}
.boardType .btn{padding:0 10px;width:auto;height:36px;line-height:36px;text-indent:0;}

.searchBox{padding:30px;background:#f5f5f5;text-align:center;}
.searchBox input[type="text"],
.searchBox select{height:50px;line-height:50px;font-size:16px;color:#000;background-color:#fff;border:1px solid #c9c9c9;}
.searchBox .search{display:inline-block;position:relative;width:400px;height:48px;background-color:#fff;border:1px solid #c9c9c9;vertical-align:top;}
.searchBox .search input[type="text"]{padding-left:10px;width:100%;height:48px;line-height:48px;background-color:#fff;border:none;box-sizing:border-box;}
.searchBox .search input[type="submit"],
.searchBox .search a{display:inline-block;position:absolute;right:0;top:0;width:48px;height:48px;text-indent:-9999px;background:#fff url(../images/sub/icon_boardSearch.png) center no-repeat;border:none;vertical-align:top;}
.searchBox.type2{padding:20px;}
.searchBox.type2 .group{display:inline-block;margin:5px 0;}
.searchBox.type3{padding:20px;}
.searchBox.type3 .group{display:inline-block;margin:5px 0;}

.tableTitle{}
.tableTitle:after{display:block;content:'';clear:both;}
.tableTitle h4,
.tableTitle h5{display:inline-block;}
.tableTitle .tableDesc{display:inline-block;margin:0;float:right;font-size:14px;color:#8f8f8f;}
.tableTitle .monthSelect{text-align:right;font-size:18px;font-weight:bold;}
.tableTitle .monthSelect select{margin-left:10px;width:80px;height:44px;line-height:44px;font-size:16px;font-weight:normal;background-color:#fff;border:none;border-bottom:1px solid #a0a0a0;}
.tableTitle .monthSelect .btn{padding:0 10px;width:auto;height:44px;line-height:44px;}

.tableBox{border:none;}
.tableBox table{word-break:break-all;}
.tableBox table.list{font-size:16px;border:none;}
.tableBox table.list th{padding:15px 5px;color:#333;background:#d7d7d7;border-right:none;}
.tableBox table.list td{padding:30px 5px;color:#757575;border-right:none;}
.tableBox table.list td.alignLeft{padding-left:15px;}
.tableBox table.list td .title{display:block;font-size:20px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tableBox table.list td .title:hover{text-decoration:underline;}
.tableBox table.list td .file{display:inline-block;width:22px;height:22px;text-indent:-9999px;background:url(../images/sub/icon_file.png) center no-repeat;}
.tableBox table.list td .fwb{color:#2292e7;vertical-align:top;line-height:30px;}
.tableBox table.list td.fwbTd .title{display:inline-block;max-width:90%;}
.tableBox table.list td .tit{display:block;font-size:20px;color:#333;}
.tableBox table.list td .tit:hover{text-decoration:underline;}
.tableBox table.list td .btn{padding:13px 20px;height:auto;line-height:140%;}
.tableBox table.list td .score{padding:0;font-size:19px;color:#333 !important;font-weight:bold;text-align:center;border:none;}
.tableBox table.list td .totalScore{padding:0;font-size:19px;color:#148fd6 !important;font-weight:bold;text-align:center;border:none;}
.tableBox table.list td.replyMark .title{padding-left:25px;box-sizing:border-box;background:url(../images/sub/icon_replyLine.png) left top no-repeat;}
.tableBox table.list td.replyMark .mark{display:inline-block;margin-right:10px;padding:5px 15px;font-size:14px;color:#fff;background:#02c2a8;border-radius:10px;}
.tableBox table.list colgroup .mHide{display:table-column;}
.tableBox table.list colgroup .wHide{display:none;}

.replyTitle{margin:50px 0 15px;font-size:18px;font-weight:bold;line-height:140%;}
.replyTitle b{color:#f35d0a}
.replyCon{border-top:1px solid #444;}
.replyCon textarea{border:1px solid #d2d2d2;}
.replyCon .empty{padding:30px 0;text-align:center;}
.replyCon .btnArea{margin:15px 0;}
.replyTop{padding:20px 15px;border-bottom:1px solid #cecece;}
.replyTop .info{margin-bottom:15px;}
.replyTop .info:after{display:block;content:'';clear:both;}
.replyTop .userName{display:inline-block;font-size:18px;color:#111;}
.replyTop .date{display:inline-block;float:right;font-size:14px;color:#757575;}
.replyBottom{padding:30px 0;}

.boardThumbList{padding:30px 0 40px;border-top:2px solid #888;border-bottom:2px solid #e5e5e5;overflow:hidden;}
.boardThumbList ul{display:block;margin:-7px;}
.boardThumbList ul:after{display:block;content:'';clear:both;}
.boardThumbList ul li{display:block;float:left;padding:7px;width:25%;box-sizing:border-box;}
.boardThumbList ul li a{display:block;position:relative;padding:10px;height:350px;border:1px solid #e5e5e5;box-sizing:border-box;}
.boardThumbList ul li a:after{display:block;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border:0px solid #fff;}
.boardThumbList ul li a:hover:after{border:2px solid #148fd6;transition-duration:0.3s;}
.boardThumbList ul li .etc{position:absolute;bottom:25px;left:30px;right:30px;font-size:14px;color:#757575;line-height:22px;}
.boardThumbList ul li .etc:after{display:block;content:'';clear:both;}
.boardThumbList ul li .etc .file{display:block;float:right;width:22px;height:22px;text-indent:-9999px;background:url(../images/sub/icon_file.png) center no-repeat;}
.boardThumbList ul li .img{display:block;height:170px;background:#f0f6f8 url(../images/sub/bg_noImage.png) center no-repeat;}
.boardThumbList ul li .img img{max-width:100%;width:100%;height:170px;}
.boardThumbList ul li .desc{display:block;padding:25px 20px 0;display:-webkit-box;font-size:18px;color:#333;letter-spacing:-0.5px;height:4.2em;line-height:1.4em;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.boardThumbList ul li .title{display:block;padding:25px 20px 0;font-size:18px;color:#333;letter-spacing:-0.5px;line-height:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.boardThumbList ul li .mark{position:absolute;right:-5px;bottom:-5px;padding:2px 5px;border:1px solid #d8d8d8;border-radius:5px;}
.boardThumbList ul li .writer{display:block;padding:15px 10px 0 20px;font-size:14px;color:#757575;line-height:130%;}
.boardThumbList.type1,
.boardThumbList.type2,
.boardThumbList.type3{display:block;}
.boardThumbList.type2 ul li a{height:295px;}
.boardThumbList.type2 .etcR{position:absolute;bottom:25px;right:30px;right:30px;font-size:14px;color:#757575;line-height:22px;}
.boardThumbList.type3 ul li a{height:320px;}
.boardThumbList.type3 ul li .desc{max-height:2.8em;height:auto;-webkit-line-clamp:2;}
.boardThumbList.type3 .img{border:1px solid #ddd;}
.boardThumbList ul li.empty{display:block;clear:both;width:100%;padding:30px 0;text-align:center;}

.boardThumbList.imgType2 ul li .img{position:relative;}
.boardThumbList.imgType2 ul li .img img{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;}

.tableBox.listType,
.boardThumbList{display:none;}
.tableBox.listType.active,
.boardThumbList.active{display:block;}

.paging{margin:30px 0 40px;}
.paging a{display:inline-block;margin:0 5px;width:40px;height:40px;line-height:40px;font-size:18px;color:#666;border:none;}
.paging a.active{color:#fff;font-weight:bold;background:#2168d1;border-radius:50%;border:none;}
.paging a.first{background:url(../images/sub/icon_paging_first.png) center no-repeat;}
.paging a.prev{background:url(../images/sub/icon_paging_prev.png) center no-repeat;}
.paging a.next{background:url(../images/sub/icon_paging_next.png) center no-repeat;}
.paging a.last{background:url(../images/sub/icon_paging_last.png) center no-repeat;}
.mobilePage{display:none;}

.tableBox table{font-size:16px;line-height:150%;}
.tableBox table.view{border:none;border-top:2px solid #888;}
.tableBox table.view th,
.tableBox table.view td{padding:15px 40px;background:#fff;border-right:none;}
.tableBox table.view th{color:#333;}
.tableBox table.view td{color:#666;}
.tableBox table.view .tit{padding:30px 10px;font-size:22px;color:#333;line-height:140%;letter-spacing:-0.3px;background:#f7f7f7;}
.tableBox table.view .line{position:relative;}
.tableBox table.view .line:after{display:block;content:'';position:absolute;right:1px;top:50%;margin-top:-8px;width:1px;height:16px;background:#e8e8e8;}
.tableBox table.view .down{padding-left:25px;color:#666;background:url(../images/sub/icon_down.png) left center no-repeat;}
.tableBox table.view .down:hover{text-decoration:underline;}
.tableBox table.view .txt{padding:40px;line-height:150%;}
.tableBox table.view .txt img{max-width:100%;}
.tableBox table.view .publicWrap > span{display:block;text-align:left;}
.tableBox table.view .publicWrap > span:after{display:block;content:'';clear:both;}
.tableBox table.view .publicWrap img{display:inline-block;float:left;margin:5px 20px 10px 0;vertical-align:top;}
.tableBox table.view .publicWrap .comment{display:block;float:left;}

.tableBox table.view ul.thumbnail { margin:15px 0 10px 20px; }
.tableBox table.view ul.thumbnail li { float:left; margin-right:40px; text-align:center; border:0px solid #000; }
.tableBox table.view ul.thumbnail li:first-child { margin-top:30px; }
.tableBox table.view ul.thumbnail li:last-child { margin-right:0px; margin-top:30px; }
.tableBox table.view ul.thumbnail li .thumbnail_tit { color:#333333; font-size:12px; font-weight:600; text-align:center; margin-top:7px; }
.tableBox table.view ul.thumbnail li .thumbnail_empty{color:#333333; font-size:12px;text-align:center;}
.tableBox table.view ul.thumbnail li a.left{ display:inline-block; width:43px; height:74px; background:url("/html/css/front/images/btn_arrow_left.png") no-repeat 0 0; background-size:90%; text-indent:-10000px; }
.tableBox table.view ul.thumbnail li a.right{ display:inline-block; width:43px; height:74px; background:url("/html/css/front/images/btn_arrow_right.png") no-repeat 0 0; background-size:90%; text-indent:-10000px; }
.tableBox table.view .tit_box{height:40px ;background:#f7f7f7; color:#333; font-size:16px; font-weight:600; text-align:center; line-height:40px; margin-bottom:20px; border:1px solid #cccccc; }

/* table form */
.tableBox.formType{position:relative;border:1px solid #959595;}
.tableBox table.form{font-size:15px;color:#666;border:none;}
.tableBox table.form th,
.tableBox table.form td{padding:5px 35px;height:64px;}
.tableBox table.form th{text-align:left;background:#f5f5f5;border:none;}
.tableBox table.form td{border:none;}
.tableBox table.form td input[type="text"],
.tableBox table.form td input[type="password"],
.tableBox table.form td select,
.tableBox table.form td textarea,
.tableBox table.form td input[type="file"]{margin:2px 0;height:50px;background-color:#fff;border:1px solid #686868;border-radius:5px;}
.tableBox table.form td input[type="file"]{padding:10px 5px;box-sizing:border-box;}
.tableBox table.form th .required{display:inline-block;position:relative;text-indent:-9999px;}
.tableBox table.form th .required:before{display:inline-block;content:'';position:absolute;left:-10px;top:50%;margin-top:-3px;width:6px;height:7px;background:url(../images/sub/img_required.png) center no-repeat;}
.tableBox table.form td .btn_date{vertical-align:top;}
.tableBox table.form td .desc{display:inline-block;margin-left:5px;height:auto;}
.tableBox table.form .down{padding-left:25px;color:#666;background:url(../images/sub/icon_down.png) left center no-repeat;}
.tableBox table.form td .down:hover{text-decoration:underline;}
.tableBox table.form tr.first th,
.tableBox table.form tr.first td,
.tableBox table.form tr.last th,
.tableBox table.form tr.last td{height:25px;}
.tableBox.viewType{border-top:1px solid #959595;border-bottom:1px solid #959595;}
.tableBox.viewType table.form th,
.tableBox.viewType table.form td{padding:15px 35px;border-bottom:1px solid #e5e5e5;}

/* table info */
.tableBox.infoType{position:relative;border-top:1px solid #999;}
.tableBox.infoType:after{display:block;content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:#fff;}
.tableBox table.info{border-left:none;}
.tableBox table.info th,
.tableBox table.info td{padding:15px;text-align:center;}
.tableBox table.info td.alignLeft{padding-left:35px;}
.tableBox table.info th{color:#333;background:#f7f7f7;}
.tableBox table.info td{color:#666;}
.tableBox table.info thead th{border-bottom:1px solid #bfbfbf;}
.tableBox table.info + table.info{border-top:1px solid #999;}
.tableBox.infoType.type2 th{background:#fff;}

.con_scr1pt {padding: 20px 20px 20px 20px;width: 100%;height: 300px;border: 1px solid #d5d5d5;box-sizing: border-box;}

/* login */
.loginWrap{padding:100px 0;border-top:2px solid #ccc;}
.loginBox{position:relative;margin:0 auto;padding-bottom:20px;width:645px;}
.loginBox p{font-size:14px;color:#333;}
.loginBox .msg{margin-bottom:65px;line-height:140%;font-size:34px;font-weight:bold;letter-spacing:-0.7px;text-align:center;}
.loginBox .msg b{color:#2292e7;}
.loginBox .login,
.loginBox .idSave{margin-bottom:25px;padding:0 10px;}
.loginBox .login li{display:block;position:relative;padding-left:50px;}
.loginBox .login label{display:inline-block;position:absolute;left:0;top:0;width:45px;height:48px;text-indent:-9999px;}
.loginBox .login .loginId{margin-bottom:20px;}
.loginBox .login .loginId label{background:url(../images/sub/icon_userLogin1.png) left center no-repeat;}
.loginBox .login .loginPw label{background:url(../images/sub/icon_userLogin2.png) left center no-repeat;}
.loginBox .login input{width:100%;height:48px;line-height:48px;font-size:16px;border:none;border-bottom:1px solid #959595;box-sizing:border-box;}
.loginBox .btnLogin{display:block;margin-bottom:20px;height:54px;line-height:54px;font-size:16px;color:#fff;text-align:center;background:#2292e7;border-radius:5px;}
.loginBox .btnLogin:hover{background-color:#1e91ce;box-shadow:2px 2px 5px #eee;transition-duration:0.3s}
.loginBox .idSave,
.loginBox .loginIdFind{display:inline-block;padding:0 30px;height:40px;line-height:40px;background:#fff;border:1px solid #c9c9c9;border-radius:5px;box-sizing:border-box;}
.loginBox .etc{margin-bottom:20px;}
.loginBox .etc:after{display:block;content:'';clear:both;}
.loginBox .loginJoin{display:inline-block;padding:0 30px;height:40px;line-height:40px;background:#fff;border:1px solid #c9c9c9;border-radius:5px;box-sizing:border-box;}
.loginBox .loginJoin:hover{border-color:#333;box-shadow:2px 2px 5px #eee;transition-duration:0.3s}
.loginBox .info{margin-bottom:20px;font-size:14px;color:#757575;}
.loginBox .info b{color:#333;}
.loginSns{margin:-4px;}
.loginSns li{float:left;padding:4px;width:33.3333%;box-sizing:border-box;}
.loginSns li a{display:block;padding:18px 25px 18px 55px;height:55px;line-height:140%;font-size:14px;border-radius:5px;box-sizing:border-box;}
.loginSns li.item1 a{color:#06a04a;background:#fff url(../images/sub/icon_userLogin3.png) 25px center no-repeat;border:1px solid #03bf56;}
.loginSns li.item2 a{color:#391b1b;background:#fff url(../images/sub/icon_userLogin4.png) 25px center no-repeat;border:1px solid #7d6f6f;}
.loginSns li.item3 a{color:#b6372b;background:#fff url(../images/sub/icon_userLogin5.png) 25px center no-repeat;border:1px solid #a23126;}
.loginSns li a:hover{box-shadow:2px 2px 7px #eee;transition-duration:0.3s;}
.loginPwdWrap{border-top:2px solid #ccc;}
.loginPwdWrap .msg{padding:45px 0 10px;font-size:30px;color:#555;font-weight:bold;line-height:140%;}
.loginPwdWrap .msg b{color:#2292e7;}
.loginPwdWrap .txt{margin-bottom:40px;font-size:16px;color:#777;letter-spacing:-.5px;}
.loginPwdWrap .changePwd{margin-bottom:18px;font-size:22px;font-weight:bold;color:#666;letter-spacing:-1px;}
.loginPwdWrap > ul{border:1px solid #959595;}
.loginPwdWrap > ul li{display:block;position:relative;background:#f5f5f5;border-bottom:1px solid #dcdcdc;}
.loginPwdWrap > ul li:last-child{border-bottom:0px none;}
.loginPwdWrap > ul li:after{display:block;content:'';clear:both;}
.loginPwdWrap > ul li div{margin-left:20%;padding:30px 34px;background:#fff;}
.loginPwdWrap > ul li label,
.loginPwdWrap > ul li input{display:block;width:530px;box-sizing:border-box;}
.loginPwdWrap > ul li label{display:block;position:absolute;left:0;width:20%;padding-left:3%;font-size:16px;color:#666;font-weight:900;box-sizing:border-box;line-height:50px;}
.loginPwdWrap > ul li input{width:50%;height:50px;border:1px solid #686868;border-radius:6px;}
.loginPwdWrap > ul li input + label,
.loginPwdWrap > ul li input + label + input{margin-top:8px;}

.loginWrap.notiMsg{border-top:none;}
.loginWrap.notiMsg .loginBox{width:500px;text-align:center;}
.loginWrap.notiMsg .loginBox .msg{margin:30px 0;font-size:30px;}
.loginWrap.notiMsg .loginBox .msg2{margin:0 0 30px 0;font-size:18px;}

/* join */
.joinWrap h4{margin-bottom:15px;font-size:28px;color:#555;font-weight:bold;line-height:140%;letter-spacing:-0.5px;}
.joinWrap h4 b{color:#2292e7;}
.joinWrap h5{margin:0 0 15px;font-size:20px;color:#666;line-height:140%;letter-spacing:-0.5px;}
.joinWrap p{font-size:16px;color:#777;line-height:150%;}
.joinWrap .desc{font-size:14px;}
.joinWrap .desc .dot{display:inline-block;position:relative;margin-left:20px;padding-left:10px;}
.joinWrap .desc .dot:before{display:block;content:'';position:absolute;left:0;top:8px;width:3px;height:3px;border-radius:50%;background:#777;}
.joinWrap .txtRed{color:#ff2400;}
.joinWrap .allCheck{margin-bottom:60px;padding:20px 30px;font-size:16px;color:#444;font-weight:bold;background:#f8f8f8;}
.joinTop{padding:35px 0 50px;border-top:2px solid #ccc;}
.joinTop.type2{padding:60px 0 30px;text-align:center;}
.joinStepTop{margin-bottom:50px;}
.joinBox{margin:0 auto;width:640px;text-align:center;overflow:hidden;}
.joinBox ul:after{display:block;content:'';clear:both;}
.joinBox .joinType{margin:0 -15px 30px;}
.joinBox .joinType li{float:left;padding:0 15px;width:50%;box-sizing:border-box;}
.joinBox .joinType li a{display:block;position:relative;padding:215px 10px 20px;height:375px;line-height:150%;font-size:14px;color:#666;border:1px solid #959595;box-sizing:border-box;}
.joinBox .joinType li.item1 a{background:url(../images/sub/img_userJoin1.png) center 35px no-repeat;}
.joinBox .joinType li.item2 a{background:url(../images/sub/img_userJoin2.png) center 35px no-repeat;}
.joinBox .joinType li a b{display:block;margin-bottom:5px;font-size:20px;letter-spacing:-0.5px;}
.joinBox .joinType li a span{display:inline-block;margin-top:25px;padding:0 25px;height:40px;line-height:40px;font-size:15px;color:#fff;background:#214c8c;border-radius:20px;}
.joinBox .joinType li a:after{display:block;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border:0px solid #fff;}
.joinBox .joinType li a:hover:after{border:2px solid #148fd6;transition-duration:0.3s;}
.joinSns{margin:-4px;}
.joinSns li{float:left;padding:4px;width:33.3333%;box-sizing:border-box;}
.joinSns li a{display:block;padding:20px 25px 20px 55px;height:55px;line-height:140%;font-size:14px;color:#fff;border-radius:5px;box-sizing:border-box;}
.joinSns li.item1 a{background:#19a800 url(../images/sub/icon_userJoin1.png) 25px center no-repeat;}
.joinSns li.item2 a{color:#391b1b;background:#ffde00 url(../images/sub/icon_userJoin2.png) 25px center no-repeat;}
.joinSns li.item3 a{background:#b6372b url(../images/sub/icon_userJoin3.png) 25px center no-repeat;}
.joinSns li a:hover{box-shadow:2px 2px 5px #eee;transition-duration:0.3s;}
.joinSns li.item1 a:hover{background-color:#1cb502;}
.joinSns li.item2 a:hover{background-color:#f9dc1b;}
.joinSns li.item3 a:hover{background-color:#a22b20;}

.joinStep{margin: 70px 0 50px;padding:20px;background:#eee;border-top:2px solid #bfbfbf;border-bottom:1px solid #ddd;}
.joinStep:after{display:block;content:'';clear:both;}
.joinStep li{float:left;position:relative;padding:0 30px;width:25%;box-sizing:border-box;}
.joinStep li:before{display:block;content:'';position:absolute;left:0;top:0;bottom:0;margin-left:-5px;width:10px;background:url(../images/sub/icon_joinStep_arrow.png) left center no-repeat;}
.joinStep li.step1:before{display:none;}
.joinStep li span{display:table-cell;padding-left:105px;height:90px;line-height:140%;font-size:18px;color:#444;vertical-align:middle;}
.joinStep li.step1 span{background:url(../images/sub/icon_joinStep1.png) left center no-repeat;}
.joinStep li.step2 span{background:url(../images/sub/icon_joinStep2.png) left center no-repeat;}
.joinStep li.step3 span{background:url(../images/sub/icon_joinStep3.png) left center no-repeat;}
.joinStep li.step4 span{background:url(../images/sub/icon_joinStep4.png) left center no-repeat;}
.joinStep li.step1.on span{background:url(../images/sub/icon_joinStep1_on.png) left center no-repeat;}
.joinStep li.step2.on span{background:url(../images/sub/icon_joinStep2_on.png) left center no-repeat;}
.joinStep li.step3.on span{background:url(../images/sub/icon_joinStep3_on.png) left center no-repeat;}
.joinStep li.step4.on span{background:url(../images/sub/icon_joinStep4_on.png) left center no-repeat;}
.joinStep li span em{color:#757575;}
.joinStep li.on span,
.joinStep li.on span em{color:#1a8ae0;font-weight:bold;}

.joinCerti{overflow:hidden;}
.joinCerti > ul{margin:-10px;}
.joinCerti > ul:after{display:block;content:'';clear:both;}
.joinCerti > ul > li{display:block;float:left;padding:10px;width:25%;box-sizing:border-box;}
.joinCerti > ul > li > a{display:block;position:relative;padding:180px 10px 10px;height:320px;font-size:20px;color:#666;text-align:center;border:1px solid #aaa;box-sizing:border-box;}
.joinCerti > ul > li.item1 > a{background:url(../images/sub/icon_joinCerti1.png) center 35px no-repeat;}
.joinCerti > ul > li.item2 > a{background:url(../images/sub/icon_joinCerti2.png) center 35px no-repeat;}
.joinCerti > ul > li.item3 > a{background:url(../images/sub/icon_joinCerti3.png) center 35px no-repeat;}
.joinCerti > ul > li.item4 > a{background:url(../images/sub/icon_joinCerti4.png) center 35px no-repeat;}
.joinCerti > ul > li > a span{display:inline-block;margin-top:35px;padding:0 50px;height:40px;line-height:40px;font-size:16px;color:#fff;font-weight:bold;background:#214c8c;border-radius:20px;}
.joinCerti > ul > li > a:after{display:block;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border:0px solid #fff;}
.joinCerti > ul > li > a:hover:after{border:2px solid #148fd6;transition-duration:0.3s;}
.joinCerti.cols5 > ul > li{width:20%;}
.joinCerti > ul > li .box{display:block;position:relative;padding:35px 10px 10px;height:320px;font-size:20px;color:#666;text-align:center;border:1px solid #aaa;box-sizing:border-box;}
.joinCerti > ul > li .box .joinSns li{float:none;display:table;width:100%;}
.joinCerti > ul > li .box .joinSns li a{display:table-cell;padding:0px 10px 0px 40px;height:55px;vertical-align:middle;background-position:15px center !important;}
.joinCerti > ul > li .box .info{display:block;margin-top:15px;font-size:14px;line-height:140%;}
.joinCerti > ul > li .box .info b{font-size:15px;color:#000;}
.joinCerti > ul > li .box.noInfo{padding-top:65px;}

.agreeBox{margin-bottom:50px;border:1px solid #dcdcdc;}
.agreeBox textarea{padding:20px;width:100%;height:200px;border:none;}
.agreeBox .chk{margin:0;padding:10px 30px;font-size:15px;color:#444;font-weight:bold;background:#f8f8f8;border-top:1px solid #dcdcdc;}

.joinEnd{margin:140px 0;padding-top:160px;text-align:center;background:url(../images/sub/img_joinEnd.png) top center no-repeat;}
.joinEnd strong{color:#1850a4;text-decoration:underline;}
.joinEnd .btnArea{margin-top:50px;}

.idFindWrap{padding:50px 0;border-top:2px solid #ccc;overflow:hidden;}
.idFindWrap h4{margin:0 0 15px;font-size:20px;color:#666;line-height:140%;letter-spacing:-0.5px;}
.idFindTop{margin-bottom:70px;display:table;width:100%;min-height:102px;line-height:150%;}
.idFindTop p{display:table-cell;margin:0;font-size:16px;color:#444;text-align:center;vertical-align:middle;box-sizing:border-box;}
.idFindTop p span{display:inline-block;position:relative;padding-left:160px;text-align:left;}
.idFindTop p span:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-51px;width:117px;height:102px;background:url(../images/sub/icon_idFind.png) left center no-repeat;}
.idFind{margin:-15px 0;}
.idFind:after{display:block;content:'';clear:both;}
.idFind > div{float:left;padding:15px;width:50%;box-sizing:border-box;}
.idResult{}
.idResult .msg{padding:50px 15px;text-align:center;background:#f6f6f6;border:1px solid #959595;}
.idResult .msg p{display:inline-block;position:relative;padding-left:50px;font-size:16px;color:#444;line-height:150%;}
.idResult .msg p:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-16px;width:32px;height:32px;background:url(../images/sub/icon_idFindResult.png) left center no-repeat;}

/* greeting */
.greetingWrap{}
.greetingBox{padding:80px 80px 40px 0;text-align:right;letter-spacing:-0.5px;border-top:1px solid #214c8c;background:#f7f7f7 url(../images/sub/img_greeting.png) 10% bottom no-repeat;}
.greetingBox p{display:inline-block;margin-bottom:30px;line-height:150%;font-size:26px;color:#3954ac;text-align:left;}
.greetingBox span{display:block;color:#555;}
.greetingBox span b{font-family:serif;font-size:24px;color:#000;}
.greetingCon{padding:60px 90px;line-height:180%;}

/* vision */
.visionWrap{padding:50px 70px;background:#f7f7f7;border-top:1px solid #214c8c;}
.visionTop p{display:table-cell;padding-left:20px;width:65%;vertical-align:middle;letter-spacing:-0.5px;box-sizing:border-box;}
.visionTop p.title{width:35%;font-size:26px;color:#3954ac;line-height:160%;}
.visionCon{margin:100px 180px;text-align:center;overflow:hidden;}
.visionCon b{color:#fff;}
.visionCon .vision{display:block;position:relative;margin: 0 auto 70px;padding:20px;max-width:80%;font-size:19px;color:#fff;background:#1e9e9c;border-radius:30px;}
.visionCon .vision:before{display:block;content:'';position:absolute;bottom:-8px;left:50%;margin-left:-8px;width:17px;height:17px;background:#35bebc;border:2px solid #fff;border-radius:50%;box-sizing:border-box;}
.visionCon .vision b{margin-right:30px;}
.visionCon ul{margin:-5px;position:relative;}
.visionCon ul:before{display:block;content:'';position:absolute;top:-30px;left:16.6%;right:16.6%;height:1px;background:#bfbfbf;}
.visionCon ul:after{display:block;content:'';clear:both;}
.visionCon ul li{float:left;padding:5px;width:33.3333%;box-sizing:border-box;}
.visionCon ul li > span{display:block;position:relative;padding:175px 25px 20px;font-size:17px;color:#fff;line-height:120%;border-radius:30px;}
.visionCon ul li.item1 > span{background:#4587bf url(../images/sub/icon_vision1.png) center 25px no-repeat;}
.visionCon ul li.item2 > span{background:#169ac1 url(../images/sub/icon_vision2.png) center 25px no-repeat;}
.visionCon ul li.item3 > span{padding:175px 15px 20px;background:#0da269 url(../images/sub/icon_vision3.png) center 25px no-repeat;}
.visionCon ul li > span:before{display:block;content:'';position:absolute;top:-35px;left:50%;width:1px;height:37px;background:#bfbfbf;}
.visionCon ul li > span:after{display:block;content:'';position:absolute;top:-8px;left:50%;margin-left:-8px;width:17px;height:17px;border:2px solid #fff;border-radius:50%;box-sizing:border-box;}
.visionCon ul li.item2 > span:before{top:-62px;height:54px;}
.visionCon ul li.item1 > span:after{background:#5294cc;}
.visionCon ul li.item2 > span:after{background:#39bbe0;}
.visionCon ul li.item3 > span:after{background:#1cb479;}
.visionCon ul li > span b{display:table-cell;width:40px;vertical-align:middle; }
.visionCon ul li > span span{display:table-cell;padding-left:15px;text-align:left;vertical-align:middle;}

/* history */
.historyWrap{padding:70px 250px;background:#f7f7f7 url(../images/sub/img_history.png) center bottom no-repeat;border-top:1px solid #214c8c;}
.historyWrap ul{margin:-20px 0;}
.historyWrap ul li dl{position:relative;margin:20px 0;padding:12px 10px 12px 170px;letter-spacing:-0.5px;background:#fff;border:1px solid #bfbfbf;border-radius:30px;box-sizing:border-box;overflow:hidden;}
.historyWrap ul li dl:after{display:block;content:'';clear:both;}
.historyWrap ul li dt{position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;width:140px;line-height:50px;font-size:22px;color:#fff;text-align:center;border-radius:30px;}
.historyWrap ul li.set1 dt{background:#1ca970;}
.historyWrap ul li.set2 dt{background:#18a275;}
.historyWrap ul li.set3 dt{background:#1aa583;}
.historyWrap ul li.set4 dt{background:#1ca599;}
.historyWrap ul li.set5 dt{background:#169a9e;}
.historyWrap ul li.set6 dt{background:#19a1b9;}
.historyWrap ul li.set7 dt{background:#1397bf;}
.historyWrap ul li.set8 dt{background:#1695cc;}
.historyWrap ul li.set9 dt{background:#1494d6;}
.historyWrap ul li dd{position:relative;padding-left:70px;}
.historyWrap ul li dd b{position:absolute;left:0;color:#757575;}

/* chief history */
.chiefWrap > ul{margin:-15px;}
.chiefWrap > ul:after{display:block;content:'';clear:both;}
.chiefWrap > ul > li{float:left;padding:15px;width:50%;box-sizing:border-box;}
.chiefWrap > ul > li:nth-child(odd){clear:both;}
.chiefWrap > ul > li > div{position:relative;padding:40px 10px 40px 220px;min-height:217px;border:1px solid #dcdcdc;box-sizing:border-box;}
.chiefWrap > ul > li > div .img{position:absolute;left:10px;top:10px;width:183px;height:197px;}
.chiefWrap > ul > li > div .img img{width:100%;height:100%;}
.chiefWrap > ul > li > div em{color:#757575;}
.chiefWrap > ul > li > div strong{display:block;margin:10px 0 30px;font-size:28px;color:#555;}
.chiefWrap > ul > li > div ul li{position:relative;padding-left:10px;font-size:14px;}
.chiefWrap > ul > li > div ul li:before{display:block;content:'';position:absolute;left:0;top:10px;width:3px;height:3px;border-radius:50%;background:#444;}

/* organization */
.orgWrap{padding:30px 120px;text-align:center;}
.orgWrap .org1{position:relative;margin-bottom:60px;}
.orgWrap .org1:before{display:block;content:'';position:absolute;bottom:-28px;left:50.1%;width:1px;height:28px;background:#bfbfbf;}
.orgWrap .org1 a{display:inline-block;padding-top:35px;width:169px;height:178px;font-size:22px;font-weight:bold;color:#fff;background:url(../images/sub/icon_org1_1.png) center no-repeat;text-shadow:1px 1px 5px rgba(0,0,0,0.4);box-sizing:border-box;}
.orgWrap .org2 > ul{position:relative;margin:-10px;}
.orgWrap .org2 > ul:before{display:block;content:'';position:absolute;top:-22px;left:16.7%;right:16.5%;height:1px;background:#bfbfbf;}
.orgWrap .org2 > ul:after{display:block;content:'';clear:both;}
.orgWrap .org2 > ul > li{position:relative;padding:10px;float:left;width:33.33%;box-sizing:border-box;}
.orgWrap .org2 > ul > li:before{display:block;content:'';position:absolute;top:-22px;left:50.5%;margin-left:-1px;width:1px;height:30px;background:#bfbfbf;z-index:-1;}
.orgWrap .org2 > ul > li:after{display:block;content:'';position:absolute;top:0;left:50.5%;margin-left:-8px;width:17px;height:17px;background:#41bcdf;border:2px solid #fff;border-radius:50%;box-sizing:border-box;}
.orgWrap .org2 > ul > li > a{display:block;padding-top:40px;height:145px;font-size:20px;color:#fff;background-size:100%;border-radius:10px;text-shadow:1px 1px 5px rgba(0,0,0,0.6);overflow:hidden;box-sizing:border-box;}
.orgWrap .org2 > ul > li.set1 > a{background:url(../images/sub/icon_org2.png) center no-repeat;}
.orgWrap .org2 > ul > li.set2 > a{background:url(../images/sub/icon_org3.png) center no-repeat;}
.orgWrap .org2 > ul > li.set3 > a{background:url(../images/sub/icon_org5.png) center no-repeat;}
/*
.orgWrap .org2 > ul > li.set4 > a{background:url(https://www.civicedu.go.kr/html/images/sub/icon_org5.png) center no-repeat;}
*/
.orgWrap .org2 > ul > li > ul{position:relative;padding-top:15px; max-width:235px; margin:0 auto;}
.orgWrap .org2 > ul > li > ul:before{display:block;content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#bfbfbf;z-index:-1;}
.orgWrap .org2 > ul > li > ul > li{position:relative;margin:10px 0;height:50px;line-height:50px;background:#fff;border:1px solid #c9c9c9;border-radius:10px;box-sizing:border-box;}
.orgWrap .org2 > ul > li > ul > li.first{position:absolute;left:50%;margin-left:12px;width:225px;background:#e5e5e5;border:none;}
.orgWrap .org2 > ul > li > ul > li.first:before{display:block;content:'';position:absolute;top:50%;left:-12px;width:12px;height:1px;background:#bfbfbf;}
.orgWrap .org2 > ul > li > ul > li.second{margin-top:70px;}

@media (max-width: 640px){
	.orgWrap .org2 > ul > li.set3 { clear:both; float:left;}
}

.orgConWrap{margin-bottom:70px;}
.orgConWrap h4{margin-bottom:40px;padding-top:20px;font-size:28px;text-align:center;line-height:140%;}
.orgConWrap .telBox{margin-bottom:55px;background:#f7f7f7;border-top:1px solid #214c8c;}
.orgConWrap .telBox:after{display:block;content:'';clear:both;}
.orgConWrap .telBox li{float:left;width:50%;text-align:center;}
.orgConWrap .telBox li div{display:inline-block;position:relative;padding:0 10px 0 155px;min-height:150px;box-sizing:border-box;}
.orgConWrap .telBox li div b{position:absolute;left:0;top:0;padding-top:100px;width:109px;}
.orgConWrap .telBox li div span{display:table-cell;width:100%;height:150px;text-align:left;vertical-align:middle;}
.orgConWrap .telBox li.item1 div{background:url(../images/sub/icon_function1.png) left center no-repeat;}
.orgConWrap .telBox li.item2 div{background:url(../images/sub/icon_function2.png) left center no-repeat;}
.orgConWrap .workBox{position:relative;margin-bottom:55px;padding-left:300px;}
.orgConWrap .workBox:after{display:block;content:'';clear:both;}
.orgConWrap .workBox h5{display:inline-block;position:absolute;left:0;top:0;margin:0;padding:20px 10px;font-size:20px;}
.orgConWrap .workBox h5:before{display:inline-block;content:'';position:absolute;left:0;right:0;top:0;height:1px;border-top:1px solid #aaa;}
.orgConWrap .workBox ul{float:left;padding:0 10px;width:50%;box-sizing:border-box;}
.orgConWrap .workBox .profile{position:relative;padding-left:176px;min-height:239px;border:1px solid #dcdcdc;}
.orgConWrap .workBox .profile .img{position:absolute;left:0;top:0;width:176px;height:239px;}
.orgConWrap .workBox .profile dl{padding:40px 40px 0 40px;}
.orgConWrap .workBox .profile dl:after{display:block;content:'';clear:both;}
.orgConWrap .workBox .profile dt{float:left;margin-bottom:20px;width:100px;color:#757575;clear:both;}
.orgConWrap .workBox .profile dd{float:left;}
.orgConWrap .workBox .profile dd b{font-size:20px;color:#555;}
.orgConWrap .workBox .profile dd ul{padding:0;width:100%;}

/* facility */
.facilityWrap h4{color:#333;}
.facilityTop{position:relative;margin-bottom:55px;height:485px;}
.facilityTop .box{position:absolute;right:0;top:50%;margin-top:-165px;padding:40px;width:620px;background:#fff;border:1px solid #a0a0a0;box-sizing:border-box;}
.facilityTop .box p{margin-bottom:30px;letter-spacing:-0.5px;}
.facilityTop .box ul{padding:15px 25px;background:#f1f1f1;}
.facilityTop .box ul li{line-height:130%;}
.facilityList{overflow:hidden;}
.facilityList ul{margin:-15px;}
.facilityList ul:after{display:block;content:'';clear:both;}
.facilityList ul li{float:left;padding:15px;width:20%;box-sizing:border-box;}
.facilityList ul li div{padding:15px;border:1px solid #c9c9c9;box-sizing:border-box;}
.facilityList ul li div img{margin-bottom:15px;}
.facilityList ul li div em{display:inline-block;margin-right:7px;width:26px;height:26px;line-height:26px;text-align:center;color:#fff;background:#2292e7;border-radius:50%;}
.facilityList2{overflow:hidden;}
.facilityList2 ul{margin:-15px;}
.facilityList2 ul:after{display:block;content:'';clear:both;}
.facilityList2 ul li{float:left;padding:15px;width:25%;box-sizing:border-box;}
.facilityList2 ul li div{padding:15px;border:1px solid #c9c9c9;box-sizing:border-box;}
.facilityList2 ul li div img{margin-bottom:15px;}
.facilityList2 ul li div em{display:inline-block;margin-right:7px;width:26px;height:26px;line-height:26px;text-align:center;color:#fff;background:#2292e7;border-radius:50%;}
.facilityList3{overflow:hidden; margin-bottom:30px;}
.facilityList3 ul{display:flex; gap:30px; flex-wrap:wrap;}
.facilityList3 ul li{flex:1; box-sizing:border-box;}
.facilityList3 ul li div{padding:15px;border:1px solid #c9c9c9;box-sizing:border-box;}
.facilityList3 ul li div img{margin-bottom:15px;}
.facilityList3 ul li div em{display:inline-block;margin-right:7px;width:26px;height:26px;line-height:26px;text-align:center;color:#fff;background:#2292e7;border-radius:50%;}
.facilityList4 ul{display:flex; gap:30px; flex-wrap:wrap;}
.facilityList4 ul li{flex:1 1 20%; max-width:calc(25% - 22.5px); box-sizing:border-box;}
.facilityList4 ul li div{padding:15px;border:1px solid #c9c9c9;box-sizing:border-box;}
.facilityList4 ul li div img{margin-bottom:15px;}
.facilityList4 ul li div em{display:inline-block;margin-right:7px;width:26px;height:26px;line-height:26px;text-align:center;color:#fff;background:#2292e7;border-radius:50%;}

/* facility newnewnew */
.map-img {position: relative; text-align: center; margin: 4rem auto; max-width: 772px; max-height: 527px;}
.spot-point {position: absolute;width: 24px;height: 24px;cursor: pointer;border: 1px solid red;}
.spot-point.spot01 {left:23%; top:72%;}
.spot-point.spot02 {left:54%; top:60%;}
.spot-point.spot03 {left:83%; top:60%;}
.spot-point.spot04 {left:20%; top:60%;}
.spot-point.spot05 {left:30%; top:42%;}
.spot-point.spot06 {left:97%; top:60%;}
.spot-point.spot07 {left:13%; top:50%;}
.pop-img {position:absolute; visibility:hidden; top: 30%; left: 20%; padding: 5px; background: #fff; border: 1px solid #333; box-shadow: 0 0 7px rgba(0,0,0,.3); }
.pop-img img {width: 400px; object-fit:cover;}


/* location */
.locationWrap{}
.locationWrap > .innerMap{margin-bottom:50px;}
.locationWrap > .innerMap .wrap_controllers{display:none;}
.locationWrap > .innerMap .wrap_map{height:580px;}
.locationWrap > .innerMap > .root_daum_roughmap{width:100%;border:0px;padding:0px;}
.locationWrap .address{margin:0;padding:35px 30px;background:#f0f0f0;}
.locationWrap .address span{display:inline-block;margin-right:20px;position:relative;padding-left:13px;font-size:18px;color:#000;}
.locationWrap .address span:before{display:block;content:'';position:absolute;left:0;top:9px;width:3px;height:3px;background:#333;border-radius:3px;}
.locationCon:after{display:block;content:'';clear:both;}
.locationCon.row1{margin-bottom:50px;border-bottom:1px solid #e7e7e7;}
.locationCon h4{margin-bottom:30px;font-size:20px;}
.locationCon > div{display:table;float:left;margin-bottom:50px;padding:5px 10px 5px 120px;min-height:100px;box-sizing:border-box;}
.locationCon > div.set1{background:url(../images/sub/icon_tel1.png) left center no-repeat;}
.locationCon > div.set2{background:url(../images/sub/icon_tel2.png) left center no-repeat;}
.locationCon > div.set3{background:url(../images/sub/icon_tel3.png) left center no-repeat;}
.locationCon > div.set4{background:url(../images/sub/icon_way1.png) left center no-repeat;}
.locationCon > div.set5{background:url(../images/sub/icon_way2.png) left center no-repeat;}
.locationCon > div.set6{background:url(../images/sub/icon_way3.png) left center no-repeat;}
.locationCon > div > div{display:table-cell;vertical-align:middle;}
.locationCon > div b{display:block;margin-bottom:10px;font-size:18px;}
/* .locationCon > div ul li{padding:0;} */

/* festival */
.grayBox{margin-bottom:20px;padding:25px 30px;background:#f8f8f8;}
.grayBox a{display:inline-block;margin:2px;padding:5px 15px;background:#fff;border:1px solid #d8d8d8;border-radius:5px;box-sizing:border-box;}
.grayBox a:hover,
.grayBox a.active{color:#f35d0a;font-weight:bold;border:1px solid #f35d0a;}

/* event */
.sympoWrap{}
.sympoCon{display:none;}
.sympoCon h4{margin:40px 0 50px;font-size:28px;color:#214c8c;text-align:center;line-height:140%;}
.sympoCon .top{margin-bottom:30px;padding:15px;background:#f2f2f2;text-align:center;}
.sympoCon .top li{display:inline-block;padding:0 60px;}
.sympoCon .top li span{display:inline-block;position:relative;padding-left:10px;text-align:left;}
.sympoCon .top li span:before{display:block;content:'';position:absolute;left:0;top:10px;width:3px;height:3px;background:#666;border-radius:50%;}
.sympoCon table.info td a.down{position:relative;font-weight:bold;text-decoration:underline;}
.sympoCon table.info td a.down:after{display:inline-block;content:'';width:30px;height:20px;background:url(../images/sub/icon_down.png) center 3px no-repeat;}
.sympoCon table.info td a.down:hover{color:#214c8c;}
.sympoCon.active{display:block;}

/* sitemap */
.sitemap ul:after{display:block;content:'';clear:both;}
.sitemap > ul > li{float:left;padding:0 10px 10px;width:20%;box-sizing:border-box;}
.sitemap > ul > li > a{display:block;height:52px;background:#2292e7;line-height:52px;font-size:16px;color:#fff;font-weight:bold;text-align:center;}
.sitemap > ul > li > ul li{padding:15px 0;border-bottom:1px solid #dedede;font-size:15px;text-align:center;line-height:140%;}

/* popup privacy */
.privacyCont{margin-top:30px;}
.privacyCont dl dt{margin-bottom:10px;font-size:16px;color:#111;font-weight:bold;line-height:150%;}
.privacyCont dl dd{margin-bottom:20px;padding-left:20px;font-size:14px;color:#333;line-height:150%;}
.privacyCont dl dd .tableBox{margin-top:20px;}

/* contribution */
.boardDownList{}
.boardDownList{padding:30px 0 40px;border-top:2px solid #888;border-bottom:2px solid #e5e5e5;overflow:hidden;}
.boardDownList > ul{display:block;margin:-7px;}
.boardDownList > ul:after{display:block;content:'';clear:both;}
.boardDownList > ul > li{display:block;float:left;padding:7px;width:25%;box-sizing:border-box;}
.boardDownList > ul > li.empty{float:none;padding:50px 0;width:100%;text-align:center;clear:both;}
.boardDownList > ul > li > div{display:block;position:relative;padding:20px 30px;height:350px;border:1px solid #e5e5e5;box-sizing:border-box;}
.boardDownList > ul > li .num{display:block;position:relative;margin-bottom:18px;font-size:14px;color:#757575;line-height:28px;}
.boardDownList > ul > li .cate{display:inline-block;position:absolute;right:0;top:0;padding:2px 10px;color:#2292e7;line-height:140%;border:1px solid #2292e7;}
.boardDownList > ul > li .title{display:block;display:-webkit-box;margin-bottom:50px;font-size:25px;color:#333;letter-spacing:-0.5px;height:4.5em;line-height:1.5em;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.boardDownList > ul > li .date{display:block;position:relative;margin-bottom:20px;padding-right:70px;font-size:14px;color:#757575;line-height:120%;}
.boardDownList > ul > li .date .writer{position:absolute;right:0;top:0;max-width:70px;color:#333;}
.boardDownList > ul > li .down{display:block;height:48px;background:#2292e7;text-align:center;}
.boardDownList > ul > li .down span{display:inline-block;padding-right:30px;line-height:48px;font-size:16px;color:#fff;font-weight:bold;background:url(../images/sub/icon_boardDown.png) right center no-repeat;}
.boardDownList > ul > li .down:hover{background:#1e91ce;transition-duration:0.3s;}

.myStepWrap{margin-bottom:20px;}
.myStepWrap ul:after{display:block;content:'';clear:both;}
.myStepWrap ul li{position:relative;float:left;padding:30px 10px;width:33.3333%;text-align:center;box-sizing:border-box;}
.myStepWrap ul li.step1{background:#9cc0d2;}
.myStepWrap ul li.step2{background:#819eac;}
.myStepWrap ul li.step3{background:#586e87;}
.myStepWrap ul li:before{display:block;content:'';position:absolute;top:0;bottom:0;left:0;margin-left:-18px;width:36px;background:url(../images/sub/bg_myStepArrow.png) center no-repeat;}
.myStepWrap ul li.step1:before{display:none;}
.myStepWrap ul li span{display:inline-block;padding-left:70px;line-height:50px;font-size:20px;color:#fff;}
.myStepWrap ul li.step1 span{background:url(../images/sub/icon_myStep1.png) left center no-repeat;}
.myStepWrap ul li.step2 span{background:url(../images/sub/icon_myStep2.png) left center no-repeat;}
.myStepWrap ul li.step3 span{background:url(../images/sub/icon_myStep3.png) left center no-repeat;}
.myStepWrap ul li span em{display:inline-block;margin-left:15px;padding:0 5px;min-width:26px;height:26px;line-height:26px;font-size:14px;color:#fff;background:#f06e0e;border-radius:50%;box-sizing:border-box;}
.myStepWrap ul li span br{display:none;}

.festivalIntroWrap{padding:110px 50px 140px 540px;background:#f7f7f7 url(/html/images/sub/img_festivalIntro.png) 90px center no-repeat;}
.festivalIntroWrap strong{display:block;position:relative;margin-bottom:30px;padding-bottom:20px;font-size:27px;color:#3954ac;font-weight:400;line-height:150%;letter-spacing:-1px;}
.festivalIntroWrap strong:after{display:inline-block;content:'';position:absolute;left:0;bottom:0;width:75px;height:2px;background:#3954ac;}
.festivalIntroWrap p{font-size:17px;color:#222;line-height:180%;letter-spacing:-0.5px;}
.festivalHistoryWrap h4{margin-bottom:25px;font-size:30px;color:#3954ac;font-weight:400;line-height:130%;text-align:center;letter-spacing:-1px;}
.festivalHistory{margin:15px 10% 80px;}
.festivalHistory ul li{position:relative;padding:15px 0 15px 155px;}
.festivalHistory ul li em{display:inline-block;position:absolute;left:0;top:0;padding-top:37px;width:122px;height:73px;font-size:24px;color:#fff;text-align:center;box-sizing:border-box;}
.festivalHistory ul li em:before{display:inline-block;content:'';position:absolute;left:0;top:-10px;width:122px;height:122px;background-color:rgba(82,148,204,0.8);border-radius:50%;z-index:-1;}
.festivalHistory ul li.set2 em:before{background-color:rgba(57,187,224,0.8);}
.festivalHistory ul li.set3 em:before{background-color:rgba(28,180,121,0.8);}
.festivalHistory ul li em:after{display:inline-block;content:'';position:absolute;right:-8px;top:50%;margin-top:7px;width:11px;height:11px;background-color:#5294cc;border-radius:50%;border:2px solid #fff;}
.festivalHistory ul li.set2 em:after{background-color:#39bbe0;}
.festivalHistory ul li.set3 em:after{background-color:#1cb479;}
.festivalHistory ul li span{display:block;position:relative;padding:25px 10px 25px 19%;font-size:17px;color:#222;text-align:left;background-color:#e7f0f8;border-radius:40px;}
.festivalHistory ul li.set2 span{background-color:#e1f5fb;}
.festivalHistory ul li.set3 span{background-color:#d8f6ea;}
.festivalHistory ul li span:before{display:inline-block;content:'';position:absolute;left:-30px;top:50%;margin-top:-1px;width:30px;height:1px;background-color:#bfbfbf;z-index:-1;}
.festivalHistory ul li span:after{display:inline-block;content:'';position:absolute;left:-8px;top:50%;margin-top:-8px;width:11px;height:11px;background-color:#5294cc;border-radius:50%;border:2px solid #fff;}
.festivalHistory ul li.set2 span:after{background-color:#39bbe0;}
.festivalHistory ul li.set3 span:after{background-color:#1cb479;}
.tableBox.festivalType{position:relative;}
.tableBox.festivalType:after{display:block;content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:#fff;}
.tableBox.festivalType:before{display:block;content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#afafaf;}
.tableBox.festivalType .list th{border-right:1px solid #c2c2c2;}
.tableBox.festivalType .list td{padding:10px 5px;border-right:1px solid #e6e6e6;}
.festivalTableTitle .monthSelect{text-align:left;}
.festivalTableTitle .boardTotal{text-align:right;}

.tabBar.fontBig li a{font-size:20px;}

/* year plan*/
.eduCategory{display:flex; padding-bottom:20px; box-sizing:border-box; margin-bottom:30px; border-bottom: 1px solid #214c8c;}
.eduCategory .year{margin-right:30px; flex-shrink: 0; display:flex; align-items: center;}
.eduCategory .year select{width:100px; height: 40px; border-radius:5px; font-size:16px;}
.eduCategory .year .btn{height: 40px; line-height: 40px; padding: 0 10px; flex-shrink: 0; margin-left:5px;}
.eduCategory .month{display:flex; flex:1; border-radius:5px; }
.eduCategory .month li{margin:0 2px; flex:1;}
.eduCategory .month a{display:flex; align-items: center; padding:0 10px; border-radius:5px; height:40px; text-align:center; justify-content: center; background-color:#f9f9f9;}
.eduCategory .month a:hover{background-color:#2292e7;color:#fff;}
.eduCategory .month a.active{background-color:#2292e7;color:#fff; font-weight:bold;}

.tableBox.eduList .list td{padding:20px 5px;}
.tableBox.eduList .list td.edu-title{font-weight:600; color:#333;}
.tableBox.eduList .list td.edu-title a{color:#333;}
.tableBox.eduList .edu-period{display:inline-flex; align-items: center; margin:2px auto; }
.tableBox.eduList .edu-period .lb{display:inline-flex; margin-right:8px; border-radius:5px;}
.tableBox.eduList .edu-period .data{color:#333; }

.contestCon{display:none;}
.contestCon.active{display:block;}


@media (max-width: 1024px){
	.eduCategory .year{margin-right:20px;}
	.eduCategory .month a{font-size:14px; padding:0 5px;}
}
@media (max-width: 767px){
	.eduCategory{flex-wrap:wrap; border:none; padding-bottom:0;}
	.eduCategory .year{margin:0 0 10px 0; width:100%;}
	.eduCategory .year select{width:100%;}
	.eduCategory .month{flex-wrap:wrap; width:100%; margin:-2px;}
	.eduCategory .month li{flex:1 1 calc(100% / 6 - 4px); margin:2px;}
	.eduCategory .month li:first-child{flex:1 1 100%;}

	.tableBox .m-list{display:block; border-top:2px solid #d7d7d7 !important;}
	.tableBox .m-list colgroup,
	.tableBox .m-list thead{display:none;}
	.tableBox .m-list tbody{display:block;}
	.tableBox .m-list tr{display:block; padding:15px 10px; border-bottom: 1px #e5e5e5 solid; width:100%;}
	.tableBox .m-list td{display:block; padding:2px 0 !important; border:none; width:100%; text-align:left;}
	.tableBox.eduList .edu-period{margin-right:10px;}
	.tableBox.eduList .list td.no{display:none;}
	.tableBox.eduList .list td.edu-title{font-size:16px; margin-bottom:5px;}
}

/* 연수신청 */
.app-form h4{color:#333;}
.app-form .tableBox.formType{border:none; border-bottom:1px solid #ccc; border-top: 1px solid #005B57;}

.app-form .tableBox table.form th{font-family: 'Pretendard GOV'; background-color:#E5F3F3; color:#005B57;}

@media all and (min-width:1024px){
	.app-form .tableBox table.form th,
	.app-form .tableBox table.form td { padding: 6px 35px; height: 64px; box-sizing:border-box;}
	.app-form .tableBox table.form tbody tr:first-child th,
	.app-form .tableBox table.form tbody tr:first-child td {padding-top:24px}
	.app-form .tableBox table.form tbody tr:last-child th,
	.app-form .tableBox table.form tbody tr:last-child td {padding-bottom:24px}
}
@media all and (max-width:1024px){
	.app-form .tableBox table.form th{background:none;}
}

.input-email{display:flex; align-items:center; gap:8px;}
.input-email .email-id{width:25%;}
.input-email .email-domain{width:25%;}
.input-email .email-domain-list{width:25%;}

.input-tel{display:flex; align-items:center; gap:8px;}
.input-tel input,
.input-tel select{width:100px;}

.input-birth{display:flex; align-items:center; gap:8px;}
.input-birth > span{width:100px;display:flex; align-items:center; gap:4px;}
.input-birth input,
.input-birth select{width:100%;}

.input-address .addr1 input,
.input-address .addr2 input{width:100%;}

.check-group{display:flex; align-items: center; gap:20px;}
.check-group > label{padding:4px;}

.btn_round.large{width:300px; max-width:100%; font-size:22px;}
.btn_round.app{border-color:#005B57; background-color:#005B57; color:#fff;}

.app-result-box{border:1px solid #959595; padding:60px 20px; text-align:center; font-size:20px; min-height:160px; display:flex; align-items: center; justify-content: center;}
.app-result-box .box-inner{text-align:center;}
.app-result-box .name{font-size:24px; color:#2292e7;}
.app-result-box .program{font-size:24px; color:#2292e7;}

input.input-text{height:50px; border:1px solid #686868; background-color:#fff; border-radius:5px;}
.app-pw-form{margin-top:40px;}
.app-pw-form label{font-size:16px; margin-right:8px;}
.app-pw-form input{width:200px;}

.form-upload{display:flex; align-items: center; gap:4px;}

.input-guide{margin-top:5px;}
.input-guide.before{margin-top:0; margin-bottom:10px;}


/* 로딩 */
.loadingWrap {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading-message {
	width: 200px;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	font-size: 18px;
	padding: 20px;
	font-size: 14px;
	color: #888;
}

.loading-message strong {
	font-weight: 600;
	font-size: 24px;
	color: #222;
}


@media all and (max-width:640px){
	.input-email{flex-wrap:wrap; gap:8px;}
	.input-email .email-id{flex:1 0 40%;}
	.input-email .email-domain{flex:1 0 40%;}
	.input-email .email-domain-list{width:100% !important;}

	.input-tel input,
	.input-tel select{width:30% !important;}

	.input-birth > span{width:30%;}

	.m-w100{width:100% !important;}
}

.topIconBox {
	position: relative;
	margin-bottom: 40px;
	padding: 24px 40px;
	min-height: 146px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	border-bottom-left-radius: 80px;
	display:flex;
	align-items:center;
}
.topIconBox:before{
	display: block;
	content:'';
	width:146px;
	height:146px;
	background:url(/html/images/sub/icon_topIconBox_inquery.jpg) 0 0 / cover no-repeat;
	margin-right:40px;
	flex-shrink:0;
}
.topIconBox .title {display: block;margin-bottom: 8px;font-size: 24px;font-weight: 600;}
.topIconBox p{font-size: 18px;color: #555;line-height: 165%;}

@media all and (max-width:768px){
	.topIconBox{padding:20px 24px; margin-bottom:20px; min-height:120px; border-bottom-left-radius: 60px;}
	.topIconBox:before{width:100px;height:100px; margin-right:20px;}
	.topIconBox .title {font-size: 16px; line-height: 1.5; margin:0;}
	.topIconBox p{font-size: 14px; line-height: 1.2;}
}

/* 시설안내 */
.fac-photo-map{position:relative; margin-bottom:40px;}
.fac-photo-map .photo-wrap{overflow:hidden; border-radius:32px; padding:28px; border:2px solid #e5f1ff;}
.fac-photo-map .photo-wrap img{overflow:hidden; border-radius:30px;}
.fac-photo-map .pointer{position:absolute;left:0;top:0;width:100%;height:100%;}
.fac-photo-map .pointer > div{position:absolute;}
.fac-photo-map .pointer .num{display:block;width:31px;height:44px;background-position:center; background-repeat:no-repeat;overflow:hidden; text-align:left; text-indent:-9999px; background-size:contain; transition:all 0.5s;}
.fac-photo-map .pointer .photo{position:absolute;top:-120px; overflow:hidden; border:1px solid #c9c9c9; background-color:#fff; padding:12px; border-radius:20px; display:none;}
.fac-photo-map .pointer .photo img{width:400px;max-width:unset; max-width:40vw; border-radius:18px;}
.fac-photo-map .pointer .photo .caption{position:absolute;left:11px;bottom:11px; padding:8px 16px; background-color:rgba(0,0,0,0.6); color:#fff; font-weight:bold; border-radius:0 18px 0 18px; font-size:16px;}
.fac-photo-map .pointer1 .num{background-image:url(/html/images/sub/fac_pointer1.png);}
.fac-photo-map .pointer2 .num{background-image:url(/html/images/sub/fac_pointer2.png);}
.fac-photo-map .pointer3 .num{background-image:url(/html/images/sub/fac_pointer3.png);}
.fac-photo-map .pointer4 .num{background-image:url(/html/images/sub/fac_pointer4.png);}
.fac-photo-map .pointer5 .num{background-image:url(/html/images/sub/fac_pointer5.png);}
.fac-photo-map .pointer6 .num{background-image:url(/html/images/sub/fac_pointer6.png);}
.fac-photo-map .pointer7 .num{background-image:url(/html/images/sub/fac_pointer7.png);}
.fac-photo-map .pointer > div.left .photo{left:calc(100% + 4px);}
.fac-photo-map .pointer > div.right .photo{right:calc(100% + 4px);}

.fac-photo-map .pointer1{left:56.2%;top:61.5%;}
.fac-photo-map .pointer2{left:61.3%;top:42.8%;}
.fac-photo-map .pointer3{left:75.8%;top:38.7%;}
.fac-photo-map .pointer4{left:44.3%;top:54%;}
.fac-photo-map .pointer5{left:83.7%;top:38.5%;}
.fac-photo-map .pointer6{left:17.6%;top:46.3%;}
.fac-photo-map .pointer7{left:16%;top:22.5%;}

.fac-photo-map .pointer1 .photo img,
.fac-photo-map .pointer2 .photo img,
.fac-photo-map .pointer3 .photo img{width:600px;}
.fac-photo-map .pointer1 .photo{top:-240px;}
.fac-photo-map .pointer2 .photo{top:-200px;}
.fac-photo-map .pointer3 .photo{top:-160px;}
.fac-photo-map .pointer5 .photo{top:-80px;}

@media all and (min-width:761px){
	.fac-photo-map .pointer > div:hover .photo{display:block;z-index:10; animation: photoAni 0.5s forwards;}
	.fac-photo-map .pointer .num:hover{animation: pointerAni 1s infinite;}
}
@keyframes photoAni{
	0% {transform:translateY(-10px); opacity:0;}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes pointerAni{
	0% {transform:translateY(0);}
	50% {transform:translateY(-3px);}
	100% {transform:translateY(0);}
}

@media all and (max-width:760px){
	.facilityList3{margin-bottom:10px;}
	.facilityList3 ul{gap:10px;}
	.facilityList3 ul li:first-child{flex:1 1 90%;}
	.facilityList3 ul li{flex:1 1 45%;}
	.facilityList3 ul li div{padding:10px;}

	.facilityList4 ul{gap:10px;}
	.facilityList4 ul li{flex:1 1 45%; max-width:calc(50% - 5px);}
	.facilityList4 ul li div{padding:10px;}
}
@media all and (max-width:640px){
	.fac-photo-map .photo-wrap{overflow:hidden; border-radius:20px 20px 20px 60px;}
	.fac-photo-map .pointer .num{width:20px;height:auto;aspect-ratio: 31/44;}

}
@media all and (max-width:430px){
	.fac-photo-map .pointer{display:none;}
}