@charset "utf-8";

@import url(content01.css?ver=20241101);
@import url(content02.css?ver=20241101);
@import url(content03.css?ver=20241101);
@import url(content04.css?ver=20241101);
@import url(content05.css?ver=20241101);
@import url(content06.css?ver=20241101);
@import url(content07.css?ver=20241101);
@import url(vote.css);

/*******************************************************

	Contents CSS Document
	IEETU Web Standardization Team

*******************************************************/

body.open_scroll {overflow:hidden;}

.pagination + .button_wrap {padding-top:20px;}
.state_btn {display:inline-block; margin:2px 0; width:80px; height:22px; line-height:22px; color:#fff !important; background:#444; border-radius:30px; text-align:center; font-size:14px; }
.state_btn.blue {background:#004bb8;}
.state_btn.sky {background:#00a0b8;}
.state_btn.red {background:#ee2e2e;}
.state_btn.gray {background:#888888;}
.t_class {display:inline-block;padding:0 8px; height:22px; line-height:20px; color:#004bb8; border:1px solid #004bb8; border-radius:40px; font-size:14px; margin-right:6px;}
.s_tit {font-size:1.1em; margin-right:6px; }

/* 스프라이트 이미지 */
.sp_com2{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(../images/common/sp_com2.png) no-repeat 0 0; background-size:200px 200px;}

/*서브타이틀*/
.subTitle {display: table; width:100%; height:220px; background:#cfd4d6 url(../images/content/subTitle_bg3.jpg) no-repeat center; background-size:79%;}
.subTitle p {display: table-cell; vertical-align: middle; font-size:1.375rem; font-weight:normal; text-align:center; color:#222; letter-spacing:-0.03rem; word-break:keep-all;}
.subTitle .fc04 {position:relative; margin:0 10px; font-size:1.75rem; font-weight:600; color:#222;}
.subTitle .fc04:before {display:inline-block; position:absolute; top:-5px; left:-7px; width:10px; height:10px; content:'';  background:url(../images/content/newTech_ico_kiho.png) no-repeat left top;}
.subTitle .fc04:after {display:inline-block; position:absolute; bottom:-5px; right:-10px; width:10px; height:10px; content:''; background:url(../images/content/newTech_ico_kiho.png) no-repeat right bottom;}

/*리스트*/
.img_conLst {overflow:hidden; border-top:1px solid #ddd;}
.img_conLst .left {float:left; width:18%; padding-top:30px;}
.img_conLst .right {float:right; width:82%; margin-top:20px;}
.img_conLst .circle_img {display:inline-block; width:200px; height:200px; text-align:center; border-radius:50%; text-indent:-9999rem;}
.img_conLst .circle_img.ico_01 {background:#f6f6f8 url(../images/content/newtech_circle_ico01.png) no-repeat center; background-size:70px 70px;}
.img_conLst .circle_img.ico_02{background:#f6f6f8 url(../images/content/newtech_circle_ico02.png) no-repeat center; background-size:70px 70px;}
.img_conLst .circle_img.ico_03 {background:#f6f6f8 url(../images/content/newtech_circle_ico03.png) no-repeat center; background-size:70px 70px;}
.img_conLst .circle_img.ico_04 {background:#f6f6f8 url(../images/content/newtech_circle_ico04.png) no-repeat center; background-size:70px 70px;}
.img_conLst .circle_img.ico_05 {background:#f6f6f8 url(../images/content/newtech_circle_ico05.png) no-repeat center; background-size:70px 70px;}
.img_conLst .circle_img.ico_06 {background:#f6f6f8 url(../images/content/newtech_circle_ico06.png) no-repeat center; background-size:70px 70px;}
.img_conLst .circle_img.ico_07 {background:#f6f6f8 url(../images/content/newtech_circle_ico07.png) no-repeat center; background-size:70px 70px;}
.img_conLst .circle_img.ico_08 {background:#f6f6f8 url(../images/content/newtech_circle_ico08.png) no-repeat center; background-size:70px 70px;}

.img_conLst2 {overflow:hidden;border:1px solid #ddd;}
.img_conLst2 .left {float:left; width:48.5%;}
.img_conLst2 .right {float:right; width:51.5%; }

.conTit3 + .img_conLst + .right {margin-top:10px;}
.img_conLst3 {overflow:hidden;}
.img_conLst3 .lst {float:left; width:580px; margin-right:40px;}
.img_conLst3 .lst .higher {height:280px;}

.img_conLst3 .lst:nth-child(2n+1) {clear:left;}
.img_conLst3 .lst:nth-child(2n) {margin-right:0;}

.img_conLst4 {overflow:hidden; border:1px solid #ddd;}
.img_conLst4 .lst  {width:48%; float:left;}
.img_conLst4 .lst + .lst {margin-left:40px; background:url(../images/content/dott_img.jpg) no-repeat 0 30px;}

.conTab {overflow:hidden; width:100%; margin-top:50px;}
.conTab ul li {float:left; width:50%; border:1px solid #ddd;}
.conTab ul li + li {border-left:0;}
.conTab ul li a {display:inline-block; width:100%; height:54px; line-height:53px; text-align:center; font-weight:bold; color:#777; font-size:1.125rem;}
.conTab ul li a.on {color:#fff; background:url(../images/content/conTab_bg.gif) repeat;}

/* 로그인 */
.cont_login .cont_find_idpw{margin-bottom:30px;}
.cont_login .wrap_login .login_tit{text-align:center;}
.cont_login .wrap_login .login_tit .txt01{display:block; font-size:32px; font-family:'s-core_dream'; font-weight:500; line-height:1.4; margin:0 0 15px;}
.cont_login .wrap_login .box_login{margin:30px 0 0 0;}
.cont_login .wrap_login .login_lr{display:flex; justify-content: space-between; max-width:560px; margin:0 auto;}
.cont_login .wrap_login .login_l{width:calc(74% - 15px);}
.cont_login .wrap_login .login_r{width:26%;}
.cont_login .wrap_login .box_login .inp_area{position:relative; height:66px; padding:10px; padding-left:60px; border:1px solid #999; font-size:17px;}
.cont_login .wrap_login .box_login .inp_id{background:#fff url(../images/content/ico_login_id.png) no-repeat 20px 50%; margin-bottom:15px;}
.cont_login .wrap_login .box_login .inp_pw{background:#fff url(../images/content/ico_login_pw.png) no-repeat 20px 50%;}
.cont_login .wrap_login .box_login .inp_area label{position:absolute; top:50%; left:60px; transform:translateY(-50%);}
.cont_login .wrap_login .box_login .inp_area.on label{opacity:0;}
.cont_login .wrap_login .box_login .inp_area input{width:100%; height:100%; padding:0; border:0; font-size:17px; outline:none;}
.cont_login .wrap_login .box_login .btn_login{width:100%; height:100%; padding:25px 10px; border:0; border-radius:5px; background:#004098; font-size:24px; color:#fff; font-weight:700;}
.cont_login .wrap_login .box_login .txt_caution{display:flex; align-items:center; justify-content:center; margin:65px 0 0 30px;}
.cont_login .wrap_login .box_login .txt_caution:before{content:''; flex:0 0 auto; width:39px; height:39px; margin:0 10px 0 0; background:url(../images/content/ico_login_coation.png) no-repeat 0 0;}
.cont_login .wrap_login .sns_login_wrap{border:1px solid #caced2; padding:35px 50px 0; margin:0 0 20px 0; border-radius:10px;}
.cont_login .wrap_login .sns_login_wrap .details{display:flex; align-items:center; border-top:1px dashed #ccc; padding:25px 0;}
.cont_login .wrap_login .sns_login_wrap .details p{margin:0; width:calc(100% - 170px); font-size:15px; padding:0 20px 0 0;}
.cont_login .wrap_login .sns_login_wrap .details p span{font-weight:700;}
.cont_login .wrap_login .sns_login_wrap .details p .t_normal{font-weight:400;}
.cont_login .wrap_login .sns_login_wrap .details p .arrow{display:inline-flex; align-items:center;}
.cont_login .wrap_login .sns_login_wrap .details p .arrow:after{content:""; display:inline-block; width:13px; height:14px; margin:2px 0 0 6px; background:url(../images/content/ico_login_arrow.png);}
.cont_login .wrap_login .sns_login_wrap .details .button{width:170px; height:44px; line-height:42px; font-size:16px;}
.cont_login .wrap_login .box_sns_login{max-width:610px; margin:10px auto 30px; padding:0 60px;}
.cont_login .wrap_login .box_sns_login .title{margin-bottom:10px; padding:0 0 5px; border-bottom:2px solid #333; font-size:24px; text-align:center; font-weight:500;}
.cont_login .wrap_login .box_sns_login .login_ul{display:flex;}
.cont_login .wrap_login .box_sns_login .login_ul li{width:50%;}
.cont_login .wrap_login .box_sns_login .login_ul li a{display:flex; align-items:center; font-size:16px; margin:0;}
.cont_login .wrap_login .box_sns_login .login_ul li a span{margin-left:5px;}

.cont_login .area_guide{display:flex; justify-content:space-between; margin:20px 0 45px 0;}
.cont_login .area_guide li{width:calc(50% - 10px); border:1px solid #caced2; border-radius:10px;}
.cont_login .area_guide li a{display:flex; align-items:center; padding:30px;}
.cont_login .area_guide li a:before{content:''; flex:0 0 auto; width:56px; height:57px; margin:0 20px 0 0; background:url(../images/content/ico_login_find.png) no-repeat 0 0;}
.cont_login .area_guide li.guide_join a:before{width:56px; height:56px; background-image:url(../images/content/ico_login_join.png);}
.cont_login .area_guide li .guide_txt strong{display:block; font-family:'s-core_dream'; font-weight:500; font-size:24px;}
.cont_login .area_guide li .guide_txt span{display:flex; align-items:center; font-size:17px; color:#2054a8;}
.cont_login .area_guide li .guide_txt span:after{content:''; width:13px; height:9px; margin:0 0 0 10px; background:url(../images/content/bu_rarr_login.png) no-repeat 0 0;}

.cont_login .gray_box{background:#f7f7f8; padding:25px 40px 30px 40px;}
.cont_login .gray_box .conBox1{background:#fff; margin:0;}

.cont_login .login_top{text-align:center;}
.cont_login .login_top .logo{margin-bottom:20px;}
.cont_login .login_top .txt{font-size:1.13em;}
.cont_login .lst_login{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:35px;}
.cont_login .lst_login li{width:calc(33.33% - 17px); margin-bottom:25px; border:1px solid #c2d9f1; border-radius:5px; background:#fff; box-shadow:5px 5px 15px rgba(0,0,0,.15);}
.cont_login .lst_login li.auth{border-color:#c2d9f1;}
.cont_login .lst_login li.naver{border-color:#b5e5bb;}
.cont_login .lst_login li.kakao{border-color:#e1debd;}
.cont_login .lst_login li.facebook{border-color:#c9d1e3;}
.cont_login .lst_login li.dgid{border-color:#b0d9ce;}
.cont_login .lst_login li.daegu{border-color:#ebcfcf;}
.cont_login .lst_login li a{display:flex; align-items:center; height:100%; padding:15px 20px;}
.cont_login .lst_login li a img{flex:0 0 auto;}
.cont_login .lst_login li a span{margin-left:20px; font-weight:600; font-size:1.13em;}
.cont_login .box_simple{margin-top:20px; padding:25px; background:linear-gradient(#fff,#fff) no-repeat 50% 50%/calc(100% - 10px) calc(100% - 10px),url(../images/common/auth_bg.png) repeat 0 0; font-size:1.07em; text-align:center;}
.cont_login .box_simple .txt{display:flex; align-items:center; justify-content:center; margin:0 0 15px; font-size:1.07em;}
.cont_login .box_simple .txt img{flex:0 0 auto; margin:0 5px;}
.cont_login .box_simple .button{min-width:200px;}
.cont_login .btn_area{margin-top:45px;}

.cont_login .sns_login_top{padding:2px 0 0; margin-bottom:30px; text-align:left; background-image:linear-gradient(to bottom, #e79a4e 15px, #fef6ea 15px); border-radius:15px;}
.cont_login .sns_login_top .inr{position:relative; background:#fef6ea; padding:30px 50px 30px 210px; border-radius:15px;}
.cont_login .sns_login_top .inr:before{content:""; display:block; position:absolute; left:50px; top:20px; width:140px; height:128px; background:url(../images/content/ico_join_intro01.png) no-repeat 0 50%;}
.cont_login .sns_login_top .conLst{position:relative; margin:10px 0 0;}
.cont_login .sns_login_top .conLst strong{font-size:17px;}
.cont_login .sns_login_btm{background:url(../images/content/bg_find_idpw.jpg) 50% 50%; background-size:cover; padding:75px 70px;}
.cont_login .sns_login_btm .lst_login{margin:0;}
.cont_login .sns_login_btm .lst_login li{margin:0; border-color:#fff !important;}

/* 회원마당 - 공통 bg */
.cont_find_idpw{position:relative; padding:40px; background:#f5f5f5; border-radius:15px; overflow:hidden;}
.cont_find_idpw:before,
.cont_find_idpw:after{content:""; display:block; position:absolute;}
.cont_find_idpw:before{width:273px; height:345px; left:0; bottom:0; background:url(../images/content/bg_find_idpw_l.jpg);}
.cont_find_idpw:after{width:267px; height:374px; right:0; top:0; background:url(../images/content/bg_find_idpw_r.jpg);}

.cont_find_idpw .box_idpw,
.cont_join_intro .inr,
.process01 .lst{position:relative; border:5px solid #fff; padding:40px; z-index:30;}

/* 회원마당 - 공통 버튼 */
.cont_find_idpw .button{display:inline-block; min-width:212px; height:59px; margin:0 auto; line-height:59px; font-size:18px; font-weight:800;}

/* 아이디,비번 찾기 */
.cont_find_idpw .box_idpw > .inr{border-radius:10px; padding:50px 30px; max-width:800px; margin:0 auto; border:1px solid #ccc; background:#fff;}
.cont_find_idpw .box_idpw .tit{font-size:32px; font-family:'s-core_dream'; font-weight:500; display:block; margin:0 0 15px; line-height:1.5;}
.cont_find_idpw .box_idpw .idpw_info{margin:0; text-align:center;}
.cont_find_idpw .box_idpw .idpw_info2{margin:35px 0 0;}
.cont_find_idpw .box_idpw .lst_idpw{display:flex; width:100%; margin-top:40px;}
.cont_find_idpw .box_idpw .lst_idpw > li{position:relative; width:50%; padding:60px 20px 50px; margin-right:20px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:10px; overflow:hidden;}
.cont_find_idpw .box_idpw .lst_idpw > li:last-child{margin-right:0;}
.cont_find_idpw .box_idpw .lst_idpw > li.id{padding-right:30px;}
.cont_find_idpw .box_idpw .lst_idpw > li.pw{padding-left:30px;padding-right:30px;}

/*기존회원 아이디찾기 추가*/
.cont_find_idpw .box_idpw .lst_idpw .title_idpw{font-size:24px; letter-spacing:-1px; min-height:250px; font-family:'s-core_dream'; font-weight:500; line-height:1.4;}
.cont_find_idpw .box_idpw .lst_idpw .title_idpw::before{content:''; display:block; width:130px; height:130px; background:url(../images/content/process01_icon01.png) no-repeat; margin:0px auto 15px;}
.cont_find_idpw .box_idpw .lst_idpw .title_idpw > span{display:block; margin-top:10px; font-size:16px; color:#1d56bc; font-weight:400; font-family:'맑은 고딕';}
.cont_find_idpw .box_idpw .lst_idpw .pw .title_idpw::before{background:url(../images/content/process01_icon_pw.png) no-repeat; margin:0px auto 15px;}
.cont_find_idpw .box_idpw .lst_idpw .oldid .title_idpw::before{background:url(../images/content/process01_icon_old.png) no-repeat; margin:0px auto 15px;}
.cont_find_idpw .box_idpw .lst_idpw .txt{margin:20px 0;}

/*로그인타입*/
.login_type {overflow:hidden; margin:0 -1%;}
.login_type .box {float:left; width:31.3%; margin:0 1%; border:1px solid #d9d9d9;text-align:center;}
.login_type .box:before {content:''; display:block; width:120px; height:120px; background:url(../images/content/login_type1.png) no-repeat; margin:30px auto 15px;}
.login_type .box.type2:before {background-image:url(../images/content/login_type2.png);}
.login_type .box.type3:before {background-image:url(../images/content/login_type3.png);}
.login_type .box strong { color:#004bb8; font-size:24px; letter-spacing:-1px;}
.login_type .box p {font-size:17px; margin-top:5px; letter-spacing:-1px; line-height:1.4; height:90px; margin-bottom:20px;}
.login_type .box a {display:block; margin:0 auto; max-width:200px; height:52px; line-height:52px; font-size:17px;  border-radius:10px; background:#004bb8; color:#fff; text-align:center;}
.login_type ul {margin-top:30px; background:#e8f1ff; height:120px; padding:17px 0;}
.login_type ul li {width:180px; text-align:left; padding-left:10px; position:relative; margin:0 auto; line-height:1.3; color:#004bb8; font-size:17px; }
.login_type ul li:before {content:''; display:block; border:3px solid transparent; border-left:3px solid #004bb8; position:absolute; left:0; top:7px;}
.login_type .box.type2 ul li , .login_type .box.type3 ul li{width:110px;}

/* 회원가입 Intro */
.happy_top.login_intro{margin:0 0 30px 0;}
.happy_top.login_intro h3:before{background:url(../images/content/img_happy_login.png);}
.happy_top.login_intro .mt15{display:inline-block; margin:12px 0;}
.happy_top.login_intro .button{margin-top:0;}

.happy_top.join_intro{padding-bottom:35px; margin:0 0 30px 0;}
.happy_top.join_intro .happy_top_inr{padding:0;}
.happy_top.join_intro .happy_top_inr > div{position:relative; padding-left:165px; min-height:160px;}
.happy_top.join_intro .j_intro01{padding-bottom:35px; margin-bottom:35px; border-bottom:2px solid #fff;}
.happy_top.join_intro .j_intro01 h3:before{background:url(../images/content/img_happy_login2.png);}
.happy_top.join_intro .j_intro02 h3:before{background:url(../images/content/img_happy_login.png);}

.cont_join_intro .inr{display:flex; justify-content:center;}
.cont_join_intro .box_join{display:flex; flex-direction:column; position:relative; width:calc(50% - 1px); padding:50px 30px; background:#fff; text-align:center; border-radius:10px; border:1px solid #ccc;}
.cont_join_intro .box_join:first-child{margin-right:20px;}
.cont_join_intro .join_younger14:before,
.cont_join_intro .join_younger14:after{background:linear-gradient(45deg, transparent 50%, #3a9965 50%, transparent 51%), linear-gradient(-45deg, transparent 50%, #3a9965 50%, transparent 51%); background-repeat:no-repeat; background-size:50px 50px; background-position:0 0, 0 100%;}
.cont_join_intro .join_younger14 .ico:before{background:#dbf3e7 url(../images/content/ico_join_younger14.png) no-repeat 50% 50%;}
.cont_join_intro .box_join .title_join{position:relative; font-size:24px; line-height:1.3; padding:146px 0 20px 0; letter-spacing:-2px; font-weight:500; font-family:'s-core_dream';}
.cont_join_intro .box_join .title_join:before,
.cont_join_intro .box_join .title_join:after{content:""; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:130px; height:130px;}
.cont_join_intro .box_join .title_join:before{border-radius:50%; background:#f7f7f7;}
.cont_join_intro .box_join .title_join:after{background:url(../images/content/ico_join_over14.png);}
.cont_join_intro .box_join.join_younger14 .title_join:after{background:url(../images/content/ico_join_younger14.png);}
.cont_join_intro .box_join .guide{margin:0 0 25px 0; line-height:1.4; min-height:45px;}

/*회원가입*/
.login_process {display:flex; flex-wrap:wrap; background:#f5f5f5; border:1px solid #d8d8d8; margin-bottom:52px; padding-left:22px;}
.login_process li {display:flex; align-items:center; width:calc(25% + 23px); margin-left:-23px; padding:15px 20px; color:#555; font-size:18px; position:relative;}
.login_process li:nth-child(1) { z-index:4;}
.login_process li:nth-child(2) { z-index:3;padding-left:42px;}
.login_process li:nth-child(3) { z-index:2;padding-left:42px;}
.login_process li:nth-child(4) { z-index:1;padding-left:42px;}
.login_process li:before{content:''; display:block; width:32px; height:62px;  position:absolute; right:-9px; top:50%; margin-top:-31px; background:url(../images/content/process_off.png) no-repeat;}
.login_process li:last-child:before {display:none;}
.login_process li.on {background:#e4007f; color:#fff; font-weight:700;}
.login_process li.on:before {background-image:url(../images/content/process_on.png);}
.login_process li span {display:inline-block; width:32px; height:32px; border:1px solid #8e8e8e; color:#666; border-radius:40px; line-height:27px; text-align:center; margin-right:8px; font-weight:700; flex:0 0 auto;}
.login_process li.on span {border:2px solid #fff; color:#fff;}

/* 본인인증 */
.happy_top.apis h3:before{background:url(../images/content/img_happy_apis.png);}
.process_txt2 {margin:-13px 0 15px; font-size:17px; font-weight:bold; color:#b11a14; padding-left:32px; position:relative;}
.process_txt2:before {content:'!'; display:inline-block; width:26px; height:26px; color:#fff; background:#b11a14; border-radius:50px; text-align:center; line-height:26px; font-size:19px; position:absolute; left:0; top:2px;}
.process01 ul li{display:flex; flex-direction:column; position:relative; padding:60px 50px 50px; width:100%; max-width:430px; margin:0 auto; text-align:center; background:#fff; border:1px solid #ccc; border-radius:10px;}
.process01 ul li strong{font-size:28px; font-family:'s-core_dream'; font-weight:500;}
.process01 ul li strong:before{content:''; display:block; width:130px; height:130px; background:url(../images/content/process01_icon01.png) no-repeat; margin:0px auto 5px;}
.process01 ul li.type2 strong:before{background-image:url(../images/content/process01_icon02.png);}
.process01 ul li.type3 strong:before{background-image:url(../images/content/process01_icon03.png);}
.process01 ul li.type4 strong:before{background-image:url(../images/content/process01_icon04.png);}
.process01 ul li > span{display:inline-block; margin:10px 0 20px;}
.process01 ul li.type3 a {background:#fadd00; color:#340606;}
.process01 ul li.type3 a:before {content:''; display:inline-block; width:23px; height:21px; background:url(../images/content/process01_ico03.png) no-repeat;  position:relative; top:4px; margin-right:3px;}
.process01 ul li.type4 a {background:#2cb400;}
.process01 ul li.type4 a:before {content:''; display:inline-block; width:15px; height:15px; background:url(../images/content/process01_ico04.png) no-repeat;  position:relative; top:2px; margin-right:6px;}

.process01.phone ul li{width:100%; max-width:430px; margin:0 auto; border:1px solid #ccc; border-radius:10px;}
.process01.phone ul li a.pop{background:#008797;}

.pop_block{border:1px solid #ccc; padding:40px 60px; margin-top:30px; border-radius:10px;}
.pop_block .inr{padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc;}
.pop_block > div:last-child.inr{margin-bottom:0; border-bottom:none; padding-bottom:0;}
.pop_block .inr h2{font-size:20px; padding:9px 0 20px 53px; background:url(../images/content/browser_ico.png) no-repeat 0 0;}
.pop_block .inr.browser02 h2{background-position:0 -94px;}
.pop_block .inr.browser03 h2{background-position:0 -190px;}
.pop_block .inr.browser04 h2{background-position:0 -289px;}
.pop_block ul{margin-left:10px;}
.pop_block li{margin-bottom:5px;}
.pop_block li:last-child{margin-bottom:0;}

.button_wrap {margin:30px auto;}
.line_box {border:1px solid #d2d2d2; padding:15px;  height:200px; overflow-y:scroll; overflow-x:hidden; width:100%;}
.line_check {border:1px solid #d2d2d2; background:#fafafa; padding:12px 12px 12px 12px; margin-top:-1px; vertical-align: middle; overflow:hidden; font-size:16px;}
.line_check .left {float:left;}
.line_check .right {float:right;}
.box_line {border:1px solid #d9d9d9; padding:40px;}
.box_line2 {border:1px solid #d9d9d9; padding:30px;}
.box_line2.blue {border-top:2px solid #00388b;}

.process03 .wrap_chk_lb{display:inline-block; margin:0 10px 0 0;}

.process04 h3 {font-size:28px; padding-top:30px;}
.process04 p {font-size:16px; line-height:1.4;}
.process04 div {padding-bottom:40px;}
.process04 .txt{color:#555;}
.process04 h3 span{color:#004bb8;}
.process04 .txt:after{content:''; display:block; min-width:250px; width:60%; height:1px; background:#e4e6e9; margin:0 auto; margin-top:15px;}

.level_edu span{display:inline-block; margin-right:15px;}

.user_info{padding:10px 0 40px; font-size:18px;}
.user_info span{font-weight:bold;}

/* 지원사업안내 리스트 */
.support_list {overflow:hidden; margin:0 -10px;}
.support_list li {float:left; width:calc(25% - 20px); margin:0 10px 20px; position:relative;}
.support_list li a {display:block; height:290px; text-align:center; background:url(../images/content/support_bg01.png) no-repeat center center /cover; transition: 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);}
.support_list li.n2 a {background-image:url(../images/content/support_bg02.png);}
.support_list li.n3 a {background-image:url(../images/content/support_bg03.png);}
.support_list li.n4 a {background-image:url(../images/content/support_bg04.png);}
.support_list li.n5 a {background-image:url(../images/content/support_bg05.png);}
.support_list li.n6 a {background-image:url(../images/content/support_bg06.png);}
.support_list li.n7 a {background-image:url(../images/content/support_bg07.png);}
.support_list li.n8 a {background-image:url(../images/content/support_bg08.png);}
.support_list li a .txt {display:block; text-align:center; padding:170px 0 28px; font-size:28px; color:#004bb8; line-height:1.1; letter-spacing:-0.1em;}
.support_list li a .dtl {display:block; margin:0 auto; width:80%; max-width:152px; height:42px; line-height:42px; color:#fff; font-size:16px; background:#004bb8; border-radius:10px;}
/*.support_list li a:before {content:''; display:block; background:#215eb5; opacity:0; position:absolute; left:0; top:0; bottom:0; right:0;  transition:.15s cubic-bezier(0.22, 0.61, 0.36, 1);    }
.support_list li a:after {content:''; display:block; width:54px; height:59px; background:url(../images/content/support_list_icon.png) no-repeat; position:absolute; left:50%; margin-left:-27px; top:50%; margin-top:-30px; z-index:2; opacity:0; transition: .3s cubic-bezier(0.22, 0.61, 0.36, 1); transform:translateY(20px); }
.support_list li a:hover {background-size:110%; }
.support_list li a:hover:before {opacity:.8;}
.support_list li a:hover:after { opacity:1; transform:translateY(0px);}*/
.support_list li .line1:before {content:''; display:block; width:0; height:3px; background:#40d7fd; position:absolute; left:0; top:0; z-index:10; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);}
.support_list li .line1:after {content:''; display:block; width:3px; height:0; background:#40d7fd; position:absolute; right:0; top:0; z-index:10; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);}
.support_list li .line2:before {content:''; display:block; width:0; height:3px; background:#40d7fd; position:absolute; right:0; bottom:0; z-index:10; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);}
.support_list li .line2:after {content:''; display:block; width:3px; height:0; background:#40d7fd; position:absolute; left:0; bottom:0; z-index:10; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);}
.support_list li:hover .line1:before {width:100%;}
.support_list li:hover .line1:after {height:100%;}
.support_list li:hover .line2:before {width:100%;}
.support_list li:hover .line2:after {height:100%;}
.support_list li .line1:before , .support_list li .line1:after ,
.support_list li .line2:before , .support_list li .line2:after {background:#5fbc46;}

.support_detail .top_dtl {overflow:hidden; margin:0 -1% 40px; display:flex;}
.support_detail .top_dtl li {float:left; width:31.3%; margin:0 1%; border:1px solid #e2e2e2; text-align:center; position:relative;}
.support_detail .top_dtl li:before {content:''; display:block; width:100%; height:1000px; background:#f4f8ff; position:absolute; left:0; top:224px;}
.support_detail .top_dtl li:after {content:''; display:block; width:100%; height:1px; background:#e2e2e2; position:absolute; left:0; bottom:-1px;}
.support_detail .top_dtl li h4 {font-size:24px; color:#004bb8; padding-bottom:24px;}
.support_detail .top_dtl li h4:before {content:''; display:block; width:120px; height:120px; background:url(../images/content/class_img01.png) no-repeat; margin:30px auto 12px;}
.support_detail .top_dtl li.n2 h4:before {background-image:url(../images/content/class_img02.png);}
.support_detail .top_dtl li.n3 h4:before {background-image:url(../images/content/class_img03.png);}
.support_detail .top_dtl li div { padding:25px 15px; margin:0; font-size:1.06em; position:relative; z-index:2;}
.support_detail .top_dtl li div pre{position:relative;}

/* 지원사업안내 상세 리스트*/
.support_lst_wrap .top_tit { overflow:hidden; margin-bottom:20px;}
.support_lst_wrap .top_tit h4 { font-size:1.75em; color:#004bb8; float:left;}
.support_lst_wrap .top_tit a {float:right;}
.support_lst_wrap .box_txt2 {font-size:1.14em; }
.support_lst_wrap .box_txt2  p .red {color:#ff3e3e;}
.support_lst_wrap .box_txt2  p .blue {color:#004bb8;}
.support_lst_wrap .box_txt2.extxt {text-align:center; padding:20px 20px 15px 20px; background:#f4f8ff; margin-bottom:44px; border:1px solid #e0e6ef;}
.support_lst_wrap .dtl_top_box {background:#f4f8ff; padding:40px 40px 30px 40px; position:relative; margin-bottom:44px;}
.support_lst_wrap .dtl_top_box2 {background:#f4f8ff; padding:15px 40px 30px 40px; position:relative; margin-bottom:44px;}
.support_lst_wrap .dtl_top_box:after {content:'';display:block; width:262px; height:208px; position:absolute; right:35px; top:26px;}
.support_lst_wrap .dtl_top_box.n1:after {background:url(../images/content/support_dtl_img01_n1.png) no-repeat;}
.support_lst_wrap .dtl_top_box.n2:after {background:url(../images/content/support_dtl_img01_n2.png) no-repeat;}
.support_lst_wrap .dtl_top_box.n3:after {background:url(../images/content/support_dtl_img01_n3.png) no-repeat;}
.support_lst_wrap .dtl_top_box.n4:after {background:url(../images/content/support_dtl_img01_n4.png) no-repeat;}
.support_lst_wrap .dtl_top_box.n5:after {background:url(../images/content/support_dtl_img01_n5.png) no-repeat;}
.support_lst_wrap .dtl_top_box.n6:after {background:url(../images/content/support_dtl_img01_n6.png) no-repeat;}
.support_lst_wrap .dtl_top_box.n7:after {background:url(../images/content/support_dtl_img01_n7.png) no-repeat;}
.support_lst_wrap .dtl_top_box.n8:after {background:url(../images/content/support_dtl_img01_n8.png) no-repeat;}
.support_lst_wrap .dtl_top_box p {position:relative; z-index:2; min-height:200px; padding:15px 25px 50px 25px; font-size:1.125em; letter-spacing:-1px;  border-bottom:2px solid #e5ecf8;}
.support_lst_wrap .dtl_top_box p .red {color:#ff3e3e;}
.support_lst_wrap .dtl_top_box p .blue {color:#004bb8;}


/* 평생학습기관 상세보기(강의실 현황 슬라이드) */
.box_btm { min-height:215px;}
.support_wrap {width:720px; margin:0 auto;}
.supportzone {position:relative;width:100%; padding:20px 40px 10px; margin:0 auto;}
.supportzone .item{}
.supportzone .item a{display:block;}
.supportzone .item .img{ display:block;  margin:0 8px; position:relative; height:100px; overflow:hidden; }
.supportzone .item.movie .img:before {content:''; display:block; width:44px; height:44px; background:url(../images/content/icon_movie.png) no-repeat; position:absolute; left:50%; margin-left:-22px; top:50%; margin-top:-22px;}
.supportzone .item img {width:100%; min-height:100px;}
.supportzone .item .txt {display:block; text-align:center; overflow:hidden; margin:10px 8px 0;  font-size:0.938em;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.3;}
.supportzone .nav button {display:block; position:absolute; top:0; bottom:0; z-index:1; width:36px; height:36px; margin:auto; overflow:hidden; text-indent:-999px; background:url(../images/content/support_prevnext.png) no-repeat;}
.supportzone .nav button.prev {left:0;}
.supportzone .nav button.next {right:0; background-position:-36px top;}
/* // 평생학습기관 상세보기(강의실 현황 슬라이드) */

span.kind { display:inline-block; font-size:13px; padding:0 10px; line-height:22px; border:1px solid #004bb8; border-radius:30px;  font-weight:normal; color:#004bb8;}
span.kind[data-category-type="창업교육"], span.kind[data-category-type="창업보육센터(BI)"], span.kind[data-category-type="창업"]{border:1px solid #004bb8; color:#004bb8;}
span.kind[data-category-type="시설공간"], span.kind[data-category-type="기타"] , span.kind[data-category-type="경영"] {border:1px solid #8c5900; color:#8c5900;}
span.kind[data-category-type="사업화"], span.kind[data-category-type="중장년기술창업센터"], span.kind[data-category-type="기술"] {border:1px solid #ee2e2e; color:#ee2e2e;}
span.kind[data-category-type="행사네트워크"], span.kind[data-category-type="민간기관"], span.kind[data-category-type="마케팅"] {border:1px solid #0f8100; color:#0f8100;}
span.kind[data-category-type="멘토링,컨설팅"], span.kind[data-category-type="1인창조기업지원센터"] {border:1px solid #007681; color:#007681;}
span.kind[data-category-type="판로,해외진출"], span.kind[data-category-type="투자"] {border:1px solid #7d008c; color:#7d008c;}
span.kind[data-category-type="정책자금"], span.kind[data-category-type="IP(지재권)"] {border:1px solid #d96f11; color:#d96f11;}
span.kind[data-category-type="공모전"], span.kind[data-category-type="세무회계"] {border:1px solid #8c0031; color:#8c0031;}
span.kind[data-category-type="법률"] {border:1px solid #008ee9; color:#008ee9;}
button.favorite {display:inline-block; width:24px; height:24px; border:1px solid #8a8a8a; text-indent:-999px; overflow:hidden; background:url(../images/content/btn_favorite.png) no-repeat center 4px; border-radius:50px; }
button.favorite.sel {border:1px solid #5494ff; background:#5494ff url(../images/content/btn_favorite_w.png) no-repeat center 4px;}
.top_tit2 h4 { font-size:1.750em; letter-spacing:-2px; margin-bottom:30px;}
.top_tit {overflow:hidden; margin-bottom:15px;}
.top_tit .left {float:left; margin-top:10px; font-size:1.125em; font-weight:bold;}
.top_tit .right {float:right;}
.support_dtl_lst .dtl_lst {border-top:2px solid #555; padding-bottom:20px;}
.support_dtl_lst .dtl_lst li {padding:20px 160px 20px 0px; position:relative; border-bottom:1px solid #d6d6d6;}
.support_dtl_lst .dtl_lst li a {display:block;}
.support_dtl_lst .dtl_lst li .favorite { position:absolute; right:0px; top:50%; margin-top:-12px;}
.support_dtl_lst .dtl_lst li .tit { font-size:1.263em; display:block; white-space: nowrap; text-overflow: ellipsis; font-weight:bold; overflow:hidden; }
.support_dtl_lst .dtl_lst li .tit.tit_lg {font-size:1.263em;}
.support_dtl_lst .dtl_lst li .tit span.kind { margin-right:3px; position:relative;top:-1px; }
.support_dtl_lst .dtl_lst li div {margin-top:6px; line-height:21px;}
.support_dtl_lst .dtl_lst li div span { display:inline-block; padding:0; margin-right:9px;font-size:0.938em; color:#666; letter-spacing:-0.6px;}
.support_dtl_lst .dtl_lst li div span:before {content:''; display:inline-block; width:17px; height:15px; background:url(../images/content/support_icon02.png) no-repeat; margin-right:5px; position:relative; top:2px;}
.support_dtl_lst .dtl_lst li div span.n2:before {width:14px; margin:0 6px 0 2px; background-position:-17px top;}
.support_dtl_lst .dtl_lst li div span.n3:before {width:15px; margin:0 6px 0 1px; background-position:-31px top;}
.support_dtl_lst .dtl_lst li div span.n4:before {width:13px; margin:0 7px 0 2px;background-position:-46px top;}
.support_dtl_lst .dtl_lst li div span em:after{ content:''; display:inline-block; margin:0 6px; width:1px; height:12px; background:#ddd;}
.support_dtl_lst .dtl_lst li div span strong { display:inline-block; width:80px; height:24px; line-height:24px; text-align:center; background:#888; color:#fff; border-radius:50px; margin:-4px 0 4px 5px; font-weight:500; font-size:13px; position:relative; top:-1px;}
.support_dtl_lst .dtl_lst li .deadline {display:block; width:104px; height:24px; line-height:24px; color:#fff; background:#a8a8a8; border-radius:100px; text-align:center; position:absolute; right:34px; top:50%; margin-top:-12px; font-size:14px;}
.support_dtl_lst .dtl_lst li .deadline.red {background:#ee2e2e;}
.support_dtl_lst .dtl_lst li .deadline.blue {background:#004bb8;}
.support_dtl_lst .dtl_lst li .deadline.black {background:#313131;}
.support_dtl_lst .dtl_lst li .person {position:absolute; right:34px; top:50%; margin-top:-11px;}
.support_dtl_lst .dtl_lst li .person:before {content:''; display:inline-block; width:15px; height:15px; background:url(../images/content/support_icon02.png) no-repeat; margin-right:3px; position:relative; top:2px; background-position:-31px top;}
.support_dtl_lst .dtl_lst li .person strong {font-weight:normal; position:relative;}
.support_dtl_lst .dtl_lst li .person strong:after {content:''; display:inline-block; margin:0 6px; width:1px; height:12px; background:#ddd;}

.support_dtl_lst .dtl_lst2 li{ padding-left:0;}
.support_dtl_lst .dtl_lst2 .txt {margin:8px 0 0 0; line-height:1.2;height:36px; color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.support_dtl_lst .dtl_lst2 li div span:before {width:16px;height:16px; background:url(../images/content/support_icon03.png) no-repeat;}
.support_dtl_lst .dtl_lst2 li div span.n2:before {width:17px; background-position:-16px top;}
.support_dtl_lst .dtl_lst2 li div span.n3:before {width:17px; background-position:-33px top;}
.support_dtl_lst .dtl_lst2 .btn_go {width:140px; position:absolute; right:0; top:50%;margin:0; margin-top:-27px; border-radius:10px;}
.support_dtl_lst .dtl_lst2 .btn_go.lightblue {background:#008ee9;}

/*상단 검색*/
.top_srch{position:relative; overflow:hidden; margin-bottom:45px; padding:30px; border:1px solid #e0e6ef; background:#f2f6fc;}
.top_srch .t_left{float:left; display:block; overflow:hidden;}
.top_srch .t_right{float:right; display:block; overflow:hidden;}
.top_srch .t_right select{float:left; min-width:120px; margin:0;}
.top_srch .t_right select + select{margin-left:5px;}
.top_srch input,
.top_srch select{ border-radius:0; box-shadow:none; border:1px solid #bfbfbf;}
.top_srch .t_select {float:left; display:block; overflow:hidden; width:calc(100% - 320px); }
.top_srch .t_select select {float:left; width:calc(25% - 4px); margin-right:4px;}
.top_srch .t_date {float:right; display:block; overflow:hidden;width:290px;}
.top_srch .t_date input[type=text] {width:36%;}
.top_srch .t_date span {width:5%; display:inline-block; text-align:center;}
.top_srch .t_date strong {display:inline-block; width:23%;}
.top_srch .t_txt {float:left; width:100%; display:block; position:relative; padding:5px 129px 5px 5px; border:1px solid #bfbfbf; background:#fff; position:relative; margin-top:30px;}
.top_srch .t_txt:before {content:''; display:block; width:100%; border-top:1px dashed #ddd; position:absolute; left:0; top:-17px;}
.top_srch .t_txt input[type=text] {width:100%; border:0;}
.top_srch .t_txt .button {position:absolute; right:2px; top:2px; padding-left:32px;}
.top_srch .t_txt .button:after {content:''; display:inline-block; width:14px; height:14px; background:url(../images/content/srch_btn.png) no-repeat; position:relative; top:2px; margin-left:5px; }

/* 지원사업 상세*/
.top_tit2 {position:relative;}
.top_tit2 h4.blue {color:#004bb8;}
.top_tit2 a {position:absolute; right:0; top:4px; display:block; width:114px; height:36px; line-height:36px; text-align:center; border:1px solid #8c8c8c; border-radius:6px; font-size:15px;}
.top_tit2 a:before {content:''; display:inline-block; width:22px; height:22px; background:url(../images/content/btn_favorite.png) no-repeat center 4px; border-radius:50px; border:1px solid #8c8c8c;vertical-align: top; margin-right:4px; position:relative; top:5px;}
.top_tit2 a.sel {border:1px solid #5494ff;}
.top_tit2 a.sel:before {background:#5494ff url(../images/content/btn_favorite_w.png) no-repeat center 4px; border:1px solid #5494ff; }
.s_view {}
.s_view .tab_tit { width:25%; position:absolute; left:0; top:0;}
.s_view .tab_tit.n1 { width:calc(25% + 1px);}
.s_view .tab_tit.n2 {left:25%;width:calc(25% + 1px);}
.s_view .tab_tit.n3 {left:50%;width:calc(25% + 1px);}
.s_view .tab_tit.n4 {left:75%;}
.s_view .tab_tit a {display:block;  height:50px; line-height:48px; font-weight:bold; border:1px solid #dae4f3; background:#f5f8fd; text-align:center; font-size:17px;}
.s_view .tab_tit a.sel { border:1px solid #6186be; background:#fff; color:#004bb8; position:relative; z-index:2;}
.s_view h4 {position:relative;}
.s_view h4 a {position:relative; top:-3px; font-size:15px; font-weight:400; }
.s_view h4 a[target=_blank]:after { content:''; display:inline-block; width:19px; height:14px; background:url(../images/content/btn_blank.png) no-repeat; margin-left:5px; position:relative; top:2px;}
.s_view h4 a.online:after { content:''; display:inline-block; width:19px; height:17px; background:url(../images/content/btn_onlone.png) no-repeat bottom; margin-left:5px; position:relative; top:2px;}
.s_view h4 a.srch:after { content:''; display:inline-block; width:17px; height:17px; background:url(../images/common/btn_srch_w.png) no-repeat; margin-left:5px; position:relative; top:2px;}
.s_view .l_box {border:1px solid #ddd; border-top:3px solid #61646c; padding:30px;}
.s_view .l_box2 {border:1px solid #ddd; text-align:center; padding:30px;}
.s_view .l_box2 span{color:red;}
.s_view .l_box + .l_box2, .l_box + .button_wrap {margin-top:40px;}

.require {color:#ee2e2e; font-weight:bold;}

.support_write h4.tit { margin-top:37px; position:relative;}
.support_write h4.tit span { display:block; width:230px; height:48px; line-height:50px; text-align:center; background:#004bb8; font-size:18px; color:#fff; }
.support_write h4.tit span .require {display:inline; height:auto; font-size:16px; color:#ee2e2e;}
.support_write h4.tit a {position:absolute; right:-3px; top:0px; font-size:15px; font-weight:400; }
.support_write .l_box {border:1px solid #ddd; border-top:3px solid #61646c; padding:10px;}
.tbl_box {overflow:hidden; border:1px solid #e1e1e1; margin-top:-1px;}
.tbl_box .t_th {float:left; width:20%; height:54px; line-height:54px; font-weight:bold; text-align:center; background:#f6f6f7;}
.tbl_box .t_td {float:left; width:80%; padding:8px 10px; border-left:1px solid #e1e1e1;}

/*질문과답변 상세*/
.comment_write {background:#f7f7f7; padding:30px; margin-top:40px;}
.comment_write dl {background:#fff;}
.comment_write .write_box { overflow:hidden; padding:10px; background:#fff; border:1px solid #d6d6d6; margin-top:-1px;}
.comment_write .write_box textarea { width:calc(100% - 110px);}
.comment_write .write_box a {float:right; display:block; width:110px; height:96px; line-height:96px; background:#0c4ba7; color:#fff; text-align:center; }

.com_title { padding:40px 0 15px; font-size:19px; letter-spacing:-1px;}
.comment_box {border:1px solid #d0d0d0; border-radius:6px; padding:60px; margin-bottom:40px;}
.comment_box .com_top h4 {font-size:24px; color:#d9325d; overflow:hidden; position:relative; padding-bottom:20px;}
.comment_box .com_top h4 span { float:right; font-size:16px; color:#333; font-weight:400; letter-spacing:-0.5px;}
.comment_box .com_top h4 span strong { font-weight:bold;}
.comment_box .com_top h4 span a { margin-left:12px;display:inline-block; width:101px; height:31px; line-height:31px; border-radius:5px; background:#444; color:#fff; font-weight:bold; font-size:14px; text-align:center;}
.com_write { padding:20px 30px; background:#f8f8f8; border-top:1px solid #0c4ba7; margin-bottom:20px;}
.com_write > div {position:relative; padding:0 68px 0 47px; background:url(../images/content/list_icon03.png) no-repeat 0px 13px;}
.com_write textarea {display:block; width:100%; box-sizing:border-box; border:1px solid #d0d0d0; height:100px; padding:10px; border-right:0; }
.com_write button { position:absolute; right:0; top:0; width:68px; height:100px; background:#0078c8; text-align:center; color:#fff; display:block; line-height:62px; font-size:16px; font-weight:bold;}
.com_write p { font-size:16px; color:#000; padding-top:10px; letter-spacing: -1px;}
.com_write p strong { border-bottom:1px solid #000;}
.comment_box .btn_type {padding:32px 0 20px 0; border-bottom:1px solid #e3e3e3;}
.comment_box .btn_type a { display:inline-block; height:29px; line-height:29px; padding:0 13px; border:1px solid #c1c1c1; border-radius:5px; font-size:14px; letter-spacing:-0.5px; margin-right:2px;}
.comment_box .btn_type a.on {background:#464646; color:#fff; border:1px solid #464646;}
.comment_list {padding:0 40px; margin-top:30px; border:1px solid #d6d6d6; border-top:3px solid #61646c; border-bottom:1px solid #61646c;}
.comment_list li {padding-left:42px; margin-top:30px; padding-bottom:30px;background:url(../images/content/list_icon03.png) no-repeat left 2px; letter-spacing:-0.4px; position:relative;}
.comment_list > li {border-bottom:1px solid #e3e3e3;}
.comment_list > li:last-child {border-bottom:0;}
.comment_list > li ul {display:none;}
.comment_list > li li {margin-left:30px; padding-bottom:0;}
.comment_list li .com_write {margin-left:-40px; display:none;}
.comment_list li .com_write > div {background:url(../images/content/list_icon04.png) no-repeat 0px 13px;}
.comment_list li .com_write.com_box > div {background:url(../images/content/list_icon03.png) no-repeat 0px 13px;}
.comment_list li .com_write > div .tar {padding:0;margin:0; padding-top:10px;margin-right:-68px; font-size:14px; line-height:16px; letter-spacing:0;}
.comment_list > li li .com_write {margin-left:-110px;}
.comment_list > li li li .com_write {margin-left:-180px;}
.comment_list > li li li li .com_write {margin-left:-250px;}
.comment_list > li li li li li .com_write {margin-left:-320px;}
.comment_list > li li li li li li .com_write {margin-left:-390px;}

.comment_list > li li:before { display:block; content:''; width:12px; height:18px; background:url(../images/icon_bullet2.png) no-repeat; position:absolute; left:-22px; top:7px;}
.comment_list .writer { display:block; height:35px; line-height:18px; padding:2px 0 12px; font-size:13px; color:#333; }
.comment_list p {font-size:16px; line-height:26px; padding-bottom:12px; color:#333;}
.comment_list .btn_list {padding-bottom:16px;}
.comment_list .btn_list * { display:inline-block;background:none; padding:0 12px; border:1px solid #4b4847; color:#4b4847; margin-right:4px; border-radius:5px; height:31px; line-height:29px; font-size:14px; font-weight:bold; transition: 0.3s;}
.comment_list .btn_list .c_blue { border:1px solid #0078c8; color:#0078c8;}
.comment_list .btn_list .c_red { border:1px solid #eb3665; color:#eb3665;}
.comment_list .btn_list .btn_edit.on {background:#0078c8; color:#fff; padding:0 24px;}
.comment_list .btn_list .btn_com.on {background:#4b4847; color:#fff; padding:0 24px;}
.comment_list .com_btn {background:#fff; font-size:16px; font-weight:bold; color:#000; text-decoration:underline; position:relative; padding-left:28px; outline:none; display:block; width:200px; text-align:left;}
.comment_list .com_btn.on:after {display:block; content:'댓글 숨기기'; position:absolute; left:28px; top:0;text-decoration:underline; background:#fff; z-index:2; margin-right:-100px; }
.comment_list .com_btn:before { display:block; content:''; width:16px; height:9px; background:url(../images/icon_bullet.png) no-repeat; position:absolute; left:0px; top:5px; transition: 0.5s;}
.comment_list .com_btn.on:before { transform: rotate(-180deg);}

/*창업공간 리스트*/
.founded_srch { border:1px solid #e0e6ef; position:relative; background:#f2f6fc; padding:30px; padding-right:146px; margin-bottom:40px;}
.founded_srch .box {overflow:hidden; position:relative; border:1px solid #d6d6d6; background:#fff;}
.founded_srch .box:before {content:''; height:200px; width:1px; background:#d6d6d6; position:absolute; left:13%; top:0;}
.founded_srch .box:nth-child(2) {margin-top:-1px;}
.founded_srch .box strong {float:left; width:13%; height:48px; line-height:48px; text-align:center; }
.founded_srch .box div {float:left; width:87%; padding:12px;}
.founded_srch .box div span {display:inline-block; margin-right:15px;}
.founded_srch a {position:absolute; right:30px; top:30px; bottom:30px; display:block; width:116px;   background:#004bb8;  text-align:center;}
.founded_srch a span {color:#fff; position:absolute; top:50%; left:0; right:0; line-height:1.2; text-align:center; transform:translateY(-50%); }
.founded_srch a span:after {content:''; display:inline-block; width:14px; height:14px; margin-left:5px; background:url(../images/content/srch_btn.png);}

.right.btn_type {overflow:hidden;}
.right.btn_type a { display:block; float:left; margin-left:6px; width:120px; height:36px; line-height:36px; border:1px solid #bfbfbf; text-align:center; }
.right.btn_type a.on {border:1px solid #ee2e2e; color:#ee2e2e;}
.right.btn_type a.btn_g:before { content:''; display:inline-block; width:18px; height:16px; background:url(../images/common/btn_gallery_off.png) no-repeat center center; position:relative; top:2px; margin-right:5px;}
.right.btn_type a.btn_g.on:before {background-image:url(../images/common/btn_gallery_on.png);}
.right.btn_type a.btn_l:before { content:''; display:inline-block; width:18px; height:16px; background:url(../images/common/btn_list_off.png) no-repeat center center; position:relative; top:2px; margin-right:5px;}
.right.btn_type a.btn_l.on:before {background-image:url(../images/common/btn_list_on.png);}

.founded_gallery {border-top:3px solid #61646c;}
.founded_gallery ul {overflow:hidden; padding-top:42px; margin:0 -1%;}
.founded_gallery ul li {float:left; width:31.3%; margin:0 1% 40px; height:400px; border:1px solid #ddd; text-align:center; position:relative; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);}
.founded_gallery ul li > a{display:block;}
.founded_gallery ul li div{height:400px; position:relative;}
.founded_gallery ul li .img {height:200px; display:block; overflow:hidden; margin-bottom:20px; background: #f0f3f7;}
.founded_gallery ul li .img img {height:200px; width:100%; display:block; margin:0 auto;}
.founded_gallery ul li .address, .founded_gallery ul li .field, .founded_gallery ul li .tit{display:block;}
.founded_gallery ul li .tit {position:relative; text-align:center;margin:4px 6px 0;}
.founded_gallery ul li .tit strong {display:inline-block; overflow:hidden; max-width:calc(100% - 40px); padding-right:2px;  text-overflow: ellipsis; font-size:22px; letter-spacing:-2px; font-weight:bold; vertical-align:top; display:-webkit-inline-box;  -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:28px; max-height:56px;}
.founded_gallery ul li button.favorite {position:relative; vertical-align: top; top:3px; margin-left:5px;}
.founded_gallery ul li .t_blue {display:block; color:#004bb8; font-weight:bold; font-size:17px;}
.founded_gallery ul li .txt {display:block; text-align:center; font-size:16px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.founded_gallery ul li .button {display:block; margin:20px auto; width:120px;}

.founded_gallery > ul > li .c_list { text-align:left; position:relative;  padding:10px 20px; margin-bottom:15px;}
.founded_gallery > ul > li .c_list li {position:relative; padding-left:12px; padding-bottom:2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:none; width:100%; margin:0; height:auto; border:0; text-align:left;}
.founded_gallery > ul > li .c_list li:before {content:''; display:block; width:6px; height:6px; background:#888; border-radius:6px; position:absolute; left:0; top:7px;}
.founded_gallery > ul > li .c_list li span:after {content:''; display:inline-block; width:1px; height:13px; background:#ccc; margin:0 5px; position:relative; top:1px;}

.founded_gallery > ul > li:hover {border:1px solid #fff;}
.founded_gallery > ul > li .line1:before {content:''; display:block; width:0; height:3px; background:#5fbc46; position:absolute; left:0; top:0; z-index:10; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);}
.founded_gallery > ul > li .line1:after {content:''; display:block; width:3px; height:0; background:#5fbc46; position:absolute; right:0; top:0; z-index:10; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);}
.founded_gallery > ul > li .line2:before {content:''; display:block; width:0; height:3px; background:#5fbc46; position:absolute; right:0; bottom:0; z-index:10; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);}
.founded_gallery > ul > li .line2:after {content:''; display:block; width:3px; height:0; background:#5fbc46; position:absolute; left:0; bottom:0; z-index:10; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);}
.founded_gallery > ul > li:hover .line1:before {width:100%;}
.founded_gallery > ul > li:hover .line1:after {height:100%;}
.founded_gallery > ul > li:hover .line2:before {width:100%;}
.founded_gallery > ul > li:hover .line2:after {height:100%;}

/*우리기업홍보 상세*/
.promotion_top:after { content:''; display:block; width:100%; clear:both;}
.promotion_top .left {float:left; width:409px;}
.promotion_top .left p {border:1px solid #e0e0e0; background:#fafafa; margin:0; padding:10px 0; font-size:17px;}

.promotion_top .right { float:right; width:calc(100% - 456px);}
.promotion_top .right h2 {font-size:29px; line-height:1.25; padding-bottom:14px;}
.promotion_top .right .hashtag {font-size:16px;}
.promotion_top .right .hashtag span { display:inline-block; color:#222; padding:4px 16px; font-size:16px; margin:0 4px 8px 0; border:1px solid #a2a2a2; border-radius:50px;}

.promotion_top .box_btm {position:relative; margin:0 -8px; padding-top:50px; min-height:215px;}
.promotion_top .box_btm .promotionzone {width:100%;}
.promotion_top .box_btm .promotionzone .item { }
.promotion_top .box_btm .promotionzone .item .img { display:block;  margin:0 8px; position:relative; height:120px; overflow:hidden; }
.promotion_top .box_btm .promotionzone .item.movie .img:before {content:''; display:block; width:44px; height:44px; background:url(../images/content/icon_movie.png) no-repeat; position:absolute; left:50%; margin-left:-22px; top:50%; margin-top:-22px;}
.promotion_top .box_btm .promotionzone .item img {width:100%; min-height:120px;}
.promotion_top .box_btm .promotionzone .item .txt {display:block;  overflow:hidden; margin:14px 8px 0;  font-size:14px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height:1.3;}

.promotion_top .box_btm .promotionzone .nav button { display:block; width:36px; height:36px; overflow:hidden; text-indent:-999px; background:url(../images/content/support_prevnext.png) no-repeat;}
.promotion_top .box_btm .promotionzone .nav button.prev {position:absolute; left:-10px; top:88px; z-index:10;}
.promotion_top .box_btm .promotionzone .nav button.next {position:absolute; right:-10px; top:88px; z-index:10; background-position:-36px top;}

.promotion_wrap {position:relative; margin-top:40px;}
.promotion_wrap:before {content:''; display:block; width:100%; height:3px; background:url(../images/content/line_bg.png);}
.promotion_wrap:after {content:''; display:block; width:100%; height:3px; background:url(../images/content/line_bg.png);}
.promotion_lst {overflow:hidden; padding:40px 0;}
.promotion_lst li {float:left; width:55%; overflow:hidden; position:relative;  padding:0 0 0 95px;}
.promotion_lst li.n1 , .promotion_lst li.n3 , .promotion_lst li.n5 {width:45%;}
.promotion_lst li .tit { font-size:16px; height:30px; line-height:30px; position:absolute; left:0; top:2px;}
.promotion_lst li .tit:before {content:''; display:inline-block; width:30px; height:30px; background:url(../images/content/ico_pro01.png) no-repeat; margin-right:8px; vertical-align: middle; position:relative; top:-2px;}
.promotion_lst li.n2 .tit:before {background-image:url(../images/content/ico_pro02.png);}
.promotion_lst li.n3 .tit:before {background-image:url(../images/content/ico_pro03.png);}
.promotion_lst li.n4 .tit:before {background-image:url(../images/content/ico_pro04.png);}
.promotion_lst li.n5 .tit:before {background-image:url(../images/content/ico_pro05.png);}
.promotion_lst li.n6 .tit:before {background-image:url(../images/content/ico_pro06.png);}
.promotion_lst li a.link_button {margin-top:-4px; margin-left:0;}
.promotion_lst li div {display:inline-block; margin-top:8px; }
.promotion_lst li div:first-child {margin-top:0;}
.promotion_lst li span.txt {display:block; min-height:40px; position:relative; font-size:16px; padding:4px 0 4px 15px; letter-spacing:-1.8px; }
.promotion_lst li span.txt:before {content:':'; display:inline-block; position:absolute; left:5px; top:3px;}

/* 공유공간현황 리스트 */
.shareoffice_list_wrap{overflow:hidden;}
.shareoffice_list_wrap .shareoffice_list{display:flex; flex-wrap:wrap; margin:0 -10px;}
.shareoffice_list_wrap .shareoffice_list > li{width:calc(100%/3); margin-bottom:30px; padding:0 10px;}
.shareoffice_list_wrap .shareoffice_list > li a{display:block; height:100%; border:1px solid #ddd;}
.shareoffice_list_wrap .shareoffice_list .img_area{display:block; position:relative; padding-top:65%; border-bottom:1px solid #ddd;}
.shareoffice_list_wrap .shareoffice_list .img_area img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.shareoffice_list_wrap .shareoffice_list .tit_area{padding:15px 15px 10px;}
.shareoffice_list_wrap .shareoffice_list .tit_area .title{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; text-align:center;}
.shareoffice_list_wrap .shareoffice_list .tit_area .title:first-child{font-size:20px;}
.shareoffice_list_wrap .shareoffice_list .tit_area .title + .title{color:#004bb8;}
.shareoffice_list_wrap .shareoffice_list .desc_area{padding:0 15px 15px;}
.shareoffice_list_wrap .shareoffice_list .desc_area .desc li{position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:15px;}
.shareoffice_list_wrap .shareoffice_list .desc_area .desc li:before{content:''; position:absolute; top:10px; left:0; width:5px; height:5px; border-radius:50%; background:#aaa;}

/* 공유공간현황 상세 */
.founded_top {  border-top:0; position:relative;border:1px solid #d6d6d6; border-top:3px solid #61646c;}
.founded_top:after {content:''; display:block; clear:both;}
.founded_top .left {float:left; position:relative; width:50%; padding:40px 40px 35px;}
.founded_top .left .item {width:100%; border-radius:6px; overflow:hidden;}
.founded_top .left .item img {width:100%;}
.founded_slider{position:relative;}
.founded_top .right {float:right; width:50%; padding:40px 40px 35px 0; margin-right:-1px; }
.founded_top .right .form_group dl dt {padding:14px 10px 13px; line-height:1.3; min-height:49px; font-size:14px;}
.founded_top .right .form_group dl dd {padding:7px 12px 7px 14px; line-height:2.2; min-height:49px;}
.founded_top .slick-dots {display:block; text-align:center; margin:0; margin-top:6px;}
.founded_top .slick-dots li {display:inline-block; position:relative;padding:0 4px;}
.founded_top .slick-dots li button{display:inline-block; position:relative; z-index:2; width:12px; height:12px; background:#888; border-radius:50px;  text-indent:-999px; overflow:hidden; transition:0.3s; }
.founded_top .slick-dots li.slick-active button {width:36px; background:#0e7ce9;}
.founded_top .nav{margin-top:0px; text-align:center;}
.founded_top .nav button{display:inline-block; position:absolute; z-index:3; top:50%; transform:translateY(-50%); width:36px; height:36px; overflow:hidden; background:url(../images/content/support_prevnext.png) no-repeat; color:transparent;}
.founded_top .nav button.prev{left:0; transform:translate(-50%, -50%);}
.founded_top .nav button.next{right:0; transform:translate(50%, -50%); background-position:-36px 0;}

.s_view .founded_top .right a.button {font-size:15px;font-weight:400;}
.s_view .founded_top .right a.button[target=_blank]:after { content:''; display:inline-block; width:19px; height:14px; background:url(../images/content/btn_blank.png) no-repeat; margin-left:5px;}

/* 대관신청, 공용편의시설 */
.space_list {border-top:3px solid #61646c; margin-bottom:40px;}
.space_list > li {padding:20px 0; min-height:140px; position:relative; border-bottom:1px solid #d6d6d6;}
.space_list > li .img { display:block; width:156px; height:100px; border:1px solid #ddd; position:absolute; left:0; top:20px; overflow:hidden;}
.space_list > li .img img {width:100%; min-height:100px;}
.space_list > li > div {padding-left:180px; padding-right:120px;}
.space_list > li > div h3 {font-size:17px; letter-spacing:-1px; padding:3px 0 10px;}
.space_list > li > div ul.lst { overflow:hidden;}
.space_list > li > div ul.lst li {float:left; width:33.3%; position:relative; padding-left:12px; padding-bottom:2px;}
.space_list > li > div ul.lst.col02 li {width:48%;}
.space_list > li > div ul.lst li:before {content:''; display:block; background:#61646c; width:6px; height:6px; border-radius:6px; position:absolute; left:0; top:8px;}
.space_list > li > div ul.lst li span { padding-right:10px; position:relative;}
.space_list > li > div ul.lst li span:before {content:''; display:block; width:1px; height:14px; background:#ddd; position:absolute; right:4px; top:3px;}
.space_list > li > div .btn_pic { position:absolute; right:0; top:50%; margin-top:-12px; display:block; width:96px; height:24px; text-align:center; border-radius:50px; color:#fff; background:#0c4ba7;}
.space_list > li > div .btn_box { position:absolute; right:0; top:50%; margin-top:-30px;}
.space_list > li > div .btn_box a {display:block; width:96px; height:24px; margin:4px 0; background:#555; border-radius:50px; text-align:center; color:#fff;}
.space_list > li > div .btn_box a.btn_blue {background:#0c4ba7;}
.space_list > li > div .btn_box a.btn_red {background:#ff3e3e;}
.space_list > li > div .fac_box {margin-top:8px;}

.layer_pic { visibility:hidden; position:fixed; left:0; bottom:0; right:0; top:0; overflow:auto; z-index:9999; background:rgba(49,49,49,0.9);}
.layer_pic.open { visibility:visible; }
.layer_pic .l_inr {max-width:800px; margin:60px auto 0; position:relative;}
.slider-for img {width:100%; }
.sld-wrp .slider-for{margin-bottom:24px;}
.sld-wrp .slick-arrow {display:block; width:70px; height:70px; text-indent:-999px; overflow:hidden; background:url(../images/content/prevnext3.png) no-repeat;}
.sld-wrp .slick-prev {position:absolute; left:-100px; top:50%; margin-top:-35px;}
.sld-wrp .slick-next {position:absolute; right:-100px; top:50%; margin-top:-35px; background-position:-70px top;}
.sld-wrp .slick-slide {font-size:0;}
.custom_paging {position:absolute; right:8px; bottom:8px;}
.custom_paging li {display:none; width:69px; height:31px; line-height:31px; font-size:15px; color:#fff; border-radius:31px; color:#fff; background:#333; text-align:center;}
.custom_paging li.slick-active {display:block;}

/* .slider-nav {display:none;} */
.slider-nav button {background:#000;}
.slider-nav .slick-track {margin:0 -1% !important; width:auto !important;}
.slider-nav .slick-slide {  width:18% !important; margin:0 1% !important;}
.slider-nav .slick-slide img {width:100%; height:100px; opacity:.5;}
.slider-nav .slick-current img {opacity:1;}
.layer_pic .layer_close_btn { display:block; width:54px; height:54px; overflow:hidden; text-indent:-999px; background:url(../images/content/btn_close.png) no-repeat; position:absolute; left:50%; margin-left:430px; top:0px; }
.layer_pic .layer_close_btn:hover, .layer_pic .layer_close_btn:focus {}

/*창업상담*/
.consulting_gallery {}
.consulting_gallery > ul {overflow:hidden; padding-top:15px; margin:0 -1%;}
.consulting_gallery > ul > li {float:left; width:31.3%; margin:0 1% 40px;  border:1px solid #ddd; text-align:center;}
.consulting_gallery > ul > li a {display:block;padding-bottom:15px;}
.consulting_gallery > ul > li .img {height:200px; display:block; overflow:hidden; margin-bottom:15px; background:#f0f3f7;}
.consulting_gallery > ul > li .img img {height:200px; display:block; margin:0 auto;}
.consulting_gallery > ul > li .tit {display:block; text-align:center; font-size:22px; font-weight:bold; letter-spacing:-1.5px; margin-bottom:6px; }
.consulting_gallery > ul > li .kind {display:inline-block; font-size:13px; padding:0 10px;  border:1px solid #004bb8; border-radius:30px;  font-weight:normal; color:#004bb8; height:26px; line-height:24px; font-size:14px;}
.consulting_gallery > ul > li .kind:before {content:''; display:inline-block; width:11px; height:13px; background:url(../images/content/ico_lst.png) no-repeat; margin-right:4px; position:relative; top:1px;}
.consulting_gallery > ul > li .c_list { text-align:left; position:relative;  padding:10px 20px; border-bottom:1px solid #ddd; margin-bottom:15px; }
.consulting_gallery > ul > li .c_list li {position:relative; padding-left:12px; padding-bottom:2px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.consulting_gallery > ul > li .c_list li:before {content:''; display:block; width:6px; height:6px; background:#888; border-radius:6px; position:absolute; left:0; top:7px;}
.consulting_gallery > ul > li .c_list li span:after {content:''; display:inline-block; width:1px; height:13px; background:#ccc; margin:0 5px; position:relative; top:1px;}

.consulting_gallery.type2 .img {}
.consulting_gallery.type2 .img img {height:200px; width:100%;}
.consulting_gallery.type2 .txt { margin:0; margin-bottom:20px; height:40px; padding:0 15px; line-height:1.3; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:16px; color:#333; font-weight:600;}
.consulting_gallery.type2 .txt.goods {-webkit-line-clamp:1; height:23px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#888; font-weight:normal; display:block; }
.consulting_gallery.type2 > ul > li div { padding-top:15px; border-top:1px solid #ddd;}

/*창업상담 전문가검색*/
.button.btn_expert:before {content:''; display:inline-block; background:url(../images/content/srch_btn.png) no-repeat; width:14px; height:14px;margin-right:4px; position:relative; top:2px;}
.layer_expert {position:fixed; left:0; top:0; bottom:0; right:0; width:100%; background:rgba(0,0,0,0.3); z-index:99999; overflow-y:auto; display:none;}
.layer_expert.open {display:block;}
.layer_expert .l_inr { max-width:820px; border:1px solid #000; background:#fff; margin:30px auto; padding:30px; position:relative; }
.layer_expert .l_inr tr:hover {background:#fffedd;}
.layer_expert .l_inr h2 { position:relative; padding:0 0 15px 32px; border-bottom:3px solid #666;}
.layer_expert .l_inr h2:before {content:''; display:block; width:25px; height:27px; background:url(../images/content/ico_lst2.png) no-repeat; position:absolute; left:0; top:6px;}
.layer_expert .layer_close_btn {display:block; width:54px; height:54px; border:1px solid #eee; border-radius:60px; background:url(../images/content/btn_close2.png) no-repeat center center; position:absolute; right:30px; top:20px; text-indent:-999px; overflow:hidden; }

/*창업상담 전문가 상세*/
#bbsView.consulting_wrap:before {display:none !important;}
.consulting_top {overflow:hidden; border-top:3px solid #666; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.consulting_top .left {width:222px;float:left; padding:30px 30px 0 30px; text-align:center;}
.consulting_top .left img { display:block; width:100%; max-height:200px; border:1px solid #ddd; margin-bottom:8px;}
.consulting_top .left strong { display:inline-block; font-weight:normal; color:#004bb8; padding-left:30px; background:url(../images/content/ico_a.png) no-repeat left top; line-height:23px;}
.consulting_top .left span {display:block; text-align:center;}

.consulting_top .right {width:calc(100% - 222px); float:right;}
.consulting_top .right .form_group dd .txt_dtl {min-height:130px;}

#bbsView:before.topnone{border-top:0px;}

/*리더스포럼*/
.s_banner {overflow:hidden; margin:0 -5px;}
.s_banner li {float:left; width:calc(25% - 10px); margin:5px;}
.s_banner li a {display:block; padding:16px 0; text-align:center; border:1px solid #d2d2d2;}
.s_banner li a img {height:36px;}

/*포럼게시물*/
.top_tit2 .txt {margin:0; margin-top:-15px; word-break:keep-all;}
.top_tit2 .lst {margin:12px 0 25px; line-height:21px;}
.top_tit2 .lst span { display:inline-block; padding:0; margin:0 9px;font-size:0.968em; color:#666; letter-spacing:-0.6px;}
.top_tit2 .lst span em:after{ content:''; display:inline-block; margin:0 6px; width:1px; height:12px; background:#ddd;}
.top_tit2 .lst span:before {content:''; display:inline-block; width:17px; height:15px; background:url(../images/content/support_icon02.png) no-repeat; margin-right:5px; position:relative; top:2px;}
.top_tit2 .lst span:before {width:16px;height:16px; background:url(../images/content/support_icon03.png) no-repeat;}
.top_tit2 .lst span.n2:before {width:17px; background-position:-16px top;}
.top_tit2 .lst span.n3:before {width:17px; background-position:-33px top;}
.forum_tab { position:relative; border-bottom:1px solid #dae4f3; margin-bottom:30px;}
.forum_tab ul {overflow:hidden; }
.forum_tab ul li {float:left; }
.forum_tab ul li a {display:block; width:112px; height:47px; line-height:47px; border-radius:6px 6px 0 0; background:#555; color:#fff; text-align:center; margin-right:1px;}
.forum_tab ul li a.on {background:#0c4ba7;}
.forum_tab .btn_del {position:absolute; right:0; top:4px; z-index:10; display:block; height:36px; line-height:36px; border-radius:6px; background:#ee2e2e; color:#fff; font-size:14px; padding:0 15px;}
.forum_tab .btn_del:before{content:''; display:inline-block; width:23px; height:19px; background:url(../images/content/icon_down2.png) no-repeat; position:relative; top:4px; margin-right:3px; }

/*달력*/
.calendar_tit {border:20px solid #f2f2f2; padding:80px 10px; background:#10a8dc url(../images/content/calender_top_bg.png) no-repeat center center/cover; }
.calendar_tit h3 {text-align:center; color:#fff; font-size:30px;}
.calendar_tit p {text-align:center; margin:0; position:relative; color:#fff; font-size:20px; padding-top:10px;}
.calendar_tit.type2 p {font-size:15px; padding-top:17px;}
.calendar_tit p:before {content:''; display:block; width:30px; height:1px; background:#fff; position:absolute; left:50%; top:7px; margin-left:-15px;}
.calendar_tit ul {max-width:300px; text-align:center; margin:0 auto; padding-top:8px;}
.calendar_tit ul li {position:relative; padding-left:20px; font-size:18px; color:#fff; }
.calendar_tit ul li:before {content:''; display:block; width:18px; height:17px; background:url(../images/content/cal_icon3.png) no-repeat; position:absolute; left:0; top:7px;}
.calendar_tit.type1 {padding:44px 10px; background:#c1deff url(../images/content01/calendar_bg_type1.jpg) no-repeat center center/cover;position:relative;}
.calendar_tit.type1 *{position:relative;z-index:1;}
.calendar_tit.type1:before{content:'';width:352px;height:144px;background:url(../images/content01/calendar_type1_img1.png) no-repeat 100% 100%/contain;position:absolute;bottom:0;left:0;max-width:28%;z-index:0;}
.calendar_tit.type1:after{content:'';width:365px;height:183px;background:url(../images/content01/calendar_type1_img2.png) no-repeat 100% 100%/contain;position:absolute;bottom:0;right:0;max-width:28%;z-index:0;}
.calendar_tit.type2 {padding:44px 10px; background:#5c88d0 url(../images/content/calender_top_bg2.png) no-repeat center center/cover;}
.calendar_tit.type3 {padding:40px 10px; background:#0ba3b1 url(../images/content/calender_top_bg3.png) no-repeat center center/cover;}
.calendar_tit.type4 {padding:54px 10px; background:#29a982 url(../images/content/calender_top_bg4.png) no-repeat center center/cover;}
.calendar_tit.type3 ul, .calendar_tit.type4 ul{position:relative; padding-top:17px;}
.calendar_tit.type3 ul li, .calendar_tit.type4 ul li{text-align:left;}
.calendar_tit.type3 ul:before, .calendar_tit.type4 ul:before {content:''; display:block; width:30px; height:1px; background:#fff; position:absolute; left:50%; top:7px; margin-left:-15px;}

.calendar .top_select {border:1px solid #e0e6ef; background:#f2f6fc; overflow:hidden; padding:18px 24px;}
.calendar .top_select .left {float:left;}
.calendar .top_select .left label { display:inline-block; height:36px; line-height:36px; background:url(../images/content/ct_icon1.png) no-repeat left 2px; font-size:17px; color:#004bb8; margin-right:12px; padding-left:35px; font-weight:bold;}
.calendar .top_select .right {float:right; font-size:0.92em; padding-left:24px; line-height:36px; background:url(../images/content/ct_icon2.png) no-repeat left 8px;}

.calendar .date_area {text-align:center; background:#f2f2f2; padding:15px 0; margin-bottom:-10px;}
.calendar .date_area * {display:inline-block;}
.calendar .date_area p {font-size:36px; margin:0 20px; padding-top:0px; font-weight:bold; position:relative; top:6px; letter-spacing:-1.5px; line-height:1;}
.calendar .date_area a {font-size:18px;}
.calendar .date_area a.d_prev:after {content:''; display:inline-block; width:39px; height:39px; background:url(../images/content/c_left.png) no-repeat center center; vertical-align:middle; margin-left:6px; position:relative; top:-2px;}
.calendar .date_area a.d_next:before { content:''; display:inline-block; width:39px; height:39px;  background:url(../images/content/c_right.png) no-repeat center center; vertical-align:middle; margin-right:6px; position:relative; top:-2px;}
.calendar .date_area a img {padding:8px 0;}
.tbl_calendar { margin-bottom:45px !important;  position:relative; border-top:0 !important; padding-top:1px; }
.tbl_calendar:before {content:''; display:block; width:100%; height:1px; background:#333; position:absolute; left:0; top:0; right:0; z-index:2;}
.tbl_calendar th { color:#333; border:1px solid #d9d9d9 !important; padding:10px 5px !important; font-size:17px !important; border-top:0 !important; border-bottom:0 !important;}
.tbl_calendar th:first-child , .tbl_calendar td:first-child span {color:#ff2020;}
.tbl_calendar th:last-child , .tbl_calendar td:last-child span {color:#004bb8;}
.tbl_calendar td {height:130px; vertical-align: top; padding:9px 5px 5px 5px !important; position:relative; }
.tbl_calendar td > span {display:block; width:32px; height:32px; line-height:32px; color:#333; border-radius:32px; margin:0 auto;}
.tbl_calendar td .btn_res {display:block; text-align:left; padding:2px 5px; margin-top:6px; background:#e5f1ff; border-radius:4px; font-size:14px; letter-spacing:-0.9px;}

.tbl_calendar td .btn_res2 {display:inline-block; padding:2px 6px; border-radius:5px; background:#3787ff; color:#fff; margin-top:4px;}
.tbl_calendar td .btn_res2:before {content:''; display:inline-block; width:18px; height:16px; background:url(../images/content/cal_icon2.png) no-repeat; position:relative; top:2px; margin-right:4px;}
.tbl_calendar td .btn_gray { display:inline-block; width:100px; padding:2px 0; border-radius:5px; background:#e8e8e8; margin-top:4px;}
.tbl_calendar td .btn_blue { display:inline-block; width:100px; padding:2px 0; border-radius:5px; background:#3787ff; margin-top:4px; color:#fff;}
.tbl_calendar td.today > span { background:#004bb8; color:#fff; font-weight:bold; }
/*.tbl_calendar td .c_layer { display:none; position:absolute;left:-98%; top:141px; right:-98%; z-index:2; border:1px solid #c4c4c4; }
.tbl_calendar td:first-child .c_layer {left:-1px; right:-196%;}
.tbl_calendar td:first-child .c_layer:before {left:18%;}
.tbl_calendar td:last-child .c_layer {left:-196%; right:-1px;}
.tbl_calendar td:last-child .c_layer:before {left:84%;}
.tbl_calendar td .c_layer:before {content:''; display:block; width:20px; height:20px; background:#fff; border-left:1px solid #c4c4c4; border-top:1px solid #c4c4c4; transform: rotate(45deg); position:absolute; left:50%; top:-11px; margin-left:-10px;}
.tbl_calendar td .c_layer .inner { background:#fff; padding:20px; text-align:left;  }
.tbl_calendar td .c_layer .inner h3 {min-height:40px; padding-bottom:15px; line-height:23px; padding-left:26px; background:url(../images/content/cal_layer_icon.png) no-repeat; font-size:20px; border-bottom:2px solid #333; margin-bottom:15px;}
.tbl_calendar td .c_layer .inner ul {padding:15px; background:#f7f7f7;}
.tbl_calendar td .c_layer .inner ul li {position:relative; padding-left:12px;}
.tbl_calendar td .c_layer .inner ul li:before {content:''; display:block; width:6px; height:6px; background:#888; border-radius:50px; position:absolute; left:0; top:9px;}
.tbl_calendar td .c_layer .inner ul li span {display:inline-block; color:#888;}
.tbl_calendar td .c_layer .inner .close_btn {text-indent:-999px; display:block; width:18px; height:17px; background:url(../images/content/c_close.png) no-repeat; position:absolute; right:14px; top:4px; }*/
.tbl_calendar td .res_lst {margin-top:10px;}
.tbl_calendar td .res_lst li {position:relative; text-align:left; font-size:14px; margin:3px 2px 3px 0px; word-break: normal;}
.tbl_calendar td .res_lst li span { display:inline-block; padding:1px 6px; background:#e5f1ff; border-radius:50px; font-size:12px; margin-right:4px;}

.calender_m_lst { display:none; margin-top:10px; border-top:1px solid #333;}
.calender_m_lst > li {padding:16px 16px 16px 10px; border-bottom:1px solid #e8e8e8; position:relative;}
.calender_m_lst > li.sat .tit span {color:#004bb8;}
.calender_m_lst > li.sun .tit span {color:#ff2020;}
.calender_m_lst > li.today .tit span {display:inline-block; width:32px; height:32px; line-height:32px; border-radius:22px; background:#004bb8; color:#fff;}
.calender_m_lst > li:after {content:''; display:block; width:100%; clear:both;}
.calender_m_lst > li .box {float:left; width:calc(100% - 42px);}
.calender_m_lst > li .tit {float:left; width:32px; margin-right:10px; text-align:center; font-size:12px; color:#888;}
.calender_m_lst > li .tit span {display:block; text-align:center; font-weight:bold; font-size:16px; color:#555;}
.calender_m_lst > li .btn_res {display:block; text-align:left; padding:2px 5px; margin-top:6px; background:#e5f1ff; border-radius:4px; font-size:14px; letter-spacing:-0.9px;}

.calender_m_lst > li .btn_res.blue {background:#e2eeff !important; color:#004bb8;}
.calender_m_lst > li .btn_res.red {background:#fffcb2; color:#ff1350;}
.calender_m_lst > li .btn_res > span {display:block; font-size:14px;}
.calender_m_lst > li .btn_res2 {display:inline-block; padding:2px 6px; border-radius:5px; background:#3787ff; color:#fff; margin-top:4px;}
.calender_m_lst > li .btn_res2:before {content:''; display:inline-block; width:18px; height:16px; background:url(../images/content/cal_icon2.png) no-repeat; position:relative; top:2px; margin-right:4px;}
.calender_m_lst > li .btn_gray { display:inline-block; text-align:center; width:100px; padding:2px 0; border-radius:5px; background:#e8e8e8; margin-top:10px;}
.calender_m_lst > li .btn_blue { display:inline-block; text-align:center; width:100px; padding:2px 0; border-radius:5px; background:#3787ff; margin-top:10px; color:#fff;}
.calender_m_lst .c_layer { display:none; position:absolute;left:16px; top:88px; right:16px; z-index:2; border:1px solid #c4c4c4; }
.calender_m_lst .c_layer:before {content:''; display:block; width:20px; height:20px; background:#fff; border-left:1px solid #c4c4c4; border-top:1px solid #c4c4c4; transform: rotate(45deg); position:absolute; left:74px; top:-11px; margin-left:-10px;}
.calender_m_lst .c_layer .inner { background:#fff; padding:20px; text-align:left;  }
.calender_m_lst .c_layer .inner h3 {min-height:40px; padding-bottom:15px; line-height:23px; padding-left:26px; background:url(../images/content/cal_layer_icon.png) no-repeat; font-size:20px; border-bottom:2px solid #333; margin-bottom:15px;}
.calender_m_lst .c_layer .inner ul {padding:15px 15px 10px; background:#f7f7f7;}
.calender_m_lst .c_layer .inner ul li {position:relative; padding-left:12px; line-height:1.2; margin-bottom:6px;}
.calender_m_lst .c_layer .inner ul li:before {content:''; display:block; width:6px; height:6px; background:#888; border-radius:50px; position:absolute; left:0; top:9px;}
.calender_m_lst .c_layer .inner ul li span {display:block; color:#888; margin-bottom:3px;}
.calender_m_lst .c_layer .inner .close_btn {text-indent:-999px; display:block; width:18px; height:17px; background:url(../images/content/c_close.png) no-repeat; position:absolute; right:14px; top:4px; }
.calender_m_lst .res_lst { padding:3px 0;}
.calender_m_lst .res_lst li {position:relative; text-align:left; font-size:14px; margin:3px 2px 3px 0; word-break: normal;}
.calender_m_lst .res_lst li span { display:inline-block; padding:1px 6px; background:#e5f1ff; border-radius:50px; font-size:12px; margin-right:4px;}

/*포럼 회원관련*/
.sm_btn {display:inline-block; padding:2px 14px; border:1px solid #888; color:#666; background:#fff;  border-radius:60px;}
.sm_btn.l_blue {border:1px solid #0c4ba7; color:#0c4ba7;}
.sm_btn.blue {background:#6186be; border:1px solid #6186be; color:#fff; }
.sm_btn.red {background:#ee2e2e; border:1px solid #ee2e2e; color:#fff; }

/*유관기관 관련정보*/
.ins_lst {overflow:hidden; margin:0 -1%;}
.ins_lst>li {float:left; width:31.3%; margin:0 1% 20px; border:1px solid #e1e1e1; border-top:1px solid #333; text-align:center; padding:10px 10px 35px;}
.ins_lst>li .img {border:1px solid #e1e1e1; padding:22px 0; display:block; margin-bottom:17px;}
.ins_lst>li .img img {height:36px;}
.ins_lst>li ul {height:60px;}
.ins_lst>li ul li {letter-spacing:-1px;}
.ins_lst>li .button {width:100%; max-width:140px;}
.ins_lst>li .button:after {content:''; display:inline-block; width:19px; height:14px; background:url(../images/content/ico_more.png) no-repeat; position:relative; top:2px; margin-left:6px;}

/*기업정보DB*/
.top_tit_db{position:relative; margin-bottom:25px;}
.top_tit_db h2{top:8px;}
.top_tit_db a{position:absolute; top:0; right:0;}

/*뷰어 다운로드*/
.viewer_tbl {overflow:hidden; width:100%; border:1px solid #ddd; margin-bottom:20px;}
.viewer_tbl .left {float: left; width: 25%; padding: 20px 0 20px; text-align: center;}
.viewer_tbl .left img {display:inline-block;}
.viewer_tbl .left span {display: inline-block; line-height: 36px; margin-bottom: 5px;}
.viewer_tbl .right {float: left; width: 75%; min-height:130px; padding: 20px; border-left: 1px solid #ddd;}
.viewer_tbl.mgt {margin-top:40px}

/*카카오 오픈채팅*/
td .btn_kakao {display:inline-block; padding:3px 10px; background:#fce000; color:#222222; border-radius:60px; font-weight:bold;  }
td .btn_kakao:before {content:''; display:inline-block; width:20px; height:16px; background:url(../images/content/ico_kakao.png) no-repeat; margin-right:4px; position:relative; top:3px; }

/*기관성과*/
.top_srch2 {background:#f2f6fc; border:1px solid #e9eef5; padding:30px 40px 30px 146px;position:relative; margin-bottom:35px;}
.top_srch2 label { font-size:18px; color:#004bb8; font-weight:bold; position:absolute; left:50px; top:44px;}
.top_srch2 label:before { content:''; display:inline-block; width:20px; height:20px; background:url(../images/content/ico_srch.png) no-repeat; position:relative; top:3px; margin-right:5px; }
.top_srch2 input[type=text] {width:100%; height:50px;}
.result_wrap {overflow:hidden;}
.result_wrap .left {width:49%; float:left;}
.result_wrap .right {width:49%; float:right;}
.result_wrap .tbl01 {margin-bottom:20px;}

/*VC리뷰*/
.button.i_down:before {content:''; display:inline-block; width:19px; height:22px; background:url(../images/content/icon_down.png) no-repeat; position:relative; top:6px; margin-right:6px;}
.review_box { background:#f8f8f8 url(../images/content/review_bg.png) no-repeat left top; padding:135px 40px 40px; position:relative; }
/*.review_box:before {content:''; display:block;  width:204px; height:44px; background:url(../images/content/review_logo.png) no-repeat; position:absolute; right:50px; top:50px;}*/
.review_box .t_tit { text-align:center; margin-bottom:40px;}
.review_box .t_tit h3 span {display:block; position:relative; color:#004bb8; font-size:22px; padding:14px 0 10px; font-weight:normal; line-height:1.1;}
.review_box .t_tit h3 span:before {content:''; display:block; width:40px; height:2px; background:#004bb8; position:absolute; left:50%; margin-left:-20px; top:0;}
.review_box .t_tit h3 strong {font-size:40px; letter-spacing:-2px; line-height:1.1;}
.review_box .t_tit p {font-size:18px; letter-spacing:-1px;}
.review_box h4 { height:45px; line-height:45px; font-size:21px; padding-left:24px; color:#fff; background:#004bb8; background: linear-gradient(90deg, rgba(0,57,140,1) 50%, rgba(248,248,248,1) 60%);}
.review_box h4.red {background: linear-gradient(90deg, rgba(238,46,46,1) 45%, rgba(248,248,248,1) 55%);}
.review_box h4.green {background: linear-gradient(90deg, rgba(1,151,114,1) 45%, rgba(248,248,248,1) 55%);}

.review_box .w_box {background:#fff; padding:30px; margin-bottom:40px;}
.review_box .w_box:last-child {margin-bottom:0;}
.review_box .w_box table { margin:0; margin-bottom:40px;}
.review_box .w_box table:last-child {margin-bottom:0;}
.review_box .w_box .w_inr {border:1px solid #e1e1e1; padding:30px;}

/*유관기관 관련정보 상세*/
.founded_top.type2 .left { width:35%; text-align:center;}
.founded_top.type2 .left .img {display:block; border:1px solid #d6d6d6; padding:16px 0; width:100%; max-width:400px; margin:0 auto; }
.founded_top.type2 .right {width:65%;}

/* 온라인접수 신청 프린트 */
.print_apply_wrap{position:relative; padding:40px; border:1px solid #d9d9d9;}
.print_apply_wrap .logo{position:absolute; top:20px; right:40px;}
.print_apply_wrap .title_public{margin:40px 0; font-size:30px; line-height:1.2; text-align:center;}
.print_apply_wrap .title_public.small{font-size:28px; padding:15px 0; letter-spacing:-2px;}
.print_apply_wrap .date_public{margin:0 0 10px; text-align:right;}
.print_apply_wrap .area_info{margin:30px 0 0; padding:45px 40px; border:1px solid #ddd;}
.print_apply_wrap .area_info .txt01{margin:0; font-size:16px; text-align:center;}
.print_apply_wrap .area_info .date{margin:10px 0 0; font-size:16px; text-align:center;}
.print_apply_wrap .area_info .name_wrap{margin:0; font-size:15px; text-align:right;}
.print_apply_wrap .area_info .name_wrap span{display:inline-block; vertical-align:middle;}
.print_apply_wrap .area_info .name_wrap .name{margin:0 0 0 15px;}
.print_apply_wrap .area_info .name_wrap .seal{margin:0 0 0 10px;}
.print_apply_wrap .area_info .name_wrap .seal img{width:62px;}
.print_apply_wrap .area_info .company{margin:0px 0 0; font-weight:900; font-size:22px; letter-spacing:-2px;}

/* 게시판 상단 알림 */
.notic_box{border:solid 1px #ddd; border-radius:25px; box-sizing:border-box; padding:35px 50px 35px 180px; background:url(../images/common/ico_notice.png) no-repeat 35px calc(50%);}
.notic_box span{display:block; font-size:20px; font-weight:bold;}

/* 마이페이지 */
.mypage_top{display:flex; flex-wrap:wrap; overflow:hidden; margin-bottom:30px;}
.mypage_top:after{content:''; display:block; clear:both;}
.mypage_top li{position:relative; width:calc(20% - 6px); min-height:78px; margin:0 3px 5px; border-radius:5px; background:#f2f2f2;}
.mypage_top li.n1 {/*width:calc(40% - 6px);*/ font-size:14px; text-align:center; padding:0 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; background:#f2f2f2 !important;}
.mypage_top li.n2 {background:#053781;}
.mypage_top li.n3 {background:#044098;}
.mypage_top li.n4 {background:#1050ae;}
.mypage_top li.n5 {background:#175dbd;}
.mypage_top li.n6 {background:#256dc6;}
.mypage_top li:hover{background:#219bda;}
.mypage_top li.n1 span{display:block; padding-top:12px; font-size:16px; text-align:center;}
.mypage_top li.n1 span:before {content:''; display:inline-block; width:30px; height:30px; margin:0 3px 4px 0; background:url(../images/content/my_icon01.png) no-repeat 0 0/cover; vertical-align:middle;}
.mypage_top li.n1 span strong{letter-spacing:-2px;}
.mypage_top li .a_box{display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100%; padding:8px 10px 10px;}
.mypage_top li .tit{display:block; overflow:hidden; color:#fff; font-size:19px; letter-spacing:-1.5px; text-overflow:ellipsis; white-space:nowrap;}
.mypage_top li .tit:before{content:''; display:inline-block; width:30px; height:28px; margin:-2px 3px 0 0; background:url(../images/content/my_icon02.png) no-repeat 0 0; vertical-align:top;}
.mypage_top li.ico03 .tit:before {background-image:url(../images/content/my_icon03.png);}
.mypage_top li.ico04 .tit:before {background-image:url(../images/content/my_icon04.png); margin-top:0;}
.mypage_top li.ico05 .tit:before {background-image:url(../images/content/my_icon05.png);}
.mypage_top li.ico06 .tit:before {background-image:url(../images/content/my_icon06.png);}
.mypage_top li.ico07 .tit:before {background-image:url(../images/content/my_icon07.png); margin-top:0;}
.mypage_top li.ico08 .tit:before {background-image:url(../images/content/my_icon08.png);}
.mypage_top li.ico09 .tit:before {background-image:url(../images/content/my_icon09.png);}
.mypage_top li.ico10 .tit:before {background-image:url(../images/content/my_icon10.png);}
.mypage_top li.ico11 .tit:before {background-image:url(../images/content/my_icon11.png);}
.mypage_top li .num_wrap{display:flex; justify-content:flex-end; flex-wrap:wrap; gap:0 10px;}
.mypage_top li .num {display:block; margin:7px 0 0; color:#fff; text-align:right; line-height:1; font-size:15px;}
.mypage_top li .num strong{display:inline-block; margin-right:3px; font-size:21px; vertical-align:text-bottom;}

.mypage_wrap h2 {font-size:24px;}
.mypage_wrap table th,
.mypage_wrap table td{font-size:15px;}
.my_box_outter .my_box h3 {font-size:20px; padding-bottom:8px;}
.my_box_outter .my_box h3:before {content:''; display:inline-block; width:31px; height:30px; background:url(../images/content/my_h01.png) no-repeat; margin-right:3px; position:relative; vertical-align:top;}
.my_box_outter .my_box h3.n2:before { background:url(../images/content/my_h02.png); top:2px;}
.my_box_outter .my_box h3.n3:before { background:url(../images/content/my_h03.png);}
.my_box_outter .my_box h3.n4:before { background:url(../images/content/my_h04.png);}
.my_box_outter .my_box h3.n5:before { background:url(../images/content/my_h05.png);}
.my_box_outter .my_box h3.n6:before { background:url(../images/content/my_h06.png);}
.my_box_outter .my_box {position:relative;}

.mypage_manual{overflow:hidden; max-width:660px; margin:0 auto 50px; text-align:center;}
.mypage_manual.one{max-width:330px;}
.mypage_manual li{float:left; vertical-align:middle; width:320px; border-radius:50px; height:50px; line-height:50px; border:2px solid #0072bc; margin:0 5px;}
.mypage_manual li span{font-weight:600; padding-right:10px;}
.mypage_manual li a{display:inline-block; margin-top:12px !important;}

/* 수강신청 강좌목록 */
.s_type.orange:before {content:'추첨식'; border:1px solid #ff6c00; color:#ff6c00; width:45px;}
.s_type.navy:before {content:'선착순'; border:1px solid #0008b0; color:#0008b0;  width:45px;}
.s_type.mint:before {content:'선발식'; border:1px solid #00b0a6; color:#00b0a6;  width:45px;}
.s_type.pink:before {content:'동반접수'; border:1px solid #e1277e; color:#e1277e;  width:55px;}

.s_type2{font-family:'notokr' !important; line-height:1.4;}

/**************************************************
	테이블
**************************************************/
/* Table */
table.new_tbl {width:100%; margin:10px 0 5px; word-break:keep-all; word-wrap:break-word; border-top:0}
table.new_tbl th,
table.new_tbl td,
table.new_tbl th,
table.new_tbl td{border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
table.new_tbl td:first-child {border-left:0;}
table.new_tbl td:last-child {border-right:0;}
table.new_tbl th{padding:12px 5px; text-align:center; background:#467de1; color:#fff;}
table.new_tbl thead + table.new_tbl tbody th{background:#fcfcfc;}
table.new_tbl td{padding:12px 8px;}

/* 강좌관리 */
.tbl_top_btn .btn_calender{display:inline-block; float:left;}

/*** 공통적인 성격의 클래스명 단독으로 사용 금지(유니크한 클래스명이 아닐 경우 캐스케이딩 방식으로 작성)
.attfile {display:block; margin:5px 0;}
.attfile img {vertical-align: middle;}
***/


/*******************************************************
	반응형설정
*******************************************************/

/* 1259px ~ 1399px */
@media all and (max-width:1399px){

	.cont_find_idpw .button{min-width:150px;}

	/* 마이페이지 */
	.mypage_top li .tit{font-size:17px;}

}

/* 1023px ~ 1259px */
@media all and (max-width:1259px){

	.img_conLst3 .lst {width:47%;}
	.img_conLst2, .img_conLst4 {width:99%;}
	.img_conLst4 .lst {width:100%;}
	.img_conLst4 .lst + .lst {width:100%; margin-left:0; background:none;}

	.founded_gallery ul li .img img {width:auto;}

	/*인센티브*/
	.img_conLst .right {width:80%;}

	/* 회원가입 Intro */
	.login_process{padding:0;}
	.login_process li{width:25%; margin:0; padding:15px 10px !important; border-right:1px solid #d8d8d8; font-size:16px;}
	.login_process li:last-child{border-right:none;}
	.login_process li:before {display:none;}
	.login_process li span {width:24px; height:24px; line-height:20px; margin-right:5px; font-size:15px;}

	/* 로그인 */
	.cont_login .sns_login_btm{padding:30px 20px;}
	.cont_login .wrap_login .login_tit{margin-top:0;}
	.cont_login .wrap_login .box_login .txt_caution{margin:60px 0 0;}

	.cont_find_idpw{padding:20px;}
	.cont_find_idpw .box_idpw .lst_idpw{display:block; margin-top:20px;}
	.cont_find_idpw .box_idpw .lst_idpw > li{margin:0 0 15px 0; width:100%; padding:30px 20px;}
	.cont_find_idpw .box_idpw .lst_idpw > li.pw{margin:0;}
	.cont_find_idpw .box_idpw .lst_idpw .title_idpw{min-height:initial;}
	.cont_find_idpw .box_idpw .lst_idpw .title_idpw::before{width:100px; height:100px; background-size:100px !important; margin:0 auto 10px !important;}

	/* 마이페이지 - 회원가입 */
	.cont_login .sns_login_top .inr{padding:30px 40px 30px 200px;}
	.cont_login .sns_login_top .inr:before{left:40px;}

}


/* 01. Tablet 768px ~ 1023px */
@media all and (max-width:1023px){
	.promotion_top .left {width:300px;}
	.promotion_top .right {width:calc(100% - 340px);}
	.layer_expert .l_inr {max-width:inherit; width:auto; margin:30px 12px;}
	.layer_expert .layer_close_btn {transform: scale(0.65); right:18px;}

	/*리더스포럼*/
	.s_banner li { width:calc(33.3333% - 10px);}

	.space_list > li > div {padding-right:0;}
	.space_list > li > div .btn_pic {position:absolute; right:inherit; left:29px; top:140px; }
	.space_list > li > div .btn_box {position:inherit; right:inherit; top:inherit; margin-top:10px;}
	.space_list > li > div .btn_box a {display:inline-block; margin:2px 0;}
	.space_list > li > div ul.lst li {width:48% !important; padding-right:2%;}

	.layer_pic .l_inr {max-width:inherit; margin:30px;}
	.sld-wrp .slick-prev {left:5px; transform:scale(0.75); z-index:10;}
	.sld-wrp .slick-next {right:5px; transform:scale(0.75); z-index:10;}
	.layer_pic .layer_close_btn {left:inherit; margin-left:0; right:5px; top:5px; transform: scale(0.75);}

	.top_tit2 h4 {line-height:1.1;}
	.top_tit2 a {position:inherit; margin:-20px auto 30px;}

	.support_lst_wrap .dtl_top_box {padding:30px;}
	.support_lst_wrap .dtl_top_box2 {padding:30px;}
	.support_lst_wrap .dtl_top_box:after{width:210px; right:-15px; top:30px;}
	.support_lst_wrap .dtl_top_box.n1:after,
	.support_lst_wrap .dtl_top_box.n2:after,
	.support_lst_wrap .dtl_top_box.n3:after,
	.support_lst_wrap .dtl_top_box.n4:after,
	.support_lst_wrap .dtl_top_box.n5:after,
	.support_lst_wrap .dtl_top_box.n6:after,
	.support_lst_wrap .dtl_top_box.n7:after,
	.support_lst_wrap .dtl_top_box.n8:after{background-size:80%;}
	.support_lst_wrap .dtl_top_box p {padding:0; padding-bottom:30px; min-height:inherit;}
	.box_btm { padding-top:10px; min-height:195px;}

	/*회원가입*/
	.box_line , .box_line2 {border:0; padding:0;}
	.box_line2.blue {border:1px solid #d2d2d2; border-top:2px solid #00388b; padding:12px;}
	.process04 .box_line {border:1px solid #d2d2d2; padding:40px;}

	/* 아이디비밀번호 찾기 */
	.cont_find_idpw{padding:40px 30px;}

	/* 지원사업안내 리스트 */
	.support_list li {width:calc(33.3333% - 20px);}

	/* 정부인증 신기술 */
	.img_conLst .right {width:75%;}
	.step_link_type li {margin-right:6%;}
	.step_link_type.certified li {width:29%;}
	.step_link_type.uncertified li {width:27%;}

	/*테스트배드*/
	.step_link_type.testbed li {width:45.5%;}
	.step_link_type.testbed li em {margin-top:0}
	.step_link_type.testbed li:after {background: url(/cmsh/singisul.daegu.go.kr/images/content/newTech_arrow02.png) no-repeat 0;}
	.img_conLst2 .left {width:100%;}
	.img_conLst2 .left img {width:100%;}
	.img_conLst2 .right {width:100%;}
	.img_conLst3 .lst {width:100%;}
	.img_conLst4 .lst {width:100%;}
	.img_conLst4 .lst + .lst {margin-left:0; background:none;}
	.icss h4, .conTit4 img {width:100%;}
	.img_conLst3 .lst .higher {height:auto;}
	.img_conLst3 .lst img {width:100%;}

	/*신기술활용안내*/
	.step_link_type.application li {width:45%;}
	.step_link_type.application li:after {background: url(/cmsh/singisul.daegu.go.kr/images/content/newTech_arrow02.png) no-repeat 0; top:70px;}
	.step_link_type li a {height:auto; padding:20px;}
	.step_link_type li {margin-right:5%;}

	/*인센티브*/
	.step_link_type.incentive li {width:44.4%; height:160px; padding:20px 0; margin-right:5%;}
	.step_link_type.incentive li:after {top:70px;}
	.incentive_guide div {width:100%; height:auto; margin-bottom:15px; border-right:0}
	.incentive_guide .wline {margin:0; height:0}

	/*신기술 플랫폼 안내*/
	.system p {float:none; width:100%;}
	.system a {float:none; width:280px; display:block;}
	.about_postion {top: 70px; height: 340px;}

	/*전문가현황*/
	.expert_current li {width:32%;}
	.expert_current li:nth-child(3n) {margin-right:0}
	.expert_current li:nth-child(5n) {margin-right:2%;}

	/*기관성과*/
	.top_srch2 { padding:20px 20px 20px 106px; margin-bottom:25px;}
	.top_srch2 label { font-size:18px; color:#004bb8; left:18px; top:32px;}

	.result_wrap {overflow:hidden;}
	.result_wrap .left {width:auto; float:none;}
	.result_wrap .right {width:auto; float:none;}
	.result_wrap .tbl01 {margin-bottom:10px;}

	.review_view2{margin-top:20px;}

}

@media all and (max-width:910px){

	.support_wrap {width:540px;}

}

/* 02. Mobile 830px */
@media all and (max-width:830px){

	.mypage_wrap .my_line_box { padding:15px 15px 0;}

	.support_lst_wrap .dtl_top_box:after {display:none;}
	.support_lst_wrap .dtl_top_box p{text-align:center;}

	.promotion_top .left , .promotion_top .right{ float:none; width:auto;}
	.promotion_top .left {margin-bottom:30px;}
	.promotion_top .left img {width:100%;}
	.promotion_top .right h2 {font-size:24px; text-align:center;}
	.promotion_top .right .hashtag {text-align:center;}
	.promotion_top .right .hashtag span {font-size:15px; padding:4px 12px; margin:0 2px 5px;}
	.promotion_lst {padding:26px 0;}
	.promotion_lst li {float:none; width:auto !important;}
	.promotion_lst li span {font-size:15px !important;}

}

/* 02. Mobile 640px ~ 767px */
@media all and (max-width:767px){

	/* 상단검색 */
	.top_srch{padding:20px;}
	.top_srch .t_select{width:calc(100% + 4px);float:none; margin-bottom:10px; }
	.top_srch .t_date{float:none; width:75%;}
	.top_srch .t_left{float:none; width:100%; margin-bottom:10px;}
	.top_srch .t_left strong,
	.top_srch .t_left select{float:left; width:70px; margin-top:6px;}
	.top_srch .t_left input[type=text]{float:left; width:calc(48% - 35px);}
	.top_srch .t_left span{float:left; width:4%; margin-top:4px; text-align:center;}
	.top_srch .t_right{float:none;}
	.top_srch .t_right select{width:calc(50% - 2.5px);}

	.support_wrap {width:380px;}

	.layer_expert .l_inr {padding:20px;}
	.layer_expert .layer_close_btn {right:10px; top:12px;}

	.ins_lst>li {width:48%;}

	/*달력*/
	.calendar_tit {border:0; background:#10a8dc;  padding:40px 0;}
	.calendar_tit.type2 { background:#5c88d0; padding:30px 0;}
	.calendar_tit h3 {font-size:23px;}
	.calendar_tit p {font-size:16px;}
	.calendar .date_area {background:none;}
	.calendar .date_area p{top:auto; font-size:22px; vertical-align:middle;}
	.calendar .date_area a.d_prev,
	.calendar .date_area a.d_next{vertical-align:middle;}
	.calendar .date_area a.d_prev:after,
	.calendar .date_area a.d_next:before{width:22px; height:22px;}
	.tbl_calendar {display:none;}
	.calender_m_lst {display:block;}
	.calendar_tit.type3 { background:#0ba3b1; padding:30px 0;}

	/*리더스포럼*/
	.s_banner li { width:calc(50% - 10px);}

	.consulting_top {border-left:0; border-bottom:0; overflow:inherit;}
	.consulting_top .left {float:none; width:auto; border:1px solid #d6d6d6; border-top:none; margin-bottom:15px; padding:20px;}
	.consulting_top .right {float:none; width:auto;}
	.consulting_top .left img {width:50%; max-width:240px; height:auto; max-height:inherit; display:block; margin:0 auto 10px;}

	.support_lst_wrap .dtl_top_box {padding:15px;}

	.consulting_gallery > ul > li {width:48%;}

	/*.space_list > li .img {display:none;}
	.space_list > li > div {padding-left:10px;}*/
	.slider-nav .slick-slide img {height:80px;}

	.support_detail .top_dtl {display:block; margin-bottom:20px;}
	.support_detail .top_dtl li { float:none; width:auto; margin-bottom:10px;}
	.support_detail .top_dtl li:before , .support_detail .top_dtl li:after {display:none;}
	.support_detail .top_dtl li h4 {font-size:20px; padding-bottom:16px; }
	.support_detail .top_dtl li h4:before {width:60px; height:60px; background-size:100%; margin-top:20px;}
	.support_detail .top_dtl li p { background:#f4f8ff; font-size:1em;}

	/**/
	.founded_top {border:0;}
	.founded_top .left , .founded_top .right { float:none; width:auto; margin:0; margin-bottom:1px;}
	.founded_top .left {border:1px solid #d6d6d6;border-top:3px solid #61646c; margin-bottom:15px;}
	.founded_top .left:before {display:none;}
	.founded_top .right {padding:0;}

	/**/
	.founded_srch {padding:0px; border:none; background:#fff;}
	.founded_srch .box:before {display:none;}
	.founded_srch .box strong {float:none; text-align:left; width:auto; height:18px; line-height:18px; padding:14px 0 0 12px; display:block;}
	.founded_srch .box div {float:none; width:auto; margin-right:-15px; padding-top:8px;}
	.founded_srch a {position:relative; right:inherit; top:inherit; bottom:inherit; width:200px; height:42px; line-height:42px; margin:15px auto 0;}
	.founded_gallery ul li {width:48%;}

	/**/
	.comment_write {padding:15px;}
	.comment_write .write_box textarea {width:calc(100% - 80px);}
	.comment_write .write_box a { width:80px; }
	.comment_list {padding:0 20px;}

	/* 로그인 */
	.cont_login .wrap_login .login_lr{flex-direction: column;}
	.cont_login .wrap_login .login_l{width:100%;}
	.cont_login .wrap_login .login_r{width:100%;}
	.cont_login .wrap_login .box_login .inp_area{margin-bottom:15px;}
	.cont_login .wrap_login .box_sns_login{margin-bottom:30px; padding:0;}
	.cont_login .wrap_login .box_sns_login .login_ul{display:block;}
	.cont_login .wrap_login .box_sns_login .login_ul li{width:100%; margin:10px 0; border:1px solid #bbb;}
	.cont_login .wrap_login .box_sns_login .login_ul li a{justify-content:center; padding:15px;}
	.cont_login .area_guide{display:block; margin:10px 0 30px 0;}
	.cont_login .area_guide li{width:100%; margin:10px auto;}
	.cont_login .area_guide li a{padding:10px 20px;}
	.cont_login .area_guide li a:before{margin-right:10px;}
	.cont_login .area_guide li .guide_txt strong{font-size:16px; line-height:1.2;}
	.cont_login .area_guide li .guide_txt span{font-size:16px;}

	.cont_login .sns_login_btm .lst_login{flex-direction:column;}
	.cont_login .sns_login_btm .lst_login li{width:100%; margin:0 0 10px 0;}
	.cont_login .sns_login_btm .lst_login li:last-child{margin:0;}

	/* 회원마당 - 공통 bg */
	.cont_find_idpw{padding:15px;}
	.cont_find_idpw:before,
	.cont_find_idpw:after{display:none;}
	.cont_find_idpw .box_idpw,
	.cont_join_intro .inr,
	.process01 .lst{border-width:2px; padding:20px;}

	/* 회원마당 - 공통 버튼 */
	.cont_find_idpw .button{height:42px; line-height:40px; font-size:17px;}

	/* 아이디,비번 찾기 */
	.cont_find_idpw .box_idpw > .inr{padding:30px 20px;}
	.cont_find_idpw .box_idpw .lst_idpw .title_idpw{font-size:22px;}

	.cont_login .wrap_login .box_login{margin-top:20px;}
	.cont_login .wrap_login .box_login .txt_caution{margin:20px 0 0 0;}
	.cont_login .wrap_login .box_login .inp_area{height:50px; margin:10px 0;}
	.cont_login .wrap_login .box_login .btn_login{padding:15px; font-size:18px;}
	.cont_login .wrap_login .login_tit .txt01{font-size:25px;}
	.cont_login .gray_box{padding:20px 15px;}
	.cont_login .wrap_login .sns_login_wrap{padding:20px 20px 30px; margin:0 0 25px 0;}
	.cont_login .wrap_login .sns_login_wrap .details{flex-direction:column; padding:20px 0 0;}
	.cont_login .wrap_login .sns_login_wrap .details p{width:100%; padding:0; margin:0 0 20px 0;}
	.cont_login .wrap_login .sns_login_wrap .details p .m_none{display:none;}
	.cont_login .wrap_login .box_sns_login .title{font-size:20px;}

	/* 회원가입 Intro */
	.cont_join_intro .box_join{display:block; width:100%; padding:25px 20px;}
	.cont_join_intro .box_join .title_join{padding:110px 0 15px 0; font-size:22px;}
	.cont_join_intro .box_join .title_join:before,
	.cont_join_intro .box_join .title_join:after{width:100px; height:100px; background-size:100px !important;}
	.cont_join_intro .box_join .guide{min-height:inherit; margin:0 0 20px 0;}
	.cont_join_intro .box_join .guide br{display:none;}
	.cont_join_intro .inr{flex-wrap:wrap;}
	.cont_join_intro .join_younger14{margin-top:15px;}
	.cont_join_intro .box_join:first-child{margin:0;}

	.happy_top.join_intro{padding-bottom:25px;}
	.happy_top.join_intro .happy_top_inr > div{padding-left:0;}
	.happy_top.join_intro .j_intro01{padding-bottom:25px; margin-bottom:25px;}

	/* 아이디 찾기/비밀번호 변경 top */
	.cont_find_idpw .box_idpw .tit{font-size:25px;}
	.cont_find_idpw .box_idpw .idpw_info2{margin:20px 0 0;}
	.cont_find_idpw .box_idpw .lst_idpw .txt{margin:10px 0 20px;}

	/* 본인인증 */
	.process01 .lst{width:100%; flex-direction:column;}
	.process01 ul li{width:100%; padding:30px;}
	.process01 .type2{margin-top:20px;}

	/*회원가입*/
	.login_process{border-bottom:0; border-right:0; margin-bottom:26px;}
	.login_process li{width:50%; padding:10px !important; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8 !important; font-size:15px;}

	.line_box {height:200px;}
	.login_type .box:before {width:80px; height:80px; background-size:100%; margin:20px auto 10px;}
	.login_type .box p {font-size:15px; line-height:1.3; height:auto; word-break: keep-all; padding:0 30px;}
	.login_type .box p br {display:none;}
	.login_type .box a {max-width:170px;}
	.login_type ul {height:auto; margin-top:20px;}
	.login_type ul li {font-size:15px; line-height:1.5;}

	.top_srch {padding:10px; margin-bottom:25px;}
	.top_srch .t_date {width:100%;}

	.support_dtl_lst .dtl_lst li {padding:15px 0 15px 0;}
	.support_dtl_lst .dtl_lst li .favorite {left:inherit;top:inherit; right:0; bottom:15px;}
	.support_dtl_lst .dtl_lst li .deadline {position:inherit; margin-top:10px; top:0;}
	.support_dtl_lst .dtl_lst li .person {display:block; position:inherit; margin-top:10px; top:0;}
	.support_dtl_lst .dtl_lst2 .btn_go {position:inherit; margin:10px auto 0; top:0; height:34px; line-height:32px; width:120px; display:block;}

	.tbl01 th , .tbl01 td {font-size:14px;}

	/* 정부인증 신기술 */
	.img_conLst .left {float:none; width:100%; text-align:center;}
	.img_conLst .right {float:none; width:100%;}
	.img_conLst2 .left {float:none; width:100%;}
	.img_conLst2 .left img {width:100%;}
	.img_conLst2 .right {float:none; width:100%;}
	.img_conLst4 .lst {width:100%;}
	.img_conLst4 .lst + .lst {margin-left:0; background:none;}
	.step_link_type li a {height:auto; padding:20px 0}
	.step_link_type.certified li {width:92%;}
	.step_link_type.certified li:after {background: url(/cmsh/singisul.daegu.go.kr/images/content/newTech_arrow02.png) no-repeat 0;}

	/*미인증신기술*/
	.step_link_type.uncertified li {width:43%;height:180px; margin-right:7%;}
	.step_link_type.uncertified a em {width:100%;}
	.step_link_type.uncertified li:after {top:70px; background: url(/cmsh/singisul.daegu.go.kr/images/content/newTech_arrow02.png) no-repeat 0;}

	/*테스트배드*/
	.step_link_type.testbed li {width:44%; margin-right:6%;}
	.step_link_type.testbed li a {height:auto; padding:20px;}
	.step_link_type.testbed li a span {margin-right:10px;}
	.step_link_type.testbed li a em {margin-top:10px;}

	/*신기술활용안내*/
	.step_link_type.application li {width:92%;}

	/*유관기관 관련정보 리스트*/
	.form_group2 dl dt {position:relative; width:100%; margin:0; border-left:0; border-bottom:1px solid #d6d6d6;}
	.form_group2 dl dt:before {display:none;}
	.form_group2 dl dd {margin-left:0;}

	.founded_top.type2 .left {float:none; width:100%; margin-bottom:-1px;}
	.founded_top.type2 .right {float:none; width:100%;}

	/*VC리뷰*/
	.review_box {padding:70px 20px 20px; }
	.review_box:before { right:50%; margin-right:-102px; top:20px;transform: scale(0.75);}
	.review_box .t_tit h3 span {font-size:16px;}
	.review_box .t_tit h3 strong {font-size:26px; line-height:1.1;}
	.review_box .t_tit p {font-size:15px; line-height:1.1;}
	.review_box h4 {font-size:17px;}
	.review_box .w_box {padding:14px; margin-bottom:24px;}
	.review_box .w_box .w_inr {padding:14px;}
	.review_box .w_box table {margin-bottom:20px !important;}

	/* 마이페이지 */
	.mypage_top li{width:calc(50% - 6px); min-height:70px;}
	.mypage_top li.n1 {width:calc(100% - 6px); min-height:initial; padding:0px 10px 8px;}
	.mypage_top li .tit{font-size:16px;}
	.mypage_top li .tit:before{margin-top:-3px;}
	.mypage_top li .num{margin:5px 0 0;}

	/* 공유공간현황 리스트 */
	.shareoffice_list_wrap .shareoffice_list{margin:0 -5px;}
	.shareoffice_list_wrap .shareoffice_list > li{width:calc(100%/2); padding:0 5px;}
	.shareoffice_list_wrap .shareoffice_list .tit_area{padding:10px;}
	.shareoffice_list_wrap .shareoffice_list .tit_area .title{font-size:14px;}
	.shareoffice_list_wrap .shareoffice_list .tit_area .title:first-child{font-size:15px;}
	.shareoffice_list_wrap .shareoffice_list .desc_area{font-size:13px;}
	.shareoffice_list_wrap .shareoffice_list .desc_area .desc li{padding-left:8px;}
	.shareoffice_list_wrap .shareoffice_list .desc_area .desc li:before{top:7px; width:3px; height:3px;}

}

@media all and (max-width:700px){

	.mypage_manual{max-width:320px;}
	.mypage_manual li{float:none; margin:0 0 10px;}
	.mypage_manual li.manual02{margin:0;}

}

/* 03. Mobile 320px ~ 639px */
@media all and (max-width:639px){

	.slider-nav .slick-slide img {height:70px;}

	.founded_top .left {padding:20px;}

	.s_view .tab_tit a {font-size:14px; overflow:hidden;}

	.s_view h4.tit {margin-top:16px;}
	.s_view h4.tit span {color:#004bb8; background:none; text-align:left;}
	.s_view h4.tit a {position:inherit; margin:-6px 0 12px -3px;}
	.s_view .l_box {padding:15px; font-size:15px;}
	.s_view .l_box #map{height:300px !important;}

	.support_write h4.tit {margin-top:16px;}
	.support_write h4.tit span { color:#004bb8; background:none; text-align:left; }
	.support_write h4.tit span .require {display:inline; height:auto; font-size:16px; color:#ee2e2e;}
	.support_write .l_box {border:1px solid #e1e1e1; border-top:2px solid #004bb8; padding:10px;}

	/* 지원사업안내 리스트 */
	.support_list li {width:calc(50% - 20px);}
	.support_list li a {height:260px;}
	.support_list li a .txt {font-size:20px; padding:120px 0 20px; text-shadow:0 0px 3px #fff;}
	.support_list li a:hover:after , .support_list li a:after {transform: scale(.75);}

	.support_lst_wrap .supportzone .item .img {height:110px;}
	.support_lst_wrap .supportzone .item .img img {min-height:110px;}
	.support_lst_wrap .dtl_top_box p {font-size:15px; line-height:1.35;}
	.support_lst_wrap .dtl_top_box p br {display:none;}
	.box_btm { padding-top:10px; min-height:155px;}

	.step_link_type.uncertified li {width:92%;}

	/*테스트배드*/
	.step_link_type.testbed li {width:92%;}
	.step_link_type.testbed li a em {width:82%; margin-top:22px;}

	/*인센티브*/
	.step_link_type.incentive li {width:92%;}

	/*신기술 플랫폼 안내*/
	.about {height:auto; margin-bottom:50px;}
	.about .pic {display:none;}
	.about .text {position:static; height:auto; width:auto; padding:40px;}
	.about .text strong:before {left:-55px; width:40px;}

	/*전문가현황*/
	.expert_current li {width:48%;}
	.expert_current li:nth-child(3n) {margin-right:2%}
	.expert_current li:nth-child(2n) {margin-right:0}
	.login_wrap {padding:25px 18px;}
	.login_wrap .tit {font-size:16px;}
	.login_wrap .tit strong {font-size:26px;}
	.login_wrap .ipt_wrap{padding-right:98px; margin-top:20px;}
	.login_wrap .ipt_wrap input {height:40px;}
	.login_wrap .ipt_wrap .btn {height:90px; line-height:90px; width:90px; }
	.find_id li {padding:18px 0 18px 18px;}

	.pop_block{padding:20px;}
	.pop_block .inr{padding-bottom:20px; margin-bottom:20px;}

	.process04 h3 {font-size:22px; padding-top:0px; line-height:1.3;}
	.process04 p {font-size:15px; line-height:1.4;}
	.process04 .box_line {padding:30px 20px;}
	.process04 div {padding-bottom:10px;}
	.process04 .button {width:46% !important; text-align:center; padding-left:0; padding-right:0;}

}


@media all and (max-width:560px){

	.calendar .top_select {padding:12px 18px; margin-bottom:12px;}
	.calendar .top_select .left {float:none; padding-bottom:12px; border-bottom:1px solid #e0e6ef;}
	.calendar .top_select .right {float:none; margin-top:12px; margin-left:9px; padding-left:26px;}

	.s_banner li a img {height:30px;}
	.space_list > li .img {width:100px; height:66px;}
	.space_list > li .img img {min-height:66px;}
	.space_list > li > div {padding-left:116px;}
	.space_list > li > div ul.lst li {width:100% !important; padding-right:0; line-height:18px; padding-bottom:8px;}
	.space_list > li > div ul.lst li:before {top:6px;}
	.space_list > li > div .btn_pic { left:2px; top:109px;}
	.consulting_gallery > ul > li {width:98%; margin-bottom:16px;}
	.consulting_gallery.type2 .img img {width:auto;}
	.founded_gallery ul li {width:98%;}
	.form_group2 dl dd span.yugan {width:48%;}

	.top_srch .t_select select {width:calc(50% - 4px) !important; margin-bottom:4px;}

	.support_wrap {width:250px;}
	.supportzone {padding:0 30px;}
	.supportzone .item .img {height:auto;}
	.supportzone .item .img img {min-height:inherit;}

	/* (성남)게시판 상단 알림 */
	.notic_box{border:solid 1px #ddd; border-radius:25px; box-sizing:border-box; padding:35px 30px 35px 30px; background:none;}
}

/* ~ 537px */
@media all and (max-width:537px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/



}

@media all and (max-width:440px){

	.support_wrap {width:150px; margin:0 -12px;}
	.supportzone .nav button {width:25px; height:25px; background-size:auto 25px;}
	.supportzone .nav button.next{background-position:-25px 0;}

	.mypage_top{}

	.s_banner li a {padding:10px 0;}
	.s_banner li a img {height:24px;}

	.layer_pic .l_inr {margin:12px; margin-top:30px;}
	.sld-wrp .slick-prev {transform: scale(0.5); left:-6px;}
	.sld-wrp .slick-next {transform: scale(0.5); right:-6px;}
	.layer_pic .layer_close_btn {transform: scale(0.5); top:-6px; right:-6px;}
	.custom_paging {transform: scale(0.75); right:0;}
	.sld-wrp .slider-for {margin-bottom:16px;}

	.slider-nav .slick-slide img {height:50px;}

	.right.btn_type {float:none; width:auto; clear:both; margin:0px -1%; position:relative; top:6px; padding-bottom:6px;}
	.right.btn_type a {width:48%; margin:0 1%;}
	.founded_gallery ul {padding-top:15px;}
	.founded_gallery ul li {width:98%; margin-bottom:15px;}

	.support_list li a {height:220px;}
	.support_list li a .txt {padding-top:100px;}
	.support_list li a .dtl {line-height:38px; height:38px;}

}

@media all and (max-width:400px){

	.forum_tab .btn_del {top:60px;}
	.pop_block .inr h2{padding:0 0 10px 53px;}

}

.box_comm3.agree_box{margin:50px 0;}
.box_comm3.agree_box .tt{font-size:24px; font-weight:700; margin-bottom:15px;}
.box_comm3.agree_box .box_comm2{margin-bottom:25px; overflow-y:auto; height:347px; padding:40px;}
.box_comm3.agree_box .box_comm2 .txt{margin-left:25px; line-height:1.8;}
.box_comm3.agree_box .box_comm2.no_he{height:auto;}
.box_comm3.agree_box .no_dot{background:none; padding-left:0;}
.box_comm3.agree_box .conLst2{margin-bottom:20px;}
.box_comm3.agree_box td{background:#fff;}
