@charset "utf-8";

#container #snav{display:none;}
#container .content-area {clear:both;width:100%;background-image:none;}
.content-header{position:relative;height:auto;margin:0;background-image:none;}
.content-header > h3{padding:15px 70px 15px 15px;margin:0;font-size:22px;text-indent:0;border:none;box-sizing:border-box;}
.content-header .path{position:relative;height:auto;line-height:140%;padding:8px 15px;background-color:#f3f4f7;}
.content-header .path p{width:100%;}
.content-header .path ul.content-option{position:absolute;bottom:-40px;right:15px;}
.content-header .path ul.content-option .btn_zoomIn{display:none;}
.content-header .path ul.content-option .btn_zoomOut{display:none;}
.content-header .path ul.content-option .btn_contentPrint{display:none;}

.eng .content-header .path ul.content-option,
.cha .content-header .path ul.content-option,
.jap .content-header .path ul.content-option,
.fre .content-header .path ul.content-option,
.rus .content-header .path ul.content-option{display:none;}

.contents{min-height:auto;padding:10px 10px 30px 10px;box-sizing:border-box;}
.contents h3{padding:0;margin:0;text-indent:0;font-size:15px;border:0px;line-height:auto;}
.contents img{/*display:inline-block;*/max-width:100%;/*height:100% !important;*/height:auto !important;}
.contents .tabBar{margin:10px 0;}

h4{margin-bottom:5px;font-size:14px;background:url(/images/kipa/layout/bullet_h4.png) no-repeat left center;}
.satisfaction{padding:10px 20px 10px 90px;background: #f5f5f5 url(/images/kipa/board/satis_bg.png) 10px 10px no-repeat;}
.satisfaction .point-check:after{display:block;content:"";clear:both;}
.satisfaction .point-check input{clear:both;display:block;float:left;}
.satisfaction .point-check label{display:block;float:left;}
.satisfaction_info{padding:10px 20px 10px 90px;}
.satisfaction_info li.col1{padding:0 0 0 25px;margin:5px 10px;border:none;}
.satisfaction_info li.col3{padding:0 0 0 25px;margin:5px 10px;}

.contents .director{padding:0;background:none;/*background-size:40% auto;*/}
.contents .director > .info{position:relative;background:#f7f8fc;padding:10px;}
.contents .director > .info:after{display:block;content:"";clear:both;}
.contents .director > .info > h3{display:block;font-size:15px;line-height:130%;}
.contents .director > .info > .dir_img{display:block;margin:10px auto;}
.contents .director > .info > .dir_sign{display:block;}
.contents .director > .info > .dir_sign > img{display:block;height:50px;}
.contents .director p{font-size:13px;}

body .contents .brief .tabBar{border-bottom:0px none !important;box-sizing:border-box;} 
body .contents .brief .tabBar li{width:50%;box-sizing:border-box;}
body .contents .brief .tabBar li a{margin:1px;margin-left:1px;padding:0;height:35px;line-height:35px;font-size:15px;text-align:center;box-sizing:border-box;background-color:#f3f3f3 !important;}
body .contents .brief .tabBar li.active{border:0px none !important;}
body .contents .brief .tabBar li.active a{background:#406fb7 !important;color:#fff;}

.contents .brief .tabPage li.left{display:none;}
.contents .brief .tabPage li.right{width:100%;min-height:auto;padding:20px 10px;border-left:0px none !important;}
.contents .brief .tabPage li.right dt{font-size:16px;}
.contents .brief .tabPage li.right dt span{display:none;}
.contents .brief .tabPage li.right dd p{font-size:1em;margin:0 0 5px 0;}
.contents .brief .tabPage li.right dd em{width:20%;}
.contents .brief .tabPage li.right dd span{width:80%;}

.contents .purpose h3{display:block;width:100%;height:30px;line-height:30px;border:0px;font-size:15px;font-weight:700;}
.contents .purpose h3:after{display:block;content:"";clear:both;}
.contents .purpose > p{clear:both;width:auto;padding:0;margin:10px 0;font-weight:normal;}
.contents .purpose > img{width:100%;}

.contents .management > h3{color:#005192;text-align:center;}
.contents .management > h3 > em{color:#2b98c5;}
.contents .management > img{width:100%;}

.mapHolder{display:block;height:auto;border:0;}
.mapHolder > img{display:block;width:100%;}
.root_daum_roughmap_landing{width:100% !important;}
.traffic li.col1,
.traffic li.col2{width:100%;padding-top:10px;}

.contents .tabBar > li.active > a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.content-area > .tableDesc{margin:10px !important;}

/**/
.contents .contactMapHolder{position:relative;}
.contents .contactMapHolder > img{margin-top:2px;width:100%;}
.contents ul.contactMap{position:absolute;top:0;left:0;right:0;bottom:0;height:auto;background:none;}
.contents ul.contactMap li{display:table;table-layout:fixed;}
.contents ul.contactMap li#contactArea1{top:72.8%;left:8.2%;width:16.8%;height:7.1%;}
.contents ul.contactMap li#contactArea2{top:62.6%;left:8.2%;width:16.8%;height:7.1%;}
.contents ul.contactMap li#contactArea3{top:37.5%;left:8.2%;width:16.8%;height:7.1%;}
.contents ul.contactMap li#contactArea4{top:37.5%;left:26.7%;width:16.8%;height:7.1%;}
.contents ul.contactMap li#contactArea5{top:37.5%;left:45%;width:16.8%;height:7.1%;}
.contents ul.contactMap li#contactArea6{top:37.5%;left:63.3%;width:16.8%;height:7.1%;}
.contents ul.contactMap li#contactArea7{top:37.5%;left:81.7%;width:16.8%;height:7.1%;}
.contents ul.contactMap li#contactArea8{top: 10.5%;left:72%;width:26.4%;height:6%;}
.contents ul.contactMap li#contactArea8 > a{width:auto;height:auto;line-height:inherit;}
.contents ul.contactMap li#contactArea9{top:1%;left:31.5%;width:37%;height:6%;}
.contents ul.contactMap li#contactArea9 > a{width:auto;height:auto;line-height:inherit;}
.contents ul.contactMap li#contactArea10{top:22.2%;left:31.5%;width:37%;height:6%;}
.contents ul.contactMap li#contactArea10 > a{width:auto;height:auto;line-height:inherit;}
.contents ul.contactMap li a{width:100%;height:100%;font-size:10px;line-height:120%;letter-spacing:-1px;vertical-align:middle;}

/*20181719 조직도 수정*/
.contents ul.contactMap2018{position:static;height:auto;background-color:transparent !important;}
.contents ul.contactMap2018 li{display:block;height:3.2%;border:0px solid gray;}
.contents ul.contactMap2018 li a{font-size:0px !important;text-indent:-9999px;}
.contents ul.contactMap2018 li#contactArea1{top:0%;left:9%;width:54%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea2{top:5%;left:64%;width:36%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea3{top:12.3%;left:13%;width:36%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea4{top:67.3%;left:13%;width:36%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea5{top:18.5%;left:20%;width:73.5%;height:4%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea6{top:43.2%;left:20%;width:73.5%;height:4%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea7{top:73%;left:20%;width:73.5%;height:4%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea8{top:24.5%;left:20%;width:23%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea9{top:24.5%;left:45%;width:23%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea10{top:24.5%;left:70%;width:23%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea11{top:49%;left:20%;width:11%;height:14%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea12{top:49%;left:33%;width:11%;height:14%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea13{top:49%;left:45.5%;width:11%;height:14%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea14{top:49%;left:58%;width:11%;height:14%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea15{top:49%;left:70.5%;width:11%;height:14%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea16{top:49%;left:82.5%;width:11%;height:14%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea17{top:79%;left:21%;width:17%;height:10%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea18{top:79%;left:39%;width:17%;height:10%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea19{top:79%;left:57%;width:17%;height:10%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea20{top:79%;left:76%;width:17%;height:10%;background-color:transparent !important;}
.contents ul.contactMap2018 li#contactArea21{right:6%;width:18%;height:10%;background-color:transparent !important;}
/*//20181719*/

/*20180808 조직도 수정*/
.contents ul.contactMap2018.eng{position:static;height:auto;background-color:transparent !important;}
.contents ul.contactMap2018.eng li{display:block;border:0px solid gray;background-color:transparent !important;}
.contents ul.contactMap2018.eng li a{margin:0 !important;padding:0 !important;height:100% !important;width:100% !important;font-size:0px !important;text-indent:-9999px;}
.contents ul.contactMap2018.eng li#contactArea1{top:0%;left:9%;width:54%;height:3.2%;}
.contents ul.contactMap2018.eng li#contactArea2{top: 5%;left: 60%;width: 37%;height:3.4%;}
.contents ul.contactMap2018.eng li#contactArea3{top: 11.8%;left: 10%;width: 54%;height:4.2%;}
.contents ul.contactMap2018.eng li#contactArea4{top: 71.2%;left: 9.7%;width: 55%;height:4.2%;}
.contents ul.contactMap2018.eng li#contactArea5{top:17.5%;left:14%;width: 70%;height:4%;}
.contents ul.contactMap2018.eng li#contactArea6{top: 46%;left:14%;width:72%;height:4%;}
.contents ul.contactMap2018.eng li#contactArea7{top: 77%;left:14%;width:72%;height:4%;}
.contents ul.contactMap2018.eng li#contactArea8{top:23.5%;left:14%;width:25%;height:5.5%;}
.contents ul.contactMap2018.eng li#contactArea9{top:23.5%;left:40.5%;width: 24%;height:5.5%;}
.contents ul.contactMap2018.eng li#contactArea10{top:23.5%;left: 65%;width:25%;height:5.5%;}
.contents ul.contactMap2018.eng li#contactArea11{top: 51.6%;left:19%;width: 70%;height:2.6%;}
.contents ul.contactMap2018.eng li#contactArea12{top: 54.5%;left:19%;width: 70%;height:2.6%;}
.contents ul.contactMap2018.eng li#contactArea13{top: 57.5%;left:19%;width: 70%;height:2.6%;}
.contents ul.contactMap2018.eng li#contactArea14{top: 60.5%;left:19%;width: 70%;height:2.6%;}
.contents ul.contactMap2018.eng li#contactArea15{top: 63.5%;left:19%;width: 70%;height:2.6%;}
.contents ul.contactMap2018.eng li#contactArea16{top: 66.5%;left:19%;width: 70%;height:2.6%;}
.contents ul.contactMap2018.eng li#contactArea17{top: 83%;left:14%;width:20.5%;height:8.5%;}
.contents ul.contactMap2018.eng li#contactArea18{top: 83%;left:35%;width:20.5%;height:8.5%;}
.contents ul.contactMap2018.eng li#contactArea19{top: 83%;left: 55.5%;width: 19.5%;height:8.5%;}
.contents ul.contactMap2018.eng li#contactArea20{top: 83%;left: 75%;width:20.5%;height:8.5%;}
.contents ul.contactMap2018.eng li#contactArea21{right: 6%;bottom: 2%;width:20%;height:5.5%;}
/*//20180808*/

.contents .worldmap{width:auto;height:auto;background:none;}
.contents .worldmap > img{width:100%;}
.contents .worldmap > a{margin:-15px 0 0 -35px;width:70px;height:30px;}
.contents .worldmap > a.area1{left:18.9%;top:29.9%;}
.contents .worldmap > a.area2{left:22.5%;top:49.8%;}
.contents .worldmap > a.area3{left:14.9%;top:65.3%;}
.contents .worldmap > a.area4{left:34.4%;top:38.0%;}
.contents .worldmap > a.area5{left:42.2%;top:71.6%;}
.contents .worldmap > a.area6{left:68.2%;top:37.5%;}
.contents .worldmap > a.area7{left:79.2%;top:69.9%;}

.textBox.icon{padding:10px 10px 10px 70px;font-size:1em;font-weight:normal;}
.textBox.icon img.icon{left:10px;width:50px;margin-top:-25px;}
.topText{margin:10px 0;line-height:inherit;font-size:15px;letter-spacing:0;}

.board .view table{table-layout:inherit !important;width:inherit;max-width:100% !important;}
.board .view td,
.board .view img{width:inherit;max-width:100% !important;}

.newsletter{box-sizing:border-box;}
.newsletter > ul{width:100%;padding-top:70px;background-position:center 10px;background-size:auto 60px;}
.newsletter > ul > li{box-sizing:border-box;}
.newsletter > ul > li.col1{display:none;}
.newsletter > ul > li.col2{clear:both;width:100%;padding:10px;border:0;}
.newsletter > ul > li.col2 > fieldset{display:block;}
.newsletter > ul > li.col2 span{display:inline-block;width:20%;text-align:center;}
.newsletter > ul > li.col2 #siEmail3{width:60%;margin:10px 0 0 21%;}
.newsletter > ul > li.col2 #subCont{width:60%;}
.newsletter > ul > li.col2 #agree{margin:10px 0 0 21%;}
.newsletter > ul > li.col2 input[type=submit]{position:relative;top:0;right:0;bottom:0;left:0;display:block;margin:10px auto 0;}
.newsletter > ul > li.col2 > .divAgree{padding:10px;}

#totalSearch{display:block;padding:0;background:#ffffff;}
#totalSearch .searchHead h3{font-size:22px;}
#totalSearch .searchHead{padding:20px 15px 10px;}
#totalSearch .searchHead h3{width:auto;}
#totalSearch .searchHead p{width:auto;padding-top:10px;text-align:left;line-height:130%;}
#totalSearch .searchBox{padding:30px 15px 20px;}
#totalSearch .searchBox:after{display:block;content:"";clear:both;}
#totalSearch .searchBox input[type=text]{display:block;float:left;width:60%;font-size:1em;}
#totalSearch .searchBox input[type=submit]{display:block;float:left;width:15%;padding:0;margin:0;}
#totalSearch .searchBox input[type=button]{display:block;float:left;width:20%;padding:0;margin:0;}
#totalSearch .searchBox div{clear:both;width:auto;padding:10px 80px;background-position:left 13px;}
#totalSearch .searchBox div > a.btnrelateMore{top:13px;}
#totalSearch .searchBox div > p{height:25px;overflow:hidden;}
#totalSearch .searchBox div > p > a{margin:2px 5px;font-size:11px;}
#totalSearch .searchBox ol{position:relative;right:0;top:0;width:auto;border:0;padding:0;}
#totalSearch .searchBox ol:after{display:block;content:"";clear:both;}
#totalSearch .searchBox ol li{float:left;width:50%;margin-bottom:5px;}

#totalSearch .searchResult .tabBar > li > a{height:36px;padding:8px 2%;font-size:1em;}
#totalSearch .searchResult .tabBar > li.active:after{top:58px;}
#totalSearch .searchResult .noList{padding:20px 20px 20px 100px;background-position:15px 20px;background-size:70px auto;}
#totalSearch .searchResult .noList b{font-size:1.3em;}
#totalSearch .searchResult .title strong{font-size:1.3em;}

#totalSearch .searchResult .title{margin:10px 0;}
#totalSearch .searchResult .title strong{padding:0 15px;}
#totalSearch .searchResult .title .range{margin:10px 15px 0 0;}
#totalSearch .searchResult dl{margin:15px 0;}
#totalSearch .searchResult dt{padding:15px;}
#totalSearch .searchResult dt b{font-size:1.1em;}
#totalSearch .searchResult dd .gupList{padding:0 15px;}
#totalSearch .searchResult dd .list{padding-bottom:10px;margin:20px 0;border:0;}
#totalSearch .searchResult dd .list b{display:inline-block;max-width:70%;font-size:1.1em;padding-bottom:10px;}
#totalSearch .searchResult dd .list .con-btn.type-blue{vertical-align:top;}

/*영문*/
.eng .contents{line-height:130%;}
.eng .contents .director p{letter-spacing:0px;}
.eng .contents ul.contactMap li#contactArea1{top:67.4%;left:6.8%;width:17.5%;height:10%;}
.eng .contents ul.contactMap li#contactArea2{top:55%;left:6.8%;width:17.5%;height:10%;}
.eng .contents ul.contactMap li#contactArea3{top:25.5%;left:7%;width:17.5%;height:10%;}
.eng .contents ul.contactMap li#contactArea4{top:25.5%;left:26%;width:17.5%;height:10%;}
.eng .contents ul.contactMap li#contactArea5{top:25.5%;left:44.8%;width:17.5%;height:10%;}
.eng .contents ul.contactMap li#contactArea6{top:25.5%;left:63.6%;width:17.5%;height:10%;}
.eng .contents ul.contactMap li#contactArea7{top:25.5%;left:82.5%;width:17.5%;height:10%;}
.eng .contents ul.contactMap li#contactArea8{top:14.5%;left:67.5%;width:33%;height:4.5%;}
.eng .contents ul.contactMap li#contactArea8 a{width:auto;height:auto;line-height:100%;}

.eng .brochure{height:auto;padding:10px 10px 10px 130px;}
.eng .brochure img{top:10px;left:10px;width:100px !important;}
.eng .brochure p{line-height:130%;}
.eng .brochure p b{font-size:13px;line-height:130%;}
.eng .brochure p b b{font-size:14px;line-height:130%;}
.eng .brochure .downBtn{position:relative;left:inherit;bottom:inherit;}
.eng .rcscHistory{padding-left:80px;background:url(/images/kipa/eng/bg_rcscHistory.png) no-repeat left top;background-size:70px auto;}
.eng .rcscHistory ul li{position:relative;padding:15px 0 15px 80px;border-bottom:1px solid #d2d2d2;color:#555;}
.eng .rcscHistory ul li b{position:absolute;left:0;font-size:1.1em;color:#005192;}

.eng .prmovie{padding:10px 0 10px;}
.eng .prmovie .movieHolder{width:100%;}

.eng .rcscIntro img{display:block;width:100%;margin:10px auto;}

/*중국어*/
.cha .contents ul.contactMap{background: url(/images/kipa/cha/m_img_contactMap.jpg) no-repeat;}
.cha .contactMap > li{display:none !important;}

/*일본어*/
.jap .contents ul.contactMap{background: url(/images/kipa/jap/m_img_contactMap.jpg) no-repeat;}
.jap .contactMap > li{display:none !important;}

/*프랑스어*/
.fre .contents ul.contactMap{background: url(/images/kipa/fre/m_img_contactMap.jpg) no-repeat;}
.fre .contactMap > li{display:none !important;}

/**/
.researchPro img{display:block;position:absolute;top:0;left:0;width:110px;height:auto !important;max-height:100%;}
.brochure img{display:block;position:absolute;top:20px;left:10px;;width:110px;height:auto !important;max-height:100%;}


/*Big Phone*/
@media all and (min-width:350px){
	.contents ul.contactMap li a{font-size:10px;line-height:100%;}
}
/*Tablet*/
@media all and (min-width:500px){
	.contents .director > .info{height:160px;padding:0px 200px 0px 0px;}
	.contents .director > .info > h3{padding:10px;}
	.contents .director > .info > .dir_img{position:absolute;right:0;top:0px;display:block;margin:0;}
	.contents .director > .info > .dir_img > img{display:block;height:160px;}
	.contents .director > .info > .dir_sign{position:absolute;left:10px;bottom:10px;display:block;padding-right:200px;line-height:130%;}
	.contents .director > .info > .dir_sign > img{display:block;height:50px;}	
}

@media all and (min-width:640px){
	.contents{padding:10px 15px 30px 15px;}
	.contents ul.contactMap li a{font-size:13px;}
}

@media only screen and (max-width: 767px){
	.p_list li:first-child > p > a > img {top:0;left:5px;width:79px;height:103px !important;border:1px solid #d2d2d2;box-sizing:border-box;}
	.p_list li .txt_list2 dt{padding-left:10px;}
	
	/* 20200224 장찬우 사원*/
	.stepGuideBox li{margin-bottom:10px;}
	.stepGuideBox li:last-child{margin-bottom:0px;}
	.stepGuideBox li:first-child:before,
	.stepGuideBox li:nth-child(3):before,
	.stepGuideBox li:nth-child(5):before{display:none;}
	.stepGuideBox li{width:50%;}
	.stepGuideBox li.wide{width:50%;}
	.stepGuideBox.cols5 li{margin-bottom:10px;width:50%;}
	.stepGuideBox.cols4 li{width:50%;}
}

/* 20221007 모바일 조직도 */
.org-en-mobile:after{content:''; display:block; clear: both; padding:10px;  box-sizing: border-box;text-align:center; font-weight:600; padding:10px}
.org-en-mobile {margin:0 auto;display: block;text-align:center;padding:10px; box-sizing: border-box; margin-top: 10px;}
.org-en-mobile :hover{color:#1c61ac !important; background:#fff !important; border:1px solid #1c61ac !important;}
.org-en-mobile > div { margin-top: 5px;}
.org-en-mobile .cobalt-blue-box {background:#004ea2; color:#fff; padding:5px; border:1px solid #005090; margin-bottom: 10px; border-radius:5px;}
.org-en-mobile .cobalt-aqua-marine-blue-box {background:#3285b1; color:#fff; padding:5px; border:1px solid #005090; margin-bottom: 10px; border-radius:5px;}
.org-en-mobile .white-box {background:#fff; color:#777; padding:5px; box-sizing:border-box; border:1px solid #777777; margin-bottom: 10px;border-radius:5px;}
.org-en-mobile .gray-box {background:#6f778b; color:#fff; padding:5px; border:1px solid #005090; margin-bottom: 10px; border-radius:5px;}
.org-en-mobile .light-blue-box {background:#d6dded; color:#777; padding:5px; border:1px solid #005090; margin-bottom: 10px; border-radius:5px;}
.org-en-mobile .sky-blue-box {background:#d4eaf6; color:#777; padding:5px; box-sizing:border-box; border:1px solid #777777; margin-bottom: 10px;border-radius:5px;}
.org-en-mobile .beige-box {background:#eee3da; color:#777; padding:5px; box-sizing:border-box; border:1px solid #777777; margin-bottom: 10px;border-radius:5px;}
.org-en-mobile .green-box {background:#d1eee6; color:#777; padding:5px; box-sizing:border-box; border:1px solid #777777; margin-bottom: 10px;border-radius:5px;}
.org-en-mobile .light-gray-box {background:#e6e6e6; color:#777; padding:5px; box-sizing:border-box; border:1px solid #777777; margin-bottom: 10px;border-radius:5px;}