#newMain{margin-bottom:20px;} #newMain .visual{position:relative;max-width:1620px;height:308px;margin:0 auto;} #newMain .visual #slider .bx-viewport{position:relative;z-index:1;} #newMain .visual #slider ul li{height:308px;} #newMain .visual #slider ul li img{position:absolute;left:50%;margin-left:-810px;width:1620px;height:100%;z-index:1;} #newMain .visual #slider .bx-controls{position:absolute;top:30px;left:50%;margin-left:-160px;width:320px;text-align:center;z-index:2;} #newMain .visual #slider .bx-controls div{display:inline-block;} #newMain .visual #slider .bx-controls div.bx-controls-direction{display:none;} #newMain .visual #slider .bx-controls-auto > div > a{display:inline-block;width:8px;height:8px;margin:5px;text-indent:-9999em;} #newMain .visual #slider .bx-controls-auto > div > a.bx-stop{background:url(/images/kipa/content/main_visual_stop.png) no-repeat center center;} #newMain .visual #slider .bx-controls-auto > div > a.bx-start{background:url(/images/kipa/content/main_visual_start.png) no-repeat center center;} #newMain .visual #slider .bx-pager > div > a{display:inline-block;width:8px;height:8px;margin:5px;background:url(/images/kipa/content/main_visual_pager.png) no-repeat -20px top;text-indent:-9999px;} #newMain .visual #slider .bx-pager > div > a.active{background-position:0 0;} #newMain .visual_icon{/*position:absolute;bottom:0;left:0;*/width:100%;height:120px;padding:20px 0 0;/*background:url(/images/kipa/content/main_visual_iconbg.png) repeat left top;*/text-align:center;z-index:3;} #newMain .visual_icon a{display:block;float:left;width:10%;} #newMain .visual_icon a > img{display:block;margin:0 auto;} #newMain .visual_icon a > span{display:block;height:20px;line-height:20px;margin-top:10px;text-align:center;font-size:16px;font-weight:bold;letter-spacing:-1px;} #newMain .tabBar{overflow:hidden;} #newMain .tabBar:after{display:block;content:"";clear:both;} #newMain .tabBar > li{position:relative;float:left;box-sizing:border-box;} #newMain .tabBar.col3 li{width:33.33%;} #newMain .tabBar > li > a{display:block;height:38px;line-height:38px;padding:0 5px;border:1px solid #d2d2d2;margin-left:-1px;background-color:#f4f4f4;text-align:center;font-weight:700;} #newMain .tabBar > li.active > a{height:37px;border-top:3px solid #0a3163;background-color:#fff;color:#0a3163;border-bottom:none;} #newMain .tabPage{position:relative;display:none;margin-top:20px;text-align:left;} #newMain .tabPage.active{display:block;} #newMain .popupZone{position:absolute;top:35px;left:50%;margin-left:190px;;width:360px;height:230px;z-index:3;} #newMain .popupZone .bx-controls{position:absolute;top:0;right:0;background-color:#0895ae;} #newMain .popupZone .bx-controls-direction{width:80px;height:21px;margin:5px 0;} #newMain .popupZone .bx-controls-direction > a{display:block;width:14px;height:11px;margin:5px 10px;text-indent:-9999px;} #newMain .popupZone .bx-controls-direction > a.bx-prev{float:left;background:url(/images/kipa/content/popupzone_ctrl_prev.png) no-repeat center center;} #newMain .popupZone .bx-controls-direction > a.bx-next{float:right;background:url(/images/kipa/content/popupzone_ctrl_next.png) no-repeat center center;} #newMain .popupZone .bx-controls-auto{float:left;} #newMain .popupZone .bx-controls-auto > div{position:absolute;top:0;right:24px;} #newMain .popupZone .bx-controls-auto > div > a{display:block;width:14px;height:11px;margin:10px 5px;text-indent:-9999px;} #newMain .popupZone .bx-controls-auto > div > a.bx-stop{background:url(/images/kipa/content/popupzone_ctrl_stop.png) no-repeat center center;} #newMain .popupZone .bx-controls-auto > div > a.bx-start{background:url(/images/kipa/content/popupzone_ctrl_start.png) no-repeat center center;} #newMain .popupZone .bx-pager{float:left;margin-left:-40px;width:40px;height:21px;line-height:21px;padding:5px;background-color:#0895ae;color:#fff;overflow:hidden;text-align:center;} #newMain .popupZone .bx-pager a{color:#fff;} #newMain .groupBox{padding:20px;border:1px solid #d2d2d2;} #newMain .box{float:left;margin-top:20px;box-sizing:border-box;text-align:left;} #newMain .box h3 {padding-bottom:10px;font-size:1.2em;text-align:left;font-weight:700;} #newMain .box a.more{position:absolute;right:0;top:0;display:block;width:38px;height:38px;background:url(/images/kipa/content/main_more.png) no-repeat center center;} #newMain .box1 img{border:1px solid #d2d2d2;} #newMain .box1{width:720px;height:324px;margin-right:15px;} #newMain .box1 .tabBar{border-left:1px solid #d2d2d2;} #newMain .box1 a.more{top:-105px;right:-10px;} #newMain .box1 .colList.col2{border-bottom:1px dotted #b1b1b1;} #newMain .box1 .colList.col2:after{display:block;content:"";clear:both;} #newMain .box1 .colList.col2 li{float:left;box-sizing:border-box;} #newMain .box1 .colList.col2 li{width:50%;} #newMain .box1 .colList.col2 li a{display:block;text-align:left;} #newMain .box1 .colList.col2 li a:after{display:block;content:"";clear:both;} #newMain .box1 .colList.col2 li a p{float:left;width:30%;} #newMain .box1 .colList.col2 li a p img{display:block;max-width:100%;} #newMain .box1 .colList.col2 li a b{display:block;float:left;width:65%;padding:10px 0;} #newMain .box1 .colList.col2 li a span{display:block;float:left;width:65%;font-size:.9em;} #newMain .box1 .colList.col5{} #newMain .box1 .colList.col5:after{display:block;content:"";clear:both;} #newMain .box1 .colList.col5 li{float:left;box-sizing:border-box;} #newMain .box1 .colList.col5 li{width:20%;} #newMain .box1 .colList.col5 li a{display:block;text-align:left;padding:10px;} #newMain .box1 .colList.col5 li a:after{display:block;content:"";clear:both;} #newMain .box1 .colList.col5 li a p{} #newMain .box1 .colList.col5 li a p img{display:block;max-width:100%;margin:0 auto;} #newMain .box1 .colList.col5 li a b{display:block;margin:10px 0 0;text-align:center;height:34px;overflow:hidden;} #newMain .box1 .colList.col5 li a span{display:block;font-size:.9em;text-align:center;padding:10px 0;} #newMain .box1 .colList.col1{margin-top:10px;} #newMain .box1 .colList.col1:after{display:block;content:"";clear:both;} #newMain .box1 .colList.col1 li a{display:block;margin:1px 0;height:30px;overflow:hidden;} #newMain .box1 .colList.col1 li a:after{display:block;content:"";clear:both;} #newMain .box1 .colList.col1 li span{display:block;float:left;height:28px;line-height:28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;font-size:.9em;} #newMain .box1 .colList.col1 li .catebtn{width:18%;min-width:100px;text-align:left;padding:1px 10px 1px 0;} #newMain .box1 .colList.col1 li .catebtn > em{display:block;height:24px;line-height:24px;border:1px solid #6b87b7;background-color:#e9f4fc;color:#14487c;text-align:center;font-size:.9em;} #newMain .box1 .colList.col1 li .subject{width:67%;text-align:left;} #newMain .box1 .colList.col1 li a:hover .subject{text-decoration:underline;} #newMain .box1 .colList.col1 li .date{width:15%;text-align:right;} #newMain .box2{float:right;width:360px;height:324px;} #newMain .box2 a.more{top:-40px;right:-10px;} #newMain .box2 .slider_gallery{position:relative;padding-top:10px;} #newMain .box2 .slider_gallery .bx-wrapper {width:263px;height:240px;} #newMain .box2 .slider_gallery li > a{display:block;} #newMain .box2 .slider_gallery li > a > img{display:block;margin:0 auto;} #newMain .box2 .slider_gallery li > a > b{display:block;height:40px;line-height:40px;margin-top:10px;font-size:1.1em;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #newMain .box2 .slider_gallery li > a > span{display:block;font-size:.9em;text-align:center;} #newMain .box2 .slider_gallery .bx-controls{} #newMain .box2 .slider_gallery .bx-controls-direction > a{display:block;width:18px;height:33px;text-indent:-9999px;} #newMain .box2 .slider_gallery .bx-controls-direction > a.bx-prev{float:left;margin-top:-150px;margin-left:-30px;background:url(/images/kipa/content/gallery_pager_left.png) no-repeat left top;} #newMain .box2 .slider_gallery .bx-controls-direction > a.bx-next{float:right;margin-top:-150px;margin-right:-30px;background:url(/images/kipa/content/gallery_pager_right.png) no-repeat right top;} #newMain .box3{width:506px;height:254px;padding:0;margin-right:15px;border-top:none;} #newMain .box3 a.more{width:10%;top:-60px;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;} #newMain .box3 .tabBar{width:90%;} #newMain .box3 .tabBar li{width:25%;} #newMain .box3 .colList.col1{margin-top:10px;} #newMain .box3 .colList.col1:after{display:block;content:"";clear:both;} #newMain .box3 .colList.col1 li{margin:3px 0;} #newMain .box3 .colList.col1 li a{display:block;margin:1px 0;} #newMain .box3 .colList.col1 li a:after{display:block;content:"";clear:both;} #newMain .box3 .colList.col1 li span{display:block;float:left;height:26px;line-height:26px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;font-size:.9em;} #newMain .box3 .colList.col1 li .catebtn{width:15%;text-align:left;padding:1px 10px 1px 0;} #newMain .box3 .colList.col1 li .catebtn > em{display:block;height:22px;line-height:22px;border:1px solid #6b87b7;background-color:#e9f4fc;color:#14487c;text-align:center;font-size:.9em;} #newMain .box3 .colList.col1 li .subject{width:65%;text-align:left;} #newMain .box3 .colList.col1 li a:hover .subject, #newMain .box3 .colList.col1 li a:hover .w80{text-decoration:underline;} #newMain .box3 .colList.col1 li .date, #newMain .box3 .colList.col1 li .w20{width:20%;text-align:right;} #newMain .box3 .tabPage{padding:0 20px;} #newMain .box4{width:400px;height:254px;margin-right:15px;} #newMain .box4 h3{color:#fff;} #newMain .box4 li{float:left;width:50%;height:254px;padding:30px 18px;box-sizing:border-box;} #newMain .box4 li.col1{background-color:#4578ce;color:#fff;} #newMain .box4 li.col2{background-color:#03a2ba;color:#fff;} #newMain .box4 li p{font-size:.9em;margin:5px 0 30px;line-height:150%;} #newMain .box4 li a{display:inline-block;height:35px;line-height:35px;color:#fff;text-decoration:underline;} #newMain .box4 li a > img{display:inline-block;margin-left:4px;} #newMain .box5{width:164px;height:254px;} #newMain .box5 > a{display:block;height:62px;line-height:62px;border-bottom:1px solid #d2d2d2;font-weight:700;letter-spacing:-.5px;} #newMain .box5 > a > img{display:inline-block;margin-right:4px;} #newMain .box5 > a:last-child{border:none;} #newMain .box6{position:relative;width:100%;padding:0;} #newMain .box6 h3{float:left;padding:25px 20px;} #newMain .box6 .bx-wrapper{float:right;width:900px;height:66px;} #newMain .box6 ul li{float:left;} #newMain .box6 ul li a{display:block;} #newMain .box6 .bx-controls{position:absolute;left:80px;top:20px;width:88px;} #newMain .box6 .bx-controls-direction{width:88px;height:29px;} #newMain .box6 .bx-controls-direction > a{display:block;width:30px;height:29px;text-indent:-9999px;} #newMain .box6 .bx-controls-direction > a.bx-prev{float:left;background:url(/images/kipa/content/banner_ctrl_prev.gif) no-repeat center center;} #newMain .box6 .bx-controls-direction > a.bx-next{float:right;background:url(/images/kipa/content/banner_ctrl_next.gif) no-repeat center center;} #newMain .box6 .bx-controls-auto{float:left;} #newMain .box6 .bx-controls-auto > div{position:absolute;top:0;left:30px;} #newMain .box6 .bx-controls-auto > div > a{display:block;width:30px;height:29px;text-indent:-9999px;} #newMain .box6 .bx-controls-auto > div > a.bx-stop{background:url(/images/kipa/content/banner_ctrl_stop.gif) no-repeat center center;} #newMain .box6 .bx-controls-auto > div > a.bx-start{background:url(/images/kipa/content/banner_ctrl_start.gif) no-repeat center center;} #contents{} .content-area{float:right;width:870px;background:url(/images/kipa/layout/sub_visual6.gif) right top no-repeat;} .content-header{margin-bottom:45px;background:none;} .content-header.bg1{background:url(/images/kipa/layout/sub_visual1.gif) right top no-repeat;} .content-header.bg2{background:url(/images/kipa/layout/sub_visual2.gif) right top no-repeat;} .content-header.bg3{background:url(/images/kipa/layout/sub_visual3.gif) right top no-repeat;} .content-header.bg4{background:url(/images/kipa/layout/sub_visual4.gif) right top no-repeat;} .content-header.bg5{background:url(/images/kipa/layout/sub_visual5.gif) right top no-repeat;} .content-header.bg6{background:url(/images/kipa/layout/sub_visual6.gif) right top no-repeat;} /**/ .contents .tabBar{margin:20px 0;border-bottom:1px solid #14487c;} .contents .tabBar:after{display:block;content:"";clear:both;} .contents .tabBar > li{position:relative;float:left;box-sizing:border-box;background-color:#ebebeb;color:#212121;} .contents .tabBar.col2 li{width:50%;} .contents .tabBar.col3 li{width:33.33%;} .contents .tabBar.col4 li{width:25%;} .contents .tabBar.col5 li{width:20%;} .contents .tabBar.col6 li a{padding:10px 27px;} .contents .tabBar > li > a{display:block;padding:10px 16.3px;text-align:center;border:1px solid #c7c7c7;border-bottom:none;margin-left:-1px;} .contents .tabBar > li > a.hRow1{height:30px;line-height:30px;padding:10px 0;} .contents .tabBar > li > a.hRow2{height:30px;line-height:16px;padding:10px 0;} .contents .tabBar > li > span.arrow{position:absolute;bottom:-5px;display:none;width:100%;height:4px;background:url(/images/kipa/layout/icon_tab_arrow.png) no-repeat center top;} .contents .tabBar > li.active{background-color:#14487c;} .contents .tabBar > li.active span.arrow{display:block;} .contents .tabBar > li.active > a {color:#fff;} .contents .tabBar > li.brns a{padding:90px 0 15px !important;font-size:.9em;} .contents .tabBar > li.brns01 a{background:url(/images/kipa/content/icon_bn01.png) no-repeat center 10px;} .contents .tabBar > li.brns02 a{background:url(/images/kipa/content/icon_bn02.png) no-repeat center 10px;} .contents .tabBar > li.brns03 a{background:url(/images/kipa/content/icon_bn03.png) no-repeat center 10px;} .contents .tabBar > li.brns04 a{background:url(/images/kipa/content/icon_bn04.png) no-repeat center 10px;} .contents .tabBar > li.brns01.active a{background:url(/images/kipa/content/icon_bn01_on.png) no-repeat center 10px;} .contents .tabBar > li.brns02.active a{background:url(/images/kipa/content/icon_bn02_on.png) no-repeat center 10px;} .contents .tabBar > li.brns03.active a{background:url(/images/kipa/content/icon_bn03_on.png) no-repeat center 10px;} .contents .tabBar > li.brns04.active a{background:url(/images/kipa/content/icon_bn04_on.png) no-repeat center 10px;} .tabPage{display:none;} .tabPage.active{display:block;} .tabPage.active p { word-break: keep-all; } /* 20250210 har add */ .contents .tabBar.redLine{border:0px none;} .contents .tabBar.redLine > li{background-color:#f9f9f9;color:#212121;margin:0px} .contents .tabBar.redLine.col6 li{width: 16.65%;} /* 20250210 har add */ .contents .tabBar.redLine.col7 li{width:14.28%} .contents .tabBar.redLine > li > a{padding:10px;border:1px solid #dcdcdc;color:#212121;} .contents .tabBar.redLine > li.active > a{width:99px;padding:9px 10px;border:2px solid #d54810;color:#d54810;font-weight:700;margin:0px !important;} .contents .tabBar.redLine > li.active{ background-color:#14487c;} /* 20250210 har add */ .contents .tabBar.redLine > li.active >a{ color:#ffffff; width: auto; border: 2px solid #14487c; } /* 20250210 har add */ .boardType{margin:20px 0;height:23px;text-align:right;} .boardType > a{display:inline-block;width:29px;height:23px;} .boardType > a.typeList{background:url(/images/kipa/board/icon_boardType_list.gif) no-repeat left bottom;} .boardType > a.typeGallery{background:url(/images/kipa/board/icon_boardType_gallery.gif) no-repeat left bottom;} .boardType > a.active{background-position:0 top;} .type-file{display:inline-block;width:20px;height:20px;background:url(/images/kipa/layout/icon_file.gif) center center no-repeat;vertical-align:middle;} .board .list{border-bottom:1px solid #14487c;} .board .list tbody td{border-bottom:none;} .fiximg{display:block;width:100%;/*min-height:130px;*/max-width:250px;max-height:165px;margin:0 auto !important;vertical-align:top !important;} .hfiximg{max-height:100px;margin-right:10px;} .board .list tr{border-top:1px solid #ddd;} .board .list .galleryImg{position:relative;} .board .list .galleryImg > img{display:block;width:100%;max-width:250px;max-height:165px;margin:0 auto;} .board .list .galleryImg > span{position:absolute;bottom:0;left:0;display:inline-block;padding:5px;background-color:#14487c;color:#fff;} .board .list .subject{display:block;margin:5px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:600;} .view-inner-list ul{display:table;width:100%;border-top:1px solid #dddddd;border-bottom:1px solid #14487c;} .satisfaction {background: #f5f5f5 url(/images/kipa/board/satis_bg.png) 31px 17px no-repeat;} .satisfaction_info{border:1px solid #e5e5e5;border-top:none;} .satisfaction_info:after{display:block;content:"";clear:both;} .satisfaction_info li{float:left;padding:0 25px;} .satisfaction_info li.col1{margin:10px 0 10px 120px;background:url(/images/kipa/board/icon_charge.gif) 0 center no-repeat;} .satisfaction_info li.col2{margin:10px 20px;background:url(/images/kipa/board/icon_people.gif) 0 center no-repeat;} .satisfaction_info li.col3{margin:10px 20px;background:url(/images/kipa/board/icon_call.gif) 0 center no-repeat;} .satisfaction_info li b {color:#14487c;font-weight:600;} .newsletter{padding:5px;background:url(/images/kipa/content/bg_newsletter.gif) repeat left top;} .newsletter > ul{background:#fff url(/images/kipa/content/icon_newsletter.gif) no-repeat 50px center;} .newsletter > ul:after{display:block;content:"";clear:both;} .newsletter > ul > li{position:relative;} .newsletter > ul > li.col1{float:left;width:150px;min-height:100px;} .newsletter > ul > li.col2{float:right;width:600px;padding:27px 20px 20px;border-left:2px solid #efefef;} .newsletter > ul > li.col2 > fieldset{display:inline-block;margin-bottom:10px;font-size:0.9em;} /*.newsletter > ul > li.col2 input[type=submit]{position:absolute;top:20px;right:20px;width:100px;height:63px;background:url(/images/kipa/content/btn_newsletter.gif) no-repeat center center;text-indent:-9999px;}*/ .newsletter > ul > li.col2 input[type=submit]{position:absolute;top:20px;right:50px;width:120px;height:40px;line-height:38px;font-size:13px;font-weight:bold;text-align:center;color:#fff;background:#2c76bd;border:1px solid #354f69;border-radius:5px;} .newsletter > ul > li.col2 > .divAgree{display:block;border-top:2px solid #efefef;padding:10px 20px 20px;margin-top:16px;font-size:.9em;} .newsletter > ul > li.col2 > .divAgree > p{margin-bottom:15px;padding-bottom:10px;font-size:14px;font-weight:bold;text-align:center;border-bottom:1px solid #efefef;} .newsletter > ul > li.col2 > .divAgree span.dot{font-size:15px;font-weight:bold;color:#2c76bd;text-decoration:underline;} .newsletter > ul > li.col2 > .agreeBox{padding-left:20px;font-size:13px;} .newsletter > ul > li.col2 > .agreeBox span{display:inline-block;margin:0 5px;} .newsletter > ul > li.col2 > .agreeBox span input{margin-right:3px;} .feedBack{} .feedBack:after{display:block;content:"";clear:both;} .feedBack li{float:left;width:49%;padding:50px 40px 20px;box-sizing:border-box;} .feedBack li.col1{float:left;background:#efefef url(/images/kipa/content/icon_feedback.gif) no-repeat center 50px;} .feedBack li.col2{float:right;background:#efefef url(/images/kipa/content/icon_feedback1.gif) no-repeat center 50px;} .feedBack em{display:block;margin:150px 0 10px;color:#1267b8;font-weight:700;font-size:1.7em;text-align:center;} .feedBack p{padding-bottom:20px;font-size:.9em;border-bottom:1px solid #cfcfcf;} .feedBack.bg2{padding:50px 50px 50px 200px;/*border-bottom:1px solid #cfcfcf;*/background:url(/images/kipa/content/icon_feedback_bg2.gif) no-repeat 50px center;} /**/ ul.cateList{display:block;margin-bottom:20px;} ul.cateList:after{display:block;content:'';clear:both;} ul.cateList li{display:block;float:left;width:10%;} ul.cateList li a{display:block;margin:0 auto;padding-top:68px;width:68px;height:40px;font-size:12px;color:#333;line-height:48px;text-align:center;} ul.cateList li a.cateIcon1{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat 0 0;} ul.cateList li a.cateIcon2{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -68px 0;} ul.cateList li a.cateIcon3{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -136px 0;} ul.cateList li a.cateIcon4{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -204px 0;} ul.cateList li a.cateIcon5{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -272px 0;} ul.cateList li a.cateIcon6{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -340px 0;} ul.cateList li a.cateIcon7{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -408px 0;} ul.cateList li a.cateIcon8{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -476px 0;} ul.cateList li a.cateIcon9{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -544px 0;} ul.cateList li a.cateIcon10{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -612px 0;} ul.cateList li a.cateIcon11{background: url(/images/kipa/content/bg_cateIcon.png) no-repeat right 0;} ul.cateList li.active a, ul.cateList li a:hover{font-weight:bold;color:#c53e3e;} ul.cateList li.active a.cateIcon1, ul.cateList li a:hover.cateIcon1{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat 0 0;} ul.cateList li.active a.cateIcon2, ul.cateList li a:hover.cateIcon2{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -68px 0;} ul.cateList li.active a.cateIcon3, ul.cateList li a:hover.cateIcon3{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -136px 0;} ul.cateList li.active a.cateIcon4, ul.cateList li a:hover.cateIcon4{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -204px 0;} ul.cateList li.active a.cateIcon5, ul.cateList li a:hover.cateIcon5{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -272px 0;} ul.cateList li.active a.cateIcon6, ul.cateList li a:hover.cateIcon6{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -340px 0;} ul.cateList li.active a.cateIcon7, ul.cateList li a:hover.cateIcon7{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -408px 0;} ul.cateList li.active a.cateIcon8, ul.cateList li a:hover.cateIcon8{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -476px 0;} ul.cateList li.active a.cateIcon9, ul.cateList li a:hover.cateIcon9{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -544px 0;} ul.cateList li.active a.cateIcon10, ul.cateList li a:hover.cateIcon10{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -612px 0;} ul.cateList li.active a.cateIcon11, ul.cateList li a:hover.cateIcon11{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat right 0;} /**/ .brochure{position:relative;padding:60px 0 60px 360px;height:322px;background:#f4f5f5;} .brochure img{position:absolute;top:60px;left:60px;border:1px #d9d9d9 solid;} .brochure p{padding-top:10px;font-size:14px;line-height:150%;color:#717272;} .brochure p b{font-size:17px;font-weight:normal;color:#222;} .brochure p b b{font-size:22px;font-weight:bold;color:#005192;line-height:200%;} .brochure .downBtn{position:absolute;left:360px;bottom:60px;} .prmovie{padding:45px 0 30px;text-align:center;background:#f4f5f5;} .prmovie .movieHolder{margin:0 auto;width:640px;} .movieText{display:block;margin-top:10px;padding:15px;height:140px;overflow-y:auto;background:#fff;border:1px #ddd solid;} .mapHolder{display:block;margin:10px 0;height:440px;border:1px #ddd solid;overflow:hidden;} .contents ul.contactMap{display:block;position:relative;margin:0;height:546px;background:url(/images/kipa/content/img_contactMap.jpg) no-repeat;border-bottom:0px none;} .contents ul.contactMap li{display:block;position:absolute;float:none;top:265px;background:#d6dded;border:1px #c0c5c8 solid;} .contents ul.contactMap li a{display:table-cell;padding:0;width:98px;height:50px;font-size:13px;font-weight:bold;color:#606570;line-height:140%;vertical-align:middle;border:0px none;} .contents ul.contactMap li#contactArea1{left:0;} .contents ul.contactMap li#contactArea2{left:220px;} .contents ul.contactMap li#contactArea3{left:330px;} .contents ul.contactMap li#contactArea4{left:440px;} .contents ul.contactMap li#contactArea5{left:550px;} .contents ul.contactMap li#contactArea6{left:660px;} .contents ul.contactMap li#contactArea7{left:770px;} .contents ul.contactMap li#contactArea8{top:155px;left:616px;background:#eff1f0;border:1px #c1c7c3 solid;} .contents ul.contactMap li#contactArea8 a{width:156px;height:38px;line-height:38px;} .contents ul.contactMap li#contactArea9{top:0;left:330px;background:#1c61ac;} .contents ul.contactMap li#contactArea9 > a{width:220px;height:40px;text-align:center;color:#fff;} .contents ul.contactMap li#contactArea10{top:155px;left:345px;background:#3285b1;} .contents ul.contactMap li#contactArea10 > a{width:180px;height:40px;text-align:center;color:#fff;} .contents ul.contactMap li.active{background:#fff;border:1px #1c61ac solid;} .contents ul.contactMap li.active a{color:#1c61ac;} .contents ul.contactMap li:hover{background:#fff;border:1px #1c61ac solid;} .contents ul.contactMap li:hover a{color:#1c61ac;} /*20181717 조직도 수정*/ .contents ul.contactMap2018{display:block;position:relative;margin:0;height:700px;background:url(/images/kipa/content/img_contactMap_2020.jpg) no-repeat;border-bottom:0px none;} .contents ul.contactMap2018 li{display:block;position:absolute;border:1px solid #c1c7c3;background-color:#fff;box-sizing:border-box;} .contents ul.contactMap2018 li a{display:block;height:40px;line-height:40px;padding:0;margin:0;color:#777777;font-size:13px;font-weight:bold;text-align:center;border:0;box-sizing:border-box;} .contents ul.contactMap2018 li#contactArea1{top:0;left:330px;width:220px;background-color:#1c61ac;} .contents ul.contactMap2018 li#contactArea2{top:50px;left:600px;width:128px;background-color:#eff1f0;} .contents ul.contactMap2018 li#contactArea3{top:160px;left:246px;width:160px;background-color:#3285b1;} .contents ul.contactMap2018 li#contactArea4{top:160px;left:682px;width:160px;background-color:#3285b1;} .contents ul.contactMap2018 li#contactArea3 > a, .contents ul.contactMap2018 li#contactArea4 > a{color:#fff;} .contents ul.contactMap2018 li#contactArea5{top:245px;left:0;width:320px;background-color:#d6dded;} .contents ul.contactMap2018 li#contactArea6{top:245px;left:330px;width:320px;background-color:#d6dded;} .contents ul.contactMap2018 li#contactArea7{top:245px;left:662px;width:207px;background-color:#d6dded;} .contents ul.contactMap2018 li#contactArea5 > a, .contents ul.contactMap2018 li#contactArea6 > a, .contents ul.contactMap2018 li#contactArea7 > a{height:50px;line-height:50px;} .contents ul.contactMap2018 li#contactArea8{top:320px;left:0;width:100px;background-color:#eff1f0;} .contents ul.contactMap2018 li#contactArea9{top:320px;left:110px;width:100px;background-color:#eff1f0;} .contents ul.contactMap2018 li#contactArea10{top:320px;left:220px;width:100px;background-color:#eff1f0;} /* .contents ul.contactMap2018 li#contactArea11{top:320px;left:330px;} .contents ul.contactMap2018 li#contactArea12{top:320px;left:386px;} .contents ul.contactMap2018 li#contactArea13{top:320px;left:440px;} .contents ul.contactMap2018 li#contactArea14{top:320px;left:494px;} .contents ul.contactMap2018 li#contactArea15{top:320px;left:550px;} .contents ul.contactMap2018 li#contactArea16{top:320px;left:604px;} .contents ul.contactMap2018 li#contactArea17{top:320px;left:662px;} .contents ul.contactMap2018 li#contactArea18{top:320px;left:716px;} .contents ul.contactMap2018 li#contactArea19{top:320px;left:770px;} .contents ul.contactMap2018 li#contactArea20{top:320px;left:824px;} .contents ul.contactMap2018 li#contactArea21{bottom:0;right:0;} */ .contents ul.contactMap2018 li#contactArea11 > a, .contents ul.contactMap2018 li#contactArea12 > a, .contents ul.contactMap2018 li#contactArea13 > a, .contents ul.contactMap2018 li#contactArea14 > a, .contents ul.contactMap2018 li#contactArea15 > a, .contents ul.contactMap2018 li#contactArea16 > a, .contents ul.contactMap2018 li#contactArea17 > a, .contents ul.contactMap2018 li#contactArea18 > a, .contents ul.contactMap2018 li#contactArea19 > a, .contents ul.contactMap2018 li#contactArea20 > a{width:45px;height:182px;line-height:120%;padding-top:15px;} .contents ul.contactMap2018 li#contactArea21 > a{width:45px;height:103px;line-height:120%;padding-top:15px;} .contents ul.contactMap2018 li#contactArea11{top:320px;left:330px;} .contents ul.contactMap2018 li#contactArea12{top:320px;left:386px;} .contents ul.contactMap2018 li#contactArea13{top:320px;left:440px;} .contents ul.contactMap2018 li#contactArea14{top:320px;left:494px;} .contents ul.contactMap2018 li#contactArea15{top:320px;left:550px;} .contents ul.contactMap2018 li#contactArea16{top:320px;left:604px;} .contents ul.contactMap2018 li#contactArea17{top:320px;left:662px;} .contents ul.contactMap2018 li#contactArea18{top:320px;left:705px;} .contents ul.contactMap2018 li#contactArea19{top:320px;left:748px;} .contents ul.contactMap2018 li#contactArea20{top:320px;left:791px;} .contents ul.contactMap2018 li#contactArea21{top:320px;left:834px;} .contents ul.contactMap2018 li#contactArea22{bottom:0px;right:0px;} .contents ul.contactMap2018 li#contactArea23{bottom:0px;right:173px;} .contents ul.contactMap2018 li#contactArea11 > a, .contents ul.contactMap2018 li#contactArea12 > a, .contents ul.contactMap2018 li#contactArea13 > a, .contents ul.contactMap2018 li#contactArea14 > a, .contents ul.contactMap2018 li#contactArea15 > a, .contents ul.contactMap2018 li#contactArea16 > a{width:45px;height:182px;line-height:120%;padding-top:15px;} .contents ul.contactMap2018 li#contactArea17 > a, .contents ul.contactMap2018 li#contactArea18 > a, .contents ul.contactMap2018 li#contactArea19 > a, .contents ul.contactMap2018 li#contactArea20 > a, .contents ul.contactMap2018 li#contactArea21 > a, .contents ul.contactMap2018 li#contactArea22 > a, .contents ul.contactMap2018 li#contactArea23 > a{width:33px;height:182px;line-height:120%;padding-top:15px;box-sizing:border-box;} .contents ul.contactMap2018 li#contactArea24{bottom:128px;left:30px;background:#d6dded;} .contents ul.contactMap2018 li#contactArea24 a{width:100px;} .contents ul.contactMap2018 li.active, .contents ul.contactMap2018 li:hover{background-color:#fff !important;border:2px #1c61ac solid;color:#1c61ac;} .contents ul.contactMap2018 li.active > a, .contents ul.contactMap2018 li:hover > a, .contents ul.contactMap2018 li > a:hover{color:#1c61ac !important;box-sizing:border-box;} /*//20181717 조직도 수정*/ /*연구원소개 > 주요활동 > 교류협력기관*/ .contents .worldmap{position:relative;width:870px;height:391px;margin:20px 0;background:url(/images/kipa/content/worldmap.jpg) no-repeat left top;} .contents .worldmap.type2{background:url(/images/kipa/content/eng_worldmap.jpg) no-repeat left top;} .contents .worldmap > a{position:absolute;display:inline-block;min-width:100px;height:25px;background:url(/images/kipa/content/icon_country_off.png) no-repeat center top;} .contents .worldmap > a.on, .contents .worldmap > a:hover{display:inline-block;background:url(/images/kipa/content/icon_country_on.png) no-repeat center top;} .contents .worldmap > a.area1{top:100px;left:160px;} .contents .worldmap > a.area2{top:180px;left:185px;} .contents .worldmap > a.area3{top:240px;left:150px;} .contents .worldmap > a.area4{top:130px;left:278px;} .contents .worldmap > a.area5{top:280px;left:340px;} .contents .worldmap > a.area6{top:134px;left:522px;} .contents .worldmap > a.area7{top:274px;left:598px;} .contents .worldmap > a.on > b, .contents .worldmap > a:hover > b{color:#ce332f;} /*연구원소개 > 원장 > 원장인사말*/ .contents .director {position:relative;padding-left:380px;} .contents .director > img{position:absolute;left:0;top:0;} .contents .director h3{font-size:1.8em;line-height:130%;color:#3e6bb1;font-weight:700;} .contents .director h3 em{color:#002871} .contents .director p{margin:20px 0;letter-spacing:-1px;font-size:1.1em;} .contents .director .director_sign{display:block;padding:20px 0;text-align:right;} /*연구원소개 > 원장 > 약력소개*/ .contents .profile > div{position:relative;min-height:250px;padding-left:250px;/*background:url(https://www.kipa.re.kr/images/kipa/content/director2.jpg) no-repeat left top;*/} .contents .profile > div > img{position:absolute;top:0;left:0;} .contents .profile > div > em{color:#2c317a;} .contents .profile > div > h3{margin:10px 0 30px;color:#000000;font-size:2.2em;font-weight:700;} .contents .profile dl{margin:30px 0;} .contents .profile dl:after{display:block;content:"";clear:both;} .contents .profile dt{display:block;margin:0 0 20px 0;padding:0 0 0 20px;height:auto;font-size:15px;font-weight:bold;color: #0a3163;line-height: inherit;background: url(https://www.kipa.re.kr/images/kipa/layout/bullet_h4.png) no-repeat left center;} .contents .profile dd{display:block;font-size:13px;line-height:150%;} .contents .profile table{width:100%;border-top:2px solid #6b798c;} .contents .profile table th{padding:10px 0 10px 30px;border:1px solid #dddddd;background-color:#fafafa;color:#3c599b;font-weight:700;} .contents .profile table td{padding:10px 0 10px 20px;border:1px solid #dddddd;} /*연구원소개 > 원장 > 역대원장*/ .contents .profile.history .img{float:left;width:13%;} .contents .profile.history table{float:right;width:87%;} .contents .profile.history table th{color:#000000;} /*연구원소개 > 연구원개요 > 설립목적*/ .contents .purpose:after{display:block;content:"";clear:both;} .contents .purpose h3{display:block;float:left;width:200px;height:50px;line-height:50px;font-size:2.5em;color:#005192;border-right:1px solid #dddddd;} .contents .purpose h3 em{color:#2b98c5;} .contents .purpose p{float:right;width:640px;font-weight:700;color:#333333;} /*연구원소개 > 연구원개요 > 연혁*/ .contents .brief{} .contents .brief .tabBar{padding:0;margin:0;border-bottom:1px solid #dcdddf;} .contents .brief .tabBar li{width:25%;border:none !important;background-color:#ffffff !important;} .contents .brief .tabBar li a{padding:20px 0 20px 60px;border:0 !important;background-color:#fff !important;color:#555555;font-size:1.5em;text-align:left;} .contents .brief .tabBar li.active{border-bottom:2px solid #406fb7 !important;} .contents .brief .tabBar li.active a{color:#333333;font-weight:700;background:url(/images/kipa/content/icon_brief.png) no-repeat 30px center;} .contents .brief .tabPage{display:none;} .contents .brief .tabPage.active{display:block;} .contents .brief .tabPage ul{background-color:#fafafa;} .contents .brief .tabPage ul:after{display:block;content:"";clear:both;} .contents .brief .tabPage li{float:left;box-sizing:border-box;} .contents .brief .tabPage li.left{width:25%;padding:30px 20px;} .contents .brief .tabPage li.right{width:75%;min-height:200px;padding:30px 50px;;border-left:1px solid #dcdddf;background-color:#ffffff;} .contents .brief .tabPage li.right dt{position:relative;margin-bottom:20px;font-size:1.8em;font-weight:700;color:#005192;} .contents .brief .tabPage li.right dt span{position:absolute;left:-50px;top:10px;display:block;width:33px;height:1px;background-color:#dcdddf;} .contents .brief .tabPage li.right dd p{margin:2px 0;font-size:0.9em;} .contents .brief .tabPage li.right dd em{display:inline-block;width:15%;vertical-align: top;} .contents .brief .tabPage li.right dd span{display:inline-block;width:80%;} /*찾아오시는길*/ .traffic{width:100%;} .traffic:after{display:block;content:"";clear:both;} .traffic li{float:left;min-height:80px;padding-left:80px;box-sizing:border-box;} .traffic li.col1{width:45%;background:url(/images/kipa/content/icon_traffic_car.png) no-repeat left 10px;} .traffic li.col2{width:55%;background:url(/images/kipa/content/icon_traffic_train.png) no-repeat left 10px;} .traffic li span{font-size:.9em;} .traffic li em{color:#1c6ebc;font-weight:bold;} .contents h3.management {margin-bottom:20px;font-size:1.8em;color:#005192;font-weight:700;text-align:center;} .contents h3.management em{color:#2b98c5;} .h4sep{display:block;width:100%;border-top:1px solid #d2d2d2;} .topText{margin:25px 0;color:#005192;font-size:1.3em;font-weight:bold;letter-spacing:-0.5px;font-family:'Nanum Gothic';line-height:150%;} .topText2{color:#005192;font-size:1.3em;font-weight:bold;letter-spacing:-0.5px;font-family:'Nanum Gothic';} .topText span{color:#2b98c8;} .researchPro{position:relative;padding-left:120px;min-height:124px;font-size:13px;} .researchPro.type2{padding-left:20px;min-height:initial;} .researchPro img{position:absolute;top:0;left:10px;} .sec_bott{margin:30px 0;border-top:1px solid #d2d2d2;} .pubInfo{background:url(/images/kipa/content/sub060201.png) no-repeat 50px center;padding:30px 50px 30px 200px;border:5px solid #efefef;} .pubInfo h5{display:block;margin:0 0 10px 0;font-size:1.2em;font-weight:700;color:#1267b8;text-align:left;} .sitemap:after{display:block;content:"";clear:both;} .sitemap > li{float:left;width:50%;min-height:480px;margin-bottom:30px;box-sizing:border-box;} .sitemap > li:nth-child(odd){padding-right:15px;} .sitemap > li:nth-child(even){padding-left:15px;} .sitemap > li > a{display:block;padding:10px 0;font-size:17px;font-weight:bold;color: #1369bb;text-align: center;background:#f5f6f7;border-top:2px solid #1c6ebc;border-bottom: 1px solid #b1cbe3;} .sitemap .deaph1 > li{border-top:1px solid #e2e2e2;} .sitemap .deaph1 > li > a{display:block;font-size:16px;color:#0e0e0e;padding:5px 0 5px 20px;background: url(/images/kipa/content/arrow.gif) no-repeat 5px 16px;} .sitemap .deaph1 > li > a:hover{text-decoration:underline;} .sitemap .deaph2{border-top:1px solid #e2e2e2;} .sitemap .deaph2 > li > a{display:block;font-size:14px;color:#555555;padding:2px 0 2px 30px;background:url(/images/kipa/content/icon_dot.gif) no-repeat 5px 16px;} .sitemap.cha > li{float:left;width:33.33%;min-height:150px;padding:0 15px 0 0;margin-bottom:30px;box-sizing:border-box;} .sitemap.cha > li.col3{padding:0 !important;} /*통합검색*/ #totalSearch .searchHead{padding:30px 0 10px;} #totalSearch .searchHead:after{display:block;content:"";clear:both;} #totalSearch .searchHead h3{display:block;float:left;width:25%;font-size:2em;font-weight:700;} #totalSearch .searchHead p{display:block;float:left;width:75%;text-align:right;font-size:.9em;} #totalSearch .searchBox{position:relative;padding:30px 0 30px 80px;border-top:2px solid #0a3163;border-bottom:1px solid #adb7c4;background-color:#efefef;} #totalSearch .searchBox input[type=text]{width:570px;height:44px;line-height:44px;border:3px solid #005192;color:#0a3163;font-size:1.3em;} #totalSearch .searchBox input[type=submit]{height:50px;line-height:50px;padding:0 15px;background-color:#005192;color:#fff;text-align:center;} #totalSearch .searchBox input[type=button]{height:50px;line-height:50px;padding:0 15px;margin:0 3px;background-color:#666666;color:#fff;text-align:center;} #totalSearch .searchBox div{position:relative;width:570px;padding:20px 80px;background:url(/images/kipa/content/icon_relate.gif) no-repeat left 20px;} #totalSearch .searchBox div > p{height:25px;/*overflow:hidden;*/} #totalSearch .searchBox div > p.active{display:block;height:auto;} #totalSearch .searchBox div > p > a{display:inline-block;margin:2px 10px;color:#0a3163;} #totalSearch .searchBox div > a.btnrelateMore{position:absolute;top:20px;right:0;display:inline-block;text-decoration:underline;color:#666666;font-size:.9em;cursor:pointer;display:none;} #totalSearch .searchBox div > a.btnrelateMore:after{display:inline-block;margin-left:5px;content:"▼";font-size:.5em;} #totalSearch .searchBox div > a.btnrelateMore.active:after{content:"▲";} #totalSearch .searchBox ol{position:absolute;right:30px;top:30px;width:180px;padding-left:30px;border-left:1px solid #dedede;font-size:.9em;} #totalSearch .searchBox ol p{padding:5px 0;font-weight:700;font-size:1.2em;color:#333333;} #totalSearch .searchBox ol li{overflow:hidden;height:22px;} #totalSearch .searchBox ol li span{display:inline-block;width:16px;height:16px;line-height:16px;margin-right:10px;border:1px solid #adb7c4;background-color:#fff;text-align:center;font-size:.9em;} #totalSearch .searchDetail{position:relative;padding:40px 30px 30px 250px;margin-top:-1px;border:1px solid #0a3163;background:url(/images/kipa/content/icon_totalSearch.png) no-repeat left top;display:none;} #totalSearch .searchDetail p{margin-bottom:10px;font-size:0.9em;font-family:dotum;} #totalSearch .searchDetail p b{display:inline-block;width:80px;} #totalSearch .searchDetail p input[type=button]{display:inline-block;height:20px;line-height:20px;padding:0 5px;margin-right:5px;border:1px solid #aabcd2;background-color:#d6e2f0;color:#333333;font-family:dotum;font-size:12px;} #totalSearch .searchDetail .btnDetailClose{position:absolute;right:0;bottom:0;display:block;width:40px;height:40px;cursor:pointer;} #totalSearch .searchResult .tabBar{border-bottom:1px solid #4a7fd2;} #totalSearch .searchResult .tabBar > li.active{background-color:#4a7fd2;} #totalSearch .searchResult .tabBar > li.active:after{position:absolute;top:42px;display:block;width:100%;height:4px;content:"";background:url(/images/kipa/content/icon_tab_arrow2.png) no-repeat center top;} #totalSearch .searchResult .tabBar > li > a{font-weight:700;} #totalSearch .searchResult .tabBar.typeSearch{border:none;} #totalSearch .searchResult .tabBar.typeSearch li{background-color:#fff;} #totalSearch .searchResult .tabBar.typeSearch li a{display:inline-block;padding:0;margin:10px 16px;font-size:1.2em;color:#333333;border:none;} #totalSearch .searchResult .tabBar.typeSearch li.active{background-color:#fff;} #totalSearch .searchResult .tabBar.typeSearch li.active:after{display:none;} #totalSearch .searchResult .tabBar.typeSearch li.active a{padding-right:30px;color:#4a7fd2;background:#fff url(/images/kipa/content/icon_tabBarSearch.png) no-repeat right center;} #totalSearch .searchResult .tabBar.typeSearch li span.sep{display:inline-block;padding:0;width:1px;height:10px;background-color:#a6a6a6;} #totalSearch .searchResult .title{padding:10px 0;margin:20px 0 30px;border-bottom:1px solid #adb7c4;} #totalSearch .searchResult .title:after{display:block;content:"";clear:both;} #totalSearch .searchResult .title strong{float:left;font-size:1.5em;font-weight:700;} #totalSearch .searchResult .title em{color:#c12323;} #totalSearch .searchResult .title span{color:#4a7fd2;} #totalSearch .searchResult .title .range{float:right;text-align:right;} #totalSearch .searchResult .title .range > a{display:inline-block;padding:0 10px;font-size:.9em;} #totalSearch .searchResult .title .range > span.sep{display:inline-block;width:1px;height:10px;background-color:#d1d1d1;} #totalSearch .searchResult dl{margin:20px 0;} #totalSearch .searchResult dt{position:relative;padding:15px 25px;font-size:1.3em;color:#fff;background-color:#8194ac;} #totalSearch .searchResult dt b{font-size:1.2em;} #totalSearch .searchResult dt a.btnMore{position:absolute;top:10px;right:20px;display:inline-block;width:30px;height:30px;background:url(/images/kipa/content/icon_searchMore.gif) no-repeat center center;cursor:pointer;} #totalSearch .searchResult dd{display:none;} #totalSearch .searchResult dd .gupList{padding:0 25px;border:1px solid #d2d2d2;/*font-family:dotum;*/} #totalSearch .searchResult dd .list{position:relative;padding-bottom:20px;margin:30px 0;border-bottom:1px solid #d2d2d2;font-size:.9em;} #totalSearch .searchResult dd .list:after{display:block;content:'';clear:both;} #totalSearch .searchResult dd .list:last-child{border:none;padding:0;} #totalSearch .searchResult dd .list b{padding-bottom:20px;font-size:1.2em;text-decoration:underline;color:#212121;} #totalSearch .searchResult dd .list em{color:#c12323;font-weight:700;} #totalSearch .searchResult dd .list p{margin:10px 0;line-height:130%;} #totalSearch .searchResult dd .list p.conText{} #totalSearch .searchResult dd .list .writer{/*position:absolute;top:0;right:0;*/font-size:.9em;font-weight:700;color:#555555;} #totalSearch .searchResult dd .list .writer span.sep{display:inline-block;width:1px;height:10px;margin:0 5px;background-color:#d1d1d1;} #totalSearch .searchResult dd .list .path{font-size:.9em;} #totalSearch .searchResult dd .list .photo img{display:block;width:100%;max-width:100%;} #totalSearch .searchResult dd .list .con-btn{height:22px;line-height:24px;margin:0 5px;border-radius:0;} #totalSearch .searchResult dd .list .con-btn.type-direct{border:1px solid #d6d6d6;background-color:#f5f5f5;} #totalSearch .searchResult dd .list .con-btn.type-blue{padding:0 10px;font-weight:bold;border:1px solid #6b87b7;background-color:#e9f4fc;color:#14487c;} #totalSearch .searchResult dd .list .con-btn.type-direct span{background:url(/images/kipa/content/icon_direct2.png) left center no-repeat;} #totalSearch .searchResult dl.active dt a.btnMore{background:url(/images/kipa/content/icon_searchMore.gif) no-repeat center center;} #totalSearch .searchResult dl.active dd{display:block;} #totalSearch .searchResult .noList{padding:80px 0 60px 400px;background:url(/images/kipa/content/icon_nolist.png) no-repeat 220px center;} #totalSearch .searchResult .noList b{font-size:1.7em;} #totalSearch .searchResult .noList p{padding:10px 0;} /**/ #stats .stats-contents dl dt{display:block;margin:0 0 10px 0;padding:0 0 0 20px;font-size:15px;font-weight:bold;color:#0a3163;background:url(/images/kipa/layout/bullet_h4.png) no-repeat left center;} #stats .stats-contents .tb_wrap2 table{font-family:'Nanum Gothic';} #stats .current_page>ul>li>a, #stats .current_page>ul>li>span{font-size:13px;} .satisfaction .guide{font-size:12px;} table.view.bordered th{font-size:13px;} table.view.bordered td{font-size:13px;} #stats .current_page>ul>li{width:25%;box-sizing:border-box;} #stats .current_page>ul>li:first-child{width:25%;box-sizing:border-box;} #stats .current_page>ul>li a{padding:0 10px;} #stats .current_page>ul>li:first-child span{padding:0;} #stats .filter .step1 ul li a{font-size:13px;} #stats .filter .step2 table td a{font-size:13px;} #stats .filter .step3{margin-top:10px;} #stats .stats-contents .tb_wrap table{font-family:'Nanum Gothic';} #stats .stats-contents .tb_wrap table th{font-size:13px;} #stats .stats-contents .tb_wrap table td{font-size:13px;} .satisfaction .txt-input input[type="submit"]{font-family:'Nanum Gothic';font-size:13px;padding:0 5px;letter-spacing:0px;} #stats .filter .step3 .rolling{width:800px;} /* 20201118 */ .textPre{padding:10px;font-size:12px;color:#666;line-height:150%;box-sizing:border-box;border:1px #dedede solid;} .textPre span.dot{font-size:15px;font-weight:bold;text-decoration:underline;color:#3a79e3;} .view_contents .txt-area img{display:inline-block;max-width:100%;} .board .view img{display:inline-block;max-width:100%;} .btnGradation {display:inline-block;vertical-align:middle;height:28px;line-height:28px;overflow:hidden;padding:0 10px;border:1px solid #979797;border-radius:3px;font-size:13px;letter-spacing:-1px;background:#ffffff url(/images/kipa/content/btnGradationBg.gif) repeat-x bottom left;box-shadow:0 1px 0 #cdcdcd;color:#1c5796;font-weight:bold;} /*2017.04.07 추가 */ .eduSubTitle{color:#0064b8;} /*2018.08.28 추가*/ .inputUnderline{margin:2px 0;border:0 !important;border-bottom:1px solid #efefef !important;} /* 20200204 추가 */ .stepGuideBox{margin:10px 0 25px 20px;overflow:hidden;} .stepGuideBox ul{margin:0 -3px;} .stepGuideBox ul:after{display:block;content:'';clear:both;} .stepGuideBox li{float:left;position:relative;padding:0 3px;box-sizing:border-box;} .stepGuideBox li:before{display:block;content:'';position:absolute;left:-14px;top:50%;margin-top:-14px;width:27px;height:27px;background:url(/images/kipa/content/icon_stepGuide.png) center center no-repeat;z-index:1;} .stepGuideBox li:first-child:before{display:none;} .stepGuideBox li > span{display:block;padding-top:32px;height:90px;background:#f0f5ff;color:#406fb7;text-align:center;border:2px solid #406fb7;border-radius:10px;box-sizing:border-box;} .stepGuideBox li{width:15%;} .stepGuideBox li.wide{width:20%;} .stepGuideBox li.wide > span{padding-top:25px;} .stepGuideBox.cols5 li{width:20%;} .stepGuideBox.cols5 li > span{padding-top:25px;color:#fff;border:none;} .stepGuideBox.cols5 li.item1 > span{background:#329db1;} .stepGuideBox.cols5 li.item2 > span{background:#40a174;} .stepGuideBox.cols5 li.item3 > span{background:#8fb44d;} .stepGuideBox.cols5 li.item4 > span{background:#45a2d3;} .stepGuideBox.cols5 li.item5 > span{background:#3d8edd;} .stepGuideBox.cols4 li{width:175px;} .stepGuideBox.cols4 li > span{position:relative;padding-top:8px;overflow:hidden;} .stepGuideBox.cols4 li > span .date{display:block;position:absolute;bottom:0;left:0;right:0;line-height:35px;color:#fff;background:#004277;} .stepGuideBox.cols4 li.item2 .date{background:#406fb7;} .stepGuideBox.cols4 li.item3 .date{background:#598ee0;} .stepGuideBox.cols4 li.item4 .date{background:#41abb5;} /* 210309 장찬우 퍼블 추가 */ .formTop_txt{margin-bottom:15px;font-size:13px;font-weight:bold;text-align:right;color:#000;} #newMain{margin-bottom:20px;} #newMain .visual{position:relative;max-width:1620px;height:308px;margin:0 auto;} #newMain .visual #slider .bx-viewport{position:relative;z-index:1;} #newMain .visual #slider ul li{height:308px;} #newMain .visual #slider ul li img{position:absolute;left:50%;margin-left:-810px;width:1620px;height:100%;z-index:1;} #newMain .visual #slider .bx-controls{position:absolute;top:30px;left:50%;margin-left:-160px;width:320px;text-align:center;z-index:2;} #newMain .visual #slider .bx-controls div{display:inline-block;} #newMain .visual #slider .bx-controls div.bx-controls-direction{display:none;} #newMain .visual #slider .bx-controls-auto > div > a{display:inline-block;width:8px;height:8px;margin:5px;text-indent:-9999em;} #newMain .visual #slider .bx-controls-auto > div > a.bx-stop{background:url(/images/kipa/content/main_visual_stop.png) no-repeat center center;} #newMain .visual #slider .bx-controls-auto > div > a.bx-start{background:url(/images/kipa/content/main_visual_start.png) no-repeat center center;} #newMain .visual #slider .bx-pager > div > a{display:inline-block;width:8px;height:8px;margin:5px;background:url(/images/kipa/content/main_visual_pager.png) no-repeat -20px top;text-indent:-9999px;} #newMain .visual #slider .bx-pager > div > a.active{background-position:0 0;} #newMain .visual_icon{/*position:absolute;bottom:0;left:0;*/width:100%;height:120px;padding:20px 0 0;/*background:url(/images/kipa/content/main_visual_iconbg.png) repeat left top;*/text-align:center;z-index:3;} #newMain .visual_icon a{display:block;float:left;width:10%;} #newMain .visual_icon a > img{display:block;margin:0 auto;} #newMain .visual_icon a > span{display:block;height:20px;line-height:20px;margin-top:10px;text-align:center;font-size:16px;font-weight:bold;letter-spacing:-1px;} #newMain .tabBar{overflow:hidden;} #newMain .tabBar:after{display:block;content:"";clear:both;} #newMain .tabBar > li{position:relative;float:left;box-sizing:border-box;} #newMain .tabBar.col3 li{width:33.33%;} #newMain .tabBar > li > a{display:block;height:38px;line-height:38px;padding:0 5px;border:1px solid #d2d2d2;margin-left:-1px;background-color:#f4f4f4;text-align:center;font-weight:700;} #newMain .tabBar > li.active > a{height:37px;border-top:3px solid #0a3163;background-color:#fff;color:#0a3163;border-bottom:none;} #newMain .tabPage{position:relative;display:none;margin-top:20px;text-align:left;} #newMain .tabPage.active{display:block;} #newMain .popupZone{position:absolute;top:35px;left:50%;margin-left:190px;;width:360px;height:230px;z-index:3;} #newMain .popupZone .bx-controls{position:absolute;top:0;right:0;background-color:#0895ae;} #newMain .popupZone .bx-controls-direction{width:80px;height:21px;margin:5px 0;} #newMain .popupZone .bx-controls-direction > a{display:block;width:14px;height:11px;margin:5px 10px;text-indent:-9999px;} #newMain .popupZone .bx-controls-direction > a.bx-prev{float:left;background:url(/images/kipa/content/popupzone_ctrl_prev.png) no-repeat center center;} #newMain .popupZone .bx-controls-direction > a.bx-next{float:right;background:url(/images/kipa/content/popupzone_ctrl_next.png) no-repeat center center;} #newMain .popupZone .bx-controls-auto{float:left;} #newMain .popupZone .bx-controls-auto > div{position:absolute;top:0;right:24px;} #newMain .popupZone .bx-controls-auto > div > a{display:block;width:14px;height:11px;margin:10px 5px;text-indent:-9999px;} #newMain .popupZone .bx-controls-auto > div > a.bx-stop{background:url(/images/kipa/content/popupzone_ctrl_stop.png) no-repeat center center;} #newMain .popupZone .bx-controls-auto > div > a.bx-start{background:url(/images/kipa/content/popupzone_ctrl_start.png) no-repeat center center;} #newMain .popupZone .bx-pager{float:left;margin-left:-40px;width:40px;height:21px;line-height:21px;padding:5px;background-color:#0895ae;color:#fff;overflow:hidden;text-align:center;} #newMain .popupZone .bx-pager a{color:#fff;} #newMain .groupBox{padding:20px;border:1px solid #d2d2d2;} #newMain .box{float:left;margin-top:20px;box-sizing:border-box;text-align:left;} #newMain .box h3 {padding-bottom:10px;font-size:1.2em;text-align:left;font-weight:700;} #newMain .box a.more{position:absolute;right:0;top:0;display:block;width:38px;height:38px;background:url(/images/kipa/content/main_more.png) no-repeat center center;} #newMain .box1 img{border:1px solid #d2d2d2;} #newMain .box1{width:720px;height:324px;margin-right:15px;} #newMain .box1 .tabBar{border-left:1px solid #d2d2d2;} #newMain .box1 a.more{top:-105px;right:-10px;} #newMain .box1 .colList.col2{border-bottom:1px dotted #b1b1b1;} #newMain .box1 .colList.col2:after{display:block;content:"";clear:both;} #newMain .box1 .colList.col2 li{float:left;box-sizing:border-box;} #newMain .box1 .colList.col2 li{width:50%;} #newMain .box1 .colList.col2 li a{display:block;text-align:left;} #newMain .box1 .colList.col2 li a:after{display:block;content:"";clear:both;} #newMain .box1 .colList.col2 li a p{float:left;width:30%;} #newMain .box1 .colList.col2 li a p img{display:block;max-width:100%;} #newMain .box1 .colList.col2 li a b{display:block;float:left;width:65%;padding:10px 0;} #newMain .box1 .colList.col2 li a span{display:block;float:left;width:65%;font-size:.9em;} #newMain .box1 .colList.col5{} #newMain .box1 .colList.col5:after{display:block;content:"";clear:both;} #newMain .box1 .colList.col5 li{float:left;box-sizing:border-box;} #newMain .box1 .colList.col5 li{width:20%;} #newMain .box1 .colList.col5 li a{display:block;text-align:left;padding:10px;} #newMain .box1 .colList.col5 li a:after{display:block;content:"";clear:both;} #newMain .box1 .colList.col5 li a p{} #newMain .box1 .colList.col5 li a p img{display:block;max-width:100%;margin:0 auto;} #newMain .box1 .colList.col5 li a b{display:block;margin:10px 0 0;text-align:center;height:34px;overflow:hidden;} #newMain .box1 .colList.col5 li a span{display:block;font-size:.9em;text-align:center;padding:10px 0;} #newMain .box1 .colList.col1{margin-top:10px;} #newMain .box1 .colList.col1:after{display:block;content:"";clear:both;} #newMain .box1 .colList.col1 li a{display:block;margin:1px 0;height:30px;overflow:hidden;} #newMain .box1 .colList.col1 li a:after{display:block;content:"";clear:both;} #newMain .box1 .colList.col1 li span{display:block;float:left;height:28px;line-height:28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;font-size:.9em;} #newMain .box1 .colList.col1 li .catebtn{width:18%;min-width:100px;text-align:left;padding:1px 10px 1px 0;} #newMain .box1 .colList.col1 li .catebtn > em{display:block;height:24px;line-height:24px;border:1px solid #6b87b7;background-color:#e9f4fc;color:#14487c;text-align:center;font-size:.9em;} #newMain .box1 .colList.col1 li .subject{width:67%;text-align:left;} #newMain .box1 .colList.col1 li a:hover .subject{text-decoration:underline;} #newMain .box1 .colList.col1 li .date{width:15%;text-align:right;} #newMain .box2{float:right;width:360px;height:324px;} #newMain .box2 a.more{top:-40px;right:-10px;} #newMain .box2 .slider_gallery{position:relative;padding-top:10px;} #newMain .box2 .slider_gallery .bx-wrapper {width:263px;height:240px;} #newMain .box2 .slider_gallery li > a{display:block;} #newMain .box2 .slider_gallery li > a > img{display:block;margin:0 auto;} #newMain .box2 .slider_gallery li > a > b{display:block;height:40px;line-height:40px;margin-top:10px;font-size:1.1em;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #newMain .box2 .slider_gallery li > a > span{display:block;font-size:.9em;text-align:center;} #newMain .box2 .slider_gallery .bx-controls{} #newMain .box2 .slider_gallery .bx-controls-direction > a{display:block;width:18px;height:33px;text-indent:-9999px;} #newMain .box2 .slider_gallery .bx-controls-direction > a.bx-prev{float:left;margin-top:-150px;margin-left:-30px;background:url(/images/kipa/content/gallery_pager_left.png) no-repeat left top;} #newMain .box2 .slider_gallery .bx-controls-direction > a.bx-next{float:right;margin-top:-150px;margin-right:-30px;background:url(/images/kipa/content/gallery_pager_right.png) no-repeat right top;} #newMain .box3{width:506px;height:254px;padding:0;margin-right:15px;border-top:none;} #newMain .box3 a.more{width:10%;top:-60px;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;} #newMain .box3 .tabBar{width:90%;} #newMain .box3 .tabBar li{width:20%;} #newMain .box3 .colList.col1{margin-top:10px;} #newMain .box3 .colList.col1:after{display:block;content:"";clear:both;} #newMain .box3 .colList.col1 li{margin:3px 0;} #newMain .box3 .colList.col1 li a{display:block;margin:1px 0;} #newMain .box3 .colList.col1 li a:after{display:block;content:"";clear:both;} #newMain .box3 .colList.col1 li span{display:block;float:left;height:26px;line-height:26px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box;font-size:.9em;} #newMain .box3 .colList.col1 li .catebtn{width:15%;text-align:left;padding:1px 10px 1px 0;} #newMain .box3 .colList.col1 li .catebtn > em{display:block;height:22px;line-height:22px;border:1px solid #6b87b7;background-color:#e9f4fc;color:#14487c;text-align:center;font-size:.9em;} #newMain .box3 .colList.col1 li .subject{width:65%;text-align:left;} #newMain .box3 .colList.col1 li a:hover .subject, #newMain .box3 .colList.col1 li a:hover .w80{text-decoration:underline;} #newMain .box3 .colList.col1 li .date, #newMain .box3 .colList.col1 li .w20{width:20%;text-align:right;} #newMain .box3 .tabPage{padding:0 20px;} #newMain .box4{width:400px;height:254px;margin-right:15px;} #newMain .box4 h3{color:#fff;} #newMain .box4 li{float:left;width:50%;height:254px;padding:30px 18px;box-sizing:border-box;} #newMain .box4 li.col1{background-color:#4578ce;color:#fff;} #newMain .box4 li.col2{background-color:#03a2ba;color:#fff;} #newMain .box4 li p{font-size:.9em;margin:5px 0 30px;line-height:150%;} #newMain .box4 li a{display:inline-block;height:35px;line-height:35px;color:#fff;text-decoration:underline;} #newMain .box4 li a > img{display:inline-block;margin-left:4px;} #newMain .box5{width:164px;height:254px;} #newMain .box5 > a{display:block;height:62px;line-height:62px;border-bottom:1px solid #d2d2d2;font-weight:700;letter-spacing:-.5px;} #newMain .box5 > a > img{display:inline-block;margin-right:4px;} #newMain .box5 > a:last-child{border:none;} #newMain .box6{position:relative;width:100%;padding:0;} #newMain .box6 h3{float:left;padding:25px 20px;} #newMain .box6 .bx-wrapper{float:right;width:900px;height:66px;} #newMain .box6 ul li{float:left;} #newMain .box6 ul li a{display:block;} #newMain .box6 .bx-controls{position:absolute;left:80px;top:20px;width:88px;} #newMain .box6 .bx-controls-direction{width:88px;height:29px;} #newMain .box6 .bx-controls-direction > a{display:block;width:30px;height:29px;text-indent:-9999px;} #newMain .box6 .bx-controls-direction > a.bx-prev{float:left;background:url(/images/kipa/content/banner_ctrl_prev.gif) no-repeat center center;} #newMain .box6 .bx-controls-direction > a.bx-next{float:right;background:url(/images/kipa/content/banner_ctrl_next.gif) no-repeat center center;} #newMain .box6 .bx-controls-auto{float:left;} #newMain .box6 .bx-controls-auto > div{position:absolute;top:0;left:30px;} #newMain .box6 .bx-controls-auto > div > a{display:block;width:30px;height:29px;text-indent:-9999px;} #newMain .box6 .bx-controls-auto > div > a.bx-stop{background:url(/images/kipa/content/banner_ctrl_stop.gif) no-repeat center center;} #newMain .box6 .bx-controls-auto > div > a.bx-start{background:url(/images/kipa/content/banner_ctrl_start.gif) no-repeat center center;} #contents{} .content-area{float:right;width:870px;background:url(/images/kipa/layout/sub_visual6.gif) right top no-repeat;} .content-header{margin-bottom:45px;background:none;} .content-header.bg1{background:url(/images/kipa/layout/sub_visual1.gif) right top no-repeat;} .content-header.bg2{background:url(/images/kipa/layout/sub_visual2.gif) right top no-repeat;} .content-header.bg3{background:url(/images/kipa/layout/sub_visual3.gif) right top no-repeat;} .content-header.bg4{background:url(/images/kipa/layout/sub_visual4.gif) right top no-repeat;} .content-header.bg5{background:url(/images/kipa/layout/sub_visual5.gif) right top no-repeat;} .content-header.bg6{background:url(/images/kipa/layout/sub_visual6.gif) right top no-repeat;} /**/ .contents .tabBar{margin:20px 0;border-bottom:1px solid #14487c;} .contents .tabBar:after{display:block;content:"";clear:both;} .contents .tabBar > li{position:relative;float:left;box-sizing:border-box;background-color:#ebebeb;color:#212121;} .contents .tabBar.col2 li{width:50%;} .contents .tabBar.col3 li{width:33.33%;} .contents .tabBar.col4 li{width:25%;} .contents .tabBar.col5 li{width:20%;} .contents .tabBar.col6 li a{padding:10px 27px;} .contents .tabBar > li > a{display:block;padding:10px 16.3px;text-align:center;border:1px solid #c7c7c7;border-bottom:none;margin-left:-1px;} .contents .tabBar > li > a.hRow1{height:30px;line-height:30px;padding:10px 0;} .contents .tabBar > li > a.hRow2{height:30px;line-height:16px;padding:10px 0;} .contents .tabBar > li > span.arrow{position:absolute;bottom:-5px;display:none;width:100%;height:4px;background:url(/images/kipa/layout/icon_tab_arrow.png) no-repeat center top;} .contents .tabBar > li.active{background-color:#14487c;} .contents .tabBar > li.active span.arrow{display:block;} .contents .tabBar > li.active > a {color:#fff;} .contents .tabBar > li.brns a{padding:90px 0 15px !important;font-size:.9em;} .contents .tabBar > li.brns01 a{background:url(/images/kipa/content/icon_bn01.png) no-repeat center 10px;} .contents .tabBar > li.brns02 a{background:url(/images/kipa/content/icon_bn02.png) no-repeat center 10px;} .contents .tabBar > li.brns03 a{background:url(/images/kipa/content/icon_bn03.png) no-repeat center 10px;} .contents .tabBar > li.brns04 a{background:url(/images/kipa/content/icon_bn04.png) no-repeat center 10px;} .contents .tabBar > li.brns01.active a{background:url(/images/kipa/content/icon_bn01_on.png) no-repeat center 10px;} .contents .tabBar > li.brns02.active a{background:url(/images/kipa/content/icon_bn02_on.png) no-repeat center 10px;} .contents .tabBar > li.brns03.active a{background:url(/images/kipa/content/icon_bn03_on.png) no-repeat center 10px;} .contents .tabBar > li.brns04.active a{background:url(/images/kipa/content/icon_bn04_on.png) no-repeat center 10px;} .tabPage{display:none;} .tabPage.active{display:block;} .contents .tabBar.redLine{border:0px none;} .contents .tabBar.redLine > li{background-color:#f9f9f9;color:#212121;margin:0px} .contents .tabBar.redLine.col7 li{width:14.28%} .contents .tabBar.redLine > li > a{padding:10px;border:1px solid #dcdcdc;color:#212121;}- .contents .tabBar.redLine > li.active > a{width:99px;padding:9px 10px;border:2px solid #d54810;color:#d54810;font-weight:700;margin:0px !important;} .boardType{margin:20px 0;height:23px;text-align:right;} .boardType > a{display:inline-block;width:29px;height:23px;} .boardType > a.typeList{background:url(/images/kipa/board/icon_boardType_list.gif) no-repeat left bottom;} .boardType > a.typeGallery{background:url(/images/kipa/board/icon_boardType_gallery.gif) no-repeat left bottom;} .boardType > a.active{background-position:0 top;} .type-file{display:inline-block;width:20px;height:20px;background:url(/images/kipa/layout/icon_file.gif) center center no-repeat;vertical-align:middle;} .board .list{border-bottom:1px solid #14487c;} .board .list tbody td{border-bottom:none;} .fiximg{display:block;width:100%;/*min-height:130px;*/max-width:250px;max-height:165px;margin:0 auto !important;vertical-align:top !important;} .hfiximg{max-height:100px;margin-right:10px;} .board .list tr{border-top:1px solid #ddd;} .board .list .galleryImg{position:relative;} .board .list .galleryImg > img{display:block;width:100%;max-width:250px;max-height:165px;margin:0 auto;} .board .list .galleryImg > span{position:absolute;bottom:0;left:0;display:inline-block;padding:5px;background-color:#14487c;color:#fff;} .board .list .subject{display:block;margin:5px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:600;} .view-inner-list ul{display:table;width:100%;border-top:1px solid #dddddd;border-bottom:1px solid #14487c;} .satisfaction {background: #f5f5f5 url(/images/kipa/board/satis_bg.png) 31px 17px no-repeat;} .satisfaction_info{border:1px solid #e5e5e5;border-top:none;} .satisfaction_info:after{display:block;content:"";clear:both;} .satisfaction_info li{float:left;padding:0 25px;} .satisfaction_info li.col1{margin:10px 0 10px 120px;background:url(/images/kipa/board/icon_charge.gif) 0 center no-repeat;} .satisfaction_info li.col2{margin:10px 20px;background:url(/images/kipa/board/icon_people.gif) 0 center no-repeat;} .satisfaction_info li.col3{margin:10px 20px;background:url(/images/kipa/board/icon_call.gif) 0 center no-repeat;} .satisfaction_info li b {color:#14487c;font-weight:600;} .newsletter{padding:5px;background:url(/images/kipa/content/bg_newsletter.gif) repeat left top;} .newsletter > ul{background:#fff url(/images/kipa/content/icon_newsletter.gif) no-repeat 50px center;} .newsletter > ul:after{display:block;content:"";clear:both;} .newsletter > ul > li{position:relative;} .newsletter > ul > li.col1{float:left;width:150px;min-height:100px;} .newsletter > ul > li.col2{float:right;width:600px;padding:27px 20px 20px;border-left:2px solid #efefef;} .newsletter > ul > li.col2 > fieldset{display:inline-block;margin-bottom:10px;font-size:0.9em;} /*.newsletter > ul > li.col2 input[type=submit]{position:absolute;top:20px;right:20px;width:100px;height:63px;background:url(/images/kipa/content/btn_newsletter.gif) no-repeat center center;text-indent:-9999px;}*/ .newsletter > ul > li.col2 input[type=submit]{position:absolute;top:20px;right:50px;width:120px;height:40px;line-height:38px;font-size:13px;font-weight:bold;text-align:center;color:#fff;background:#2c76bd;border:1px solid #354f69;border-radius:5px;} .newsletter > ul > li.col2 > .divAgree{display:block;border-top:2px solid #efefef;padding:10px 20px 20px;margin-top:16px;font-size:.9em;} .newsletter > ul > li.col2 > .divAgree > p{margin-bottom:15px;padding-bottom:10px;font-size:14px;font-weight:bold;text-align:center;border-bottom:1px solid #efefef;} .newsletter > ul > li.col2 > .divAgree span.dot{font-size:15px;font-weight:bold;color:#2c76bd;text-decoration:underline;} .newsletter > ul > li.col2 > .agreeBox{padding-left:20px;font-size:13px;} .newsletter > ul > li.col2 > .agreeBox span{display:inline-block;margin:0 5px;} .newsletter > ul > li.col2 > .agreeBox span input{margin-right:3px;} .feedBack{} .feedBack:after{display:block;content:"";clear:both;} .feedBack li{float:left;width:49%;padding:50px 40px 20px;box-sizing:border-box;} .feedBack li.col1{float:left;background:#efefef url(/images/kipa/content/icon_feedback.gif) no-repeat center 50px;} .feedBack li.col2{float:right;background:#efefef url(/images/kipa/content/icon_feedback1.gif) no-repeat center 50px;} .feedBack em{display:block;margin:150px 0 10px;color:#1267b8;font-weight:700;font-size:1.7em;text-align:center;} .feedBack p{padding-bottom:20px;font-size:.9em;border-bottom:1px solid #cfcfcf;} .feedBack.bg2{padding:50px 50px 50px 200px;/*border-bottom:1px solid #cfcfcf;*/background:url(/images/kipa/content/icon_feedback_bg2.gif) no-repeat 50px center;} /**/ ul.cateList{display:block;margin-bottom:20px;} ul.cateList:after{display:block;content:'';clear:both;} ul.cateList li{display:block;float:left;width:10%;} ul.cateList li a{display:block;margin:0 auto;padding-top:68px;width:68px;height:40px;font-size:12px;color:#333;line-height:48px;text-align:center;} ul.cateList li a.cateIcon1{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat 0 0;} ul.cateList li a.cateIcon2{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -68px 0;} ul.cateList li a.cateIcon3{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -136px 0;} ul.cateList li a.cateIcon4{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -204px 0;} ul.cateList li a.cateIcon5{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -272px 0;} ul.cateList li a.cateIcon6{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -340px 0;} ul.cateList li a.cateIcon7{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -408px 0;} ul.cateList li a.cateIcon8{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -476px 0;} ul.cateList li a.cateIcon9{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -544px 0;} ul.cateList li a.cateIcon10{background:url(/images/kipa/content/bg_cateIcon.png) no-repeat -612px 0;} ul.cateList li a.cateIcon11{background: url(/images/kipa/content/bg_cateIcon.png) no-repeat right 0;} ul.cateList li.active a, ul.cateList li a:hover{font-weight:bold;color:#c53e3e;} ul.cateList li.active a.cateIcon1, ul.cateList li a:hover.cateIcon1{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat 0 0;} ul.cateList li.active a.cateIcon2, ul.cateList li a:hover.cateIcon2{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -68px 0;} ul.cateList li.active a.cateIcon3, ul.cateList li a:hover.cateIcon3{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -136px 0;} ul.cateList li.active a.cateIcon4, ul.cateList li a:hover.cateIcon4{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -204px 0;} ul.cateList li.active a.cateIcon5, ul.cateList li a:hover.cateIcon5{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -272px 0;} ul.cateList li.active a.cateIcon6, ul.cateList li a:hover.cateIcon6{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -340px 0;} ul.cateList li.active a.cateIcon7, ul.cateList li a:hover.cateIcon7{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -408px 0;} ul.cateList li.active a.cateIcon8, ul.cateList li a:hover.cateIcon8{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -476px 0;} ul.cateList li.active a.cateIcon9, ul.cateList li a:hover.cateIcon9{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -544px 0;} ul.cateList li.active a.cateIcon10, ul.cateList li a:hover.cateIcon10{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat -612px 0;} ul.cateList li.active a.cateIcon11, ul.cateList li a:hover.cateIcon11{background:url(/images/kipa/content/bg_cateIcon_on.png) no-repeat right 0;} /**/ .brochure{position:relative;padding:60px 0 60px 360px;height:322px;background:#f4f5f5;} .brochure img{position:absolute;top:60px;left:60px;border:1px #d9d9d9 solid;} .brochure p{padding-top:10px;font-size:14px;line-height:150%;color:#717272;} .brochure p b{font-size:17px;font-weight:normal;color:#222;} .brochure p b b{font-size:22px;font-weight:bold;color:#005192;line-height:200%;} .brochure .downBtn{position:absolute;left:360px;bottom:60px;} .prmovie{padding:45px 0 30px;text-align:center;background:#f4f5f5;} .prmovie .movieHolder{margin:0 auto;width:640px;} .movieText{display:block;margin-top:10px;padding:15px;height:140px;overflow-y:auto;background:#fff;border:1px #ddd solid;} .mapHolder{display:block;margin:10px 0;height:440px;border:1px #ddd solid;overflow:hidden;} .contents ul.contactMap{display:block;position:relative;margin:0;height:546px;background:url(/images/kipa/content/img_contactMap.jpg) no-repeat;border-bottom:0px none;} .contents ul.contactMap li{display:block;position:absolute;float:none;top:265px;background:#d6dded;border:1px #c0c5c8 solid;} .contents ul.contactMap li a{display:table-cell;padding:0;width:98px;height:50px;font-size:13px;font-weight:bold;color:#606570;line-height:140%;vertical-align:middle;border:0px none;} .contents ul.contactMap li#contactArea1{left:0;} .contents ul.contactMap li#contactArea2{left:220px;} .contents ul.contactMap li#contactArea3{left:330px;} .contents ul.contactMap li#contactArea4{left:440px;} .contents ul.contactMap li#contactArea5{left:550px;} .contents ul.contactMap li#contactArea6{left:660px;} .contents ul.contactMap li#contactArea7{left:770px;} .contents ul.contactMap li#contactArea8{top:155px;left:616px;background:#eff1f0;border:1px #c1c7c3 solid;} .contents ul.contactMap li#contactArea8 a{width:156px;height:38px;line-height:38px;} .contents ul.contactMap li#contactArea9{top:0;left:330px;background:#1c61ac;} .contents ul.contactMap li#contactArea9 > a{width:220px;height:40px;text-align:center;color:#fff;} .contents ul.contactMap li#contactArea10{top:155px;left:345px;background:#3285b1;} .contents ul.contactMap li#contactArea10 > a{width:180px;height:40px;text-align:center;color:#fff;} .contents ul.contactMap li.active{background:#fff;border:1px #1c61ac solid;} .contents ul.contactMap li.active a{color:#1c61ac;} .contents ul.contactMap li:hover{background:#fff;border:1px #1c61ac solid;} .contents ul.contactMap li:hover a{color:#1c61ac;} /*20181717 조직도 수정*/ .contents ul.contactMap2018{display:block;position:relative;margin:0;height:700px;background:url(/images/kipa/content/img_contactMap_2021.jpg) no-repeat;border-bottom:0px none;} .contents ul.contactMap2018 li{display:block;position:absolute;border:1px solid #c1c7c3;background-color:#fff;box-sizing:border-box;} .contents ul.contactMap2018 li a{display:block;height:40px;line-height:40px;padding:0;margin:0;color:#777777;font-size:13px;font-weight:bold;text-align:center;border:0;box-sizing:border-box;} .contents ul.contactMap2018 li#contactArea1{top:0;left:330px;width:220px;background-color:#1c61ac;} .contents ul.contactMap2018 li#contactArea2{top:50px;left:600px;width:128px;background-color:#eff1f0;}/*감사실*/ .contents ul.contactMap2018 li#contactArea3{top:160px;left:181px;width:160px;background-color:#3285b1;}/*경영부원장*/ .contents ul.contactMap2018 li#contactArea4{top:160px;left:570px;width:160px;background-color:#3285b1;}/*대외부원장*/ .contents ul.contactMap2018 li#contactArea3 > a, .contents ul.contactMap2018 li#contactArea4 > a{color:#fff;} .contents ul.contactMap2018 li#contactArea5{top:245px;left:0;width:255px;background-color:#d6dded;} /*기획조정본부*/ .contents ul.contactMap2018 li#contactArea6{top:245px;left:267px;width:270px;background-color:#d6dded;} /*국정관리연구본부*/ .contents ul.contactMap2018 li#contactArea7{top:245px;left:550px;width:207px;background-color:#d6dded;} /*국정관리지원본부*/ .contents ul.contactMap2018 li#contactArea25{top:245px;left:770px;width:92px;background-color:#d6dded;} /*정부업무평가지원센터*/ .contents ul.contactMap2018 li#contactArea5 > a, .contents ul.contactMap2018 li#contactArea6 > a, .contents ul.contactMap2018 li#contactArea7 > a{height:50px;line-height:120%;padding-top:18px;} .contents ul.contactMap2018 li#contactArea25 > a{height:50px;line-height:120%;padding-top:10px;} .contents ul.contactMap2018 li#contactArea8{top:320px;left:0;width:80px;background-color:#eff1f0;} /*연구기획실*/ .contents ul.contactMap2018 li#contactArea9{top:320px;left:88px;width:80px;background-color:#eff1f0;} /*대외협력실*/ .contents ul.contactMap2018 li#contactArea10{top:320px;left:175px;width:80px;background-color:#eff1f0;} /*경영지원실*/ /* .contents ul.contactMap2018 li#contactArea11{top:320px;left:330px;} .contents ul.contactMap2018 li#contactArea12{top:320px;left:386px;} .contents ul.contactMap2018 li#contactArea13{top:320px;left:440px;} .contents ul.contactMap2018 li#contactArea14{top:320px;left:494px;} .contents ul.contactMap2018 li#contactArea15{top:320px;left:550px;} .contents ul.contactMap2018 li#contactArea16{top:320px;left:604px;} .contents ul.contactMap2018 li#contactArea17{top:320px;left:662px;} .contents ul.contactMap2018 li#contactArea18{top:320px;left:716px;} .contents ul.contactMap2018 li#contactArea19{top:320px;left:770px;} .contents ul.contactMap2018 li#contactArea20{top:320px;left:824px;} .contents ul.contactMap2018 li#contactArea21{bottom:0;right:0;} */ .contents ul.contactMap2018 li#contactArea11 > a, .contents ul.contactMap2018 li#contactArea12 > a, .contents ul.contactMap2018 li#contactArea13 > a, .contents ul.contactMap2018 li#contactArea14 > a, .contents ul.contactMap2018 li#contactArea15 > a, .contents ul.contactMap2018 li#contactArea16 > a, .contents ul.contactMap2018 li#contactArea17 > a, .contents ul.contactMap2018 li#contactArea18 > a, .contents ul.contactMap2018 li#contactArea19 > a, .contents ul.contactMap2018 li#contactArea20 > a{width:45px;height:182px;line-height:120%;padding-top:15px;} .contents ul.contactMap2018 li#contactArea21 > a{width:45px;height:103px;line-height:120%;padding-top:15px;} .contents ul.contactMap2018 li#contactArea11{top:320px;left:267px;} /*행정관리연구실*/ .contents ul.contactMap2018 li#contactArea12{top:320px;left:313px;} /*정부혁신연구실*/ .contents ul.contactMap2018 li#contactArea13{top:320px;left:359px;} /*규제혁신연구실*/ .contents ul.contactMap2018 li#contactArea14{top:320px;left:405px;} /*국정평가연구실*/ .contents ul.contactMap2018 li#contactArea15{top:320px;left:452px;} /*사회통합연구실*/ .contents ul.contactMap2018 li#contactArea16{top:320px;left:500px;} /*재난안전연구실*/ .contents ul.contactMap2018 li#contactArea17{top:320px;left:549px;} /*세종국가리더십센터*/ .contents ul.contactMap2018 li#contactArea18{top:320px;left:593px;} /*정부조직디자인센터*/ .contents ul.contactMap2018 li#contactArea19{top:320px;left:635px;} /*사회조사센터*/ .contents ul.contactMap2018 li#contactArea20{top:320px;left:679px;} /*국제개발협력센터*/ .contents ul.contactMap2018 li#contactArea21{top:320px;left:722px;} /*규제연구센터*/ .contents ul.contactMap2018 li#contactArea22{bottom:0px;right:111px;} /*비용검증팀*/ .contents ul.contactMap2018 li#contactArea23{bottom:0px;right:284px;} /*공공리더십지원팀*/ .contents ul.contactMap2018 li#contactArea11 > a, .contents ul.contactMap2018 li#contactArea12 > a, .contents ul.contactMap2018 li#contactArea13 > a, .contents ul.contactMap2018 li#contactArea14 > a, .contents ul.contactMap2018 li#contactArea15 > a, .contents ul.contactMap2018 li#contactArea16 > a{width:35px;height:182px;line-height:120%;padding-top:15px;} /*국정관리연구본부 소속 부서 박스, 글자 스타일*/ .contents ul.contactMap2018 li#contactArea17 > a, .contents ul.contactMap2018 li#contactArea18 > a, .contents ul.contactMap2018 li#contactArea19 > a, .contents ul.contactMap2018 li#contactArea20 > a, .contents ul.contactMap2018 li#contactArea21 > a, .contents ul.contactMap2018 li#contactArea22 > a, .contents ul.contactMap2018 li#contactArea23 > a{width:35px;height:182px;line-height:120%;padding-top:15px;box-sizing:border-box;} /*국정관리지원본부 소속 부서 박스, 글자 스타일*/ .contents ul.contactMap2018 li#contactArea24{bottom:128px;left:30px;background:#d6dded;}/*연구연가*/ .contents ul.contactMap2018 li#contactArea24 a{width:100px;}/*연구연가*/ .contents ul.contactMap2018 li#contactArea26{top:320px;right:63px;} /*제도관리팀*/ .contents ul.contactMap2018 li#contactArea27{top:320px;right:10px;} /*평가지원팀*/ .contents ul.contactMap2018 li#contactArea26 > a, .contents ul.contactMap2018 li#contactArea27 > a{width:35px;height:182px;line-height:120%;padding-top:15px;} /*국정관리연구본부 소속 부서 박스, 글자 스타일*/ .contents ul.contactMap2018 li.active, .contents ul.contactMap2018 li:hover{background-color:#fff !important;border:2px #1c61ac solid;color:#1c61ac;} .contents ul.contactMap2018 li.active > a, .contents ul.contactMap2018 li:hover > a, .contents ul.contactMap2018 li > a:hover{color:#1c61ac !important;box-sizing:border-box;} /*//20181717 조직도 수정*/ /* 20211012 조직도 수정 */ /* 모바일 */ .McontactMap2021{margin:0 auto; } .McontactMap2021:after{content:''; display:block; clear: both;} .McontactMap2021 li{display: block;} .McontactMap2021 li a{display: block; padding:10px; box-sizing: border-box;} .McontactMap2021 li a:hover{color:#1c61ac !important; background:#fff !important; border:1px solid #1c61ac !important;} .McontactMap2021 > li{padding:0 7px; box-sizing:border-box; position:relative;} .McontactMap2021 li a{ text-align:center; font-weight:600; padding:10px} .McontactMap2021 > li ul{ margin-top: 10px;;} .McontactMap2021 > li ul.last li a{ background:#d6dded;} .McontactMap2021 > li ul li{margin-bottom: 4px;} .McontactMap2021 > li ul li a{ color:#777777; border:1px solid #c1c7c3; box-sizing: border-box; font-weight:500; margin-bottom: 10px;;} .McontactMap2021 #contactArea2, .McontactMap2021 #contactArea3, .McontactMap2021 #contactArea6, .McontactMap2021 #contactArea10{margin-bottom: 30px;;} .McontactMap2021 #contactArea2 > a{background:#1c61ac; color:#fff; border:1px solid #005090;} .McontactMap2021 #contactArea3 > a{background:#3285b1; color:#fff; border:1px solid #1d6d97; margin-bottom: 10px;;} .McontactMap2021 #contactArea4 > a, .McontactMap2021 #contactArea5 > a, .McontactMap2021 #contactArea6 > a{background:#d6dded; color:#777777; border:1px solid #c1c7c3;} .McontactMap2021 #contactArea7 > a, .McontactMap2021 #contactArea8 > a, .McontactMap2021 #contactArea9 > a, .McontactMap2021 #contactArea10 > a{color:#777777; background:#e6edd6; border:1px solid #c1c7c3; line-height: 120%; margin-bottom: 10px;} .McontactMap2021 #contactArea11 > a, .McontactMap2021 #contactArea12 > a, .McontactMap2021 #contactArea13 > a, .McontactMap2021 #contactArea14 > a{background:#d6ede7; color:#777777; border:1px solid #c1c7c3; line-height: 120%;margin-bottom: 10px;} .McontactMap2021 #contactArea15 >a, .McontactMap2021 #contactArea16 > a{background:#d6e9ed; color:#777777; border:1px solid #c1c7c3; margin-bottom: 10px;;} /* 20220121 적용 모바일용 조직도 */ .McontactMap2022{margin:0 auto; } .McontactMap2022:after{content:''; display:block; clear: both; padding:10px; box-sizing: border-box;text-align:center; font-weight:600; padding:10px} .McontactMap2022 li{display: block; text-align:center;} .McontactMap2022 li a{display: block; padding:10px; box-sizing: border-box; margin-top: 10px;;} .McontactMap2022 li a:hover{color:#1c61ac !important; background:#fff !important; border:1px solid #1c61ac !important;} .McontactMap2022 > li ul{ margin-top: 5px;;} .McontactMap2022 #contactArea2 a{background:#1c61ac; color:#fff; padding:5px; border:1px solid #005090;} .McontactMap2022 #contactArea3 a{background:#fff; color:#777; padding:5px; box-sizing:border-box; border:1px solid #777777; margin-bottom: 10px;} .McontactMap2022 #contactArea4 a{background:#1c61ac; color:#fff; padding:5px; border:1px solid #005090;} .McontactMap2022 #contactArea5 a{background:#d6dded; color:#777; padding:5px; border:1px solid #005090;} .McontactMap2022 #contactArea6 a{background:#d6dded; color:#777; padding:5px; border:1px solid #005090;} .McontactMap2022 #contactArea7 a{background:#fff; color:#777; padding:5px; box-sizing:border-box; border:1px solid #777777; margin-bottom: 10px;} .McontactMap2022 #contactArea8 a{background:#fff; color:#777; padding:5px; box-sizing:border-box; border:1px solid #777777; margin-bottom: 10px;} .McontactMap2022 #contactArea9 a{background:#d6dded; color:#fff; padding:5px; border:1px solid #005090;} .McontactMap2022 #contactArea10 a{background:#fff; color:#777; padding:5px; box-sizing:border-box; border:1px solid #777777; margin-bottom: 10px;} .McontactMap2022 #contactArea11 a{background:#e6edd6; color:#777; padding:5px; box-sizing:border-box; border:1px solid #777777; margin-bottom: 10px;} .McontactMap2022 #contactArea12 a{background:#d6e9ed; color:#777; padding:5px; box-sizing:border-box; border:1px solid #777777; margin-bottom: 10px;} .McontactMap2022 #contactArea13 a{background:#d6dded; color:#777; padding:5px; box-sizing:border-box; border:1px solid #777777; margin-bottom: 10px;} /* 20220121 적용 모바일용 조직도 끝 */ /* PC */ .contactMap2021{margin:0 -8px; height:770px;} .contactMap2021:after{content:''; display:block; clear: both;} .contactMap2021 li{display:table;} .contactMap2021 li a{display:table-cell; vertical-align: middle; box-sizing: border-box;} .contactMap2021 li a:hover{color:#1c61ac !important; background:#fff !important; border:1px solid #1c61ac !important;} .contactMap2021 > li{padding:0 7px; float:left; box-sizing:border-box; position:relative;} .contactMap2021 li a{width:45px;height:240px; text-align:center; font-weight:600;} .contactMap2021 > li ul:before{content:''; position:absolute; left:22px; top:-26px; width:1px; height:27px; background:#c1c7c3;} .contactMap2021 > li ul{position:absolute; left:0; bottom:-180px; margin-left: 7px;} .contactMap2021 > li ul.col2,.contactMap2021 > li ul.last{bottom:-334px;} .contactMap2021 > li ul.last li a{height:180px; background:#d6dded;} .contactMap2021 > li ul.last:before{display:none;} .contactMap2021 > li ul li{margin-bottom: 4px;} .contactMap2021 > li ul li a{height:150px; color:#777777; border:1px solid #c1c7c3; box-sizing: border-box; font-weight:500;} .contactMap2021 #contactArea2 > a{background:#1c61ac; color:#fff; border:1px solid #005090;} .contactMap2021 #contactArea3 > a{background:#3285b1; color:#fff; border:1px solid #1d6d97;} .contactMap2021 #contactArea4 > a,.contactMap2021 #contactArea5 > a,.contactMap2021 #contactArea6 > a{background:#d6dded; color:#777777; border:1px solid #c1c7c3;} .contactMap2021 #contactArea7 > a,.contactMap2021 #contactArea8 > a,.contactMap2021 #contactArea9 > a,.contactMap2021 #contactArea10 > a{color:#777777; background:#e6edd6; border:1px solid #c1c7c3; line-height: 120%;} .contactMap2021 #contactArea11 > a,.contactMap2021 #contactArea12 > a,.contactMap2021 #contactArea13 > a,.contactMap2021 #contactArea14 > a{background:#d6ede7; color:#777777; border:1px solid #c1c7c3; line-height: 120%;} .contactMap2021 #contactArea15 >a,.contactMap2021 #contactArea16 > a{background:#d6e9ed; color:#777777; border:1px solid #c1c7c3;} /* 20211012 조직도 수정 끝 */ /* 20220121 PC 조직도 수정 */ .contactMap2022 {display:table;position:relative;margin:0;height:800px;} .contactMap2022 li{display:table-cell; position:absolute; border:1px solid #c1c7c3; background-color:#fff; box-sizing:border-box; margin:1; color:#777777; font-size:13px; font-weight:bold ; text-align:center; padding:13 0px} /*.contactMap2022 li{height:40px;border:0 ;box-sizing:border-box;}*/ .contactMap2022 li:hover{color:#1c61ac !important; background:#fff !important; border:1px solid #1c61ac !important;} /*.contactMap2022 > li{height:80px; line-height:120%; float:left; box-sizing:border-box; position:relative;}*/ .contactMap2022 li#contactArea1{top:0;left:0px;width:45px;height:230px; background-color:#1c61ac; color:#ffffff} .contactMap2022 li#contactArea11{top:235px;left:0px;width:45px;height:140px; line-height:120%; background-color:#fff;border:1px solid #c1c7c3;} .contactMap2022 li#contactArea12{top:0;left:52px;width:45px;height:230px; background-color:#3285b1; color:#fff} .contactMap2022 li#contactArea2{top:0px;left:105px;width:155px;height:45px; vertical-align:middle; background-color:#d6dded;border:1px solid #c1c7c3; color:#777777}/*기획조정본부장*/ .contactMap2022 li#contactArea3{top:50px;left:105px;width:45px;height:180px;line-height:120%;background-color:#d6dded;border:1px solid #c1c7c3;color:#777}/*기획조정실*/ .contactMap2022 li#contactArea4{top:50px;left:160px;width:45px;height:180px;line-height:120%;background-color:#d6dded;border:1px solid #c1c7c3;color:#777777}/*행정지원실*/ .contactMap2022 li#contactArea5{top:50px;left:215px;width:45px;height:180px;line-height:120%;background-color:#d6dded;border:1px solid #c1c7c3;color:#777777}/*정책홍보실*/ .contactMap2022 li#contactArea6{top:235px;left:105px;width:45px;height:140px;line-height:120%;background-color:#fff;border:1px solid #c1c7c3;color:#777777} /*전략기획팀*/ .contactMap2022 li#contactArea7{top:380px;left:105px;width:45px;height:140px;line-height:120%;background-color:#fff;border:1px solid #c1c7c3;color:#777777} /*예산팀*/ .contactMap2022 li#contactArea8{top:525px;left:160px;width:45px;height:140px;line-height:120%;background-color:#fff;border:1px solid #c1c7c3;color:#777777} /*전산정보팀*/ .contactMap2022 li#contactArea9{top:235px;left:160px;width:45px;height:140px;line-height:120%;background-color:#fff;border:1px solid #c1c7c3;color:#777777} /*총무인사팀*/ .contactMap2022 li#contactArea10{top:380px;left:160px;width:45px;height:140px;line-height:120%;background-color:#fff;border:1px solid #c1c7c3;color:#777777} /*재무회계팀*/ .contactMap2022 li#contactArea13{top:235px;left:193px;width:45px;height:140px;line-height:120%;background-color:#fff;border:1px solid #c1c7c3;color:#777777} /*홍보팀*/ .contactMap2022 li#contactArea14{top:0;left:270px;width:45px;height:230px; line-height:120%; background-color:#e6edd6;border:1px solid #c1c7c3; color:#777777}/*미래행정혁신연구실*/ .contactMap2022 li#contactArea15{top:0;left:325px;width:100px;height:45px; line-height:120%; background-color:#e6edd6;border:1px solid #c1c7c3; color:#777777; padding:8 0px}/*규제정책연구실*/ .contactMap2022 li#contactArea16{top:50px;left:325px;width:45px;height:180px;line-height:120%;background-color:#e6edd6;border:1px solid #c1c7c3;color:#777777}/*규제정책센터*/ .contactMap2022 li#contactArea17{top:50px;left:380px;width:45px;height:180px;line-height:120%;background-color:#e6edd6;border:1px solid #c1c7c3;color:#777777}/*규제연구센터*/ .contactMap2022 li#contactArea18{top:235px;left:380px;width:45px;height:140px;line-height:120%;background-color:#fff;border:1px solid #c1c7c3;color:#777777} /*비용분석평가팀*/ .contactMap2022 li#contactArea19{top:0;left:435px;width:100px;height:45px; line-height:120%; background-color:#e6edd6;border:1px solid #c1c7c3; color:#777777}/*평가연구실*/ .contactMap2022 li#contactArea20{top:50px;left:435px;width:45px;height:180px;line-height:120%;background-color:#e6edd6;border:1px solid #c1c7c3;color:#777777}/*국정평가연구센터*/ .contactMap2022 li#contactArea21{top:50px;left:490px;width:45px;height:180px;line-height:120%;background-color:#e6edd6;border:1px solid #c1c7c3;color:#777777}/*정부업무평가지원센터*/ .contactMap2022 li#contactArea22{top:235px;left:490px;width:45px;height:140px;line-height:120%;background-color:#fff;border:1px solid #c1c7c3;color:#777777} /*제도관리팀*/ .contactMap2022 li#contactArea23{top:380px;left:490px;width:45px;height:140px;line-height:120%;background-color:#fff;border:1px solid #c1c7c3;color:#777777} /*평가지원팀*/ .contactMap2022 li#contactArea24{top:0;left:545px;width:45px;height:230px; line-height:120%; background-color:#e6edd6;border:1px solid #c1c7c3; color:#777777}/*미래행정혁신연구실*/ .contactMap2022 li#contactArea25{top:0;left:600px;width:45px;height:230px; line-height:120%; background-color:#e6edd6;border:1px solid #c1c7c3; color:#777777}/*미래행정혁신연구실*/ .contactMap2022 li#contactArea26{top:0;left:655px;width:45px;height:230px; line-height:120%; background-color:#d6ede7;border:1px solid #c1c7c3; color:#777777}/*미래행정혁신연구실*/ .contactMap2022 li#contactArea27{top:0;left:710px;width:45px;height:230px; line-height:120%; background-color:#d6ede7;border:1px solid #c1c7c3; color:#777777}/*국정데이터조사센터*/ .contactMap2022 li#contactArea28{top:0;left:765px;width:45px;height:230px; line-height:120%; background-color:#d6e9ed;border:1px solid #c1c7c3; color:#777777}/*비상임감사*/ .contactMap2022 li#contactArea29{top:0;left:820px;width:45px;height:230px; line-height:120%; background-color:#d6e9ed;border:1px solid #c1c7c3; color:#777777}/*감사실*/ .contactMap2022 li#contactArea30{top:365px;left:820px;width:45px;height:110px; line-height:120%; background-color:#d6dded;border:1px solid #c1c7c3; color:#777777}/*연구연가및휴직*/ /* 20220121 조직도 끝 - pc용 */ /*연구원소개 > 주요활동 > 교류협력기관*/ .contents .worldmap{position:relative;width:870px;height:391px;margin:20px 0;background:url(/images/kipa/content/worldmap.jpg) no-repeat left top;} .contents .worldmap.type2{background:url(/images/kipa/content/eng_worldmap.jpg) no-repeat left top;} .contents .worldmap > a{position:absolute;display:inline-block;min-width:100px;height:25px;background:url(/images/kipa/content/icon_country_off.png) no-repeat center top;} .contents .worldmap > a.on, .contents .worldmap > a:hover{display:inline-block;background:url(/images/kipa/content/icon_country_on.png) no-repeat center top;} .contents .worldmap > a.area1{top:100px;left:160px;} .contents .worldmap > a.area2{top:180px;left:185px;} .contents .worldmap > a.area3{top:240px;left:150px;} .contents .worldmap > a.area4{top:130px;left:278px;} .contents .worldmap > a.area5{top:280px;left:340px;} .contents .worldmap > a.area6{top:134px;left:522px;} .contents .worldmap > a.area7{top:274px;left:598px;} .contents .worldmap > a.on > b, .contents .worldmap > a:hover > b{color:#ce332f;} /*연구원소개 > 원장 > 원장인사말*/ .contents .director {position:relative;padding-left:380px;} .contents .director > img{position:absolute;left:0;top:0;} .contents .director h3{font-size:1.8em;line-height:130%;color:#3e6bb1;font-weight:700;} .contents .director h3 em{color:#002871} .contents .director p{margin:20px 0;letter-spacing:-1px;font-size:1.1em;} .contents .director .director_sign{display:block;padding:20px 0;text-align:right;} /*연구원소개 > 원장 > 약력소개*/ .contents .profile > div{position:relative;min-height:250px;padding-left:250px;/*background:url(https://www.kipa.re.kr/images/kipa/content/director2.jpg) no-repeat left top;*/} .contents .profile > div > img{position:absolute;top:0;left:0;} .contents .profile > div > em{color:#2c317a;} .contents .profile > div > h3{margin:10px 0 30px;color:#000000;font-size:2.2em;font-weight:700;} .contents .profile dl{margin:30px 0;} .contents .profile dl:after{display:block;content:"";clear:both;} .contents .profile dt{display:block;margin:0 0 20px 0;padding:0 0 0 20px;height:auto;font-size:15px;font-weight:bold;color: #0a3163;line-height: inherit;background: url(https://www.kipa.re.kr/images/kipa/layout/bullet_h4.png) no-repeat left center;} .contents .profile dd{display:block;font-size:13px;line-height:150%;} .contents .profile table{width:100%;border-top:2px solid #6b798c;} .contents .profile table th{padding:10px 0 10px 30px;border:1px solid #dddddd;background-color:#fafafa;color:#3c599b;font-weight:700;} .contents .profile table td{padding:10px 0 10px 20px;border:1px solid #dddddd;} /*연구원소개 > 원장 > 역대원장*/ .contents .profile.history .img{float:left;width:13%;} .contents .profile.history table{float:right;width:87%;} .contents .profile.history table th{color:#000000;} /*연구원소개 > 연구원개요 > 설립목적*/ .contents .purpose:after{display:block;content:"";clear:both;} .contents .purpose h3{display:block;float:left;width:200px;height:50px;line-height:50px;font-size:2.5em;color:#005192;border-right:1px solid #dddddd;} .contents .purpose h3 em{color:#2b98c5;} .contents .purpose p{float:right;width:640px;font-weight:700;color:#333333;} /*연구원소개 > 연구원개요 > 연혁*/ .contents .brief{} .contents .brief .tabBar{padding:0;margin:0;border-bottom:1px solid #dcdddf;} .contents .brief .tabBar li{width:25%;border:none !important;background-color:#ffffff !important;} .contents .brief .tabBar li a{padding:20px 0 20px 60px;border:0 !important;background-color:#fff !important;color:#555555;font-size:1.5em;text-align:left;} .contents .brief .tabBar li.active{border-bottom:2px solid #406fb7 !important;} .contents .brief .tabBar li.active a{color:#333333;font-weight:700;background:url(/images/kipa/content/icon_brief.png) no-repeat 30px center;} .contents .brief .tabPage{display:none;} .contents .brief .tabPage.active{display:block;} .contents .brief .tabPage ul{background-color:#fafafa;} .contents .brief .tabPage ul:after{display:block;content:"";clear:both;} .contents .brief .tabPage li{float:left;box-sizing:border-box;} .contents .brief .tabPage li.left{width:25%;padding:30px 20px;} .contents .brief .tabPage li.right{width:75%;min-height:200px;padding:30px 50px;;border-left:1px solid #dcdddf;background-color:#ffffff;} .contents .brief .tabPage li.right dt{position:relative;margin-bottom:20px;font-size:1.8em;font-weight:700;color:#005192;} .contents .brief .tabPage li.right dt span{position:absolute;left:-50px;top:10px;display:block;width:33px;height:1px;background-color:#dcdddf;} .contents .brief .tabPage li.right dd p{margin:2px 0;font-size:0.9em;} .contents .brief .tabPage li.right dd em{display:inline-block;width:15%;vertical-align: top;} .contents .brief .tabPage li.right dd span{display:inline-block;width:80%;} /*찾아오시는길*/ .traffic{width:100%;} .traffic:after{display:block;content:"";clear:both;} .traffic li{float:left;min-height:80px;padding-left:80px;box-sizing:border-box;} .traffic li.col1{width:45%;background:url(/images/kipa/content/icon_traffic_car.png) no-repeat left 10px;} .traffic li.col2{width:55%;background:url(/images/kipa/content/icon_traffic_train.png) no-repeat left 10px;} .traffic li span{font-size:.9em;} .traffic li em{color:#1c6ebc;font-weight:bold;} .contents h3.management {margin-bottom:20px;font-size:1.8em;color:#005192;font-weight:700;text-align:center;} .contents h3.management em{color:#2b98c5;} .h4sep{display:block;width:100%;border-top:1px solid #d2d2d2;} .topText{margin:25px 0;color:#005192;font-size:1.3em;font-weight:bold;letter-spacing:-0.5px;font-family:'Nanum Gothic';line-height:150%;} .topText2{color:#005192;font-size:1.3em;font-weight:bold;letter-spacing:-0.5px;font-family:'Nanum Gothic';} .topText span{color:#2b98c8;} .researchPro{position:relative;padding-left:120px;min-height:124px;font-size:13px;} .researchPro.type2{padding-left:20px;min-height:initial;} .researchPro img{position:absolute;top:0;left:10px;} .sec_bott{margin:30px 0;border-top:1px solid #d2d2d2;} .pubInfo{background:url(/images/kipa/content/sub060201.png) no-repeat 50px center;padding:30px 50px 30px 200px;border:5px solid #efefef;} .pubInfo h5{display:block;margin:0 0 10px 0;font-size:1.2em;font-weight:700;color:#1267b8;text-align:left;} .sitemap:after{display:block;content:"";clear:both;} .sitemap > li{float:left;width:50%;min-height:480px;margin-bottom:30px;box-sizing:border-box;} .sitemap > li:nth-child(odd){padding-right:15px;} .sitemap > li:nth-child(even){padding-left:15px;} .sitemap > li > a{display:block;padding:10px 0;font-size:17px;font-weight:bold;color: #1369bb;text-align: center;background:#f5f6f7;border-top:2px solid #1c6ebc;border-bottom: 1px solid #b1cbe3;} .sitemap .deaph1 > li{border-top:1px solid #e2e2e2;} .sitemap .deaph1 > li > a{display:block;font-size:16px;color:#0e0e0e;padding:5px 0 5px 20px;background: url(/images/kipa/content/arrow.gif) no-repeat 5px 16px;} .sitemap .deaph1 > li > a:hover{text-decoration:underline;} .sitemap .deaph2{border-top:1px solid #e2e2e2;} .sitemap .deaph2 > li > a{display:block;font-size:14px;color:#555555;padding:2px 0 2px 30px;background:url(/images/kipa/content/icon_dot.gif) no-repeat 5px 16px;} .sitemap.cha > li{float:left;width:33.33%;min-height:150px;padding:0 15px 0 0;margin-bottom:30px;box-sizing:border-box;} .sitemap.cha > li.col3{padding:0 !important;} /*통합검색*/ #totalSearch .searchHead{padding:30px 0 10px;} #totalSearch .searchHead:after{display:block;content:"";clear:both;} #totalSearch .searchHead h3{display:block;float:left;width:25%;font-size:2em;font-weight:700;} #totalSearch .searchHead p{display:block;float:left;width:75%;text-align:right;font-size:.9em;} #totalSearch .searchBox{position:relative;padding:30px 0 30px 80px;border-top:2px solid #0a3163;border-bottom:1px solid #adb7c4;background-color:#efefef;} #totalSearch .searchBox input[type=text]{width:570px;height:44px;line-height:44px;border:3px solid #005192;color:#0a3163;font-size:1.3em;} #totalSearch .searchBox input[type=submit]{height:50px;line-height:50px;padding:0 15px;background-color:#005192;color:#fff;text-align:center;} #totalSearch .searchBox input[type=button]{height:50px;line-height:50px;padding:0 15px;margin:0 3px;background-color:#666666;color:#fff;text-align:center;} #totalSearch .searchBox div{position:relative;width:570px;padding:20px 80px;background:url(/images/kipa/content/icon_relate.gif) no-repeat left 20px;} #totalSearch .searchBox div > p{height:25px;/*overflow:hidden;*/} #totalSearch .searchBox div > p.active{display:block;height:auto;} #totalSearch .searchBox div > p > a{display:inline-block;margin:2px 10px;color:#0a3163;} #totalSearch .searchBox div > a.btnrelateMore{position:absolute;top:20px;right:0;display:inline-block;text-decoration:underline;color:#666666;font-size:.9em;cursor:pointer;display:none;} #totalSearch .searchBox div > a.btnrelateMore:after{display:inline-block;margin-left:5px;content:"▼";font-size:.5em;} #totalSearch .searchBox div > a.btnrelateMore.active:after{content:"▲";} #totalSearch .searchBox ol{position:absolute;right:30px;top:30px;width:180px;padding-left:30px;border-left:1px solid #dedede;font-size:.9em;} #totalSearch .searchBox ol p{padding:5px 0;font-weight:700;font-size:1.2em;color:#333333;} #totalSearch .searchBox ol li{overflow:hidden;height:22px;} #totalSearch .searchBox ol li span{display:inline-block;width:16px;height:16px;line-height:16px;margin-right:10px;border:1px solid #adb7c4;background-color:#fff;text-align:center;font-size:.9em;} #totalSearch .searchDetail{position:relative;padding:40px 30px 30px 250px;margin-top:-1px;border:1px solid #0a3163;background:url(/images/kipa/content/icon_totalSearch.png) no-repeat left top;display:none;} #totalSearch .searchDetail p{margin-bottom:10px;font-size:0.9em;font-family:dotum;} #totalSearch .searchDetail p b{display:inline-block;width:80px;} #totalSearch .searchDetail p input[type=button]{display:inline-block;height:20px;line-height:20px;padding:0 5px;margin-right:5px;border:1px solid #aabcd2;background-color:#d6e2f0;color:#333333;font-family:dotum;font-size:12px;} #totalSearch .searchDetail .btnDetailClose{position:absolute;right:0;bottom:0;display:block;width:40px;height:40px;cursor:pointer;} #totalSearch .searchResult .tabBar{border-bottom:1px solid #4a7fd2;} #totalSearch .searchResult .tabBar > li.active{background-color:#4a7fd2;} #totalSearch .searchResult .tabBar > li.active:after{position:absolute;top:42px;display:block;width:100%;height:4px;content:"";background:url(/images/kipa/content/icon_tab_arrow2.png) no-repeat center top;} #totalSearch .searchResult .tabBar > li > a{font-weight:700;} #totalSearch .searchResult .tabBar.typeSearch{border:none;} #totalSearch .searchResult .tabBar.typeSearch li{background-color:#fff;} #totalSearch .searchResult .tabBar.typeSearch li a{display:inline-block;padding:0;margin:10px 16px;font-size:1.2em;color:#333333;border:none;} #totalSearch .searchResult .tabBar.typeSearch li.active{background-color:#fff;} #totalSearch .searchResult .tabBar.typeSearch li.active:after{display:none;} #totalSearch .searchResult .tabBar.typeSearch li.active a{padding-right:30px;color:#4a7fd2;background:#fff url(/images/kipa/content/icon_tabBarSearch.png) no-repeat right center;} #totalSearch .searchResult .tabBar.typeSearch li span.sep{display:inline-block;padding:0;width:1px;height:10px;background-color:#a6a6a6;} #totalSearch .searchResult .title{padding:10px 0;margin:20px 0 30px;border-bottom:1px solid #adb7c4;} #totalSearch .searchResult .title:after{display:block;content:"";clear:both;} #totalSearch .searchResult .title strong{float:left;font-size:1.5em;font-weight:700;} #totalSearch .searchResult .title em{color:#c12323;} #totalSearch .searchResult .title span{color:#4a7fd2;} #totalSearch .searchResult .title .range{float:right;text-align:right;} #totalSearch .searchResult .title .range > a{display:inline-block;padding:0 10px;font-size:.9em;} #totalSearch .searchResult .title .range > span.sep{display:inline-block;width:1px;height:10px;background-color:#d1d1d1;} #totalSearch .searchResult dl{margin:20px 0;} #totalSearch .searchResult dt{position:relative;padding:15px 25px;font-size:1.3em;color:#fff;background-color:#8194ac;} #totalSearch .searchResult dt b{font-size:1.2em;} #totalSearch .searchResult dt a.btnMore{position:absolute;top:10px;right:20px;display:inline-block;width:30px;height:30px;background:url(/images/kipa/content/icon_searchMore.gif) no-repeat center center;cursor:pointer;} #totalSearch .searchResult dd{display:none;} #totalSearch .searchResult dd .gupList{padding:0 25px;border:1px solid #d2d2d2;/*font-family:dotum;*/} #totalSearch .searchResult dd .list{position:relative;padding-bottom:20px;margin:30px 0;border-bottom:1px solid #d2d2d2;font-size:.9em;} #totalSearch .searchResult dd .list:after{display:block;content:'';clear:both;} #totalSearch .searchResult dd .list:last-child{border:none;padding:0;} #totalSearch .searchResult dd .list b{padding-bottom:20px;font-size:1.2em;text-decoration:underline;color:#212121;} #totalSearch .searchResult dd .list em{color:#c12323;font-weight:700;} #totalSearch .searchResult dd .list p{margin:10px 0;line-height:130%;} #totalSearch .searchResult dd .list p.conText{} #totalSearch .searchResult dd .list .writer{/*position:absolute;top:0;right:0;*/font-size:.9em;font-weight:700;color:#555555;} #totalSearch .searchResult dd .list .writer span.sep{display:inline-block;width:1px;height:10px;margin:0 5px;background-color:#d1d1d1;} #totalSearch .searchResult dd .list .path{font-size:.9em;} #totalSearch .searchResult dd .list .photo img{display:block;width:100%;max-width:100%;} #totalSearch .searchResult dd .list .con-btn{height:22px;line-height:24px;margin:0 5px;border-radius:0;} #totalSearch .searchResult dd .list .con-btn.type-direct{border:1px solid #d6d6d6;background-color:#f5f5f5;} #totalSearch .searchResult dd .list .con-btn.type-blue{padding:0 10px;font-weight:bold;border:1px solid #6b87b7;background-color:#e9f4fc;color:#14487c;} #totalSearch .searchResult dd .list .con-btn.type-direct span{background:url(/images/kipa/content/icon_direct2.png) left center no-repeat;} #totalSearch .searchResult dl.active dt a.btnMore{background:url(/images/kipa/content/icon_searchMore.gif) no-repeat center center;} #totalSearch .searchResult dl.active dd{display:block;} #totalSearch .searchResult .noList{padding:80px 0 60px 400px;background:url(/images/kipa/content/icon_nolist.png) no-repeat 220px center;} #totalSearch .searchResult .noList b{font-size:1.7em;} #totalSearch .searchResult .noList p{padding:10px 0;} /**/ #stats .stats-contents dl dt{display:block;margin:0 0 10px 0;padding:0 0 0 20px;font-size:15px;font-weight:bold;color:#0a3163;background:url(/images/kipa/layout/bullet_h4.png) no-repeat left center;} #stats .stats-contents .tb_wrap2 table{font-family:'Nanum Gothic';} #stats .current_page>ul>li>a, #stats .current_page>ul>li>span{font-size:13px;} .satisfaction .guide{font-size:12px;} table.view.bordered th{font-size:13px;} table.view.bordered td{font-size:13px;} #stats .current_page>ul>li{width:25%;box-sizing:border-box;} #stats .current_page>ul>li:first-child{width:25%;box-sizing:border-box;} #stats .current_page>ul>li a{padding:0 10px;} #stats .current_page>ul>li:first-child span{padding:0;} #stats .filter .step1 ul li a{font-size:13px;} #stats .filter .step2 table td a{font-size:13px;} #stats .filter .step3{margin-top:10px;} #stats .stats-contents .tb_wrap table{font-family:'Nanum Gothic';} #stats .stats-contents .tb_wrap table th{font-size:13px;} #stats .stats-contents .tb_wrap table td{font-size:13px;} .satisfaction .txt-input input[type="submit"]{font-family:'Nanum Gothic';font-size:13px;padding:0 5px;letter-spacing:0px;} #stats .filter .step3 .rolling{width:800px;} /* 20201118 */ .textPre{padding:10px;font-size:12px;color:#666;line-height:150%;box-sizing:border-box;border:1px #dedede solid;} .textPre span.dot{font-size:15px;font-weight:bold;text-decoration:underline;color:#3a79e3;} .view_contents .txt-area img{display:inline-block;max-width:100%;} .board .view img{display:inline-block;max-width:100%;} .btnGradation {display:inline-block;vertical-align:middle;height:28px;line-height:28px;overflow:hidden;padding:0 10px;border:1px solid #979797;border-radius:3px;font-size:13px;letter-spacing:-1px;background:#ffffff url(/images/kipa/content/btnGradationBg.gif) repeat-x bottom left;box-shadow:0 1px 0 #cdcdcd;color:#1c5796;font-weight:bold;} /*2017.04.07 추가 */ .eduSubTitle{color:#0064b8;} /*2018.08.28 추가*/ .inputUnderline{margin:2px 0;border:0 !important;border-bottom:1px solid #efefef !important;} /* 20200204 추가 */ .stepGuideBox{margin:10px 0 25px 20px;overflow:hidden;} .stepGuideBox ul{margin:0 -3px;} .stepGuideBox ul:after{display:block;content:'';clear:both;} .stepGuideBox li{float:left;position:relative;padding:0 3px;box-sizing:border-box;} .stepGuideBox li:before{display:block;content:'';position:absolute;left:-14px;top:50%;margin-top:-14px;width:27px;height:27px;background:url(/images/kipa/content/icon_stepGuide.png) center center no-repeat;z-index:1;} .stepGuideBox li:first-child:before{display:none;} .stepGuideBox li > span{display:block;padding-top:32px;height:90px;background:#f0f5ff;color:#406fb7;text-align:center;border:2px solid #406fb7;border-radius:10px;box-sizing:border-box;} .stepGuideBox li{width:15%;} .stepGuideBox li.wide{width:20%;} .stepGuideBox li.wide > span{padding-top:25px;} .stepGuideBox.cols5 li{width:20%;} .stepGuideBox.cols5 li > span{padding-top:25px;color:#fff;border:none;} .stepGuideBox.cols5 li.item1 > span{background:#329db1;} .stepGuideBox.cols5 li.item2 > span{background:#40a174;} .stepGuideBox.cols5 li.item3 > span{background:#8fb44d;} .stepGuideBox.cols5 li.item4 > span{background:#45a2d3;} .stepGuideBox.cols5 li.item5 > span{background:#3d8edd;} .stepGuideBox.cols4 li{width:175px;} .stepGuideBox.cols4 li > span{position:relative;padding-top:8px;overflow:hidden;} .stepGuideBox.cols4 li > span .date{display:block;position:absolute;bottom:0;left:0;right:0;line-height:35px;color:#fff;background:#004277;} .stepGuideBox.cols4 li.item2 .date{background:#406fb7;} .stepGuideBox.cols4 li.item3 .date{background:#598ee0;} .stepGuideBox.cols4 li.item4 .date{background:#41abb5;} /* 210309 장찬우 퍼블 추가 */ .formTop_txt{margin-bottom:15px;font-size:13px;font-weight:bold;text-align:right;color:#000;}