@charset "utf-8"; /* CSS Document */ /* Sub : greeting */ .conBody .greeting{position:relative;padding-top:50px;margin-bottom:80px; border-top:1px solid #ddd} .conBody .greeting .imgBox1{margin-bottom:30px;} .conBody .greeting .imgGreeting{ position:absolute; top:50%; right:0; margin-top:-20%} /* 2025-08-14 개발자 원장인사말의 원장사진 삭제로인하여 주석 사진전달받으면 아래 주석 풀고 윗부분 삭제 */ /* .conBody .greeting .greetingTxt{margin-bottom:15px;font-size:16px;text-align:justify;color:#585858;line-height:1.6em; letter-spacing:-0.075em} */ .conBody .greeting .greetingTxt{width:calc(100% - 374px);margin-bottom:15px;font-size:16px;text-align:justify;color:#585858;line-height:1.6em; letter-spacing:-0.075em} .conBody .greeting .greetingTxt dt { display:inline-block; width:35px; vertical-align:top} .conBody .greeting .greetingTxt dd { display:inline-block; width:calc(100% - 39px)} /* Sub : g​radeMark */ #container #contents .gradeMark {margin:40px 0;} #container #contents .sfArea{position:relative;height:162px;} #container #contents .satisfaction{border:1px solid #ddd;} #container #contents .satisfaction dt{background:#f8f8f8;border-bottom:1px solid #ddd;width:100%;padding:10px 0;height:20px;line-height:20px;color:#585858;text-align:center;font-size:16px;} #container #contents .satisfaction dt span{color:#005da3; font-weight:500;} #container #contents .satisfaction dt i { display:inline-block; width:20px; height:21px; margin-right:10px; vertical-align:top; background:url('../../_images/_sub/satisfaction_ico.png') no-repeat 0 50%; background-size:100%} #container #contents .satisfaction dd{width:100%;min-height:66px;overflow-y:auto;} #container #contents .satisfaction dd .opinion-form { display:table; width:100%; border-bottom:1px solid #ddd;} #container #contents .satisfaction dd .opinion-form span { background:#f8f8f8;border-right:1px solid #ddd; width:15%; display:inline-block;text-align:center;font-weight:700;vertical-align:top; line-height:100px;} #container #contents .satisfaction dd .opinion-form textarea{min-height: 80px;width:calc(85% - 23px); margin:9px 10px; display:inline-block; vertical-align:top; resize:none} #container #contents .satisfaction dd ul.markList{position:relative;padding:20px 0; text-align:center} #container #contents .satisfaction dd ul.markList li{display:inline-block;margin:0 15px;line-height:35px;vertical-align:top} #container #contents .satisfaction dd ul.markList li input[type="radio"]{position:absolute;top:32px;} #container #contents .satisfaction dd ul.markList li label{margin-left:20px;font-weight:500;color:#000;cursor:pointer;} #container #contents .satisfaction dd ul.markList li span{color:#a94722} #container #contents .chargeMan{background:#fff;border:1px solid #ddd;border-top:0;height:40px;} #container #contents .chargeMan .chargeTit{padding-top:12px;font-size:15px;text-align:center;float:left} #container #contents .chargeMan li{display:inline;border-right:0px solid #ddd;width:33%;height:40px;line-height:40px;float:left;text-align: center;} #container #contents .chargeMan li span{background:#f8f8f8;border-right:1px solid #ddd;display:inline-block;margin-right:10px;width:45%;text-align:center;font-weight:700;float:left;} /* Sub : 탐방신청 */ .visit{position:relative;width:100%;clear:both;} /* 개발자 2026.04.28 견학신청 소개 scroll 삭제로 수정*/ .visit .visitList{border:1px solid #e4e4e4;border-right:0;padding:15px 16px;width:40%;/*height:700px;margin-bottom:20px;*/float:left; box-sizing:border-box} .visit .visitList .visit_imgTab li{width:calc(50% - 8.5px);float:left;} .visit .visitList .visit_imgTab li.mg{margin-right:17px;} .visit .visitList .visit_imgTab li .tabTit{display:block;margin-bottom:17px; margin-top:5px; text-align:center;clear:both;} .visit .visitList .visit_imgTab li img { width:100%; height:134px;} .visit .visitBox{border:1px solid #e4e4e4;padding:20px;margin-bottom:50px;clear:both;} .visit .visitBox .depth01{position:relative;background:url('../../_images/_sub/bulllet/bu_visitExam_depth1.gif') no-repeat 20px center;padding-left:38px;margin-bottom:18px;clear:both;} .visit .visitBox .depth01 input[type="radio"]{position:absolute;top:2px;} .visit .visitBox .depth01 label{padding-left:15px;cursor:pointer;} .visit .visitBox .visitExam_list li{background:url('../../_images/_sub/bulllet/bu_visitExam_list.gif') no-repeat 40px 8px;padding-left:50px;margin-bottom:10px;clear:both;} .visit .visitBox .visitExam_list li:last-child{margin-bottom:30px;} .visit .visitBox .visitExam_list li.noBu{background:none;padding-left:30px;margin-bottom:10px;clear:both;} /* 개발자 2026.04.28 견학신청 소개 scroll 삭제로 수정*/ .visit .visitExam{border:1px solid #e4e4e4;padding:15px 13px;width:60%;/*height:700px;overflow-x:hidden;overflow-y:scroll;*/float:left; box-sizing:border-box} .visit .visitExam .noBu{padding-left:20px;margin-bottom:18px;clear:both;} .visit .visitExam .depth01{background:url('../../_images/_sub/bulllet/bu_visitExam_depth1.gif') no-repeat 20px center;padding-left:38px;margin-bottom:18px;clear:both;} .visit .visitExam .depth02{background:url('../../_images/_sub/bulllet/bu_visitExam_depth2.gif') no-repeat 20px center;margin-bottom:18px;clear:both;} .visit .visitExam .depth03{background:url('../../_images/_sub/bulllet/bu_visitExam_depth3.gif') no-repeat 20px center;margin-bottom:18px;clear:both;} .visit .visitExam .visitExam_list li{background:url('../../_images/_sub/bulllet/bu_visitExam_list.gif') no-repeat 40px 8px;padding-left:50px;margin-bottom:10px;clear:both;} .visit .visitExam .visitExam_list li.noBu{background:none;padding-left:30px;margin-bottom:10px;line-height:1.6em;clear:both;} .visit .visitExam .imgBox{margin-bottom:22px;width:100%;text-align:center;clear:both;} .visit .visitExam .imgBox img { width:calc(25% - 3px); height:102px} .visit .visiTab{position:relative;padding-top:39px;margin-bottom:20px;width:100%;clear:both;} .visit .visiTab h4{position:absolute; top:0; left:168px;border:1px solid #e4e4e4;border-left:0;border-bottom:0;width:166px;height:38px;line-height:38px;} .visit .visiTab h4:first-child{left:0;border-left:1px solid #e4e4e4;} .visit .visiTab h4 a{display:block;background:url('../../_images/_sub/bulllet/bu_visitab_off.png') no-repeat 13px 10px;padding:10px 0 10px 42px;height:18px;line-height:18px;color:#000;} /* 2025.07.07 탐방신청 탭 체크유지 개발자 */ .visit .visiTab h4.VCheck a{background:url('../../_images/_sub/bulllet/bu_visitab_on.png') no-repeat 13px 10px #f8f8f8;padding:10px 0 10px 42px;height:18px;line-height:18px;} /* .visit .visiTab h4.active a{background:url('../../_images/_sub/bulllet/bu_visitab_on.png') no-repeat 13px 10px #f8f8f8;padding:10px 0 10px 42px;height:18px;line-height:18px;} */ .visit .tab_con{position:relative;box-sizing:border-box;border:1px solid #e4e4e4;margin-bottom:30px;width:100%;font-size:14px;clear:both;} .visit .tab_con.cont02{display:none;} .visit .tab_con.cont01, .visit .tab_con.cont02{padding:22px 17px;clear:both;} .visit .tab_con .course{background:#f2f2f2;border-radius:35px;margin-bottom:20px;width:150px;height:35px;line-height:35px;font-weight:700;text-align:center;color:#005da3;clear:both;} .visit .tab_con .courseList{margin-bottom:40px;width:70%;} .visit .tab_con ul:last-child{margin-bottom:0;} .visit .tab_con .courseList li{position:relative;margin-bottom:10px;} .visit .tab_con .courseList li:last-child{margin-bottom:0;} .visit .tab_con .courseList li span{color:#005da3;} .visit .tab_con .courseList li input[type="radio"]{position:absolute;top:3px;} .visit .tab_con .courseList li label{padding-left:20px;cursor:pointer;} .visit .tab_con .cont{display:block;position:absolute;background:#f8f8f8;border:1px solid #e4e4e4;top:20px;right:20px;width:313px;height:404px;text-align:center;color:#000;clear:both;z-index:100;} .visit .tab_con .cont .txt{padding-top:30px;margin-bottom:97px;line-height:1.4em;} .visit .tab_con .cont .txt span{color:#005da3;} .visit .tab_con .cont .btn{background:#035387;margin:0 auto;width:167px;height:46px;line-height:46px;} .visit .tab_con .cont .btnVisit{display:block;font-weight:500;color:#fff;clear:both;cursor:pointer;} .visit .tab_con .cont .man{padding-top:145px;} /* Sub : visit : calendar UI */ #container #contents .calendarUi{position:relative;background:#fcfcfc;border:1px solid #dbdbdb;border-bottom:0;width:100%;padding:12px 0 10px;box-sizing:border-box; margin-bottom:-1px;text-align:center;clear:both;} #container #contents .calendarUi .btnToday{display:inline-block;vertical-align:top;border:1px solid #c0c8d0;width:28px;height:17px;line-height:17px;font-size:11px;color:#585858;} #container #contents .calendarUi .todayTit{display:inline-block;width:80px;font-size:16px;font-weight:700;text-align:center;} #container #contents .calendarUi .year, #container #contents .calendarUi .month{border:1px solid #ddd;padding:0 5px;min-width:60px;height:23px;line-height:23px;font-size:14px;color:#000;} #container #contents .calendarUi .year{position:absolute;top:9px;left:9px;} #container #contents .calendarUi .month{position:absolute;top:9px;right:9px;} /* Sub : visit : calendar */ #container #contents .visit .calendar{margin-bottom:80px;width:100%;height:475px;clear:both;} #container #contents .visit .calendar ul{border-top:1px solid #dbdbdb;} #container #contents .visit .calendar ul li{cursor:pointer;border-left:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;} #container #contents .visit .calendar .week{display:inline;width:131px;height:25px;line-height:25px;font-weight:700;text-align:center;float:left;} #container #contents .visit .calendar .day{position:relative;display:inline;padding:0;width:131px;height:76px;float:left;} #container #contents .visit .calendar .today{background:#e9eff5;} #container #contents .visit .calendar .bdl{} #container #contents .visit .calendar .day .num{position:absolute;top:7px;left:7px;display:inline;padding:0;width:10px;height:10px;font-size:11px;} #container #contents .visit .calendar .hdy{color:#c30000;} #container #contents .visit .calendar .sun{border-left:1px solid #dbdbdb;color:#c30000;} #container #contents .visit .calendar .sat{border-right:1px solid #dbdbdb;color:#202c77;} /* Sub : visit : calendar :event */ #container #contents .visit .calendar .day .event{position:absolute;top:7px;left:25px;border:0;font-size:11px;} #container #contents .visit .calendar .day .event li{border:0;} /* Sub : visit : calendar :schedule */ #container #contents .visit .calendar .day .schedule{border:0;margin:0;padding:0;} #container #contents .visit .calendar .day .schedule li{border:0;width:100%;height:54px;line-height:74px;text-align:center;font-weight:700;font-size:14px;} /* Sub : visit : calendar :schedule : detail */ #container #contents .visit .sdeDetail{display:none;position:fixed;top:35%;left:45%;z-index:100;} #container #contents .visit .detailBox{position:relative;background:#e9eff5;border:1px solid #dbdbdb;padding:14px 15px;width:353px;min-height:112px;font-size:14px;overflow:hidden;clear:both;} #container #contents .visit .detailBox .tit{background:#4c4c4c;padding:0 12px;width:92%;height:33px;line-height:33px;font-weight:700;text-align:left;color:#fff;cursor:auto;clear:both;} #container #contents .visit .detailBox .txt{border-bottom:1px dotted #666;padding:10px 1px;margin:0 0 10px 5px;min-height:20px;line-height:1.4em;clear:both;} #container #contents .visit .detailBox .detaiList{margin:0;padding:15px 0 0 0;} #container #contents .visit .detailBox .detaiList li{background:url('../../_images/_sub/bulllet/bu_cal_list.png') no-repeat 4px 5px;margin:0 0 13px 0;padding:0 0 0 15px;height:12px;line-height:12px;text-align:left;cursor:auto;} #container #contents .visit .detailBox .detaiList li:last-child{margin-bottom:0;} #container #contents .visit .detailBox .btnClose{position:absolute;top:23px;right:32px;line-height:1.2em;} #container #contents .visit .detailBox .btnClose a{width:17px;height:17px;} #container #contents .visit .detailBox .privacyInfo{margin-left:10px;} #container #contents .visit .detailBox .privacyInfo li{margin-bottom:5px;} #container #contents .visit .detailBox .privacyInfo li label{font-weight:700;} #container #contents .visit .detailBox .privacyInfo li label + input{width:250px;} #container #contents .visit .detailBox .privacyInfo li:last-child{border-bottom:1px dotted #666;padding-bottom:10px;} #container #contents .visit .detailBox .btnSet_c{padding:20px 0 0 0;margin:0;} #container #contents .visit .detailBox .bbsView{margin:20px auto 0 auto;width:95%;} #container #contents .visit .detailBox .bbsView td{padding:5px 0;} #container #contents .visit .detailBox .bbsView td.tal{padding:5px 0 5px 10px;} #idInfo { position:fixed; top:50%; left:50%; margin:-240px 0 0 -240px; display:none; z-index:100000;} /* Sub : 조직도 */ #container #contents .orgArea{position:relative;width:100%;clear:both;} #container #contents .orgArea .org{position:relative;background:url('../../_images/_sub/gb_org.gif') no-repeat 0 0;margin:0 auto 50px auto;width:620px;height:740px;clear:both;} #container #contents .orgArea .org dl{} #container #contents .orgArea .org dl dt{padding-top:47px;margin-left:237px;width:124px;height:84px;line-height:1.4em;color:#fff;font-weight:700;font-size:20px;text-align:center;} #container #contents .orgArea .org dl dd{width:161px;height:34px;line-height:34px;font-size:14px;text-align:center;font-weight:700;float:left;} #container #contents .orgArea .org dl dd a.orgLink{display:block;color:#005da3;} #container #contents .orgArea .org dl dd.mid{margin:0 59px;} #container #contents .orgArea .org dl dd.depth2{padding-top:192px;} #container #contents .orgArea .org dl dd ul.top{padding-top:44px;clear:both;} #container #contents .orgArea .org dl dd ul.btm{padding-top:44px;clear:both;} #container #contents .orgArea .org dl dd ul li{margin-bottom:10px;height:12px;line-height:12px;font-family:dotum;font-size:12px;color:#585858;font-weight:700;text-align:left;text-indent:26px;} #container #contents .orgArea .org dl dd.dvs01{position:absolute;top:98px;left:23px;} #container #contents .orgArea .org dl dd.dvs02{position:absolute;top:144px;left:23px;} #container #contents .orgArea .org dl dd.dvs03{position:absolute;top:188px;left:23px;} #container #contents .orgArea .org dl dd.dvs04{position:absolute;top:138px;right:8px;} #container #contents .orgArea .org dl dd.dvs05{position:absolute;top:295px;left:0} #container #contents .orgArea .org dl dd.dvs06{position:absolute;top:295px;left:217px} #container #contents .orgArea .org dl dd.dvs07{position:absolute;top:295px;right:23px} #container #contents .orgArea .org dl dd.dvs08{position:absolute;top:521px;left:0 } #container #contents .orgArea .org dl dd.dvs09{position:absolute;top:521px;left:217px } #container #contents .orgArea .org dl dd.dvs10{position:absolute;top:521px;right:23px } .orgArea .org_m { display:none} /* Sub 01 : openApi */ #container #contents .openApi{position:relative;width:100%;clear:both;} #container #contents .apiList{padding-left:35px;} #container #contents .apiList li{list-style:decimal; margin-bottom:5px;} #container #contents .apiList li:last-child{margin-bottom:20px;} #container #contents .apIntro .txt{margin-bottom:20px;} #container #contents .apIntro .apiSteb1, #container #contents .apIntro .apiSteb2{position:relative; margin-bottom:30px} #container #contents .apIntro .apiSteb1:after, #container #contents .apIntro .apiSteb2:after { content:""; clear:both; display:block} #container #contents .apIntro .apiSteb1 dl{position:relative; width:25%;padding:0 2%;text-align:center;float:left;box-sizing:border-box} #container #contents .apIntro .apiSteb2 dl{position:relative; width:20%;padding:0 2%;text-align:center;float:left;box-sizing:border-box} #container #contents .apIntro .apiSteb1 dl:before, #container #contents .apIntro .apiSteb2 dl:before { content:""; clear:both; display:block; position:absolute; top:66px; left:0; width:50%; height:1px; background:#eaeaea; z-index:1} #container #contents .apIntro .apiSteb1 dl:after, #container #contents .apIntro .apiSteb2 dl:after { content:""; clear:both; display:block; position:absolute; top:66px; right:0; width:50%; height:1px; background:#eaeaea; z-index:1} #container #contents .apIntro .apiSteb1 dl:nth-child(1):before, #container #contents .apIntro .apiSteb2 dl:nth-child(1):before, #container #contents .apIntro .apiSteb1 dl:nth-child(4):after, #container #contents .apIntro .apiSteb2 dl:nth-child(5):after { display:none} #container #contents .apIntro .apiSteb1 dl dt, #container #contents .apIntro .apiSteb2 dl dt { position:relative; padding-top:127px; margin-bottom:17px;font-size:15px;color:#000;font-weight:500;z-index:5 } #container #contents .apIntro .apiSteb1 dl:nth-child(1) dt { background:url('../../_images/_sub/bg_api_step1.png') no-repeat 50% 20px} #container #contents .apIntro .apiSteb1 dl:nth-child(2) dt { background:url('../../_images/_sub/bg_api_step2.png') no-repeat 50% 20px} #container #contents .apIntro .apiSteb1 dl:nth-child(3) dt { background:url('../../_images/_sub/bg_api_step3.png') no-repeat 50% 20px} #container #contents .apIntro .apiSteb1 dl:nth-child(4) dt { background:url('../../_images/_sub/bg_api_step4.png') no-repeat 50% 20px} #container #contents .apIntro .apiSteb2 dl:nth-child(1) dt { background:url('../../_images/_sub/bg_api_step1.png') no-repeat 50% 20px} #container #contents .apIntro .apiSteb2 dl:nth-child(2) dt { background:url('../../_images/_sub/bg_api_step5.png') no-repeat 50% 20px} #container #contents .apIntro .apiSteb2 dl:nth-child(3) dt { background:url('../../_images/_sub/bg_api_step3.png') no-repeat 50% 20px} #container #contents .apIntro .apiSteb2 dl:nth-child(4) dt { background:url('../../_images/_sub/bg_api_step4.png') no-repeat 50% 20px} #container #contents .apIntro .apiSteb2 dl:nth-child(5) dt { background:url('../../_images/_sub/bg_api_step4.png') no-repeat 50% 20px} #container #contents .apIntro .apiSteb1 dd, #container #contents .apiSteb2 dd{font-size:14px;color:#585858;line-height:1.4em;letter-spacing:-0.08em; word-break:keep-all} #container #contents .dataWrap>ul { margin-bottom:30px} #container #contents .dataWrap>ul:after { content:""; clear:both; display:block} #container #contents .dataWrap>ul>li { float:left; width:49%; margin-bottom:1%; margin-left:1%; box-sizing:border-box; border:1px solid #ddd; padding:15px;} #container #contents .dataWrap>ul>li:nth-child(2n+1) { margin-left:0} #container #contents .dataWrap>ul>li strong { display:block; color:#005da3; font-size:16px;} #container #contents .dataWrap>ul>li span { display:block; margin-top:10px; min-height:38px; letter-spacing:-.5px} #container #contents .dataWrap>ul>li span.lineH-3 { min-height:57px} #container #contents .dataWrap>ul>li .btnWrap { margin-top:15px; text-align:center} #container #contents .dataWrap>ul>li .btnWrap li { display:inline-block} #container #contents .dataWrap>ul>li .btnWrap li + li { margin-left:20px} #container #contents .dataWrap>ul>li .btnWrap a { display:inline-block; margin-left:5px;} /* Sub 01 : video */ .videoMnBtn { margin-bottom:30px;} .videoMnBtn:after { content:""; clear:both; display:block;} .videoMnBtn li { float:left; width:calc(20% - 5px); margin-left:5px} .videoMnBtn li:first-child { width:20%; margin-left:0} .videoMnBtn li a { display:block; padding:0 20px 0 10px; border:1px solid #ccc; color:#585858; font-size:15px; font-weight:500; line-height:44px; background:url('../../_images/_sub/bgArrow_gray.png') no-repeat 93% 50% } .videoMnBtn li a:hover, .videoMnBtn li a:focus { border-color:#ed1a3b; color:#ed1a3b; text-decoration:none; background:url('../../_images/_sub/bgArrow_red.png') no-repeat 93% 50%} /* Sub 01 : 20230830 국민소통 전문연구실 추가*/ .spcltyMnBtn { margin-bottom:30px;} .spcltyMnBtn:after { content:""; clear:both; display:block;} .spcltyMnBtn li { float:left; margin-left:5px} .spcltyMnBtn li:first-child { width:12%; margin-left:0} .spcltyMnBtn li:last-child { width:18%;} .spcltyMnBtn li a { display:block; padding:0 20px 0 10px; border:1px solid #ccc; color:#585858; font-size:15px; font-weight:500; line-height:44px; background:url('../../_images/_sub/bgArrow_gray.png') no-repeat 93% 50% } .spcltyMnBtn li a:hover, .spcltyMnBtn li a:focus, .spcltyMnBtn li a:after { border-color:#ed1a3b; color:#ed1a3b; text-decoration:none; background:url('../../_images/_sub/bgArrow_red.png') no-repeat 93% 50%} /* Sub 06 : siteMap */ #container #contents .siteMap{position:relative;width:100%;} #container #contents .siteMap:after { content:""; clear:both; display:block} #container #contents .siteMap dl{width:23.5%; margin-right:calc(2% - 5px); display:inline-block; vertical-align:top} #container #contents .siteMap dl.noMg{margin-right:0;} #container #contents .siteMap dt{background:#58585a;width:100%;height:48px;line-height:48px;color:#fff;font-size:17px;font-weight:700;text-indent:18px;letter-spacing:-1px} #container #contents .siteMap dd{border-bottom:1px solid #cfcfcf;width:100%;color:#000;font-size:14px;font-weight:500;letter-spacing:-0.8px} #container #contents .siteMap dd:last-child{margin-bottom:50px;} #container #contents .siteMap dd>a { display:block; padding:10px 18px; line-height:26px;} #container #contents .siteMap dd.depth2 ul{background:#f8f8f8;border-top:1px dotted #cfcfcf;padding:20px 18px;} #container #contents .siteMap dd.depth2 ul li{background:#f8f8f8;margin-bottom:10px;color:#585858;font-size:14px;font-weight:400;} #container #contents .siteMap dd.depth2 ul li:last-child{margin-bottom:0px;} #container #contents .siteMap dd a[target="_blank"]:after { content:""; display:inline-block; width:11px; height:12px; margin-bottom:-2px; margin-left:5px; background:url('../../_images/_common/ico_blank.png') no-repeat 0 0} /* Sub 06 : mobile service */ #container #contents .mobile{position:relative;width:100%;clear:both;} #container #contents .mobile .mobileArea { position:relative; margin-bottom:40px;} #container #contents .mobile .mobileList{border:1px solid #ddd;padding:20px;height:94px;clear:both;} #container #contents .mobile .mobileList dt{margin-right:20px;width:96px;height:94px;float:left;} #container #contents .mobile .mobileList dd.txt{border-left:1px dotted #ddd;border-right:1px dotted #ddd;width:calc(100% - 246px); box-sizing:border-box;margin-right:10px;padding:10px 20px;height:94px;float:left;} #container #contents .mobile .mobileList dd.btn{width:100px;padding-top:25px;padding-left:20px;float:right;} #container #contents .mobile .mobileList dd.btn p{margin-bottom:10px;} #container #contents .mobile .imgList{background:#f8f8f8;border:1px solid #ddd;border-top:0;padding:20px;text-align:center} #container #contents .mobile .imgList li{display:inline-block; padding:0 5px; box-sizing:border-box} #container #contents .mobile .imgList li img{width:100%;max-width:145px;} /* Sub 06 : use data */ #container #contents .useData{ margin:0 auto 40px auto; box-sizing:border-box; color:#585858; background:#fff url('../../_images/_sub/06_ect/bg_use_data.gif') no-repeat 40px 50%;} #container #contents .useData p{ margin-left:160px;} #container #contents .useData .ipt{display:block;text-decoration:underline;font-weight:500;} /* Sub 06 : email */ #container #contents .emailAdd{ margin:0 auto 40px auto; box-sizing:border-box; color:#585858; background:url('../../_images/_sub/06_ect/bg_email.gif') no-repeat 55px 50%;} #container #contents .emailAdd p{ margin-left:160px;} #container #contents .emailAdd .ipt{text-decoration:underline;font-weight:500;} #container #contents .num li{list-style-type:decimal;margin:0 0 10px 20px;padding-left:10px;} /* Sub 06 : movie */ #container #contents .movie{position:relative;margin-bottom:40px;width:100%;line-height:1.6em;clear:both;} #container #contents .movie .movieArea{margin:0 auto 40px auto; padding:25px 40px;box-sizing:border-box; color:#585858; background:url('../../_images/_sub/06_ect/etc_img_image.jpg') no-repeat 50px 50%;} #container #contents .movie .movieArea p{margin-left:160px;font-size:20px;font-weight:500;line-height:140%} #container #contents .movie .movieArea p span { display:block} #container #contents .movie p.depth1{font-size:14px;background:url('../../_images/_sub/bul_list.png') no-repeat left 5px;padding-left:15px;margin:3px 0 10px 23px;} #container #contents .movie p.depth2{background:url('../../_images/_common/bu_circle.png') no-repeat 0 10px;margin:10px 0;padding-left:10px;} #container #contents .movie p.depth3{margin:0 0 20px 23px;} #container #contents .movie>.tableList { width:calc(100% - 20px); margin-left:20px;} #container #contents .movie .noBu2{margin-bottom:20px; padding-left:14px;} #container #contents .movie .noBu2 li{list-style-type:circle;margin-left:23px;} #container #contents .movie .noBu2 dl:after { content:""; clear:both; display:block} #container #contents .movie .noBu2 dt{min-width:62px;float:left;} #container #contents .movie .noBu2 dd{width:92%;float:left;} #container #contents .movie .num li{list-style-type:decimal;margin:0 0 5px 16px;padding-left:5px;} /* Sub 06 : veiwer */ #container #contents .veiwer { margin:0 auto 40px auto; box-sizing:border-box; color:#585858; background:url('../../_images/_sub/06_ect/bg_viewer.gif') no-repeat 40px 50%;} #container #contents .veiwer p { margin-left:160px; } #container #contents .veiwer .ipt{text-decoration:underline;font-weight:500;} /* Sub 06 : privacy */ #container #contents .privacy .privacyArea{margin:0 auto 40px auto; box-sizing:border-box; color:#585858; background:url('../../_images/_sub/06_ect/bg_privacy.gif') no-repeat 50px 50%;} #container #contents .privacy .privacyArea p{margin-left:160px;} #container #contents .privacy .privacyArea .tit{font-size:20px;font-weight:700;} #container #contents .privacy .depth1{background:url('../../_images/_sub/bul_list.png') no-repeat left 4px;padding-left:15px;margin:0 0 20px 20px} #container #contents .privacy p.depth2{background:url('../../_images/_common/bu_circle.png') no-repeat 30px 10px;margin-bottom:10px;padding-left:40px;} #container #contents .privacy .privacyList{padding-top:5px;margin-bottom:5px;overflow:hidden} #container #contents .privacy .privacyList dt{list-style-type:none;margin:0 0 5px 0;padding-left:0;min-width:50px;float:left;} #container #contents .privacy .privacyList dd{margin-bottom:5px;width:85%;float:left;} #container #contents .privacy .num{margin:0 0 20px 0;padding:0;} #container #contents .privacy .num li{list-style-type:decimal;margin:0 0 5px 35px;padding-left:5px;} #container #contents .privacy .noBu{margin:0 0 10px 0;padding:10px 0 0 0;} #container #contents .privacy .noBu li{list-style-type:circle;margin-left:16px;padding-left:0;} #container #contents .privacy .numList{margin:0 0 10px 0;padding:10px 0 0 0;} #container #contents .privacy .numList li{list-style-type:none;margin:0 0 5px 0;padding-left:0} #container #contents .privacy .noBu2{margin:0 0 20px 0;padding:10px 0 0 0;} #container #contents .privacy .noBu2 li{list-style-type:circle;margin:0 0 5px 16px;} #container #contents .privacy .tableList { margin-top:10px} #container #contents .privacy .tableList td img{margin-top:5px;} #container #contents .privacy h2 { margin-bottom:10px; border:0; padding:0; text-align:center; font-size:20px; background:none;} #container #contents .privacy h3 { padding-left:0; background:none;} #container #contents .privacy h3 span { display:inline-block; margin-right:5px; vertical-align:middle} #container #contents .privacy h3 span i { display:inline-block; width:40px; height:42px; margin-right:5px; background:url(../../_images/_sub/06_ect/iconPrivacy.png) no-repeat} #container #contents .privacy h3 i.label1 { background-position:0 0} #container #contents .privacy h3 i.label2 { background-position:-45px 0} #container #contents .privacy h3 i.label3 { background-position:-90px 0} #container #contents .privacy h3 i.label4 { background-position:-135px 0} #container #contents .privacy h3 i.label5 { background-position:-180px 0} #container #contents .privacy h3 i.label6 { background-position:-225px 0} #container #contents .privacy h3 i.label7 { background-position:-270px 0} #container #contents .privacy h3 i.label8 { background-position:-315px 0} #container #contents .privacy h3 i.label9 { background-position:-360px 0} #container #contents .privacy h3 i.label10 { background-position:-405px 0} #container #contents .privacy h3 i.label11 { background-position:0 -47px} #container #contents .privacy h3 i.label12 { background-position:-45px -47px} #container #contents .privacy h3 i.label13 { background-position:-90px -47px} #container #contents .privacy h3 i.label14 { background-position:-135px -47px} #container #contents .privacy h3 i.label15 { background-position:-180px -47px} #container #contents .privacy h3 i.label16 { background-position:-225px -47px} #container #contents .privacy h3 i.label17 { background-position:-270px -47px} #container #contents .privacy h3 i.label18 { background-position:-315px -47px} #container #contents .privacy h3 i.label19 { background-position:-360px -47px} #container #contents .privacy h3 i.label20 { background-position:-405px -47px} #container #contents .privacy h3 i.label21 { background-position:-450px -47px} #container #contents .privacy h3 i.label22 { background-position:-495px -47px} #container #contents .privacy h3 i.label23 { background-position:0 -94px} #container #contents .privacy h3 i.label24 { background-position:-45px -94px} #container #contents .privacy h3 i.label25 { background-position:-90px -94px} #container #contents .privacy h3 i.label26 { background-position:-135px -94px} #container #contents .privacy h3 i.label27 { background-position:-180px -94px} #container #contents .privacy h3 i.label28 { background-position:-225px -94px} #container #contents .privacy h3 i.label29 { background-position:-270px -94px} #container #contents .privacy h3 i.label30 { background-position:-315px -94px} #container #contents .privacy h3 i.label31 { background-position:-360px -94px} #container #contents .privacy h3 i.label32 { background-position:-405px -94px} #container #contents .privacy h3 i.label33 { background-position:-450px -94px} #container #contents .privacy h3 i.label34 { background-position:-495px -94px} .privacy .labelling { display:flex; flex-wrap:wrap; margin-bottom:30px} .privacy .labelling li { width:calc(33.33% - .666%); margin-left:1%; margin-bottom:1%; padding:20px 10px; box-sizing:border-box; border:1px solid #ddd; border-radius:8px; text-align:center; } .privacy .labelling li:nth-child(3n+1) { margin-left:0} .privacy .labelling li span { display:inline-block; font-size:12px; color:#777} .privacy .labelling li:before { content:''; display:block; width:80px; height:85px; margin:0 auto 10px; background:url(../../_images/_sub/06_ect/iconPrivacy.png) no-repeat} .privacy .labelling li:nth-child(1):before { background-position:0 -139px} .privacy .labelling li:nth-child(2):before { background-position:-85px -139px} .privacy .labelling li:nth-child(3):before { background-position:-170px -139px} .privacy .labelling li:nth-child(4):before { background-position:-255px -139px} .privacy .labelling li:nth-child(5):before { background-position:-340px -139px} .privacy .labelling li:nth-child(6):before { background-position:-425px -139px} .privacy .privacyCont { margin-bottom:40px; border-bottom:1px solid #ddd} .privacy .privacyCont:after { content:''; clear:both; display:block;} .privacy .privacyCont li { float:left; width:50%; padding:5px; border:1px solid #ddd; margin-right:-1px; margin-bottom:-1px; box-sizing:border-box;} .privacy .privacyCont li a { display:block; padding:0 20px; line-height:30px;} .privacy .privacyCont li a:after { content:'···'; display:inline-block; float:right;} /* Sub : bannerList */ #container #contents .bannerList{ padding:40px 7%; box-sizing:border-box; border-top:1px solid #ddd} #container #contents .bannerList:after { content:""; clear:both; display:block} #container #contents .bannerList li{display:inline;margin:0 10px 10px 0;float:left;} #container #contents .bannerList li.nomg{margin:0;} #container #contents .bannerList li:last-child{margin-bottom:40px;} #container #contents .bannerList li img{width:137px;height:45px;} #container #contents .siteList{ padding:40px 7%; box-sizing:border-box; border-top:1px solid #ddd} #container #contents .siteList:after { content:""; clear:both; display:block} #container #contents .siteList li{ width:23.5%; margin:0 2% 2% 0;float:left; text-align:center} #container #contents .siteList li:nth-child(4n){margin-right:0;} #container #contents .siteList li img { max-width:100%} #container #contents .siteList li .name{display:block;margin-top:5px;} /* Sub : linkSite */ #container #contents .linkSite{position:relative;width:100%;clear:both;} #container #contents .siteList2{margin:0 auto;width:100%;clear:both;} #container #contents .siteList2 li{display:inline;margin:0 0 10px 2%;width:23%;float:left;} #container #contents .siteList2 li.nomg{margin-right:0;} #container #contents .siteList2 li:last-child{margin-bottom:40px;} #container #contents .siteList3{margin:0 auto;width:100%;clear:both;} #container #contents .siteList3 li{display:inline;margin:0 0 10px 3.3%;width:30%;float:left;} #container #contents .siteList3 li.nomg{margin-right:0;} #container #contents .siteList3 li:last-child{margin-bottom:40px;} /* 약력 */ .content_area{overflow:hidden;} .content_area ul.content_area_list{margin-bottom:50px;} .content_area ul.content_area_list li{background:url('../../_images/_sub/bul_list.png') no-repeat left 4px;padding-left:15px;margin:0 0 10px 23px;} .content_area ul.content_area_list li strong{letter-spacing:1px;width:20%;display:inline-block; vertical-align:top} .content_area ul.content_area_list li span { display:inline-block; width:calc(100% - 20%)} /* 역대기관장 */ .chief{overflow:hidden; } ul.tabs{margin:0 0 20px 0;padding:0;list-style:none;height:40px;border-left:1px solid #d9d9d9;} ul.tabs li{float:left;text-align:center;box-sizing:border-box;width:calc(50% - 1px);height:40px;line-height:40px;border:1px solid #d9d9d9;border-left:none;background:#fff;overflow:hidden;font-size:16px;position:relative;} ul.tabs li a{display:block;background:url('../../_images/_sub/bulllet/bu_tabmenu_off.png') no-repeat 95% center;background-size:20px;} ul.tabs li.active a{font-weight:700;background:url('../../_images/_sub/bulllet/bu_tabmenu_on.png') no-repeat 95% center #f8f8f8;background-size:20px;} .tab_content{width:100%;display:none;overflow:hidden;} ul.chief_photo{overflow:hidden;margin-bottom:20px;} ul.chief_photo li{font-size:14px;float:left;width:20%;text-align:center;margin-bottom:20px;} ul.chief_photo li img{display:block;margin:0 auto 10px;} ul.chief_photo li span{display:block;margin-bottom:3px;} ul.tabs_list{margin-bottom:20px;padding:0;float:right;list-style:none;width:auto;} ul.tabs_list li{float:left;margin-left:6px;text-align:center;cursor:pointer;overflow:hidden;position:relative;border:1px solid #d9d9d9;padding:7px 19px;} ul.tabs_list li.active{background:#005c97;color:#fff;border:1px solid #005c97} ul.tabs_list li.active a{color:#fff;font-weight:700;} .tab_list_cont{clear:both;float:left;width:100%;} .tab_cont{font-size:12px;display:none;} .tab_list_cont .tab_cont ul{width:100%;} .tab_list_cont .tab_cont ul li{list-style:none} /*�ӹ�����*/ .tb01{width:100%;margin-bottom:50px;} .tb01 th{border-bottom:1px solid #d9d9d9;padding:15px 0 15px 23px;vertical-align:top;text-align:left;} .tb01 td{border-bottom:1px solid #d9d9d9;padding:15px;vertical-align:top;} .tb01 td span{margin:15px 0 5px 0;display:block;} /* 우리원변천사 */ .change{overflow:hidden;} ul.tabs_change{margin:0 0 20px 0;padding:0;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;} ul.tabs_change:after { content:""; clear:both; display:block;} /*2025.08.19 개발자*/ ul.tabs_change li{float:left; margin-top:-1px; margin-left:-1px; text-align:center;width:calc(20% - 1px);border:1px solid #d9d9d9;background:#fff;font-size:16px;position:relative;} /* ul.tabs_change li{float:left; margin-top:-1px; margin-left:-1px; text-align:center;width:calc(25% - 1px);border:1px solid #d9d9d9;background:#fff;font-size:16px;position:relative;} */ ul.tabs_change li span{display:block;font-size:14px;margin-top:4px;color:#6E6E6E;font-weight:400;} ul.tabs_change li a{display:block;background:url('../../_images/_sub/bulllet/bu_tabmenu_off.png') no-repeat 95% center;background-size:20px;height:35px;padding:15px;} ul.tabs_change li.active a{font-weight:700;background:url('../../_images/_sub/bulllet/bu_tabmenu_on.png') no-repeat 95% center #f8f8f8;background-size:20px;} .tab_txt{font-size:12px;display:none;overflow:hidden;} .change p{line-height:1.6em;margin-bottom:20px} .change p.last{margin:20px 0 0 0} .box01{border:1px solid #d9d9d9;padding:20px;background:#f8f8f8;} .box01 span{color:#005c97;margin-bottom:10px;display:block;} .box01 ul li{margin-bottom:20px;line-height:1.5em;font-size:14px;padding-left:20px;text-indent:-15px;} .box01 ul li:last-child{margin-bottom:0} /* 작물성분 DB 소개*/ .lmoDb p{line-height:1.6em;margin-bottom:20px;text-align:left;} /* 2024.04.05 왼쪽 정렬 추가. */ /*������*/ .tb02{border-top:3px solid #005c97;border-left:1px solid #d9d9d9;width:100%;margin-bottom:50px;} .tb02 th{line-height:1.5em;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;background:#f8f8f8;padding:15px 0;} .tb02 td{text-align:center;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:15px 0;} /* 부서안내 */ .department{margin:20px 0 50px} .department .debox1{background:#f8f8f8;border:1px solid #d9d9d9;color:#000;font:12px dotum;margin:0;padding:15px;} .department .debox1 div{ display:inline-block;color:#000000;font:bold 13px dotum;} .department .debox1 div label{ display:inline-block; line-height:32px; font-weight:700; vertical-align:top;} .department .debox1 div select{border:1px solid #d9d9d9;height:32px;line-height:25px;margin-left:10px;margin-right:5px;padding-left:5px;vertical-align:middle;width:150px;} .department .debox1 div a.bubtn{ display:inline-block; box-sizing:border-box; text-align:center;background-color:#2d2d2d;color:#fff;font-weight:700;line-height:32px;padding:0 20px; vertical-align:middle} .department .debox1 span { display:inline-block; vertical-align:top} .department .debox1 span a{ display:block; box-sizing:border-box; text-align:center;background-color:#005da3;color:#fff;font-weight:700;line-height:32px;padding:0 20px;} .department .debox1 .divsionList{padding-top:10px} .department .debox1 .divsionList:after { content:""; clear:both; display:block} .department .debox1 .divsionList li{background:url("../../_images/_sub/bulllet/bu_rab_320.png") no-repeat 0 48%;padding-left:10px;margin-right:20px;float:left;} .department .debox1 .divsionList li a { display:block; line-height:32px} .department .debox1 .divsionList li a.on { color:#ed1a3b} p.butit{background:rgba(0, 0, 0, 0) url("../../_images/_sub/bul_r.gif") no-repeat left 50%;background-size:15px; font-size:16px; color:#1c92b0;font-weight:700;margin-bottom:12px;margin-top:25px;padding-left:20px;text-align:left;} p.butit span, p.butit1 span{color:#000;margin-right:3px;} .debox2{background-color:#f8f8f8;border-color:#5a4f4b #d9d9d9 #d9d9d9;border-style:solid;line-height:1.6em;border-width:2px 1px 1px;padding:15px 25px;text-align:justify;} p.butit1{background:rgba(0, 0, 0, 0) url("../../_images/_sub/bul_s.gif") no-repeat left 50%;background-size:9px;color:#1c92b0;font-weight:500;margin-bottom:12px;margin-top:25px;padding-left:15px;text-align:left;} .debox3{background-color:#f8f8f8;border-color:#b1b1b1 #d9d9d9 #d9d9d9;border-style:dashed solid solid;border-width:1px 1px 1px;line-height:1.6em;padding:15px 25px;text-align:justify;} /*���갳�� tb02*/ td.ta_l{text-align:left;padding-left:20px;} td.tit{background:url("../../_images/_sub/bul_y.png") no-repeat 15px center;padding-left:37px;background-size:15px;} /* ã�ƿ��ô±� */ .content_area .tb03{border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;width:100%;line-height:1.3em;margin:10px auto;} .content_area .tb03 th{text-align:center;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;background:#f8f8f8;padding:10px 0;} .content_area .tb03 td{border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:15px 10px;} .content_area span.blue{line-height:1.4em;background:#f2f2f2;border-radius:30px;color:#005da3;font-weight:700;padding:8px 20px;margin:10px 0 0 10px;display:inline-block;} .content_area ul.number{padding-left:10px;margin:15px 0 20px;} .content_area ul.number li{margin-bottom:10px;line-height:1.5em;padding-left:20px;text-indent:-15px;clear:both;} .content_area span.txt_sm{font-size:14px;color:#6b8aa0} .content_area .mb30{margin-bottom:30px;} .btnMap { margin-bottom:10px; text-align:right} .btnMap li { display:inline-block; } .btnMap li a { display:block; padding:0 20px; color:#fff; line-height:30px; background:#003964} /* 텝메뉴 */ /* tab-8 */ ul.tabs_opne_info{margin-bottom:20px;width:100%;float:left;box-sizing:border-box;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;} ul.tabs_opne_info li{float:left;text-align:center;cursor:pointer;width:25%;height:40px;line-height:38px;border:1px solid #d9d9d9;box-sizing:border-box;border-bottom:none;border-left:none;background:#fff;font-size:16px;position:relative;} ul.tabs_opne_info li.active{font-weight:700;background:#f8f8f8;} ul.tabs_opne_info li a{display:block;background:url('../../_images/_sub/bulllet/bu_tabmenu_off.png') no-repeat 95% center;background-size:20px;} ul.tabs_opne_info li.active a{background:url('../../_images/_sub/bulllet/bu_tabmenu_on.png') no-repeat 95% center #f8f8f8;background-size:20px;} /* tab-3 */ ul.tabs_opne_info_01{margin-bottom:20px;width:100%;float:left;box-sizing:border-box;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;} ul.tabs_opne_info_01 li{float:left;text-align:center;width:25%;box-sizing:border-box;line-height:40px;border:1px solid #d9d9d9;border-bottom:none;border-left:none;background:#fff;font-size:16px;position:relative;} ul.tabs_opne_info_01 li.active{font-weight:700;background:url('../../_images/_sub/down.png') no-repeat 95% center #f8f8f8;background-size:20px;} ul.tabs_opne_info_01 li a{display:block;background:url('../../_images/_sub/bulllet/bu_tabmenu_off.png') no-repeat 95% center;background-size:20px;} ul.tabs_opne_info_01 li.active a{background:url('../../_images/_sub/bulllet/bu_tabmenu_on.png') no-repeat 95% center #f8f8f8;background-size:20px;} /* tab-3-1 */ ul.tabs_opne_info_04{margin-bottom:20px;width:100%;float:left;box-sizing:border-box;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;} ul.tabs_opne_info_04 li{float:left;text-align:center;width:33.33%;box-sizing:border-box;line-height:40px;border:1px solid #d9d9d9;border-bottom:none;border-left:none;background:#fff;font-size:16px;position:relative;} ul.tabs_opne_info_04 li.active{font-weight:700;background:url('../../_images/_sub/down.png') no-repeat 95% center #f8f8f8;background-size:20px;} ul.tabs_opne_info_04 li a{display:block;background:url('../../_images/_sub/bulllet/bu_tabmenu_off.png') no-repeat 95% center;background-size:20px;} ul.tabs_opne_info_04 li.active a{background:url('../../_images/_sub/bulllet/bu_tabmenu_on.png') no-repeat 95% center #f8f8f8;background-size:20px;} /* tab-2 */ ul.tabs_opne_info_02{margin-bottom:20px;width:100%;float:left;box-sizing:border-box;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;} ul.tabs_opne_info_02 li{float:left;text-align:center;width:50%;line-height:40px;box-sizing:border-box;border:1px solid #d9d9d9;border-bottom:none;border-left:none;background:#fff;font-size:16px;position:relative;} ul.tabs_opne_info_02 li.active{font-weight:700;background:url('../../_images/_sub/down.png') no-repeat 95% center #f8f8f8;background-size:20px;} ul.tabs_opne_info_02 li a{display:block;background:url('../../_images/_sub/bulllet/bu_tabmenu_off.png') no-repeat 95% center;background-size:20px;} ul.tabs_opne_info_02 li.active a{background:url('../../_images/_sub/bulllet/bu_tabmenu_on.png') no-repeat 95% center #f8f8f8;background-size:20px;} /* tab-4 */ ul.tabs_opne_info_03{margin-bottom:20px;float:left;width:100%;box-sizing:border-box;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;} ul.tabs_opne_info_03 li{float:left;text-align:center;width:25%;line-height:40px;box-sizing:border-box;border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;background:#fff;font-size:16px;position:relative;} ul.tabs_opne_info_03 li.active{font-weight:700;background:url('../../_images/_sub/down.png') no-repeat 95% center #f8f8f8;background-size:20px;} ul.tabs_opne_info_03 li a{display:block;background:url('../../_images/_sub/bulllet/bu_tabmenu_off.png') no-repeat 95% center;background-size:20px;} ul.tabs_opne_info_03 li.active a{background:url('../../_images/_sub/bulllet/bu_tabmenu_on.png') no-repeat 95% center #f8f8f8;background-size:20px;} .tab_opne_info_container{clear:both;float:left;width:100%;background:#FFFFFF;} .tab_opne_info_content{display:none;float:left;width:100%;overflow:hidden;} /* sub-tab*/ ul.subTab { margin-bottom:10px;} ul.subTab:after { content:""; clear:both; display:block;} ul.subTab li { float:left; margin-right:-1px} ul.subTab li a { display:block; padding:7px 30px; border:1px solid #ddd;} ul.subTab li.active a { border-color:#0072bc; color:#fff; background:#0072bc} p.st01{line-height:1.6em;margin-bottom:20px;padding-left:15px;} p.st02{border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;line-height:1.4em;background:#f8f8f8;color:#005da3;font-weight:700;padding:8px 20px;margin:10px 0 0 10px;display:block;} p.st03{border:1px solid #d9d9d9;line-height:1.4em;margin:0 0 10px 10px;padding:8px 20px;color:#005da3} p.st04{line-height:1.6em;padding-left:15px;margin-bottom:10px;} p.st05{border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;line-height:1.4em;background:#f8f8f8;color:#005da3;font-weight:700;padding:8px 20px;margin:10px 0 0 10px;display:block;} p.st06{line-height:1.6em;margin-bottom:20px;padding-left:34px;} /* 리스트 스타일 */ ul.list_st01 li{background:url('../../_images/_common/bu_circle.png') no-repeat left 8px;margin-bottom:6px;padding-left:8px;} ul.list_st01 li:last-child{margin-bottom:0} ul.list_st02 li{margin-bottom:6px;padding-left:8px;} ul.list_st02 li:last-child{margin-bottom:0} ul.list_st03{line-height:1.5em;margin:0 0 20px 15px;} ul.list_st03 li{background:url('../../_images/_common/bu_circle.png') no-repeat left 8px;margin-bottom:5px;padding-left:8px;} ul.list_st03 li:last-child{margin-bottom:0} ul.list_st04{font-size:14px;line-height:1.5em;margin:5px 0;} ul.list_st04 li{background:none;margin-bottom:5px;padding-left:13px;text-indent:-16px;} ul.list_st04 li:last-child{margin-bottom:0} /* ul.list_st05, ul.list_st06은 조직도에서 사용 */ ul.list_st07:after { content:"";clear:both;display:block} ul.list_st07 li{background:url('../../_images/_common/bu_circle.png') no-repeat 10px 8px;margin-bottom:5px;padding-left:18px;float:left;width:33.33%; box-sizing:border-box;} ul.list_st08{line-height:1.5em;margin:8px 0 0 0;margin-left:9px;} ul.list_st08 li{background:none;margin-bottom:15px;padding-left:26px;text-indent:-16px;} ul.list_st08 li:last-child{margin-bottom:0} ul.list_st09{font-size:14px;line-height:1.5em;margin:5px 0;} ul.list_st09 li{background:none;margin-bottom:5px;padding-left:17px;text-indent:-16px;} ul.list_st09 li:last-child{margin-bottom:0} span.blue_go{border:1px solid #d9d9d9;font-size:14px;color:#005da3;font-weight:500;padding:1px 15px;margin-left:4px;display:inline-block;} span.blue02{line-height:1.4em;background:#f2f2f2;border-radius:30px;padding:2px 15px;font-size:14px;color:#005da3;display:inline-block;} .tb_area{margin-bottom:30px} .btnMail img{padding-top:5px;} /* infOpen */ .infOpen{position:relative;width:100%;clear:both;} .infOpen .yearList{position:relative;margin-bottom:10px;width:100%;clear:both;} .infOpen .yearList dt{margin:0 10px;float:left;} .infOpen .yearList dd{float:left;} .infOpen .buIco{background:url('../../_images/_sub/bulllet/icon_ring01.gif') no-repeat 5px 25px;margin-bottom:10px;padding:20px 0 0 20px;font-size:18px;font-weight:700;clear:both;} .infOpen .frameBox{margin:0 auto;width:650px;height:1360px;overflow:hidden;clear:both;} .infOpen .frameStyle{border:0;width:650px;height:1250px;overflow:hidden;} .betterWrap iframe { width:100% !important} /*추가*/ .organ_chart { display:none} .org_2004{background:url('../../_images/_sub/org.gif') no-repeat center center; height:351px; width:551px; margin:0 auto 20px; position:relative;} .org_2004 h3{position:absolute; top:28px; left:250px;background:none !important; color:#fff} .org_2004 h4.tit01{position:absolute; top:78px; left:345px; font-size:14px; color:#000} .org_2004 h4.tit02{position:absolute; top:196px; left:15px; color:#000; font-size:14px;} .org_2004 .dept01{position:absolute; top:142px; left:47px} .org_2004 .dept02{position:absolute; top:142px; left:170px} .org_2004 .dept03{position:absolute; top:142px; left:296px} .org_2004 .dept04{position:absolute; top:142px; left:420px} .org_2004 .dept{width:120px} .org_2004 .dept h4.tit03{text-align:center; font-size:14px; color:#000; margin-bottom:26px; } .org_2004 .dept ul{margin-left:12px;} .org_2004 .dept ul li{font-size:12px; padding-left:6px; margin-bottom:4px; background:url('../../_images/_sub/bulllet/bu_cal_list.png') no-repeat left center / 2px;} .org_2004 p{text-align:center; font-size:14px; padding-top:317px;} /* 시험/분석/검정민원신청 */ .test { padding:1px 0 0 1px} .test .txtBox{clear:both;padding:0 10px;font-size:14px;line-height:1.4em;clear:both;} .test .txtBox p{margin-bottom:10px;padding-left:35px;} .test .txtBox p.txtBlue{color:#6b8aa0;} .test .testArea{background:#f8f8f8;border:1px solid #ddd;padding:20px;margin-bottom:20px;height:250px;clear:both;} .test .testArea dt{background:#fff;border:1px solid #ddd;padding:0 20px;width:30%;text-align:center;float:left; box-sizing:border-box} .test .testArea dd{background:#fff;border:1px solid #ddd;border-bottom:0;width:70%;margin-left:-1px;float:left; box-sizing:border-box} .test .testArea .testDoc{} .test .testArea .testDoc li{border-bottom:1px solid #ddd;padding:10px 20px;height:40px;line-height:40px;} .test .testArea .testDoc li img{margin:10px 0 0 10px;} .imgBox_bg01{background:url('../../_images/_sub/advice_img1_bg.gif') no-repeat center center; height:650px; width:512px; margin:0 auto; margin-bottom:20px; position:relative} .imgBox_bg01 .txt_area{position:absolute; top:0; left:0;} .imgBox_bg01 .txt_area ul{text-align:center;} .imgBox_bg01 .txt_area ul li{width:170px} .imgBox_bg01 .txt_area ul li.txt01{position:absolute; left:5px; top:38px;} .imgBox_bg01 .txt_area ul li.txt02{position:absolute; left:335px; top:38px;} .imgBox_bg01 .txt_area ul li.txt03{position:absolute; left:335px; top:180px;} .imgBox_bg01 .txt_area ul li.txt04{position:absolute; left:170px; top:235px; color:#fff; } .imgBox_bg01 .txt_area ul li.txt05{position:absolute; left:5px; top:346px;} .imgBox_bg01 .txt_area ul li.txt06{position:absolute; left:335px; top:325px;} .imgBox_bg01 .txt_area ul li.txt07{position:absolute; left:335px; top:418px;} .imgBox_bg01 .txt_area ul li.txt08{position:absolute; left:335px; top:479px;} .imgBox_bg01 .txt_area ul li.txt09{position:absolute; left:335px; top:538px;} .imgBox_bg01 .txt_area ul li.txt10{position:absolute; left:335px; top:594px;} .imgBox_bg01 .txt_area ul li.txt11{position:absolute; left:5px; top:605px;} .imgBox_bg01 .txt_area ul li span{color:#fff; display:block; margin-bottom:62px; } .imgBox_bg02{background:url('../../_images/_sub/advice_img2_bg.gif') no-repeat center center; height:353px; width:512px; margin:0 auto; margin-bottom:20px; position:relative} .imgBox_bg02 .txt_area{position:absolute; top:0; left:0;} .imgBox_bg02 .txt_area ul{text-align:center;} .imgBox_bg02 .txt_area ul li{width:170px} .imgBox_bg02 .txt_area ul li.txt01{position:absolute; left:5px; top:40px;} .imgBox_bg02 .txt_area ul li.txt02{position:absolute; left:335px; top:40px;} .imgBox_bg02 .txt_area ul li.txt03{position:absolute; left:335px; top:180px;} .imgBox_bg02 .txt_area ul li.txt04{position:absolute; left:335px; top:240px;} .imgBox_bg02 .txt_area ul li.txt05{position:absolute; left:335px; top:296px;} .imgBox_bg02 .txt_area ul li.txt06{position:absolute; left:5px; top:305px;} .imgBox_bg02 .txt_area ul li span{color:#fff; display:block; margin-bottom:62px; } .imgBox_m { display:none} /*calendar*/ .tb_cal{width:100%; margin-bottom:20px; padding:0; border:0; border-spacing:0; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb} .tb_cal th{border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; padding:4px;} .tb_cal td{ position:relative; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; height:80px;} .tb_cal td.bg{background:#e9eff5} table .w_14{width:14%} .cal_num{position:absolute;top:7px; left:7px;} .sunday{color:#e70505} .satday{color:#1001f1} span.req_num{text-align:center; display:block;word-break:keep-all; line-height:1.2} div.temp01 { width:762px;padding-left:60px;} /* 원장님 일정 */ .schedule .schSa { padding:10px; border:1px solid #dbdbdb; border-bottom:0; margin-bottom:-1px; text-align:center; background:#fcfcfc} .schedule .schSa li { position:relative; display:inline-block; height:30px; line-height:30px; vertical-align:top;} .schedule .schSa li select { margin-right:2px; padding-left:5px; height:30px; font-size:12px; vertical-align:top;} .schedule .schSa li .btnSeach { display:block; width:auto; height:30px; line-height:30px; color:#fff; font-weight:500; text-align:center; padding:0 15px; background:#063761} .schedule .schSa li .todayTit {display:inline-block;width:80px;font-size:16px;font-weight:700;text-align:center;} .schedule .tb_cal td { vertical-align:top} .schedule .tb_cal td .cal_num { position:relative; top:auto; left:auto; display:inline-block; padding:7px 0 7px 10px} .schedule .tb_cal td ul { padding:0 10px 4px;} .schedule .tb_cal td li { position:relative; margin-bottom:3px; padding-left:7px; } .schedule .tb_cal td li:after { content:""; display:inline-block; position:absolute; top:9px; left:0; width:2px; height:2px; vertical-align:middle; background:#005da3} .schedule .tb_cal td li a { white-space:nowrap} .schedule .bbsList2 tbody td { text-align:center; padding:10px;} .schedule .bbsList2 tbody th { padding:10px; text-align:left; border-top:1px solid #ddd; background:none} .schedule .bbsList2 tbody th span:before { content:""; display:inline-block; width:0; height:0; margin:0 6px 1px 2px; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #ed1a3b} /*org*/ .org h3.tit{background:none !important; padding-left:0 !important; color: #fff; font-size: 20px; font-weight:700; height: 84px; line-height: 1.4em; margin-left: 237px; padding-top: 47px; text-align: center; width: 124px;} ul.list_st05{overflow:hidden;} ul.list_st05 li{font-size: 14px; font-weight:500; height: 34px; line-height: 34px; text-align: center; width: 161px;} ul.list_st05 li.dvs01{position: absolute; left: 23px; top: 72px;} ul.list_st05 li.dvs02{position: absolute; left: 23px; top: 118px;} ul.list_st05 li.dvs03{position: absolute; left: 23px; top: 162px;} ul.list_st05 li.dvs011{position: absolute; left: 23px; top: 207px;} ul.list_st05 li.dvs04{position: absolute; right: 8px; top: 138px;} ul.list_st05 li.dvs05{position: absolute; left: 0; top: 237px;} ul.list_st05 li.dvs06{position: absolute; left: 217px; top: 237px;} ul.list_st05 li.dvs07{position: absolute; right: 23px; top: 237px;} ul.list_st05 li.dvs08{position: absolute; left: 0; top: 463px;} ul.list_st05 li.dvs09{position: absolute; left: 217px; top: 463px;} ul.list_st05 li.dvs10{position: absolute; right: 23px; top: 463px;} a.orgLink{color: #176b97;display: block;} ul.list_st06 {clear: both; padding-top: 44px;} ul.list_st06 li{color: #585858; font-size: 13px; height: 12px; line-height: 12px; margin-bottom: 10px; text-align: left; text-indent: 26px;} /* 부서안내 팝업 */ #popupDiv { /* 팝업창 css */ top: 50px; left:50%; position: absolute; background: #fff; width:90%; max-width: 700px; height: 600px; display: none; padding: 62px 20px 20px; margin-left:-350px; box-sizing:border-box; overflow-y: auto; } #popupDiv h2 { position: absolute; top: 0; left: 0;width:100%;background: #005da3 !important;padding: 5px 20px !important;box-sizing:border-box; text-align:center; border:0 !important; border-radius:0 !important;margin-bottom:0 !important} #popupDiv h2 span { color:#fff; line-height:32px;} #popupDiv .table { width:100%; margin-bottom:20px; border-spacing:0; border-top:2px solid #5a4f4b; border-right:1px solid #ddd;} #popupDiv .table th, #popupDiv .table td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px;} #popupDiv .table th { background:#f8f8f8} #popupDiv .closeBtn {color: #fff;line-height: 32px;text-decoration: none;font-weight:700;float:right} /* LMO위해성심사시스템 */ .lmoRule { word-break:keep-all;} .lmoRule .lmoRuleTitle { margin-bottom:30px; padding:20px 0 30px; border-bottom:1px dashed #ccc; text-align:center; font-size:24px; font-weight:700; line-height:1.2} .lmoRule .lmoRuleTitle span { display:block; margin-top:10px; font-size:14px; font-weight:400;} .lmoRule .lmoRuleSubTitle { margin:30px 0; text-align:center; font-size:18px; font-weight:700} .lmoRule h3 { color:#005da3} .lmoRule dl { margin-bottom:25px; text-align: left; } /* 2024.04.05 LMO위해성심사시스템 소개 - 심사지침 탭의 본문 내용 왼쪽 정렬 스타일 추가(LMO연구관리시스템 소개에서도 사용중임). */ .lmoRule dt { margin-bottom:5px; font-weight:700; } .lmoRule ul li { padding-bottom:5px;} .lmoRule ul ul { margin:10px 0 0 15px; } /* LMO연구관리시스템 */ .lmoOrganigation dl { position:relative; display:flex; padding-top:20px} .lmoOrganigation dl:first-child { padding-top:0;} .lmoOrganigation dl:after { content:""; clear:both; display:block; position:absolute; top:0; left:10%; width:1px; height:20px; background:#cacaca; z-index:-1} .lmoOrganigation dt { width:20%; padding:20px 10px; text-align:center; word-break:keep-all; border:3px solid #6ab38c; border-radius:8px; box-sizing:border-box; font-weight:700; background:#fff} .lmoOrganigation dd { width:78%; margin-left:calc(2% - 4px); padding:20px; border:1px solid #cacaca; box-sizing:border-box; background:#fff} .lmoContents { font-size:16px;} .lmoContents h3 { font-size:18px !important} .lmoContents h4 { margin:0 0 5px 15px; padding-left:15px; font-size:16px; font-weight:500; color:#005da3; background:url('../../_images/_sub/bul_list.png') no-repeat left 4px} .lmoContents p.st01 { margin-bottom:30px} .lmoContents .listGraph { margin-bottom:30px;} .lmoContents .listGraph:after { content:""; clear:both; display:block} .lmoContents .listGraph li { float:left; width:40%; padding-left:15px; box-sizing:border-box; line-height:1.6em} .lmoContents .listGraph li:first-child { width:60%} .lmoContents img { max-width:100%} /* 찾아오시는길 */ .roughMap { margin-bottom:40px} .roughMap:after { content:""; clear:both; display:block;} .roughMap p { float:left; width:calc(100% - 240px); text-align:center;} .roughMap div { float:left; width:240px; padding:5px; box-sizing:border-box; background:url('../../_images/_sub/bgPattern01.png') repeat 0 0} .roughMap ul { padding:20px; background:#f8f8f8} .roughMap li { margin-top:10px; border:1px solid #ccc; background:#fff} .roughMap li:first-child { margin-top:0} .roughMap li a { display:block; padding:8px 19px; line-height:23px; color:#000; font-size:16px; letter-spacing:-.5px; } .roughMap li span { display:inline-block; width:23px; height:23px; margin-right:10px; border-radius:12px; line-height:23px; text-align:center; color:#fff; background:#555} .roughMap li span.point1 { background:#e4012e} .roughMap li span.point2 { background:#235998} .kakaoMap { border:1px solid #d9d9d9; box-sizing:border-box} .mapCont { margin-bottom:40px} .mapCont li { margin:20px 0 0 30px;} .mapCont strong { display:inline-block; width:80px; padding-left:20px; color:#000; font-weight:500; font-size:16px; background:url('../../_images/_sub/bul_h3.png') no-repeat 0 50%} .mapCont span { display:inline-block; margin-left:50px; padding-left:24px; font-size:16px;} .mapCont span.add { background:url('../../_images/_sub/ico_marker.png') no-repeat 4px 50%} .mapCont span.tel { background:url('../../_images/_sub/ico_tel.png') no-repeat 0 50%} .mapCont span.fax { background:url('../../_images/_sub/ico_fax.png') no-repeat 0 50%} /* 2023-10-16 LMO소개 */ .lmoIntroWrap { text-align: center;} #container #contents .lmoIntroWrap h3 { position: relative; margin-bottom: 30px; padding-top:45px; padding-left:0; font-weight: 700; font-size:25px; color:#323232; letter-spacing: -1px; line-height: 1; background:none;} #container #contents .lmoIntroWrap h3:before { content:''; display: block; width:1px; height:22px; position: absolute; top:0; left:50%; transform: translateX(-50%); background: #d3d3d3;} #container #contents .lmoIntroWrap h3:after { content:''; display: block; width:10px; height:10px; border-radius: 100%; position: absolute; top:22px; left:50%; transform: translateX(-50%); background:#d3d3d3;} .lmoIntroWrap .st01 { margin-bottom: 55px; padding-left:0; color:#626262; font-size:20px; letter-spacing: -1.5px; word-break: keep-all;} .lmoIntroWrap .st01:after { content:''; display:block; width:42px; height:5px; margin:10px auto 0; background:#323232} .lmoIntroWrap .st04 { margin-bottom: 20px; padding-left:0; color:#323232; font-size: 16px; font-weight: 300; line-height: 1.4; letter-spacing: -1px; word-break: keep-all;} .lomIntroTitle { position: relative; margin-bottom:135px; padding:0 40px 95px; background:#0072bc url(../../_images/_sub/bgLmoIntroTitle.png) no-repeat 0 0} .lomIntroTitle:after { content:''; display: block; position: absolute; bottom:0; left:50%; transform: translate(-50%, 50%); width:90%; max-width:432px; height:126px; background:url(../../_images/_sub/iconLomIntroTitle.png) no-repeat 0 0; background-size:contain } .lomIntroTitle h3 { color:#fff !important} .lomIntroTitle h3:before, .lomIntroTitle h3:after { background:#fff !important} .lomIntroTitle h3 span { color:#ffea00} .lomIntroTitle .st01 { margin-bottom: 30px; color:#fff; font-weight: 500;} .lomIntroTitle .st01:after { background:#fff} .lomIntroTitle .st04 { color:#fff; font-size:17px} .gmoExample { position: relative; display: flex; justify-content: space-evenly; gap:20px; margin-top:70px; margin-bottom: 55px; padding:65px 20px 50px; background: #f1f4f9;} .gmoExample>strong { position: absolute; top:-25px; left:50%; transform: translateX(-50%); padding:15px 25px; color:#fff; font-size:22px; font-weight: 500; letter-spacing: -1px; border-radius: 22px; background:#225898; z-index: 1;} .gmoExample dl { position: relative; max-width:410px; padding:32px 10px 25px; flex:1; box-sizing: border-box; color:#323232; line-height: 1.4; box-shadow: 0 5px 10px rgba(0,0,0,.08); background: #fff;} .gmoExample dl:before { content:''; display: block; position: absolute; top:0; left:50%; transform: translateX(-50%); border-top:14px solid #225898; border-left:11px solid transparent; border-right: 11px solid transparent; z-index: 1;} .gmoExample dl:after { content:''; display: block; width:50%; height:65px; position: absolute; top:-65px; left:calc(50% - 1px); box-sizing: border-box; border-top:2px solid #225898; border-left: 2px solid #225898; border-radius: 20px 0 0 0;} .gmoExample dl:last-child:after { left:1px; border-left:0; border-right:2px solid #225898; border-radius:0 20px 0 0; } .gmoExample dt { font-size:20px; font-weight: 500;} .gmoExample dt:before { content: ''; display: block; position: absolute; top:0; left:10px; width:calc(100% - 20px); height:5px; background:#dee6f0} .gmoExample dt span { display: block;} .gmoExample dd { font-size: 16px; font-weight: 300; letter-spacing: -1px;} .gmoExample dd:before { content:''; display: block; width:1px; height: 50px; margin:10px auto 5px; background:#dee6f0} .gmoExample dd span { display: block; margin-bottom: 30px;} #lmoTab { display: flex; justify-content: center; gap:90px } #lmoTab li { position: relative; width:133px; padding-bottom: 35px; box-sizing: border-box;} #lmoTab li.active:after { content:''; display: block; position: absolute; bottom:-11px; left:50%; transform:translateX(-50%) rotate(-45deg); border:10px solid #e9faff; border-left-color:transparent; border-bottom-color: transparent; box-shadow:1px -1px 0 #0072bc; z-index: 1;} #lmoTab li a { display: block; font-size: 18px; font-weight: 500; color:#323232; letter-spacing: -1px;} #lmoTab i { display: flex; justify-content: center; align-items: center; width:133px; height: 133px; margin:0 auto 10px; border-radius: 100%; background: #cce3f2;} #lmoTab i:after { content:''; display: block; height:63px; background:url(../../_images/_sub/iconLmoTab.png) no-repeat 0 0 } #lmoTab i.icon1:after { width:61px;} #lmoTab i.icon2:after { width:62px; background-position: -66px 0;} #lmoTab i.icon3:after { width:57px; background-position: -133px 0;} #lmoTab i.icon4:after { width:62px; background-position: -195px 0;} #lmoTab li.active i { background:#0072bc} #lmoTab li.active i.icon1:after { background-position: 0 -68px;} #lmoTab li.active i.icon2:after { background-position: -66px -68px;} #lmoTab li.active i.icon3:after { background-position: -133px -68px;} #lmoTab li.active i.icon4:after { background-position: -195px -68px;} .lmoTab_content { display: none; position: relative; margin-bottom: 50px; padding:40px 270px 20px 30px; text-align: left; border:1px solid #0072bc; color:#323232; background:#e9faff} .lmoTab_content:after { content:''; display: block; position: absolute; bottom:-50px; right:5px; width:293px; height:340px; background: url(../../_images/_sub/bg_lmoTab.png) no-repeat 0 0;} .lmoTab_content h4 { margin-bottom: 20px; font-size: 20px; letter-spacing: -1px;} #tab2 .lomIntroTitle{ text-align: left; background:#0072bc url(../../_images/_sub/bgLmoIntroTitle1.png) no-repeat 100% 100%; padding: 0 25px 35px; margin-bottom: 50px;} #tab3 .lomIntroTitle{ text-align: left; background:#0072bc url(../../_images/_sub/bgLmoIntroTitle2.png) no-repeat 115% 50%; margin-bottom: 80px; padding: 0 25px 35px;} #tab3 .lomIntroTitle:after{ background: url(../../_images/_sub/bgLmoIntroTitle3.png) no-repeat 0 0; width: 273px; height: 426px; left: auto; right: 85px; transform: none; bottom: -60px;} #container #contents #tab2 .lomIntroTitle h3, #container #contents #tab3 .lomIntroTitle h3{ padding-top: 30px; margin-bottom: 20px;} #container #contents #tab2 .lomIntroTitle h3:before, #container #contents #tab2 .lomIntroTitle h3::after, #tab2 .lomIntroTitle p:after, #tab2 .lomIntroTitle:after, #container #contents #tab3 .lomIntroTitle h3:before, #container #contents #tab3 .lomIntroTitle h3::after, .lmoIntroWrap #tab3 .lomIntroTitle .st01:after{ display: none;} #tab2 .lomIntroTitle strong, #tab3 .lomIntroTitle strong{ display: inline-block !important; font-weight: inherit !important; color: #ffea00; letter-spacing: -0.09em;} #tab2 .lomIntroTitle .st01{ margin-bottom: 20px} #tab3 .lomIntroTitle .st01{ padding-right: 250px;} #tab2 .lomIntroTitle .st04, #tab3 .lomIntroTitle .st04{ padding-right: 150px; line-height: 1.8;} #tab3 .lomIntroTitle .st04{ padding:0 300px 0 12px; position: relative; z-index: 1; line-height: 1.5;} #tab3 .lomIntroTitle .st04::before{ content: ''; display: block; position: absolute; left: 0; top: 15px; width: 5px; height: 1px; background: #fff;} #tab2 .lomIntroTitle .btnWrap{ display: flex; justify-content: flex-start; align-items: center;} #tab2 .lomIntroTitle .btnWrap a, #tab2 .lomIntroTitle .btnWrap button{ display: flex; justify-content: center; align-items: center; background: #063761; color: #fff; font-size: 16px; padding: 0 15px; height: 50px;} #tab2 .lomIntroTitle .btnWrap button{ background: #cce3f2; font-size: 0; width: 55px; padding: 0} #tab2 .lomIntroTitle .btnWrap button:before{ content: ''; display: inline-block; background: url(../../_images/_sub/iconLmo.png) no-repeat 0 0; width: 18px; height: 18px;} .lmoIntroWrap .bbsBox_dw{ clear: both; display: flex; flex-wrap: wrap;} .lmoIntroWrap .bbsBox_dw li{ width: 50%; margin-bottom: 10px; padding: 0 5px; box-sizing: border-box; position: relative} .lmoIntroWrap .bbsBox_dw li:nth-child(odd){ padding-left: 0} .lmoIntroWrap .bbsBox_dw li>div{ background: #fff; border: 1px solid #b8b8b8; border-radius: 10px; height: 100%;} .lmoIntroWrap .bbsBox_dw li>div:hover{ border: 1px solid #0072bc;} .lmoIntroWrap .bbsBox_dw li p{ padding: 15px 10px 10px; font-size: 16px; font-weight: 500; letter-spacing: -0.085em; line-height: 1.4;} .lmoIntroWrap .bbsBox_dw.goSite{ margin-bottom: 50px} .lmoIntroWrap .bbsBox_dw.goSite li>div{ display: flex; align-items: center;} .lmoIntroWrap .bbsBox_dw.goSite li>div p{ padding: 20px 120px 20px 15px; text-align: left; min-height: 30px;} .lmoIntroWrap .bbsBox_dw.goSite li>div:hover{ border: 1px solid #0072bc;} .lmoIntroWrap .bbsBox_dw.goSite li>div a{ display: block; background: #e8e8e8; font-size: 15px; line-height: 35px; padding: 0 10px 0 6px; position: absolute; top: 25px; right: 20px} .lmoIntroWrap .bbsBox_dw.goSite li>div a::before{ content: ''; display: inline-block; background: url(../../_images/_sub/iconLmo.png) no-repeat -53px 0; width: 18px; height: 18px; vertical-align: middle; margin: 0 5px 0 0;} .lmoIntroWrap .bbsBox_dw.goSite li>div:hover a{ background: #0072bc; color: #fff} .lmoIntroWrap .bbsBox_dw.goSite li>div:hover a::before{ background-position: -77px 0;} .lmoIntroWrap .bbsBox_dw li .btnWrap{ margin: 0 30px; border-top: 1px solid #cdcdcd; text-align: center;} .lmoIntroWrap .bbsBox_dw li .btnWrap::before{ content: ''; display: block; width: 100%; height: 2px; background: #e8e8e8;} .lmoIntroWrap .bbsBox_dw li .btnWrap a, .lmoIntroWrap .bbsBox_dw li .btnWrap button{ display: inline-block; line-height: 45px; padding: 0 15px; font-size: 15px} .lmoIntroWrap .bbsBox_dw li .btnWrap a::before, .lmoIntroWrap .bbsBox_dw li .btnWrap button::before{ content: ''; display: inline-block; background: url(../../_images/_sub/iconLmo.png) no-repeat 0 0; width: 18px; height: 18px; margin-right: 3px; vertical-align: middle;} .lmoIntroWrap .bbsBox_dw li .btnWrap a::before{ background-position: -23px 0; width: 20px} .lmoIntroWrap #tab3 .st01{ font-size: 18px;} .lmoIntroWrap #tab3 .st01 strong{ display: block; font-size: 20px; font-weight: 600;} .gmoImgBox{ margin: 20px 0 55px;} .gmoImgBox.w2{ display: flex; } .gmoImgBox>div{ padding: 0 10px; box-sizing: border-box;} .gmoImgBox>div.w40{ width: 40%} .gmoImgBox>div.w50{ width: 50%} .gmoImgBox>div.w60{ width: 60%} .gmoImgBox>div:first-child{ padding: 0;} .gmoImgBox .imgA{ display: block; background: #f1f4f9; padding: 15px; text-align: center; border-bottom: 1px solid #c3cde1} .gmoImgBox .imgAlt{ display: block; border-top: 2px solid #f1f4f9; background: #e4e9f3; font-size: 16px; padding: 12px 10px; text-align: center;} .gmoRefer{ display: flex; justify-content: space-between;} .gmoRefer>div{ box-sizing: border-box; width: 49%; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; display: flex; align-items: center; padding: 20px 0;} .gmoRefer>div i{ display: block; width: 95px} .gmoRefer>div i:before{ content: ''; display: block; background: url(../../_images/_sub/iconLmo.png) no-repeat 0 -23px; width: 75px; height: 70px;} .gmoRefer>div.ho i:before{ background-position: -80px -23px;} .gmoRefer>div div{ flex-shrink: inherit; width: 80%; text-align: left;} .gmoRefer strong{ display: block; font-size: 18px; color: #225898; margin-bottom: 8px} .gmoRefer .st04{ font-size: 16px; margin: 0} .gmoRefer li.st04{ position: relative; padding-left: 12px} .gmoRefer li.st04::before{ content: ''; display: block; position: absolute; left: 0; top: 15px; width: 5px; height: 1px; background: #626262;} @media (max-width: 1199px){ .gmoImgBox .imgA img{ max-width: 100%;} } @media (max-width: 900px){ #lmoTab{ gap: 20px;} #tab2 .lomIntroTitle, #tab3 .lomIntroTitle{ text-align: center;} #tab2 .lomIntroTitle{ padding-bottom: 200px;} #tab2 .lomIntroTitle .st04, #tab3 .lomIntroTitle .st04, #tab3 .lomIntroTitle .st01{ padding-right: 0; padding-left: 0} #tab2 .lomIntroTitle .btnWrap{ justify-content: center;} #tab3 .lomIntroTitle .st04::before, #tab3 .lomIntroTitle:after{ display: none} .gmoImgBox.w2{ display: block;} .gmoImgBox>div{ width: 100% !important; padding: 0 0 10px} .gmoRefer{ display: block;} .gmoRefer>div{ width: 100%; margin: 0 0 10px;} } @media (max-width: 768px){ #lmoTab{ gap: 10px;} .lmoTab_content{ padding: 40px 20px} .lmoTab_content:after{ display: none;} #tab2 .lomIntroTitle{ padding-bottom: 90px} #tab2 .lomIntroTitle .st01 br{ display: none;} #tab2 .lomIntroTitle strong, #tab3 .lomIntroTitle strong{ display: inline !important;} .lmoIntroWrap .bbsBox_dw{ display: block;} .lmoIntroWrap .bbsBox_dw li{ width: 100%; padding: 0;} } @media (max-width: 550px){ .gmoExample>strong{ left: 0; transform: none;} #lmoTab{ justify-content: start; gap: inherit; overflow: hidden; overflow-x: auto;} #lmoTab li{ padding-bottom: 0} #lmoTab li a{ transform: scale(.8);} .lmoIntroWrap .bbsBox_dw.goSite li>div{ display: block; overflow: hidden;} .lmoIntroWrap .bbsBox_dw.goSite li>div p{ padding: 20px;} .lmoIntroWrap .bbsBox_dw.goSite li>div a{ position: static} } /*25 01 24 조직도 수정*/ a.orgLink {color: #1d1d1d;} #container #contents .orgArea .org{ overflow: hidden; background-image: none; width: 100%; height: auto; box-sizing: border-box; padding-right:80px } #container #contents .orgArea .org h3{ position: relative; width: 134px; height: 134px; background: #003675 !important; border-radius: 50%;padding: 0;color: white; font-weight: 700; line-height: 134px;margin: 0 auto;font-size: 18px;} .org h3:before { content:''; display: block; width:1px; height:100%; position: absolute; top:50%; left:calc(50% - 1px); background: #d8d8d8; z-index: -1;;} .org > ul{box-sizing: border-box;width:100%; display: flex;justify-content:space-evenly;flex-wrap: wrap; padding-top: 60px;position: relative;} .org > ul:before { content:''; display: block; width: 100%; height: 1px; position: absolute; top:30px; left:0; background-color: #d8d8d8;} .org > ul > li{position: relative;} .org > ul > li::after{content: '';display: block;width: 1px; height: 100px; background: #d8d8d8; position: absolute;top: -30px; left: calc(50% - 1px);z-index: -1;} .org > ul a.tit{display:block;text-align: center; background: #0072bc;color: white; font-size: 16px;border-radius: 8px; padding: 13px 0;} .org > ul ul { width:100%;writing-mode: vertical-lr; display: flex;flex-direction: column;justify-content: space-between;gap: 20px;font-size: 16px;padding-top: 50px;position: relative;} .org > ul ul li{height: 220px; border-radius: 8px; border: 2px solid #d8d8d8;position: relative;background: #eff1f5;} .org > ul ul li a{display:block; padding: 12px 8px 8px 8px;} .org > ul .border_blue li{ border: 2px solid #003675; margin-top: 50px; background: #fff;} .org > ul .border_blue li:before{height: 140px;top: -131px;} .org > ul ul:before{content: ''; display: block; width: calc(100% - 43px); height: 1px; background: #d8d8d8;position: absolute;top: 20px; left: 21px;} .org > ul ul li:before{content: '';display: block;width: 1px; height: 40px; background: #d8d8d8;position: absolute;top: -31px;left: calc(50% - 1px);z-index: -1;} .org .org_01:after { content:''; display: block; width: 1px; height: 100%; position: absolute; top:30px; right: 0; background: #d8d8d8;} .org .org_01 .border_blue:after, .org .org_01 .border_blue ul:before { display: none;} .org .org_01 .border_blue:before { content:''; display: block; width:50%; height: 40px; position: absolute; top:-50px; left:-50%; background:#fff;} .org .org_01 .border_blue li:first-child:after { content:''; display: block; height: 50%; width:100%; position: absolute; top:-80%; left:calc(-50% - 1px); background: #fff;} .org .org_02 > li:first-child:before { content:''; display: block; width:100%; height: 40px; position: absolute; top:-50px; left:calc(-50% - 1px); background:#fff;} .org .org_03 { position: static; padding-top:0} .org .org_03:before { width:50%; right:40px; left:auto; top:149px} .org .org_03:after { content: ''; display: block; width:1px; height:100%; position: absolute; top:149px; right:40px; background:#d8d8d8; z-index: -1;} .org .org_03 .border_blue { position: absolute; right:20px; bottom:0; writing-mode: vertical-lr;height: 220px;} .org .org_03 .border_blue:after { display: none;} .org .org_03 .border_blue a { padding: 12px 8px 8px 8px; text-align: left; border:2px solid #003675; color:#1d1d1d; background:#fff} @media (max-width: 1199px){ .org > ul ul { gap:12px} } @media (max-width: 1099px){ #container #contents .orgArea .org { padding-right: 10px;} .org .org_03 { padding-top:30px; justify-content: flex-end;} .org .org_03:before { width:calc(50% + 6px); right:0; } .org .org_03:after { right:0} .org .org_03 .border_blue { position: relative; right:0; width:calc(50% - 40px); padding-right:40px; height: auto; writing-mode: inherit;} .org .org_03 .border_blue:after { display: block; width:50%; height:1px; top:22px; left:auto; right:-10px} .org .org_03 .border_blue:before { content:''; display: block; width:30px; height: 50%; position: absolute; bottom:-1px; right:-25px; background: #fff;} .org .org_03 .border_blue a { padding:8px 0; text-align: center;} } @media (max-width: 1024px){ .org > ul ul { gap:16px} } /* 25 05 19 비전/전략 추가 */ .vision { text-align: center;} .vision dt { font-size: 21px;} .vision dd { position: relative; width:100%; max-width: 570px; margin:27px auto 0; padding:8px 0; border:3px solid #2c6ce7; border-radius: 30px; font-size: 19px; font-weight: 700; background-color: #d3e1fb;} .vision dd:before { content:''; display: block; position: absolute; top:-22px; left:50%; width:1px; height:19px; transform: translateX(-50%);background-color: #2c6ce7;} .vision dd:after { content: ''; display: block; position: absolute; top: -8px; left:50%; width:11px; height: 11px; border-radius: 6px; transform: translateX(-50%); background-color: #2c6ce7;} .vision:first-child dd { color:#fff; background-color: #2c6ce7;} .vision + .vision { margin-top:40px} .goal_wrap { padding-top:120px; background: url(../../_images/_sub/bg_vision_arrow.png) no-repeat center top 12px;} .goal_wrap .tit { position: relative; margin-bottom: 15px; text-align: center;} .goal_wrap .tit:before { content:''; display: block; width: 100%; height: 1px; position: absolute; top:50%; left:0; background-color: #c6c6c6; z-index: -1;} .goal_wrap .tit span { display: inline-block; width:100%; max-width: 190px; margin:0 auto; padding:5px 0; border:1px solid #2c6ce7; border-radius: 20px; font-size: 19px; font-weight: 700; background-color: #dfeaff;} .goal_wrap ul { display: flex; gap: 15px; flex-wrap: wrap;} .goal_wrap li { display: flex; flex-direction: column; justify-content: center; align-items: center; gap:16px; width:calc(25% - (45px / 4)); padding:36px 8px; border:1px solid #2c6ce7; border-radius: 10px; box-sizing: border-box; background-color: #eff5ff;} .goal_wrap li i { display: inline-flex; width: 90px; height: 90px; border-radius: 100%; background-color: #fff; background-position: center center; background-repeat: no-repeat;} .goal_wrap li i.icon01 { background-image: url(../../_images/_sub/ico_goal01.png);} .goal_wrap li i.icon02 { background-image: url(../../_images/_sub/ico_goal02.png);} .goal_wrap li i.icon03 { background-image: url(../../_images/_sub/ico_goal03.png);} .goal_wrap li i.icon04 { background-image: url(../../_images/_sub/ico_goal04.png);} .goal_wrap li span { display: block; word-break: keep-all; text-align: center;} .goal_wrap li strong { font-size: 19px;} .subject_wrap { display: flex; flex-wrap: wrap; gap:15px; margin-top:40px} .subject_wrap .tit { position: relative; width: 100%; text-align: center;} .subject_wrap .tit span { display: inline-block; width:100%; max-width: 190px; margin:0 auto; padding:5px 0; border:1px solid #2c6ce7; border-radius: 20px; font-size: 19px; font-weight: 700; background-color: #dfeaff;} .subject_wrap > ul { position: relative; display: inline-flex; gap: 10px; flex-direction: column; width: calc(25% - (45px / 4));} .subject_wrap > ul:before { content:''; display: block; width: 11px; height: 11px; border:2px solid #2c6ce7; border-radius: 100%; position: absolute; top:-103px; left:50%; transform: translateX(-50%); background-color: #fff;} .subject_wrap > ul:after { content:''; display: block; width: 50%; height: 100%; border-right: 2px dashed #2c6ce7; position: absolute; top:-95px; left:1px; box-sizing: border-box; z-index: -1;} .subject_wrap > ul > li { width:100%; min-height: 184px; padding:20px 18px; border:1px solid #2c6ce7; border-radius: 10px; box-sizing: border-box; background-color: #fff;} .subject_wrap > ul > li em { display: inline-block; width: 60px; margin-bottom: 8px; font-weight: 700; font-size: 19px; color:#2c6ce7; border-bottom: 1px solid #2c6ce7;} .subject_wrap > ul > li strong { display: block; margin-bottom: 12px; font-size:19px;} .subject_wrap li li { position: relative; padding-left:11px; font-size: 16px;} .subject_wrap li li:before { content:''; display: block; width:2px; height: 2px; position: absolute; top:11px; left:3px; background-color: #2d2d2d;} @media (max-width: 768px){ .goal_wrap li { width:calc(50% - (15px / 2))} .subject_wrap > ul { flex-direction: row; width: 100%; flex-wrap: wrap;} .subject_wrap > ul:before, .subject_wrap > ul:after { display: none;} } /* 2025.06.18 웹호환성 조치 개발자 */ .gradeMark input[type="radio"]:focus{ outline: 2px solid black; outline-offset: 2px; } /* 공공데이터 콘텐츠 추가 */ .openapi-use { display: flex; gap:24px; flex-wrap: wrap;} .openapi-use li { position: relative; display: flex; flex-direction: column; width:calc(25% - 18px); padding:30px 24px 80px; border-radius: 12px; box-sizing: border-box; background-color: #f4f5f6;} .openapi-use li:before { content:''; display: block; position: absolute; top:50%; right:-10px; width:21px; height:12px; margin-top:-6px; background: url(../../_images/_sub/ico_more.png) no-repeat;} .openapi-use li:last-child:before { display: none;} .openapi-use li .num { font-weight: 700; font-size: 15px; color:#052b57;} .openapi-use li .tit { font-weight: 700; font-size: 19px; color:#052b57; } .openapi-use li .txt { margin-top:12px; font-size:15px; color:#464c53; word-break: keep-all;} .openapi-use li:after { content:''; display: block; height:46px; position: absolute; bottom:24px; right:20px; background:url(../../_images/_sub/ico_openapi.png) no-repeat } .openapi-use li.step01:after { width:59px; background-position: 0 0;} .openapi-use li.step02:after { width:58px; background-position: -62px 0;} .openapi-use li.step03:after { width:67px; background-position: -121px 0;} .openapi-use li.step04:after { width:67px; background-position: -190px 0;} @media (max-width: 768px){ .openapi-use { flex-direction: column;} .openapi-use li { width: 100%;} .openapi-use li:before { top:auto; bottom:-8px; right:50%; margin-top:0; transform: rotate(90deg);} } /* 2026 01 14 소명/핵심가치 추가 */ .mission *, .culture-deck * { font-family: Pretendard GOV;} .mission { padding:52px 25px; border-radius: 10px; text-align: center; background:url(../../_images/_sub/bg_mission.jpg) no-repeat top center; background-size: cover;} .mission .cont-area + .cont-area { margin-top:72px} .mission .cont-area .tit { display: inline-block; min-width: 336px; margin-bottom: 20px; padding:4px 12px; box-sizing: border-box; border-radius: 30px; color:#fff; font-size: 25px; font-weight: 700; background: #246beb;} .mission .cont-area > strong { display: block; margin-bottom: 16px; font-size: 27px; font-weight: 700; color:#0b2047; line-height: 33px;} .mission .cont-area > p { font-size: 17px; color:#555;} .mission .cont-area.values > p { color:#1d1d1d} .mission .values ul { display: flex; flex-direction: column; gap:12px; margin-top:28px} .mission .values li { display: flex; gap:36px; align-items: center; padding:24px 40px; border:1px solid #fff; border-radius: 10px; text-align: left; font-size: 17px; color:#555; background-color: rgba(255,255,255,.6);} .mission .values li span { display: block; margin-bottom: 4px; font-size: 19px; color:#1d1d1d;} .mission .values li i { flex-shrink: 0; width:72px; height: 72px; border-radius: 100%; background-color: #fff;} .culture-deck { overflow: hidden; margin-top:30px; border:1px solid #ddeaff; text-align: center; border-radius: 10px;} .culture-deck > div { display: flex; justify-content: space-between; align-items: center; gap:20px; padding:24px 40px 24px 20px; text-align: left; font-size: 17px; color:#555; background-color: #eff5ff;} .culture-deck > div strong { display: block; margin-bottom: 8px; font-size: 19px; color:#1d1d1d;} .culture-deck > div i { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width:70px; height: 70px; border-radius: 25px; background-color: #fff;} .culture-deck .btn-download { display: inline-flex; align-items: center; gap:8px; margin:4px 20px; height: 40px; text-align: left; color:#000; font-size: 17px;} .culture-deck .btn-download .ico-down { display: inline-block; width:20px; height:20px; background: url(../../_images/_sub/ico_download.svg) no-repeat center center; background-size: contain;} @media (max-width: 768px){ .mission { padding:48px 20px} .mission .cont-area + .cont-area { margin-top:56px} .mission .cont-area .tit { min-width: auto; padding:4px 20px; font-size: 20px;} .mission .cont-area > strong br { display: none;} .mission .cont-area > strong { font-size: 25px;} .mission .values li { gap:24px; padding:24px} .culture-deck > div { padding-right:20px} .mission .cont-area > p, .mission .values li, .culture-deck > div, .culture-deck .btn-download { font-size: 15px;} .mission .values li span, .culture-deck > div strong { font-size: 17px;} } @media (max-width: 500px){ .mission .values li { flex-direction: column;} .culture-deck > div { flex-direction: column-reverse;} } /* 2026 04 16 견학신청 */ @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-gov-dynamic-subset.min.css"); body { font-family: "Pretendard GOV";} .step-title-wrap { display: flex; justify-content: space-between; align-items: flex-start; margin:40px 0; gap:0 64px} .step-wrap { order:2; display: inline-flex; flex-shrink: 0; align-items: flex-start;} .step-wrap > li { position: relative;} .step-wrap > li:after { content:''; position: absolute; top:8.5px; left:1px; width:100%; height: 3px; background-color: var(--gray10);} .step-wrap > li > span { display: flex; flex-direction: column; position: relative; padding-top: 32px; padding-right:32px} .step-wrap > li > span::before, .step-wrap > li > span::after { content:''; border-radius: 1000%;} .step-wrap > li > span::before { position: absolute; top:0; left:0; width: 20px; height: 20px; box-sizing: border-box; border:1px solid var(--gray20); background-color: var(--gray10); z-index: 1;} .step-wrap > li .step { font-size: 13px; color: var(--gray70);} .step-wrap > li.done:after { background-color: var(--gray50);} .step-wrap > li.done > span::before { border-color: var(--gray50); background-color: var(--gray50);} .step-wrap > li.done > span::after { position: absolute; top:0; left:0; display: inline-flex; width:20px; height: 20px; background:url(../../_images/_common/ico_step_done.svg) no-repeat center center; background-size: contain; z-index: 3;} .step-wrap > li.active::after { background-color: var(--gray20);} .step-wrap > li.active > span::before { border-color: var(--primary50); border-width: 3px; background-color: var(--white);} .step-wrap > li.active > span::after { position: absolute; top: 4px; left: 4px; width: 12px; height: 12px; background-color: var(--primary50); z-index: 3;} .step-wrap > li:last-child::after { display: none;} .step-wrap > li:last-child > span { padding-right:0} .step-tit { font-size: 24px; font-weight: 700;} .step-tit .step-now { display: block; margin-bottom: 4px; font-size: 15px; font-weight: 400; color:var(-gray70);} .step-tit .step-now strong { font-weight: 700; color:var(--primary60);} .txt-box { padding:24px 32px; border:1px solid var(--gray30); border-radius: 12px; background-color: var(--gray5); } .txt-box.outline { display: flex; flex-direction: column; gap:16px; border-color:var(--secondary10); background-color: var(--secondary5);} .txt-box.outline .outline-tit { display: flex; align-items: center; gap:4px; font-size: 22px; font-weight: 700;} .txt-box.outline .outline-tit:before { content:''; display: inline-flex; width:32px; height: 32px; background: url(../../_images/_sub/ico_outline.svg) no-repeat center center; background-size: contain;} .txt-box.outline .outline-txt { font-size: 16px;} .txt-box.outline .conts-desc-wrap { display: flex; flex-direction: column; gap:16px; width:100%; padding-top:20px; border-top:1px dotted var(--gray30)} .txt-box.outline .check-list { display: flex; flex-direction: column; gap:16px} .txt-box.outline .check-list > li { position: relative; padding-left: 32px; font-size: 16px; color:var(--primary60);} .txt-box.outline .check-list > li:before { content:''; display: inline-flex; width:24px; height: 24px; position: absolute; top:2px; left:0; background: url(../../_images/_sub/ico_outline_chk.svg) no-repeat center center; background-size: contain;} .txt-box.bg-white { display: flex; flex-direction: column; gap:16px; width:100%; box-sizing: border-box; background-color: var(--white);} .info-list { display: flex; flex-direction: column; gap:4px;} .info-list > li { position: relative; padding-left:24px; color:var(--gray70); font-size: 16px;} .info-list > li:before { position: absolute; top:0; left:0} .info-list.ordered > li .num { position: absolute; top:0; left:0} .info-list.decimal > li:before { content:''; width:4px; height: 4px; border-radius: 4px; top:10px; left:8px; background-color: var(--gray70);} .info-list > li > .info-list { margin-top:8px; margin-bottom: 8px; gap:4px} .people-num { display: flex; justify-content: center; gap:20px; margin-bottom: 40px;} .people-num a { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap:20px; width:200px; height: 200px; border-radius: 6px; border:1px solid var(--secondary10); font-size: 19px;} .people-num a:hover { border-color:var(--primary50)} .visit .tab_con.cont01, .visit .tab_con.cont02 { padding:24px 32px; border-radius: 12px; border-color:var(--gray30); font-size: 17px;} .visit .tab_con.cont02 { display: block;} .visit .tab_con .courseList { width:100%} .visit .tab_con .courseList li input[type="radio"] { top:7px} .visit .tab_con .courseList li label { padding-left:24px} .agree-tit { margin-bottom: 0 !important; padding-left:0 !important; font-size:19px !important; font-weight: 700 !important; background: none !important;} .agree-box { display: flex; justify-content: space-between; align-items: center; margin-top:16px; padding:20px; border-radius: 12px; font-size: 17px; background-color: var(--gray10);} .agree-box .check-area { display: flex; gap:20px} .agree-box .check-area li { display: inline-flex; gap:8px} .comp-msg-wrap { margin-bottom: 40px; font-size: 32px; font-weight: 700; text-align: center;} .comp-msg-wrap .point { color:var(--primary60)} .narrow { max-width: 760px; margin:0 auto} .calendar-list-wrap { display: flex; } .calendar-list-wrap .visit-list { display: flex; flex-direction: column; flex-shrink: 0; gap:8px; width: 300px; height: 493px; box-sizing: border-box; padding:12px; border:1px solid #dbdbdb; border-left-width:0; overflow-y: auto; background-color: var(--gray5);} .calendar-list-wrap .visit-list .active-date { display: flex; gap:6px; align-items: center; font-size: 15px; font-weight: 700; padding:0 4px; } .calendar-list-wrap .visit-list .active-date:before { content:''; display: inline-flex; width: 16px; height: 16px; border-radius: 100%; background: var(--primary50) url(../../_images/_common/ico_step_done.svg) no-repeat center center; background-size: contain;} .calendar-list-wrap .visit-list ul { display: flex; flex-direction: column; gap:4px; overflow-y: auto;} .calendar-list-wrap .visit-list a { display: flex; flex-direction: column; gap:4px; padding:8px 12px; border:1px solid #dbdbdb; border-radius: 6px; box-sizing: border-box; background-color: var(--white);} .calendar-list-wrap .visit-list a:hover { border-color: var(--primary50);} .calendar-list-wrap .visit-list a strong, .calendar-list-wrap .visit-list a span { display: block;} .calendar-list-wrap .visit-list a span { color:var(--gray70)} .calendar-list-wrap .visit-list a .state { color:#E02E42} .calendar-list-wrap .visit-list a div { display: flex; justify-content: space-between; gap:12px; margin-top:4px; padding-top:8px; border-top:1px solid #dbdbdb} .calendar-list-wrap .calendar-area { width: 100%;} .calendar-area .calendarUi { display: flex; align-items: center; justify-content: center; gap:4px; margin-bottom: 0 !important;} .calendar-area .calendarUi > a { display: inline-flex;} .calendar-area .calendarUi > a.btnToday { margin-right:8px} .calendar-area .tb_cal { margin-bottom: 0;} .calendar-area .tb_cal .cal_num { z-index: 1;} .calendar-area .tb_cal .req_num { position: relative; display: block; height: 100%; overflow: hidden; text-indent: -999px;} .calendar-area .tb_cal .req_num:after { content:''; display: inline-block; position: absolute; top:32px; left:10px; width: 8px; height: 8px; border-radius: 100%; background-color: var(--secondary50);} .calendar-area .tb_cal .req_num:hover, .calendar-area .tb_cal .req_num.active { background-color:var(--primary5) ;} @media (max-width: 1023px) { .step-wrap { margin-bottom: 40px;} } @media (max-width: 767px) { .step-title-wrap { flex-direction: column;} .step-wrap { order:1; display: flex; width:100%} .step-wrap > li { flex: 1 1 0px; min-width: 0;} .step-wrap > li .step { position: absolute; width:1px; height: 1px; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); white-space: nowrap;} .step-wrap > li:last-child { flex: 0 0 20px; } .step-wrap > li > span { padding-top:20px; padding-right: 20px;} .step-tit { order:2; font-size: 22px;} .txt-box { padding:24px;} .visit .tab_con.cont01, .visit .tab_con.cont02 { padding:24px} .visit .tab_con .course { width:100%} .agree-box { flex-direction: column; align-items: flex-start; gap:12px} .agree-box .check-area { width:100%; gap:0} .agree-box .check-area li { flex:1} .calendar-list-wrap { flex-direction: column;} .calendar-list-wrap .visit-list { width: 100%; height: auto; border-left-width: 1px; border-top-width: 0;} /* 개발자 2026.04.28 견학신청 소개 scroll 삭제로 수정*/ .tourPlace {flex-direction: column;} } /* 개발자 2026.04.28 견학신청 소개 scroll 삭제로 수정*/ .tourPlace {display:flex;}