@charset "utf-8"; /* contents_ver1.css 시작 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ header .header_nav ul li a {font-weight: bold;} header .top_search {margin-left:-30px} .noticeNo{font-size:13px; font-weight:bold; height:50px;} .noticeDate{text-align:right; font-size:13px; height:50px; line-height:150%; padding-bottom:10px;} .con_head { padding:10px 0 30px 0; text-align:center; font-weight:bold;} .con_head p{ font-size:16px; font-weight:bold; line-height:160%;} .con_head .mainTit{padding:18px 0 0 0; font-size:18px; font-weight:bold; line-height:160%;} .con_head img{ text-align:center; line-height:150%;} .list_type1 li { padding:8px 0 8px 15px; border-top:1px dashed #CCC; background:url('/css/img/bullet_contents_outline1.gif') 0 15px no-repeat;color:#666; } .list_type1 .sp {background:none; } .list_type1 li strong { display:inline-block; width:190px; font-size:14px; color:#333;} .list_type1 li a { color:#353584; font-size:12px;} .list_type1 li.subPara{padding:12px 0 12px 25px; border-top:1px dashed #CCC; background:url('/css/img/bullet_contents_outline2.gif') 10px 12px no-repeat; } .ac { text-align:center;} .tip {padding:7px 0 0 0; height:20px;} .specialMent1{padding-bottom:5px; color:#222; font-size:14px;;font-weight:bold; text-align:center} /*.specialMent:first-letter {font-size:18px;}*/ .specialMent1 .source{font-weight:normal;color:#666;} .specialMent2{padding-bottom:5px; font-family:'나눔명조',NanumMyeongjo,Myeongjo,'명조체','나눔고딕',NanumGothic,'돋움',dotum; color:#222; font-size:15px;font-weight:bold; text-align:center} /*.specialMent:first-letter {font-size:18px;}*/ .specialMent2 .source{padding-top:5px;font-weight:normal;color:#666;} .bbs_view_type2 { border-top:2px solid #a5a5a5;} .bbs_view_type2 th, .bbs_view_type2 td { padding:10px 0; border-bottom:1px solid #e6e6e6;} .bbs_view_type2 th { text-indent:25px; color:#4f4f4f; text-align:left; font-size:12px;} .bbs_view_type2 tr.last th, .bbs_view_type2 tr.last td { border:none;} .list_type1 { border-top:2px solid #a5a5a5;} .list_type1 th, .list_type1 td { border-bottom:1px solid #e6e6e6; text-align:center;} .list_type1 th {padding:5px 0; font-size: 13px;} .list_type1 td {padding:5px 0; font-size: 13px;} .list_type1 tr.last th, .list_type1 tr.last td { border:none;} .list_type1 td a {color:#b81613;} .view_type2 { width:670px; padding:10px 0 20px; margin:0 auto; text-align:center;} .view_type2 p.date { height:30px; line-height:30px; text-align:right;} .view_type2 .date { padding:10px 0; text-align:right;} .view_type2 div.con { padding:15px 10px; font-size:15px; color:#232323; background:#f6dee0; } .view_type2 .con1 { padding:15px 10px; font-size:13px; color:#232323; background:#f6dee0; text-align:left; line-height:160%;} .view_type2 .con2 { padding-top:8px; font-size:13px; color:#232323; text-align:left; line-height:160%;} .view_type2 p {text-align:left;} .m_list{display:none;} .m_paging{display:none;} .leadMessage{display:block; font-weight:bold; color:#333; font-size:14px; padding:0 0 20px 0;} .crossHead{display:block; font-weight:bold; font-size:16px; padding:10px 0 15px 0;} .editorNote{font-style:italic;} .figRight{clear:both; float:right; padding:5px 0 10px 18px;} .figCenter{clear:both; display:block; margin:0 auto; font-size:13px;line-height: 20px;} .figLeft{clear:both;float:left;padding:5px 20px 10px 0;} .figRight img,.figCenter img,.figLeft img{max-width: 800px; max-width: 100%; height: auto !important;} .figcaption{padding:8px 0 0 4px; font-size:13px; color:#333; line-height:145%; display:block; /* max-width:700px; */} .visionMain img.pcVision{max-width:none; width:100%;} .visionMain img.mVision{display:none;} .view_type3 { padding:0 0 15px 0; margin:0 auto;} .view_type3 > img { width:800px;} .view_type3 p.date { height:30px; line-height:30px; text-align:right;} .view_type3 div.con { padding:15px 10px; font-size:15px; color:#232323; text-align:left; line-height:180%;} .download { background:#f6f6f6; padding:20px 0 15px 30px;} .download .file{height:35px; display:inline;} .download .file span {background:url('/images/sub/bullet_publication_file.png') 0 50% no-repeat;display:inline-block;padding:0 0 0 12px;width: 9%;font-size:14px;color:#474747;vertical-align:middle;} .download .file img{margin-right:10px;display: block;display: inline-block;} .download div{display:inline-block;margin-left:15px;} .reader_down{padding-top:5px; font-size:12px; margin-bottom:-30px;} .view_type3 .down { padding:28px 0 0 0;} .view_type3 .down span { display:inline-block; padding:0 0 15px 0; width:130px; font-size:14px; color:#cc3333; vertical-align:middle;} .view_type3 .down img { vertical-align:top;} .view_type4 { padding:15px 0; clear:both;} .view_type4 div { padding:20px; border:1px solid #CCC;} .view_type4 h3 { font-size:16px; padding:5px 0 10px 0;color:#333;} .view_type5 { zoom:1;padding-bottom:15px;} .view_type5 li { float:left; padding:15px 0; width:50%; text-align:center;} .view_type5 li p { padding:5px 5px 0 5px; color:#232323;} .view_type5:after { content:""; display:block; clear:both;} .view_type6 ul { border:1px solid #666; padding:7px 12px;} .view_type6 .ac { text-align:center;} .view_type6 table th { text-align:center; text-indent:0;} /*.view_type6 li { line-height:160%;}*/ .view_type6 h3 { font-size:15px; padding:25px 0 10px 0; color:#333;} .view_type6 h4 { font-size:14px; padding:20px 0 8px 0; color:#333;} .view_type7 {clear:both;float:left; padding:15px 15px 10px 5px;text-align:left;} .view_type8 {clear:both;float:right; padding:15px 5px 10px 15px;text-align:right;} .view_type7 .con,.view_type8 .con{padding:5px 2px; text-align:left; font-size:13px; color:#232323; line-height:160%;} .mainTit{font-size:16px; font-weight:bold; color:#222;} .subTit{font-size:14px;; font-weight:bold;} .subTit2{font-size:14px;font-weight:bold; color:#333; height:32px; padding-top:15px;} .subTit3{font-size:14px;font-weight:bold; color:#333; height:20px; padding-top:15px;} .subParaTit1{font-weight:bold; color:#444;height:20px;padding-top:10px;} .tableSt1{clear:both;border-bottom:1px solid #CCC;margin-bottom:15px;width: 100%;} .tableSt1 th{background:#EEE; padding:7px 0; border-top:1px solid #AAA; border-bottom:1px solid #AAA; border-right:1px solid #DDD;color:#333;text-align:center;} .tableSt1 th:last-child,.tableSt1 td:last-child{border-right:0;} .tableSt1 td{padding:5px 0;border-bottom:1px solid #DDD;border-right:1px solid #DDD;text-align:center;} .tableSt1 td.case{text-align:left;padding:5px 4px;} .plusInfo{border:1px solid #CCC; background:#EEE; padding:15px;margin-bottom:15px;} .plusInfo .tit{color:#333;font-weight:bold; padding-bottom:10px;font-size:14px;;} .plusInfo .detail{font-size:12px;} .conSummary{padding-bottom:15px;} .conSummary li{padding:0 0 0 15px; font-weight:bold; color:#222; background:url('/css/img/bullet_contents_outline3.gif') 0 3px no-repeat;} .clearboth{clear:both;} .dpi{display:inline;} .firstPara {padding:15px 0 15px;} .middlePara {padding-bottom:15px;} .firstPara > a, .middlePara > a { text-decoration:underline;} .headMessage{border:1px solid #CCC; background:#EEE; padding:15px;} .rssList h2{font-size:17px; height:30px; padding-top:25px; color:#000;} /* 20200928 수정 */ .rssList dl{border-top:2px solid #a5a5a5; overflow:hidden;} .rssList dt{float:left;width:18%;border-bottom:1px solid #e6e6e6; height:25px; padding-top:6px; font-weight:bold; font-size: 15px;} /* 20200928 수정 */ .rssList dd{float:left;width:72%;border-bottom:1px solid #e6e6e6; height:25px; padding-top:6px; font-size: 15px; font-family:'Noto Sans KR DL';} /* 20200928 수정 */ .rssList dd.btn{width:10%; height:27px; padding-top:4px;} .rssList dd.btn a{display:block; width:60px; height:20px; padding-top:2px; background:#ddd;text-decoration:none; text-align:center; color:#333; float: right; font-size: 13px;} .rssList dd.btn a:hover{background:#ccc;} .contentTypeA {width:670px; font-size:15px; line-height:180%; color:#2f3743;} .contentTypeA .h3TypeA {font-size:16px; padding:25px 0 10px 0; font-weight:bold; color:#333;} .contentTypeA .h4TypeA {padding:25px 0 10px 0; font-weight:bold;} .contentTypeA .boxTypeA {clear:both; padding:25px; border:1px solid #CCC; font-size:14px; overflow:hidden; margin-bottom:20px;} .contentTypeA .boxTypeA h4{font-size:14px; padding-bottom:10px;} .contentTypeA .boxTypeA .imgBoxRightA {float:right; padding-left:20px;} .contentTypeA .boxTypeB {float:right; width:200px; border-left:2px solid #CCC; padding-left:10px; margin:10px 0 20px 20px; font-size:13px; line-height:160%; overflow:hidden;} .contentTypeA .boxTypeB h4{font-size:13px; padding-bottom:5px;} .contentTypeA .boxTypeC {float:left; width:200px; border-right:2px solid #CCC; padding-right:10px; margin:10px 20px 20px 0 ; font-size:13px; line-height:160%; overflow:hidden;} .contentTypeA .boxTypeC h4{font-size:13px; padding-bottom:5px;} /* openDataApiLayout.jsp Add */ .data_api {padding: 20px 0 50px 0; zoom:1; margin: 0 auto;} .data_api .apiType {border-top:2px solid #a5a5a5;margin: 0 auto; font-size:14px} .data_api .apiType th,.data_api .apiType1 td { padding: 14px 10px; border-bottom:1px solid #ccc; text-align:left; font-size: 13px;} .data_api .apiType th { background:#f2f2f2; text-align:left;} .data_api .apiType1 {border-top:2px solid #a5a5a5;margin: 0 auto; font-size:14px} .data_api .apiType1 th:first-child,.data_api .apiType1 td:first-child {border-left:none;} .data_api .apiType1 th,.data_api .apiType1 td { padding: 14px 10px;border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;} .data_api .apiType1 td {border-left:1px solid #cdcdcd} .data_api .apiType1 th { background:#f2f2f2; text-align:center;} .data_api .apiType1 td.case_title{text-align:left;} .data_api .apiType1 td.case_title a{color: #333; margin:0 2px 0 3px;} .data_api .apiType1 td.leftline {border-left:1px solid #cdcdcd} .textbox{margin-top: 30px; /* padding-left: 5px; */} .textbox .title {font-size: 15px;line-height: 2em;font-weight: bold;} /* contents_ver1.css 끝 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ /* default_ver1.css 시작 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ body{font-family: "NanumBarun", sans-serif;line-height:150%;color:#666; /* font-size:12px; */} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,table,th,td{margin:0;padding:0;} div,dl,dt,dd,h1,h2,h3,h4,form,fieldset,p,th,td,input,textarea,select,button{font-size: inherit; } fieldset, img{border:0;} textarea { width:100%;} select,input,img, button {vertical-align:middle; } ul, ol { list-style-type : none; } .hide,legend,hr {position:absolute; left:-1000%; top:0; width:0px; height:0px; font-size:0; line-height:0; overflow:hidden;} .hide2 {width:0px; height:0px; font-size:0; line-height:0; overflow:hidden;} /* caption{ width:0px; height:0px; font-size:0px !important; line-height:0; overflow:hidden; visibility:hidden;} */ /* 20200908 수정 */ caption.show {position:static; left:0; top:0; width:auto; height:auto; font-size:12px; line-height:normal; overflow:visible;} em, address { font-style:normal;} table { border-collapse:collapse; border-spacing:0; width:100%;} a { color:#666; text-decoration:none;} a:hover { color:#333; text-decoration:underline;} button { border:none; cursor:pointer;} select, textarea, input[type="file"], input[type="password"], input[type="text"] { border:1px solid #d9d9d9;} select:focus, textarea:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="text"]:focus { border:1px solid #555;} textarea[readonly="readonly"], button[readonly="readonly"], select[readonly="readonly"], input[readonly="readonly"], textarea[disabled="disabled"], button[disabled="disabled"], select[disabled="disabled"], input[disabled="disabled"] { background:#f7f7f7;} input[type="password"], input[type="file"], input[type="text"] { padding:3px 0 4px;} input[type="file"] { width:100%;} select { height:23px;} .mt60 {margin-top:60px} .pt100 {padding-top:100px !important} .pt120 {padding-top:120px !important} .vt { vertical-align:top;} .b_search {background-color: #656565 !important;border: 0; color: #fff; padding: 7px 20px;text-align: center; text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer;} /* 20210630 수정 */ .f_s1{font-size:13px;} .l_h1{line-height:16px;} .l_h2{line-height:17px;} .l_h3{line-height:18px;} .l_h5{padding:30px 0 8px 0; font-size:18px; color:#333;} .l_h6{padding: 10px 0 10px 0;font-size:16px;color:#333;} .l_box {padding: 30px 0; font-size: 15px; color: #333;} .l_box01 {border:1px solid #EEE;padding:20px;margin-bottom:20px;font-size: 16px;line-height: 160%;} .l_box02 {background:#EEE;padding:20px;margin-bottom:20px;font-size:16px;line-height: 21px;} .l_box02 strong.point{color:#af2227;} .l_box02 .point{color:#af2227;} .bulletTitleBox{border:solid 1px #d4d4d4;margin-bottom:30px;} .bulletTitle{background: url(../images/sub/bullet_title.png) no-repeat 20px center #A38D6C; font-size: 17px;color: #fff;padding: 20px 30px 20px 60px !important; display:inline-block;} /* 202302 명도대비 */ .bulletTitleBox .contentMap{vertical-align: middle; display: inline-block;} .bulletTitleBox .contentMap > span {font-size:15px; color:#5c5c5c;margin-left:20px;font-family: 'Noto Sans KR DL'; vertical-align: top;} .bulletTitleBox .contentMap > span:nth-child(2):before{content:'|';margin-right:25px;color:#5c5c5c;} .bulletTitleBox .contentMap > span:nth-child(3):before{content:'|';margin-right:25px;color:#5c5c5c;} .bullet01 {padding-top:23px;} .bullet02 {} .bullet01-en { background:url(/images/icon/bullet01.png) no-repeat 0px 42px; } /*전체 페이지 CSS 적용 예정 .se-div{padding: 10px; margin-bottom: 30px;border:1px solid #d2d2d2;} */ .se-contentsBox{margin-top:30px;height:100%;width:100%;} .se-divBox1{height:590px;} .se-divBox2{height:570px;} .se-divBox3{height:495px;} .se-div1{display:inline-block;} .se-div1 > span{font-size: 25px; color:#222; display: inline-block; font-weight:bold; margin-bottom: 15px;} .se-div1 > p{width: 80px;border: 1px solid #d2d2d2;height: 80px;border-radius: 5px;} .se-div2 {padding: 25px; margin-bottom: 30px;border:1px solid #d2d2d2;width: 75%;float: right;} .se-div2 > p.title {font-size: 16px; color:#000; height:30px; margin:10px 0;} .se-div2 > p.title:before{content: ' '; margin-right: 7px;background: #af9a7a; width: 3px;height: 12px;display: inline-block; } .se-div2 > p.content {font-size:15px; color:#1d1d1d;margin-left:20px;margin-bottom:10px;} .se-divButton{margin-top:30px; margin-bottom: 10px;} .se-divButton > p > a.icon01 {background: url(../images/sub/bullet_btn.png) no-repeat 215px 18px #A38D6C; color:#fff; border-radius:5px; padding: 13px 55px 13px 18px;margin-right:20px;} /* 202302 명도대비 */ .se-divButton > p > a.icon02, .se-divButton > p > a.icon03 {background: url(../images/sub/bullet_btn.png) no-repeat 195px 18px #A38D6C; color:#fff; border-radius:5px; padding: 13px 55px 13px 18px;margin-right:20px;} /* 202302 명도대비 */ /* skip */ .skip {width:100%;height:0;top:0;left:0;} .skip a {display:block;overflow:hidden;position:absolute;top:0;text-indent:-9999px;} .skip a:focus, .skip a:active {display:block;position:absolute;top:0;width:100%;z-index:9999;padding:10px 0;font-size:14px;line-height:14px;text-indent:0;text-align:center;color:#fff;background:#555;} /* layout 인스타 아이콘 추가 190225 */ .wrap{min-width:1260px;background-color:#fff} .spotWarp {height:35px; background:#f1f4f8; border-bottom:1px #dbdbdb solid;} .spot {width:1084px; margin: 0 auto;} .spot span {margin:0 5px;} .spot .spot1 { float:left; width: 230px;background: #fff;height: 25px;padding-top: 10px;} .spot .spot1 span {margin:0 0 0 30px} .spot .spot1 a.spMcst { font-weight:bold } .spot .spot1 span img { vertical-align:middle} .spot .spot2 {float:right;background: #fff;width: 566px;height: 25px;padding-top: 10px;position:relative;} .spot .spot2 .korNet {position: absolute;right: 72px;top: 0; margin-right:0} .spot .spot2 .facebook {position: absolute;right: 36px;top: 0; margin-right:0} .spot .spot2 .instagram {position: absolute;right: 0;top: 0; margin-right:0} .spot .spot2 a:hover { text-decoration:underline } .spot .spot2 a.spRss { padding:0 10px 0 30px; background:url(/images/main/ico_rss.png) no-repeat 14px center; } .spot .spot2 a.spMap { padding:0 10px 0 20px; background:url(/images/main/ico_map.png) no-repeat 2px center; } .spot .spot2 a.spEng { padding:0px 10px 0 20px; background:url(/images/main/ico_eng.png) no-repeat 2px center; /*! vertical-align: middle; */} .hide {position:absolute; left:-1000%; top:0; width:0px; height:0px; font-size:0; line-height:0; overflow:hidden;} /* layout 뉴스레터 추가 수정 190422 */ .spot .spot2 a.spNews { padding: 11px 12px 9px 12px; background-color: #3e7dc0;} .spot .spot2 a.spNews:hover { text-decoration:underline; color:#fff} .spot .spot2 a.spNews em { background: url(/images/main/ico_newsletter_w.png) no-repeat left 0px; padding: 0 0 0 25px; color:#fff; font-weight:bold} .spot .spot2 a.spNews em:hover { text-decoration:underline} /* TopArea */ .topArea { position:relative; height:93px; width:1084px; margin:0 auto } .topArea h1 { position:absolute; left:0; top:22px; } .topArea #topSearch { position:relative; width:240px;/* 318/1200 */ min-width:12em; float:right; padding:0 1.33333%; /* 16/1200 */ background-color:#fff; border:2px solid #4e81c0; z-index:2; overflow:hidden; margin-top: 30px;} .topArea #topSearch label { position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; overflow:hidden; text-indent:-9999px; } .topArea #topSearch dd.text { float:left; width:86%; ime-mode:active; } .topArea #topSearch dd.btn { float:right; } .topArea #topSearch dd.text input { width:100%; padding:6px 0; border:none; } .topArea #topSearch dd.btn input { padding:4px 0; } .topArea .btnSearchOpen, .topArea .taBtnAll, .topArea .lnbControl { position:absolute; right:23px; top:19px; } .topArea .btnSearchOpen { right:72px; } .topArea .btnSearchOpen button, .topArea .lnbControl button { margin:0; padding:0; background:transparent; border:none; } *:first-child+html .topArea .btnSearchOpen button, *:first-child+html .topArea .lnbControl button { width:42px !important; height:42px !important; } .topArea .btnSearchOpen button img, .topArea .lnbControl button img { width:42px; height:42px;} /* 게시판상세이미지 사이즈 자동조절 문제*/ span.se-drawing-object-wrapper.se-image.se-responsive { display: contents !important; } /*START - 20220902 오책임님 작업*/ span.se-drawing-object-wrapper.se-image img {height: auto !important;} span.se-drawing-object-wrapper.se-image.se-responsive img {margin: 0 auto !important;max-width: 100%;} /*END - 20220902 오책임님 작업*/ /*게시글 아래 캡션 정렬 문제*/ span.se-caption { width: 100% !important; } /*문화원 사진 사이즈*/ .se-contents img { max-width: 100%; height: auto; } /* GNB */ .header{position:relative;height:54px;background:#053863;border-bottom:2px solid #66ccff;} .header.type2{background-image:url(/images/@temp/bg_header_type2.png)} .header .header_area{margin:0 auto;width:1084px; height:56px} .header .header_area:before{content:'';position:absolute;z-index:20;top:0;left:0;width:2px;height:100%;} .header .header_area:after{content:'';position:absolute;z-index:20;right:0;top:0;width:2px;height:100%;} .header .gnb{position:relative;} .header .gnb > ul{} .header .gnb > ul:after{content:'';display:block;clear:both} .header .gnb > ul > li{position:relative;/*! padding-left:2px; */width:154px;float:left;text-align:center;} .header .gnb > ul > li:after{content:'';position:absolute;top:0;left:0;width:2px;height:100%;} .header .gnb > ul > li > a{display:block;height:54px;background-position:51% 14px;background-repeat:no-repeat} .header .gnb > ul > li > a:hover,.header .gnb > ul > li > a:focus,.header .gnb > ul > li > a.on{background-color:#3e7dc0; color:#fff} .header .gnb > ul > li > a strong{display:block;padding-top:22px;font-size:16px;color:#eee} .header .gnb li div{display:none;position:absolute;z-index:300;left:1px;top:56px;padding:0;width:100%;overflow:hidden} .header .gnb li div > ul{padding:5px 0 10px;height:100%;box-sizing:border-box;border-right:1px solid #eee;} .header .gnb li:first-child div > ul{border-left:1px solid #eee;} .header .gnb li div > ul li{text-align:left} .header .gnb li div > ul li a:hover,.header .gnb li div > ul li a:focus{text-decoration:underline;} /* .header .gnb li div > ul > li{padding-top:5px} */ .header .gnb li div > ul > li > a, .header .gnb li div > ul > li > button, .header .gnb li div > ul > li > strong{display:block;padding:5px 5px 5px 15px;font-size:14px;line-height:140%;font-weight:bold;color:#777;} .header .gnb li div > ul > li > button{padding-right:20px;background:url(/images/main/ico_more.gif) no-repeat 95% 49%;text-align:left} .header .gnb li div > ul li ul{display:none;margin-bottom:10px} .header .gnb li div > ul li li a{display:block;padding:5px 4px 5px 15px;font-size:12px;color:#666} .header .member_info{position:absolute;right:1px;top:0;padding-top:70px;width:199px;height:25px;background:url(/images/common/ico_member.png) no-repeat 50% 15px;text-align:center} .header .member_info:after{content:'';position:absolute;top:0;left:0;width:2px;height:100%;background:url(/images/common/header_bg_line.png) no-repeat 0 0} .header .member_info span{display:inline-block;padding-right:11px;height:24px;background:url(/images/common/header_member_line.png) no-repeat 100% 50%;font-size:12px;line-height:24px;color:#aaaaaa} .header .member_info span strong{font-size:13px;color:#eeeeee} .header .member_info span + span{padding:0;background:none} .header .member_info button{display:inline-block;padding:5px 7px;font-size:12px;color:#cccccc} .header .gnb_bg{display:none;position:absolute;z-index:200;left:0;top:56px;/*! margin-left:-600px; */width:100%;background:#ffffff;} .header .gnb_bg:after{content:'';position:absolute;left:0;bottom:-8px;width:100%;height:5px;border-top:3px solid #66ccff;} /* footer_area*/ /* #footer {background:url('/images/main/bg_footer.png') repeat; height:202px} */ #footer .footerNav{height:52px; width:1082px; margin:0 auto; position:relative} #footer .footerNav .inner{width:500px; float:left} #footer .footerNav ul li{display:block;float:left;padding:0 16px;border-right:1px solid #fff;margin-top:20px;} #footer .footerNav ul li a{display:block;font-size:14px;color:#fff;} #footer .footerNav ul li a:hover{ text-decoration:underline} #footer .footerNav ul li a.privacy{display:block;font-size:14px;color:#042A56;font-weight:bold} #footer .footerNav ul li a.privacy:hover{ text-decoration:underline;color:#042A56;} #footer .footerNav ul li:last-child{border-right:0px none;} #footer .footerNav .footSelect{ float:right;width: 500px;padding-top: 14px;} #footer .footerNav .footSelect select {width: 180px;height: 26px;border: 1px solid #fff;background: #959595;color: #fff;} #footer .footerNav .footSelect label{ display:block; overflow:hidden; font-size:0; text-indent:-1000px;line-height:999;} #footer .footerNav .footSelect input { margin-top:0px} #footer .footerNav .footSelect .left {float:left; margin-right:20px} #footer .footerCopyright {width: 1084px; margin: 0 auto; position: relative; height: 150px} #footer .footerCopyright p{display:block;padding:42px 0 30px 276px;font-size:14px;color:#fff;line-height:150%;} #footer .footerCopyright a.footerLogo{display:block;position:absolute;top:40px;left:0;} #footer .footerCopyright > ul{display:block;position:absolute;top:40px;right:0;} #footer .footerCopyright > ul li{float:left;margin:0 5px;} #container { width: 100%;} #container:after { content:""; display:block; clear:both;} #snb { width: 100%; padding-bottom:0; margin: 0 auto; border-bottom: 1px solid #ccc; height: 150px;} #snb h2 { padding: 36px 0 0 0; height: 52px; font-size: 36px;text-align: center; background:url('/images/line_subMenu.png') center bottom no-repeat; font-weight:normal; color:#333} #snb .snbMenu { text-align:center; margin-top:26px} #snb ul { margin: 0; display: inline-block; padding: 0;} #snb ul li { float:left; padding: 0 20px;} #snb ul li a { display:block; color:#666; font-size:16px; height:36px} #snb ul li a:focus, #snb ul li a:hover { font-weight:bold; color:#053863; text-decoration:none; background:url('/images/bull_2depth.png') center bottom no-repeat;} #snb ul li.on { font-weight:bold; color:#053863; text-decoration:none; background:url('/images/bull_2depth.png') center bottom no-repeat;}#snb ul li a.on { font-weight:bold; color:#053863; text-decoration:none; background:url('/images/bull_2depth.png') center bottom no-repeat;} #snb p { margin: 57px 0 0 20px;} #contents { width: 900px; padding: 20px 0 50px 0; margin: 0 auto;} #contents .view{ font-size:14px; line-height:180%; padding-top:15px;} #contents:after { content:""; display:block; clear:both;} #location { padding:0 0 10px 22px; border-bottom:1px solid #ddd; background:url(/images/layout/bu_home.gif) no-repeat 0 2px; color:#666;} #location span { display:inline-block; padding:0 10px; color:#e2e2e2;} #location strong { color:#4e4e4e;} #contents h1 { padding:10px 0 20px 0; height:25px; font-size:24px; color:#333;} #team { color:#4d4d4d; background:#EEE; margin:50px 0 0 0; padding:7px 10px;} .ellips2 { -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; height:35px; margin-top:2px; } .ellips2 a{ color:#666;} /* default_ver1.css 끝 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ /* style_ver1.css 시작 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ .page {height: 20px; text-align: left; color: #666; font-size: 14px; margin: 20px 0 10px 10px;} .page strong {color: #383838; font-size: 14px; font-weight: bold; line-height: 15px;} * + .paging { padding: 0 0 0 0;} .paging {text-align: center; height: 34px; clear: both; margin: 30px 0;} .paging input2 { margin:-5px 0 0 0;} .paging span { display:inline-block; padding:5px 10px 0 10px; font-size:14px; color:#d7d8d9;} .paging a { display:inline-block; padding:0 7px; font-size:12px; color:#666;} .paging a.on {color:#333; text-decoration:underline; font-weight:bold;} .paging a strong {font-size:12px;font-weight:bold;} .paging2 a { display:inline-block; padding:0px;} .paging + .btns.right, .paging + .btns.left { margin-top:-45px;} .page_ud {padding:0 0 0 34px;border: 1px solid #e2e2e2;background:url(../images/common/bg/bg_bbs_arrow.png) no-repeat left; font-family:"NanumBarun", sans-serif;margin: 20px 0px;} .page_ud:after { content:""; display:block; clear:both;} .page_ud dt, .page_ud dd { float:left; height:30px; line-height:30px;} .page_ud dt { width:60px; font-weight:bold; color:#83735F; font-size:12px;} /* 20210402 수정 */ /* 202302 명도대비 */ .page_ud dd { width:calc(100% - 70px); font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; padding-right:10px;} /* 20210402 수정 */ .page_ud dd a {color:#333;font-size: 14px;} .bbs_type1 {border-top: 1px solid #a5a5a5; font-family:"Malgun Gothic";} .bbs_type1 li {padding:20px 0; border-bottom:1px solid #e6e6e6; min-height: 120px;overflow: hidden;/*추가 20220823 */} .bbs_type1 li dl {position:relative; padding-left:190px; height:126px;} /* 20210406 수정 */ .bbs_type1 li dl dt{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* 20210406 수정 */ .bbs_type1 li dl dt a {font-size: 16px;color:#333;font-weight:bold;} .bbs_type1 li dl dt a:hover { text-decoration:underline;} .bbs_type1 li dl dd.img { position:absolute; left:0; top:5px;} /* 20210406 수정 */ .bbs_type1 li dl dd.img a { display:block;} .bbs_type1 li dl dd.img a:focus { border:1px solid #ad2e25;} .bbs_type1 li dl dd.img img {height: 112px;width: 175px;} .bbs_type1 li dl dd.date {height: 13px; text-align: left; color: #666; line-height: 14px;/* line-height: 11px; 삭제*/ font-size: 14px; float: left;} /* 20210406 수정 */ /* 2023 웹접근성 백업 .bbs_type1 li dl dd.con{overflow:hidden; text-overflow:ellipsis; height:4.1em; -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical; margin-bottom:11px;} .bbs_type1 li dl dd.con a {line-height:20px; color:#666; font-size:14px; padding:6px 0; display:block;} */ .bbs_type1 li dl dd.con{margin-bottom:11px;} /* 2023 웹접근성 */ .bbs_type1 li dl dd.con a {overflow:hidden; text-overflow:ellipsis; height:4.1em; -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical; line-height:20px; color:#666; font-size:14px; padding:6px 0;} /* 2023 웹접근성 */ .bbs_type1 li dl dd.count{float:left; height:13px; text-align:left; color:#666; line-height:11px; font-size:14px; padding-left:10px; margin-left:10px; border-left:solid 1px #999;} /* 20210406 수정 */ .bbs_type1 li dl dd.count > span{margin-left:5px;} /* 20210406 수정 */ .bbs_type1 dd.txtC{position: absolute; left: 50%; transform: translateX(-50%);} .bbs_type2 { border-top:1px solid #a5a5a5;} .bbs_type2 li { padding:20px 0; height:99px; border-bottom:1px solid #e6e6e6;} .bbs_type2 li dl { position:relative;} .bbs_type2 li dl dt { height: 26px;} .bbs_type2 li dl dt a { font-size:14px; color:#333; font-weight:bold;} .bbs_type2 li dl dt a span {color:#0066cc;} .bbs_type2 li dl dt a:hover { text-decoration:underline;} .bbs_type2 li dl dd.date { height:27px; text-align: left; color:#666;} .bbs_type2 li dl dd.con a { line-height:16px; color:#666;} .bbs_type2 li dl dd.for { padding:15px 0 0 0; text-align:right; color:#7e4e38; font-size:12px;} .bbs_type2 p {text-align:left;} .bbs_type3 { border-top:2px solid #a5a5a5;} .bbs_type3 td { padding:20px 0; text-align:center; font-size:12px; color:#666; border-bottom:1px solid #e6e6e6;} .bbs_type3 td.subject { text-align:left;} .bbs_type3 td.subject a { font-weight:bold; color:#333; font-size:14px;} .bbs_type3 td.date { text-align:right;} .bbs_type4 { border-top:2px solid #a5a5a5; width:690px;} .bbs_type4 li { padding:5px 0; height:240px; width:230px; float:left; margin-top:20px} .bbs_type4 li dl { position:relative; } .bbs_type4 li dl dt { height:30px; width:220px;} .bbs_type4 li dl dt a { font-size:14px; color:#333; font-weight:bold;} .bbs_type4 li dl dt a:hover { text-decoration:underline;} .bbs_type4 li dl dd { height:160px; width:220px; background: url(/images/common/photo_thumbnail_noimg.gif) no-repeat;} .bbs_type4 li dl dd.img { position:absolute; left:0; top:0; height:160px; width:220px; } .bbs_type4 li dl dd.img a { display:block;} .bbs_type4 li dl dd.img a:focus { border:1px solid #ad2e25;} .bbs_type4 li dl dd.img img {height:99px;width:140px; } .bbs_type4 li dl dd.date { height:20px; margin-top:10px; text-align:left; color:#666;} .bbs_type4 li dl dd.con a { line-height:18px; color:#666; } .bbs_type5 {display: inline-block;width: 100%;} .bbs_type5 li {padding: 4% 2%;width: 46%;height: 196px;float: left;} .bbs_type5 li dl {position:relative;padding-left: 170px;} .bbs_type5 li dl dt {height: auto;} .bbs_type5 li dl dt a {font-size: 18px;color:#333;font-weight:bold;line-height: 24px;} .bbs_type5 li dl dt a:hover { text-decoration:underline;} .bbs_type5 li dl dd.img { position:absolute; left:0; top:0;} .bbs_type5 li dl dd.img a { display:block;} .bbs_type5 li dl dd.img a:focus { border:1px solid #ad2e25;} .bbs_type5 li dl dd.img img {width: 152px;/* height: 206px; */} .bbs_type5 li dl dd.date {height: 30px;text-align: left;color:#666;line-height: 24px;font-size: 14px;} .bbs_type5 li dl dd.con {padding-top:20px} .bbs_type5 li dl dd.con a {line-height: 24px;color:#666;font-size: 15px;} .bbs_search {padding-bottom:20px;text-align:center;border-bottom: 3px solid #9e978e;} .bbs_search fieldset {text-align:right} .bbs_search select {height: 32px;border: 1px solid #656565;font-size: 14px;} /* 20200908 수정 */ .bbs_view_type1 { position:relative;} .bbs_view_type1 dt {padding: 10px 10px 15px 0;margin-bottom: 0;line-height: 26px;min-height: 34px;font-size: 22px;color:#333;font-weight:bold;letter-spacing: -1px;} .bbs_view_type1 dd.date {position:absolute;left: 0;color:#666;font-size: 16px;width: 300px;} .bbs_view_type1 .label {position:absolute;left:0;top:22px;display:inline-block;height:24px;padding:0 12px;font-size:15px;color:#fff;line-height:24px;background-color:#7e4e38;} .bbs_view_type1 dd.detail { padding:0 9px; border:1px solid #dedede; height:36px; line-height:34px;} .bbs_view_type1 dd.detail p.txt { float:left;} .bbs_view_type1 dd.detail div.sns { float:right; font-size:0} .bbs_view_type1 dd.con {padding:35px 0px 40px 0px;border-bottom:1px solid #c1bebe;font-size:15px;color:#333;line-height:180%;} .bbs_view_type1 dd.con img{margin:0 auto; max-width: 100%; height: auto !important;} .bbs_view_type1 dd.con2 { padding:10px 5px;font-size:15px;} .bbs_view_type1 dd.con3 { padding:10px 5px; border-bottom:1px solid #e3dfdf; font-size:15px; color: #930; text-align:center; line-height:180%;} .bbs_view_type1 dd.con4 { padding:0 5px; border-bottom:1px solid #e3dfdf;} .bbs_view_type1 dd.con5 {margin-top:30px;} .bbs_view_type1 dd a img{display:inline} /* 20200909 수정 */ .bbs_view_type2 { border-top:2px solid #a5a5a5;} .bbs_view_type2 th, .bbs_view_type2 td { padding:10px 0; border-bottom:1px solid #e6e6e6;} .bbs_view_type2 th { text-indent:25px; color:#4f4f4f; text-align:left; font-size:12px;} .bbs_view_type2 tr.last th, .bbs_view_type2 tr.last td { border:none;} #culturename {font-size: 15px;color: #003366;padding-bottom: 5px;} .kc_list > li > dl > dt {font-size: 14px !important;} .kc_list > li > dl > dt:before {content: ''; display: inline-block; width: 4px; height: 4px; background: #173858; vertical-align: 3px; border-radius: 3px;} /* body {overflow-y:scroll;} */ .btns { padding:9px 0 0 0; height:49px;} .right { text-align:right;} .center { text-align:center;} .btn_type1 {padding: 0 20px;min-width:60px;color:#fff;background: #7E7364;height:30px;line-height:30px;border:0 none;font-size: 14px;} /* 202302 명도대비 */ .btn_type2 { padding:0 10px; color:#fff; background:#00768d; height:22px; line-height:22px; border:none; font-size:12px;} /* .tabNav { position:relative; padding: 60px 0 0 0; border-top: 2px solid #4e81c0;} */ .tabNav h2 { position:absolute; top:0px;} .tabNav h2 > a { display:block; height: 40px; line-height: 40px; text-align:center; border-bottom:1px solid #d6d6d6; font-size: 14px;} /*2013.02.20 Span Add*/ .tabNav h2 > span { display:block; height: 40px; line-height:29px; text-align:center; border-bottom:1px solid #d6d6d6; font-size:12px;} .tabNav h2 > a:hover, .tabNav h2 > a:focus, .tabNav > li { } .tabNav li.current h2 > a { background: #4e81c0; border-bottom: 1px solid #4e81c0; color:#fff; text-decoration:none; font-size: 14px;} .tabs2 {padding-top:60px; margin-top:10px; } .tabs2 h2 { width:50%; height:29px;} .tabs2 h2 a { margin:0 0 0 -1px; border:1px solid #d6d6d6; border-top:none;} .tabs2 li.tab1 h2 { left:0;} .tabs2 li.tab2 h2 { left:50%;} .tabs2 h2 > a:focus { margin:0 0 0 0; border:1px solid #d6d6d6; border-top:none;} .tabs3_6 { padding-top:88px;} .tabs3_6 h2 > a { margin:0 0 0 -1px; border:1px solid #d6d6d6;} /*2013.02.20 Span Add*/ .tabs3_6 h2 > span { margin:0 0 0 -1px; border:1px solid #d6d6d6;} .tabs3_6 > li { position:static;} .tabs3_6 li.tab4 h2 > a, .tabs3_6 li.tab5 h2 > a, .tabs3_6 li.tab6 h2 > a { margin-top:1px;} /*.tabs3_6 li.tab6 h2 > a { *margin-left:0;}*/ /*2013.02.20 Span Add*/ .tabs3_6 li.tab5 h2 > span { margin-top:1px;} /*.tabs3_6 li.tab5 h2 > span { *margin-left:0;}*/ .tabs3_6 li.tab6 h2 > span { margin-top:1px;} /*.tabs3_6 li.tab6 h2 > span { *margin-left:0;}*/ .tabs3_6 li.current h2 > a {} /*.tabs3_6 li.tab3 .tabNav_con { *margin-top:-28px;} .tabs3_6 li.tab4 .tabNav_con { *margin-top:-42px;} .tabs3_6 li.tab5 .tabNav_con { *margin-top:-56px;} .tabs3_6 li.tab6 .tabNav_con { *margin-top:-70px;}*/ .tabs3 h2 { width:33%; height:40px;} .tabs3 h2 a { margin:0 0 0 -1px; border:1px solid #d6d6d6; border-top:none;} /*2013.02.20 Span Add*/ .tabs3 h2 span { margin:0 0 0 -1px; border:1px solid #d6d6d6; border-top:none;} .tabs3 li:first-child h2 a {margin-left:0} .tabs3_6 li:first-child h2 a {margin-left:0} .tabs3_6 li:nth-child(4) h2 a {margin-left:0} .tabs3 li.current h2 a{border-left-color: #4e81c0;border-right-color: #4e81c0;} .tabs3 li.tab1 h2 { left:0;} .tabs3 li.tab2 h2 { left:33%; width:34%;} .tabs3 li.tab3 h2 { left:67%;} /*.tabs3 li.tab3 h2 a { *margin-left:0px;}*/ .tabs3 li.tab1 .tabNav_con { margin-top:15px;} .tabs3 li.tab2 .tabNav_con { margin-top:15px;} .tabs3 li.tab3 .tabNav_con { margin-top:15px;} .tabs3 li.tab4 h2 { top: 40px; left:0%;} .tabs3 li.tab5 h2 { top: 40px; left:33%; width:34%;} .tabs3 li.tab6 h2 { top: 40px; left:67%;} .tabs3 li.tab4 .tabNav_con { margin-top:32px;} .tabs3 li.tab5 .tabNav_con { margin-top:32px;} .tabs3 li.tab6 .tabNav_con { margin-top:32px;} /*2014.02.12 Add*/ .tabs3 li.tab7 h2 { top:58px; left:0%;} .tabs3 li.tab8 h2 { top:58px; left:33%; width:34%;} .tabs3 li.tab9 h2 { top:58px; left:67%;} .tabs3 li.tab7 .tabNav_con { margin-top:32px;} .tabs3 li.tab8 .tabNav_con { margin-top:32px;} .tabs3 li.tab9 .tabNav_con { margin-top:32px;} /*2013.07.01 .tabs4 Add*/ .tabs4 { padding-top:60px; margin-top:10px; } .tabs4 h2 { width:25%; height:29px;} .tabs4 h2 a { margin:0 0 0 -1px; border:1px solid #d6d6d6; border-top:none;} /*2013.06.28 Span Add*/ .tabs4 h2 span { margin:0 0 0 -1px; border:1px solid #d6d6d6; border-top:none;} .tabs4 li:first-child h2 a {margin-left:0} .tabs4 li.current h2 a{border-left-color: #4e81c0;border-right-color: #4e81c0;} .tabs4 li.tab1 h2 { left:0;} .tabs4 li.tab1 h2 a { letter-spacing:-1px;} .tabs4 li.tab2 h2 { left:25%;} /*.tabs4 li.tab3 h2 a { *margin-left:0;}*/ .tabs4 li.tab3 h2 { left:50%;} .tabs4 li.tab4 h2 { left:75%;} .tabs4 li.tab5 h2 { top:29px; left:0; width:25%;} .tabs4 li.tab6 h2 { top:29px; left:25%;} .tabs4 li.tab7 h2 { top:29px; left:50%;} /*.tabs4 li.tab7 h2 a { margin-left:0}*/ .tabs4 li.tab8 h2 { top:29px; left:75%;} /*.tabs4 li.tab2 .tabNav_con { *margin-top:0px;} .tabs4 li.tab3 .tabNav_con { *margin-top:-25px;} .tabs4 li.tab4 .tabNav_con { *margin-top:-39px;}*/ .tabs8 { padding-top:73px;} .tabs8 > li { position:static;} /*.tabs8 li.tab5 .tabNav_con { *margin-top:-56px;} .tabs8 li.tab6 .tabNav_con { *margin-top:-70px;} .tabs8 li.tab7 .tabNav_con { *margin-top:-84px;}*/ .tabNav2 { position:relative; padding:52px 0 0 0; background:url(/images/common/bg/bg_tab.gif) repeat-x top;} .tabNav2 h3 { position:absolute; top:0px; width:125px;} .tabNav2 h3 > a { display:block; height:33px; line-height:33px; text-align:center; font-size:12px;} .tabNav2 li.dep2_tab1 h3 { left:0;} .tabNav2 li.dep2_tab2 h3 { left:125px;} .tabNav2 li.dep2_tab3 h3 { left:250px;} .tabNav2 li.dep2_tab4 h3 { left:375px;} .tabNav2 li.on h3 > a { height:32px; border:1px solid #babbc3; border-bottom:1px solid #fff; background:#fff; font-size:12px;} table.type1 th,table.type1 td { padding:5px; border:1px solid #ccc; word-break: break-word;} table.type1 th { background:#f2f2f2;} input#searchText{width: 240px;padding: 5px 10px 5px;border:1px solid #656565;font-size: 14px;} /* 20200908 수정 */ .listType1 {border-top:2px solid #a5a5a5; margin: 0 auto; font-size:14px; font-family:"Malgun Gothic";} /* 20200928 수정 */ .listType1 th,.listType1 td { padding: 14px 0; border-bottom:1px solid #ccc; text-align:center;} .listType1 th,.listType1 td:last-of-type { padding: 14px 0; border-bottom:1px solid #ccc; text-align:center;} /* 20200908 수정 */ .listType1.listType1 td:last-of-type li { padding: 4px 0;} .listType1 th { background:#f2f2f2; text-align:center;} .listType1 td.case_title{text-align:left;} .listType1 td.case_title a{color: #333; margin:0 2px 0 3px;} .listType1 td.rgt {text-align:right;padding-right:10px;} .listType1 td.center {text-align:center;} .listType7 {border-top:2px solid #a5a5a5;width: 100%;margin: 0 auto; font-size:14px} .listType7 th,.listType7 td {padding: 14px 10px; box-sizing: border-box; border-bottom:1px solid #ccc;text-align: left;/*border-left: 1px solid #ccc; 수정 220824*/} .listType7 th,.listType7 td:last-of-type { padding: 14px 10px; box-sizing: border-box; /*border-right:1px solid #ccc; 수정 220824*/ } .listType7.listType1 td:last-of-type li { padding: 4px 0;} .listType7 th { background:#f2f2f2; text-align:center;} .listType7 td.case_title{text-align:left; padding-left:10px} .listType7 td.case_title a{color: #333; margin:0 2px 0 3px;} .listType7 td.case_title p{margin: 0 } .listType7 td.rgt {/* text-align:right; *//* padding-right:10px; */} .listType7 td.center {text-align:center;} /* 20220915 추가 */ .listType8 {border-top:2px solid #a5a5a5;width: 100%;margin: 0 auto; font-size:14px;} .listType8 th,.listType8 td {padding: 8px;border-bottom:1px solid #ccc;text-align: left;border-left: 1px solid #ccc;} .listType8 th,.listType8 td:last-of-type { padding: 14px 0 14px 10px;border-right:1px solid #ccc;} .listType8.listType1 td:last-of-type li { padding: 4px 0;} .listType8 th { background:#f2f2f2; text-align:center;} .listType8 td.case_title{text-align:left; padding-left:10px} .listType8 td.case_title a{color: #333; margin:0 2px 0 3px;} .listType8 td.case_title p{margin: 0 } .listType8 td.center {text-align:center;} .wa_table{overflow-x: auto !important; margin-bottom: 50px;} /* 2023 웹 접근성 인증서 수정 start */ .wa_list{display: block; overflow: hidden;} .wa_list li{display: block; overflow: hidden; position: relative; line-height: 26px; margin-bottom: 5px; padding-left: 10px; /* word-break:keep-all; */} .wa_list li::before{content: '-'; position: absolute; left: 0; top: 0px;} /* 2023 웹 접근성 인증서 수정 end */ .listArea > div{color: #a1875e;font-size: 22px;line-height: 27px;text-align: center;margin-bottom: 15px;height: 35px;font-family: 'Noto Sans KR M';} .listArea > .listType7 th {background:#fff; border-top: 2px solid #525252; border-bottom: 1px solid #b7b7b7;} .listArea > .listType7 th, .listType7 td:last-of-type{border-right:0px; text-align: left;} .listArea > .listType7 th, .listType7 td{border-left:0px; text-align:center;border-bottom: 1px solid #b7b7b7;font-size: 16px; text-align: left;} .listArea > .listType7 td.case_title{text-align:center;} .listArea > .tcase4 > thead > tr > th{text-align: center;} /* 문화원·문화홍보관 안내 > 지도/위치 테이블 타이틀 정렬 수정 */ .fileList{} .fileList ul{} .fileList ul li{margin-top:8px;} .fileList ul li:first-child{margin-top:0px;} .fileList ul li span{width:55px;display: inline-block;} .fileList ul li a:before {display:inline-block; margin:0 8px 0 0; width:18px; height:24px; vertical-align:middle;} .fileList ul li a.fileIcon{margin-top:0px;line-height:20px; padding-top:1px;} .fileList ul li a.fileIcon:before {content:""; display:inline-block; margin:0 8px 0 0; width:18px; height:24px; vertical-align:middle; background:url(/images/icon/icon_file.png) 0 0 no-repeat;} #eventbanner {left: 50%; margin-left: 475px; position: absolute; top: 138px; width: 190px;} #eventbanner li {margin-top:5px; list-style: none;} .poll { border:3px solid #eeeeee;padding: 4px; margin-top:40px; margin-bottom:30px;} .poll div.question {background:url(../images/icon/ico_question.gif) no-repeat;font-size: 14px;padding: 0 0 0 22px;margin: 10px;color:#333;} .poll div.select { background:#f7f8f9; padding:10px; color:#333;} .poll div.select li {display:inline;height:30px;margin:5px;} .poll div.select li input {margin:0 6px 3px 6px; appearance: auto; -moz-appearance: auto; -webkit-appearance: auto;} /* 20221017 수정_만족도 라디오 버튼 */ .poll div.select li label {font-size:12px} .poll div.select li.right { float:right; margin:-5px 0 0 0; height:25px; } .poll div.select2 { background:#f7f8f9; padding:5px 10px; color:#333;} .poll div.select2 li { display:inline; height: 30px; margin:5px; } .poll div.select2 li.right { float:right; margin:0 0 0 0;} .poll div.select2 textarea {width:584px; height: 28px;} .sharing {height: 50px; border: 1px solid #d3d3d3;z-index: 20; position:relative;margin-bottom:40px;} .sharing ul {float: right;height:50px;} .sharing li{float: left;} .sharing li:nth-child(1){position: relative;} .sharing li:before{content:""; position:absolute; top:10px; width:1px; height:28px; background-color:#dfdfdf;} .sharing button{width: 60px; height: 50px; -webkit-transition: all 0.3s; transition: all 0.3s;} .sharing button.btnShare{background:url(../images/btn_share.png) center center no-repeat;} .sharing button.btnShare:hover{background:url(../images/btn_share_over.png) center center no-repeat;} .sharing button.btnLink{background:url(../images/btn_link.png) center center no-repeat;} .sharing button.btnLink:hover{background:url(../images/btn_link_over.png) center center no-repeat;} .sharing button.btnPrint{background:url(../images/btn_print.png) center center no-repeat;} .sharing button.btnPrint:hover{background:url(../images/btn_print_over.png) center center no-repeat;} .snsLinkBox{position: absolute; width: 150px; left: -150px; -webkit-transition: all 0.3s; transition: all 0.3s; } .snsLinkBox a{display: inline-block; width: 32px; height: 50px; margin-left: 10px;} .snsLinkBox a.btnKas{background:url(../images/btn_kas.png) center center no-repeat;} .snsLinkBox a.btnTwitter{background:url(../images/btn_twitter.png) center center no-repeat;} .snsLinkBox a.btnFacebook{background:url(../images/btn_facebook.png) center center no-repeat;} .Print_Top {background:#bbbbbb url(../images/sub/print_bar.gif) no-repeat; height: 6px} .Print_TopBG {background:#e6e6e6; height: 6px} .h1_content_viewTitle {font-size: 23px; border-bottom:1px solid #e6e6e6; color:#333; padding:20px 0;} .content_view {font-size: 14px;color:#333;} .tabNav_con div > div > a{font-size:13px;} /* 20200928 추가 */ .tabNav_con h5{color:#795724 !important; font-family:"Noto Sans KR L"; font-weight:600;} /* 20200928 추가 */ .tabNav_con font{color:#795724 !important;} .tabNav_con h5:before{display: inline-block;margin-right: 7px;content: '-';} .se-div > p > a{display: block; font-size: 15px !important; margin-bottom: 15px; color: #2A87BC !important;} .copyright .conBox01 {border:1px solid #ccc; background:#eee; padding:15px;margin-top:50px } .copyright p {margin-top:20px } .copyright p .gonggong{ padding-right:160px} .copyright p .gonggong img{ float:right; width:147px; height:54px; } .listType2 th {background: #f2f2f2; text-align: center;} .listType2 th { padding: 7px 0; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; text-align: center;} .listType2 td { padding: 7px 0 7px 10px;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;text-align: left;} ul.basic_ul {padding: 10px 0 10px 0;} ul.basic_ul li.bl {padding: 0 0 4px 10px;line-height: 18px;font-weight: bold;} ul.basic_ul li.deep {background-image: none;padding: 0 0 4px 13px;line-height: 18px;} .mt30 {margin-top:30px;} .infoTitle {border-top:1px solid #af9a7a;font-size:15px;background:#eee;padding:10px 0;text-align:center;color:#795724;} .linebox p.text01 {padding:10px;font-size:12px;border-left:1px solid #eee;border-right:1px solid #eee;} .listType2 {border-top:1px solid #b6b6b6;} .listType2 th {border:1px solid #eee;background:#f8f8f8;font-size:14px;} .listType2 td {padding:7px 0 7px 10px;border:1px solid #eee;font-size:14px;text-align:left;} /* add css */ .tabNav.row2 {overflow:hidden;padding:0;} .tabNav.row2 > li {float:left;width:20%;} .tabNav.row2 > li > a {display:block;height: 34px;font-size: 14px;font-weight:bold;line-height: 33px;text-align:center;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;background-color:#fff;letter-spacing: -1px;} .tabNav.row2 > li.tab1 a, .tabNav.row2 > li.tab6 a {border-left:1px solid #d6d6d6;} .tabNav.row2 > li.tab1, .tabNav.row2 > li.tab6 {width:18%;} .tabNav.row2 > li.tab2, .tabNav.row2 > li.tab3, .tabNav.row2 > li.tab7, .tabNav.row2 > li.tab8 {width:25%;} .tabNav.row2 > li.tab4, .tabNav.row2 > li.tab5, .tabNav.row2 > li.tab9, .tabNav.row2 > li.tab10 {width:16%;} .tabNav.row2 > li.current > a {color:#fff;text-decoration:none;border-color: #4e81c0;background-color: #4e81c0;} /* culture */ .kc_list > li {margin-top:14px;} .kc_list > li:first-child {margin-top:0;} .kc_list > li > dl {position:relative;} .kc_list > li > dl > dt {padding-bottom:5px;} .kc_list > li > dl > dt a {font-family:'NanumGothicBold';font-size:14px;color:#333;} .kc_list > li > dl > dt a:hover {color:#000;} .kc_list > li > dl > dd {color:#333;margin-top:5px;} .kc_list > li > dl > dd.link a {padding-left:20px;background:url(/images/culture/ico_homepage.gif) no-repeat 0 1px;} .kc_list > li > dl > dd.link a:hover {color:#000;background:url(/images/culture/ico_homepage_on.gif) no-repeat 0 1px;} .kc_list > li > dl > dd.share {position:absolute;right:0;top:-5px;margin:0;} .kc_list > li > dl > dd.share ul {overflow:hidden;} .kc_list > li > dl > dd.share ul li {float:left;margin-left:7px;} .kc_list > li > dl > dd.share ul li:first-child {margin-left:0;} .kc_list > li > dl > dd.share ul li img {width:28px} .kc_view_type1 { position:relative; margin: 0 auto;} /* 20200902 수정 */ .kc_view_type1 .label {position:absolute;left:0;top: 18px;display:inline-block;height: 26px;padding:0 12px;font-size:15px;color:#fff;line-height:24px;background-color: #A48C6A;} /* 202302 명도대비 */ .kc_view_type1 dt {padding:22px 85px 0 0;margin-bottom: 0;line-height: 26px;min-height: 34px;font-size: 22px;color:#333;font-weight:bold;letter-spacing: -1px;} .kc_view_type1 dt {padding: 50px 0 15px 0;} .kc_view_type1 dd.date { /* top: 85px; 삭제*/ padding-bottom: 50px; margin-bottom: 50px; width: 300px; position: absolute; color: #666; font-size: 16px;} .kc_view_type1 dd.detail { padding:0 9px; border:1px solid #dedede; height:36px; line-height:34px;} .kc_view_type1 dd.detail p.txt { float:left;} .kc_view_type1 dd.detail div.sns { float:right; font-size:0} .kc_view_type1 dd.con { padding: 30px 0px 40px 0px; /*상단 20 ->30바꿈*/ border-bottom: 1px solid #c1bebe; font-size: 15px; color: #333; line-height: 180%;} .kc_view_type1 dd.con2 { padding:10px 5px;font-size:15px;} .kc_view_type1 dd.con3 { padding:10px 5px; border-bottom:1px solid #e3dfdf; font-size:15px; color: #930; text-align:center; line-height:180%;} .kc_view_type1 dd.con4 { padding:0 5px; border-bottom:1px solid #e3dfdf;} .kc_view_type1 dd.con5 {margin-top:30px;} .tbl_util {height:33px;padding-top: 30px;width: 900px;margin: 0 auto;} .tbl_util:after {content:"";display:block;clear:both;} .tbl_util .select {float:left;} .tbl_util .page {float:right;height:auto;padding-top:14px;} #snb .kc_accordion {position: relative;width: 940px;margin: 0 auto;text-align: center;} #snb .kc_accordion ul li a {height:auto;border:0;font-size:13px;line-height:1.25em;} #snb .kc_accordion ul li a:hover {color:#000;font-weight:normal;} #snb .kc_accordion ul li a:focus {color:#666;font-weight:normal;} #snb .kc_accordion > ul {padding: 26px 15px 0;} #snb .kc_accordion > ul > li {} #snb .kc_accordion > ul > li > a { display:block; color:#666; font-size:16px; height:36px} #snb .kc_accordion > ul > li > a.all {background:none;} #snb .kc_accordion > ul > li > ul {display:none;padding: 10px 0;position: absolute;left: 0;height: 100px;} #snb .kc_accordion > ul > li > ul > li { display: inline} #snb .kc_accordion > ul > li > ul > li > a{padding:7px 2px;width: 112px;text-align: center;} #snb .kc_accordion > ul > li.active > a {font-weight:bold; color:#053863; text-decoration:none; background:url('/images/bull_2depth.png') center bottom no-repeat;} #snb .kc_accordion > ul > li.active > a.all {background:none;} #snb .kc_accordion > ul > li > ul > li.active a {font-weight:600; color:#053863;} #container.merge {background:none;} #container.merge #contents {float:none;width:100%;} .kc_maps {padding-top: 20px;} .kc_maps .tabs {overflow:hidden;border-top: 2px solid #4e81c0;width: 940px;margin: 0 auto;} .kc_maps .tabs li {float:left;} .kc_maps .tabs li a {display:block;height: 39px;font-family:"NanumGothicBold";font-size:12px;color:#666;line-height: 40px;text-align:center; border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;} .kc_maps .tabs li:first-child a {border-left:1px solid #d6d6d6;} .kc_maps .tabs li.active a {color:#fff;text-decoration:none;border-color: #4e81c0;background-color: #4e81c0; font-weight:bold} .kc_maps .tabs.t4 li {width:25%;height: 40px;} .kc_maps .tab_conts {position:relative;width: 938px;height:515px;border:1px solid #d6d6d6;border-top:0;background:url(/images/culture/maps_bg.gif) no-repeat 0 0;margin: 0 auto;} .kc_maps .tab_conts .country dd {position:absolute;z-index:1;background-repeat:no-repeat;background-position:0 0;} .kc_maps .tab_conts .country dd a {position:absolute;text-indent:-9999em;} /* 20160803 KR MAP*/ .kc_maps .tab_conts .country .c1 {left:38px;top:95px;width:92px;height:50px;background-image:url(/images/culture/maps_uk.png);} .kc_maps .tab_conts .country .c1 a {left:0;top:0;width:58px;height:24px;} .kc_maps .tab_conts .country .c2 {left:38px;top:141px;width:96px;height:24px;background-image:url(/images/culture/maps_france.png);} .kc_maps .tab_conts .country .c2 a {left:0;top:0;width:65px;height:24px;} .kc_maps .tab_conts .country .c3 {left:47px;top:169px;width:68px;height:46px;background-image:url(/images/culture/maps_spain.png);} .kc_maps .tab_conts .country .c3 a {left:0;bottom:0;width:65px;height:24px;} .kc_maps .tab_conts .country .c4 {left:145px;top:49px;width:65px;height:56px;background-image:url(/images/culture/maps_sweden.png);} .kc_maps .tab_conts .country .c4 a {left:0;top:0;width:65px;height:24px;} .kc_maps .tab_conts .country .c5 {left:101px;top:78px;width:65px;height:75px;background-image:url(/images/culture/maps_belgium.png);z-index:2;} .kc_maps .tab_conts .country .c5 a {left:0;top:0;width:65px;height:24px;} .kc_maps .tab_conts .country .c6 {left:136px;top:109px;width:73px;height:62px;background-image:url(/images/culture/maps_italy.png);z-index:2;} .kc_maps .tab_conts .country .c6 a {left:0;top:0;width:73px;height:24px;} .kc_maps .tab_conts .country .c7 {left:136px;top:138px;width:58px;height:63px;background-image:url(/images/culture/maps_germany.png);z-index:2;} .kc_maps .tab_conts .country .c7 a {left:0;bottom:0;width:58px;height:24px;} .kc_maps .tab_conts .country .c8 {left:148px;top:154px;width:65px;height:74px;background-image:url(/images/culture/maps_hungary.png);} .kc_maps .tab_conts .country .c8 a {left:0;bottom:0;width:65px;height:24px;} .kc_maps .tab_conts .country .c9 {left:178px;top:75px;width:92px;height:78px;background-image:url(/images/culture/maps_poland.png);} .kc_maps .tab_conts .country .c9 a {right:0;top:0;width:65px;height:24px;} .kc_maps .tab_conts .country .c10 {left:216px;top:123px;width:84px;height:24px;background-image:url(/images/culture/maps_russia.png);} .kc_maps .tab_conts .country .c10 a {right:0;top:0;width:65px;height:24px;} .kc_maps .tab_conts .country .c11 {left:211px;top:164px;width:79px;height:24px;background-image:url(/images/culture/maps_turkey.png);z-index:2;} .kc_maps .tab_conts .country .c11 a {right:0;top:0;width:58px;height:24px;} .kc_maps .tab_conts .country .c12 {left:217px;top:198px;width:64px;height:43px;background-image:url(/images/culture/maps_egypt.png);} .kc_maps .tab_conts .country .c12 a {left:0;bottom:0;width:64px;height:24px;} .kc_maps .tab_conts .country .c13 {left:269px;top:182px;width:96px;height:24px;background-image:url(/images/culture/maps_iran.png);} .kc_maps .tab_conts .country .c13 a {right:0;bottom:0;width:57px;height:24px;} .kc_maps .tab_conts .country .c14 {left:274px;top:216px;width:92px;height:52px;background-image:url(/images/culture/maps_uae.png);} .kc_maps .tab_conts .country .c14 a {left:0;bottom:0;width:92px;height:24px;} .kc_maps .tab_conts .country .c15 {left:147px;top:265px;width:102px;height:24px;background-image:url(/images/culture/maps_nigeria.png);} .kc_maps .tab_conts .country .c15 a {right:0;top:0;width:82px;height:24px;} .kc_maps .tab_conts .country .c16 {left:165px;top:376px;width:111px;height:47px;background-image:url(/images/culture/maps_southafrica.png);} .kc_maps .tab_conts .country .c16 a {left:0;bottom:0;width:111px;height:24px;} .kc_maps .tab_conts .country .c17 {left:308px;top:133px;width:102px;height:24px;background-image:url(/images/culture/maps_kazakhstan.png);} .kc_maps .tab_conts .country .c17 a {right:0;top:0;width:84px;height:24px;} .kc_maps .tab_conts .country .c18 {left:361px;top:215px;width:67px;height:42px;background-image:url(/images/culture/maps_india.png);} .kc_maps .tab_conts .country .c18 a {right:0;bottom:0;width:58px;height:24px;} .kc_maps .tab_conts .country .c19 {left:423px;top:140px;width:58px;height:43px;background-image:url(/images/culture/maps_china.png);} .kc_maps .tab_conts .country .c19 a {left:0;top:0;width:58px;height:24px;} .kc_maps .tab_conts .country .c20 {left:372px;top:188px;width:81px;height:50px;background-image:url(/images/culture/maps_vietnam.png);} .kc_maps .tab_conts .country .c20 a {left:0;top:0;width:65px;height:24px;} .kc_maps .tab_conts .country .c21 {left:455px;top:195px;width:77px;height:39px;background-image:url(/images/culture/maps_hongkong.png);} .kc_maps .tab_conts .country .c21 a {right:0;top:0;width:58px;height:24px;} .kc_maps .tab_conts .country .c22 {left:430px;top:246px;width:74px;height:41px;background-image:url(/images/culture/maps_thailand.png);} .kc_maps .tab_conts .country .c22 a {right:0;bottom:0;width:52px;height:24px;} .kc_maps .tab_conts .country .c23 {left:340px;top:279px;width:106px;height:24px;background-image:url(/images/culture/maps_singapore.png);} .kc_maps .tab_conts .country .c23 a {left:0;bottom:0;width:77px;height:24px;} .kc_maps .tab_conts .country .c24 {left:423px;top:306px;width:84px;height:43px;background-image:url(/images/culture/maps_indonesia.png);} .kc_maps .tab_conts .country .c24 a {left:0;bottom:0;width:84px;height:24px;} .kc_maps .tab_conts .country .c25 {left:526px;top:151px;width:75px;height:41px;background-image:url(/images/culture/maps_japan.png);} .kc_maps .tab_conts .country .c25 a {right:0;top:0;width:58px;height:24px;} .kc_maps .tab_conts .country .c26 {left:491px;top:232px;width:91px;height:24px;background-image:url(/images/culture/maps_philippines.png);} .kc_maps .tab_conts .country .c26 a {right:0;top:0;width:65px;height:24px;} .kc_maps .tab_conts .country .c27 {left:517px;top:345px;width:58px;height:45px;background-image:url(/images/culture/maps_australia.png);} .kc_maps .tab_conts .country .c27 a {left:0;top:0;width:58px;height:24px;} .kc_maps .tab_conts .country .c28 {left:725px;top:115px;width:97px;height:24px;background-image:url(/images/culture/maps_canada.png);} .kc_maps .tab_conts .country .c28 a {right:0;top:0;width:72px;height:24px;} .kc_maps .tab_conts .country .c29 {left:701px;top:145px;width:58px;height:44px;background-image:url(/images/culture/maps_usa.png);} .kc_maps .tab_conts .country .c29 a {left:0;top:0;width:58px;height:24px;} .kc_maps .tab_conts .country .c30 {left:686px;top:225px;width:90px;height:24px;background-image:url(/images/culture/maps_mexico.png);} .kc_maps .tab_conts .country .c30 a {right:0;top:0;width:70px;height:24px;} .kc_maps .tab_conts .country .c31 {left:813px;top:331px;width:63px;height:43px;background-image:url(/images/culture/maps_brazil.png);} .kc_maps .tab_conts .country .c31 a {left:0;top:0;width:63px;height:24px;} .kc_maps .tab_conts .country .c32 {left:736px;top:378px;width:104px;height:24px;background-image:url(/images/culture/maps_argentina.png);} .kc_maps .tab_conts .country .c32 a {left:0;top:0;width:82px;height:24px;} .kc_maps .tab_conts .country .c1.active {background-image:url(/images/culture/maps_uk_on.png);} .kc_maps .tab_conts .country .c2.active {background-image:url(/images/culture/maps_france_on.png);} .kc_maps .tab_conts .country .c3.active {background-image:url(/images/culture/maps_spain_on.png);} .kc_maps .tab_conts .country .c4.active {background-image:url(/images/culture/maps_sweden_on.png);} .kc_maps .tab_conts .country .c5.active {background-image:url(/images/culture/maps_belgium_on.png);} .kc_maps .tab_conts .country .c6.active {background-image:url(/images/culture/maps_italy_on.png);} .kc_maps .tab_conts .country .c7.active {background-image:url(/images/culture/maps_germany_on.png);} .kc_maps .tab_conts .country .c8.active {background-image:url(/images/culture/maps_hungary_on.png);} .kc_maps .tab_conts .country .c9.active {background-image:url(/images/culture/maps_poland_on.png);} .kc_maps .tab_conts .country .c10.active {background-image:url(/images/culture/maps_russia_on.png);} .kc_maps .tab_conts .country .c11.active {background-image:url(/images/culture/maps_turkey_on.png);} .kc_maps .tab_conts .country .c12.active {background-image:url(/images/culture/maps_egypt_on.png);} .kc_maps .tab_conts .country .c13.active {background-image:url(/images/culture/maps_iran_on.png);} .kc_maps .tab_conts .country .c14.active {background-image:url(/images/culture/maps_uae_on.png);} .kc_maps .tab_conts .country .c15.active {background-image:url(/images/culture/maps_nigeria_on.png);} .kc_maps .tab_conts .country .c16.active {background-image:url(/images/culture/maps_southafrica_on.png);} .kc_maps .tab_conts .country .c17.active {background-image:url(/images/culture/maps_kazakhstan_on.png);} .kc_maps .tab_conts .country .c18.active {background-image:url(/images/culture/maps_india_on.png);} .kc_maps .tab_conts .country .c19.active {background-image:url(/images/culture/maps_china_on.png);} .kc_maps .tab_conts .country .c20.active {background-image:url(/images/culture/maps_vietnam_on.png);} .kc_maps .tab_conts .country .c21.active {background-image:url(/images/culture/maps_hongkong_on.png);} .kc_maps .tab_conts .country .c22.active {background-image:url(/images/culture/maps_thailand_on.png);} .kc_maps .tab_conts .country .c23.active {background-image:url(/images/culture/maps_singapore_on.png);} .kc_maps .tab_conts .country .c24.active {background-image:url(/images/culture/maps_indonesia_on.png);} .kc_maps .tab_conts .country .c25.active {background-image:url(/images/culture/maps_japan_on.png);} .kc_maps .tab_conts .country .c26.active {background-image:url(/images/culture/maps_philippines_on.png);} .kc_maps .tab_conts .country .c27.active {background-image:url(/images/culture/maps_australia_on.png);} .kc_maps .tab_conts .country .c28.active {background-image:url(/images/culture/maps_canada_on.png);} .kc_maps .tab_conts .country .c29.active {background-image:url(/images/culture/maps_usa_on.png);} .kc_maps .tab_conts .country .c30.active {background-image:url(/images/culture/maps_mexico_on.png);} .kc_maps .tab_conts .country .c31.active {background-image:url(/images/culture/maps_brazil_on.png);} .kc_maps .tab_conts .country .c32.active {background-image:url(/images/culture/maps_argentina_on.png);} /* 채용공고 테이블 추가 190225 */ .recruit_1 {border-top: 2px #333 solid;width: 900px;margin: 0 auto;font-size:14px;} .recruit_1 tr.first {background:#ccffff;text-align:center;font-weight: 600;} .recruit_1 td {padding: 14px 0;border: 1px solid #333;text-align:center;} .recruit_2 {margin: 0 auto;font-size:14px;} .recruit_2 tr.first {background:#ccffff;text-align:center;font-weight: 600;} .recruit_2 td {padding: 14px 0;border: 1px solid #333;text-align:center;} .recruit_2 td p {margin:0 2rem; text-align:left; line-height:2.5rem} /* 뉴스레터 신청 추가 190415 */ .newslette_info {position:relative; width:100%; height:174px; background:#ebf2fa; display:table; margin-bottom:10px;} .newslette_info div {font-size:15px; display:table-cell; vertical-align:middle; padding-left:189px; line-height:24px;} .newslette_info div h2 {font-size:22px; color:#0667c5; font-weight:bold; margin-bottom:20px;} .newslette_btn {text-align:right;margin-bottom:25px;} .newslette_btn .custom_select {width:177px;} .newslette_btn .custom_select.medium .custom_select_in .cs_currSel {height:37px; line-height:37px; padding:0 23px 0 10px;} .newslette_btn .custom_select.medium .custom_select_in .cs_currSel {overflow:hidden; text-align:left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;} .tbox {position:relative; margin-bottom: 20px;} .tbox:after {content: ''; display: block; clear: both;} .tbox h2 {float:left; font-size:20px; letter-spacing:-0.05em; color:#00224f;} .tbox h2 strong{ font-weight:bold;} .newslette_signin {border:1px solid #d5d9dc; padding:30px; margin-bottom:35px; font-size:14px;} .newslette_signin .txt {position:relative;padding: 0 0 20px 0;margin-bottom:25px;border-bottom:1px solid #d5d9dc;} .newslette_signin .txt p {margin-bottom: 20px;font-size: 14px;} .newslette_signin .txt input {top:-1px; margin: 0 5px 3px 0; appearance: auto; -moz-appearance: auto; -webkit-appearance: auto;} /* 20221228 라디오버튼 수정 */ .newslette_signin .txt label {font-weight:bold;} .newslette_signin .txt a {color:#2971d4; font-weight:bold; margin-left:5px;} .newslette_signin .txt dl {margin: 10px 0; text-align: center;} .newslette_signin .txt dl:after {content: ''; display: block; clear: both;} .newslette_signin .txt dl dt {display: inline-block; width: 100%; margin: 5px 0;} .newslette_signin .txt dl dd {display: inline-block; width: 100%;} .newslette_signin .txt dl dd span {margin:0 5px; display: inline-block;} /* 20221228 라디오버튼 수정 */ .newslette_signin .signin {position:relative;width: 430px;margin:0 auto;} .newslette_signin .signin:after {content: ''; display: block; clear: both;} .newslette_signin .signin dl {float:left;width: 320px;margin-right:5px;} .newslette_signin .signin dl:after {content: ''; display: block; clear: both;} .newslette_signin .signin dl dt {float:left;width: 70px;margin-bottom: 5px;font-weight:bold;} .newslette_signin .signin dl dt em {font-size:14px;color:#ce3912;} .newslette_signin .signin dl dd {float:left;width: 230px;margin-bottom:5px;} .newslette_signin .signin dl dd input {width: 99%;} .newslette_signin .signin dl dd .tel{width: 64px;font-size:15px;text-align:center;} .newslette_signin .signin a {float:left;width:100px;height: 55px;line-height: 55px;font-size:15px;color:#fff;text-align:center;} .newslette_signin .signin a:hover {text-decoration:none} .newslette_signin .signin a.apply {float:left;width:100px;height: 86px;line-height: 86px;font-size:15px;color:#fff;text-align:center;background:#053863;} .newslette_signin .signin a.cancel {background:#767676;} .newslette_exp {border:1px solid #dddddd; padding:25px 30px; margin-bottom:25px;} .newslette_exp li {border-top:1px dashed #dddddd; padding:15px 0; font-size:14px;} .newslette_exp li:first-child {border-top:none;} .newslette_exp li dt {font-size:15px; color:#000; font-weight:bold; margin-bottom:5px;} .newslette_exp li dt i {color:#e90606} .newslette_exp li dd {} .newslette_signin .newslette_signin_cont {height: 250px;border:1px solid #eaeaea;background:#fbfbfb;padding:22px 20px;margin-top:10px;overflow:auto;line-height: 180%;} .newslette_signin .newslette_signin_cont h3 {font-size:16px; margin-bottom:20px} .newslette_signin .newslette_signin_cont > ul > li{font-weight:bold;color:#333;margin: 15px 0;} .newslette_signin .newslette_signin_cont ol.list-ol > li{padding-left:38px;text-indent: -20px;line-height:22px;} .newslette_signin .newslette_signin_cont ol.list-ol > li span{margin-right:5px;vertical-align:2px;} .newslette_signin .newslette_signin_cont > ul > li > ul > li, .consent > ul > li > ol > li{font-weight: normal;padding-left: 18px;margin: 10px 0;} .newslette_signin .newslette_signin_cont ul.list-ul > li{color:#555555;padding-left:30px;line-height:22px;word-break: break-all;} .newslette_signin .newslette_signin_cont font b{text-decoration: underline; color: #c00000;} /* 20200908 수정 */ /* 202306 뉴스레터 구독신청 내용 수정 추가 */ .newslette_tit{font-size: 18px !important; font-weight: bold; color: #77592f; margin: 0 !important;} .nlVari{border-bottom: 0 !important; margin-bottom: 0 !important;} .nlVari:nth-last-child(2){padding: 20px 0 20px 0; margin-top:25px; border-top:1px solid #d5d9dc;} .newslette_signin .newslette_signin_cont b{text-decoration: underline; color: #c00000; font-size: 18px;} /* 20200908 수정 */ .contVari{height: auto !important; padding: 30px 20px !important;} .signVari{width: 100% !important;} .signVari dl{float: none !important; margin: 0 auto !important;} .applyVari{float: none !important; display: block; margin: 0 auto; height: 45px !important; line-height: 45px !important; width: 130px !important; margin-top: 25px;} @media screen and (max-width: 640px){ .contVari{height: 230px !important; padding: 20px 20px !important;} } .btn_nl_new {display:inline-block;border: 1px solid #053863;text-align:center;padding:0 15px;height:37px;line-height:37px;background: #053863;color:#fff !important;font-size:14px;} .btn_nl_new:hover {text-decoration:none} .btn_nl_list {display:inline-block;border: 1px solid #053863;text-align:center;padding:0 15px;height:37px;line-height:37px;background: #053863;color:#fff !important;font-size:14px;} .btn_nl_list:hover {text-decoration:none} .btn_nl_apply {display:inline-block; border:1px solid #2971d4; text-align:center; padding:0 15px; height:37px; line-height:37px; background:#2971d4; color:#fff !important; font-size:14px;} .btn_nl_cancel {display:inline-block; border:1px solid #d7d7d7; text-align:center; padding:0 15px; height:37px; line-height:37px; font-size:14px; color:#2d343c !important;} /* style_ver1.css 끝 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ /* sub_ver1.css 시작 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ .history * { font-size:14px;} .history th {color:#333; text-indent:15px; text-align:left;} .history td { color:#1b1a16;} .history th span { color:#cc0000;} .history th, .history td { padding:20px 0; background:url(/images/common/bg/bg_dotline.gif) repeat-x bottom;} .history tr.last td, .history tr.last th { background:none;} .system { /*padding: 34px 9px 0 21px;*/} .system > div { padding:20px 25px 10px 25px; border:1px solid #dcdcdc; border-top:5px solid #af9a7a;} .system > div h3 { float:left; padding:0 0 20px 0; width:400px; font-size:15px; color:#9d845f;} /* 20200909 수정 */ .system > div h3 + p { float:right; color:#9d845f; font-size:12px;} .system > div ul { clear:both; padding:0 10px 0 0; } .system > div ul li { color:#333; padding-bottom:7px; font-size:13px;} /* 20200909 수정 */ .system table { margin-top:20px;} .system table th, .system table td { border:1px solid #ccc; color:#000;} .system table th { font-size:15px; font-weight:normal; text-align:center;} /* 20200909 수정 */ .system table td { padding:10px 19px; font-size:13px; line-height:25px; font-family: "Noto Sans KR DL";} /* 20200909 수정 */ .system div div.se-contents p{ clear:both; overflow-wrap:break-word; padding-bottom: 7px; line-height:1.5 !important;} .system div div.se-contents p span{ color: #333; padding-bottom: 7px; font-size: 13px;} .system div div.se-contents p{ clear:both; overflow-wrap:break-word; padding-bottom: 7px; line-height:1.5 !important;} .system div div.se-contents p span{ color: #333; padding-bottom: 7px; font-size: 13px;} .system table tbody tr td ul li div.se-contents{display:inline-block;} .system table tbody tr td ul li div.se-contents p {margin:0px !important;} .system table tbody tr td ul li div.se-contents p span{ margin-left: 2px; display: inline-block; overflow-wrap: break-word;} .sch_system1 { position:relative; padding:0px; width:100%; text-align: center;} /* 변경 1128 국문조직도(높이, bg 삭제됨) */ .sch_system1 img{ margin: 0 auto;} .sch_system1 .divisionMain{height:530px;} .sch_system1 .divisionMain .bg1{background: url(../images/sub/division_bg_05.png) center no-repeat; background-size: auto; width: 100%; height: 390px; display: inline-block; background-size: contain;} .sch_system1 .divisionMain .bg2{background:url(../images/sub/division_bg_04.png) 1px bottom no-repeat; width: 35%;height: 390px;display: none;} .divisionMain .cont1{background:url(../images/sub/division_bg_01.png) center center no-repeat;height: 200px; width:200px; color:#fff;font-size: 20px;position: absolute !important;left: 50%;transform: translateX(-50%);top: 0;} .divisionMain li.sys2_1{position: relative;} .divisionMain .cont1 a{color:#fff;top:72px;position: relative;} .divisionMain .cont2{display: inline-block;right: 14%;top: 17%;position: absolute;color: #715c3d;font-size: 16px;} .divisionMain .cont3{background:url(../images/sub/division_bg_02.png) center center no-repeat;z-index:2; height: 200px; width:200px; color:#fff; font-size: 20px;position: absolute;left: 50%; transform: translateX(-50%);top: -160%;} .divisionMain .cont3 a{color:#fff;top:72px;position: relative;} .divisionMain .cont4{display: inline-block;margin-top: 50px; position: relative;} .divisionMain .cont4:before{ border-top: 1px solid #c1c1c1;position: absolute;top: -25px; transform: translateX(-50%);left: 50%;width: 82.4%;display: block;content: "";} .divisionMain .cont4 li{display: inline-block; float:left; margin-right:30px; width: 180px;background: #fdf8f0; line-height:60px; height:60px; text-align:center; border: 1px solid #af9a7a;color:#333; font-size:16px;} .divisionMain .cont4 li:last-of-type{margin-right:0px;} .divisionMain .cont4 li a{position: relative; display: block;} .divisionMain .cont4 li a:after{border-left: 1px solid #c1c1c1;position: absolute;left: 50%;top: -26px;height: 26px;display: block;content: "";} .divisionMain .cont4 li.dept3 a:after{top: -255px;height: 255px;} /* 조직도_문화원·문화홍보관 현황 추가 */ .kccReport{position: relative; display: block; overflow: hidden;} .kccWrap{display: block; overflow: hidden; margin-bottom: 50px;} .kccReport > div > p{position: relative; font-size: 19px; width: 230px; text-align: center; color: #fff; background: #238e9c; border-radius: 10px; margin: 0 auto 30px auto; padding: 13px 0;} .kccReport > div > p > span{position: absolute; left: 260px; top: 50%; transform: translateY(-50%); font-size: 16px; color: #715C3D; width: 140px; text-align: left;} .kccReport > div > ul > li{position: relative; float: left; width: 25%; box-sizing: border-box; } .kccReport > div > ul > li:first-child{margin-left: 0;} .kccReport > div > ul > li:last-child{margin-right: 0;} .kccReport > div > ul > li:first-child:after {border-top:1px solid #ddd; position:absolute; top:0; left:50%; width:50%; display:block; content:"";} .kccReport > div > ul > li:first-child + li:after, .kccReport > div > ul > li:first-child + li + li:after {border-top:1px solid #ddd; position:absolute; top:0; left:0; width:100%; display:block; content:"";} .kccReport > div > ul > li:first-child + li + li + li:after {border-top:1px solid #ddd; position:absolute; top:0; right:50%; width:50%; display:block; content:"";} .kccReport > div > ul > li > dl{position: relative; padding: 25px 5% 0 5%;} .kccReport > div > ul > li > dl:after {border-left:1px solid #ddd; position:absolute; top:0; left:50%; height:25px; display:block; content:"";} .kccReport > div > ul > li > dl > dt{position: relative; text-align: center; background: #4BA08A; border-radius: 5px; padding: 10px 0; color: #fff;} /* 202302 명도대비 */ .kccReport > div > ul > li > dl > dd{border: 1px solid #d4d4d4; padding: 10px 15px ; box-sizing: border-box; margin-top: -3px;} .kccReport > div > ul > li > dl > dd > ul > li > p:before{content:'-'; color:#8e7143;margin-right: 7px;} .kccReport > div > ul > li > dl > dd > ul > li > p{font-size: 15px;color: #8e7143;position: relative;line-height: 30px;background:url(../images/main/ico_new.png) no-repeat 98% 5px; padding-left: 12px;} .kccReport > div > ul > li > dl > dd > ul > li > p > a{font-size: 15px; color: #8e7143; position: relative; line-height: 30px; top: 0;} .kccReport > div > ul > li > dl > dd > ul > li{position:static; background: url(../images/main/ico_new.png) no-repeat 98% 5px; font-size: 16px; color:#333; line-height: 30px; text-align:left;} .kccReport > div > ul > li > dl > dd > ul > li.bgNone{background: none;} .kccReport > div > ul > li > dl > dd > ul > li:before{display: inline-block;margin-right: 7px;content: '';vertical-align: middle;width: 3px;height: 3px;background: #000;margin-bottom: 4px;} .publicWrap{display: block; overflow: hidden;} .publicWrap > ul > li > dl > dd > ul > li, .publicWrap > ul > li > dl > dd > ul > li > p{background-image: none !important;} /* .divisionMain .cont1:after{border-left: 1px solid #c1c1c1;position: absolute;left: 50%;bottom: -43px;height: 53px;display: block;content: "";} .divisionMain .cont3:after{border-left: 1px solid #c1c1c1;position: absolute;left: 50%;bottom: -8px;height: 38px;display: block;content: "";} */ /* start:변경 1128 .sch_system1 * { font-weight:bold;} .sch_system1 li { position:absolute;} .sch_system1 li.sys1_1 { left:352px; top:65px; font-size:24px; color:#fff; } .sch_system1 li.sys1_1 p { position:absolute; left:130px; top:5px; font-size:14px; color:#000; width:200px;} .sch_system1 li.sys1_2 { left:217px; top:85px; width:115px; text-align:center; font-size:18px; } .sch_system1 li.sys1_3, .sch_system1 li.sys1_4, .sch_system1 li.sys1_5, .sch_system1 li.sys1_6 { width:111px; height:28px; line-height:28px; font-size:12px; color:#333;} .sch_system1 li.sys1_3 { left:-309px; top:178px;} .sch_system1 li.sys1_4 { left:-179px; top:178px; letter-spacing:-1px; text-align:center;} .sch_system1 li.sys1_5 { width:125px; left:62px; top:178px; letter-spacing:-1px; text-align:center;} .sch_system1 li.sys1_6 { left:235px; top:178px; } .sch_system1 a.color1 { color:#fff;} .sch_system1 a.color2 { color:#000;} 이미지맵으로 변경되어서 삭제됨 end:변경 1128*/ .sch_system1eng { position:relative; padding:53px 0 0 0; width:100%;} /* start:변경 1128 영문조직도(높이, bg 삭제됨) */ /* start:변경 1128 .sch_system1eng * { font-weight:bold;} .sch_system1eng li { position:absolute;} .sch_system1eng li.sys1_1 { left:352px; top:65px; font-size:24px; color:#fff; } .sch_system1eng li.sys1_1 p { position:absolute; left:130px; top:5px; font-size:14px; color:#000; width:200px;} .sch_system1eng li.sys1_2 { left:217px; top:85px; width:115px; text-align:center; font-size:18px; } .sch_system1eng li.sys1_3, .sch_system1eng li.sys1_4, .sch_system1eng li.sys1_5, .sch_system1eng li.sys1_6 { width:111px; height:28px; line-height:28px; font-size:12px; color:#333;} .sch_system1eng li.sys1_3 { left:-309px; top:178px;} .sch_system1eng li.sys1_4 { left:-179px; top:178px; letter-spacing:-1px; text-align:center;} .sch_system1eng li.sys1_5 { width:125px; left:62px; top:178px; letter-spacing:-1px; text-align:center;} .sch_system1eng li.sys1_6 { left:235px; top:178px; } .sch_system1eng a.color1 { color:#fff;} .sch_system1eng a.color2 { color:#000;} 이미지맵으로 변경되어서 삭제됨 end:변경 1128 */ h3.system {height: 50px;font-size: 22px;color: #2d2d2d;padding: 0px;border-bottom: 1px solid #5b5b5b;margin: 50px 0 ;} h3.system font.number {font-size:12px; color: #053863; } .sch_system2 { position:relative; width: 100%; height: 670px; margin: 0 auto;margin-top:30px;} .sch_system2 * { } /*.sch_system2 > ul { width: 820px; height:75px; border-bottom: 1px solid #c1c1c1; margin-left:100px;}*/ .sch_system2 li { position:absolute;} .sch_system2 li a { color:#333} .sch_system2 li strong { color:#990000;} .sch_system2 li.sys2_1 { left: 400px; top:0px; font-size:19px; width:230px; height:60px; text-align:center; color:#fff; background: #238e9c;border-radius: 10px; line-height:55px;} .sch_system2 li.sys2_1 p { position:absolute; left:220px; top:20px; font-size:16px; color:#715c3d; width:180px; line-height:19px;} .sch_system2 li.sys2_2, .sch_system2 li.sys2_3, .sch_system2 li.sys2_4, .sch_system2 li.sys2_5 { width:220px; height:55px; text-align:center; font-size:18px; color:#fff;background: #53b69c;border-radius: 5px;} .sch_system2 li.sys2_2 { left:-400px; top:95px; } .sch_system2 li.sys2_3 { left:-130px;; top:95px; } .sch_system2 li.sys2_4 { left:140px; top:95px; } .sch_system2 li.sys2_5 { left:409px; top:95px; } .sch_system2 li.sys2_1:before{border-top: 1px solid #c1c1c1;position: absolute; bottom: -15px;left: -290px;width: 810px;display: block;content: "";} .sch_system2 li.sys2_2:after, .sch_system2 li.sys2_3:after, .sch_system2 li.sys2_4:after, .sch_system2 li.sys2_5:after{border-left: 1px solid #c1c1c1;position: absolute;top: -20px;left: 50%;height: 20px;display: block;content: "";} .sch_system2 li.sys2_1 ul li > ul { position:absolute; padding:15px 0px 10px 15px; width:93%; height: 450px; background: #fff;border: 1px solid #d4d4d4; border-radius: 5px;} .sch_system2 li.sys2_1 ul li ul li { position:static; background: url(/images/main/ico_new.png) no-repeat 177px 5px; font-size: 16px; color:#333; line-height: 30px; text-align:left;} .sch_system2 li.sys2_1 ul li ul li.bgNone{background: none;} .sch_system2 li.sys2_1 ul li ul li:before{display: inline-block;margin-right: 7px;content: '';vertical-align: middle;width: 3px;height: 3px;background: #000;margin-bottom: 4px;} .sch_system2 li.sys2_1 ul li ul li p:before{content:'-'; color:#8e7143;margin-right: 7px;} .sch_system2 li.sys2_1 ul li ul li p {font-size: 15px;color: #8e7143;left: 15px;position: relative;line-height: 30px;top: 0; background:url(/images/main/ico_new.png) no-repeat 161px 5px;} .sch_system2 li.sys2_1 ul li ul li p a {font-size: 15px;color: #8e7143;position: relative;line-height: 30px;top: 0;} .sch_system2 li.sys2_1 ul li ul li ul { position:static; padding:3px 0 0 0; width:auto; height:auto;} .sch_system2 .sys2_2 > ul { left:0; top:50px;} .sch_system2 .sys2_3 > ul { left:0; top:50px;} .sch_system2 .sys2_4 > ul { left:0; top:50px;} .sch_system2 .sys2_5 > ul { left:0; top:50px;} .sch_system3 { position:relative; width:100%; height:330px; margin: 0 auto; /* margin-top: 20px; */} .sch_system3 * { } .sch_system3 li { position:absolute;} .sch_system3 li.sys3_1:before{border-top: 1px solid #c1c1c1;position: absolute; bottom: -15px;left: -290px;width: 810px;display: block;content: "";} .sch_system3 li.sys3_2 ul li:before, .sch_system3 li.sys3_3 ul li:before, .sch_system3 li.sys3_4 ul li:before, .sch_system3 li.sys3_5 ul li:before{display: inline-block;margin-right: 7px;content: '';vertical-align: middle;width: 3px;height: 3px;background: #000;margin-bottom: 4px;} .sch_system3 li.sys3_2:after, .sch_system3 li.sys3_3:after, .sch_system3 li.sys3_4:after, .sch_system3 li.sys3_5:after{border-left: 1px solid #c1c1c1;position: absolute;top: -20px;left: 50%;height: 20px;display: block;content: "";} .sch_system3 li strong { color:#990000;} .sch_system3 li.sys3_1 { left: 400px; top:0px; font-size:19px; width:230px; height:60px; text-align:center; color:#fff; background: #238e9c;border-radius: 10px; line-height:55px;} .sch_system3 li.sys3_1 p { position:absolute; left:220px; top:20px; font-size:16px; color:#715c3d; width:180px; line-height:19px;} .sch_system3 li.sys3_2, .sch_system3 li.sys3_3, .sch_system3 li.sys3_4, .sch_system3 li.sys3_5 { width:220px; height:55px; text-align:center; font-size:18px; color:#fff;background: #53b69c;border-radius: 5px;} .sch_system3 li.sys3_2 { left:-400px; top:95px; } .sch_system3 li.sys3_3 { left:-130px; top:95px; } .sch_system3 li.sys3_4 { left:140px; top:95px; } .sch_system3 li.sys3_5 { left:409px; top:95px; } .sch_system3 li.sys3_1 ul li > ul { position:absolute; padding:20px 0 0 15px; width:204px; height:165px; background: #fff;border: 1px solid #d4d4d4; border-radius: 5px;} .sch_system3 li.sys3_1 ul li ul li { position:static; padding:0 0 3px 0; font-size: 16px; color:#2d2d2d; line-height: 30px; text-align:left;} .sch_system3 li.sys3_1 ul li ul li p:before{content:'-'; color:#8e7143;margin-right: 7px;} .sch_system3 li.sys3_1 ul li ul li p {font-size: 15px;color: #8e7143;left: 15px;position: relative;line-height: 30px;top: 0;} .sch_system3 li.sys3_1 ul li ul li ul { position:static; padding:3px 0 0 0; width:auto; height:auto;} .sch_system3 .sys3_2 > ul { left:0; top:50px;} .sch_system3 .sys3_3 > ul { left:0; top:50px;} .sch_system3 .sys3_4 > ul { left:0; top:50px;} .sch_system3 .sys3_5 > ul { left:0; top:50px;} .culture .tab_2depth { text-align:right; padding:20px 0 0 0; height:33px;} .culture .tab_2depth a.on {color:#b7342c;} /*문화원 내용 표출 위해 수정 1128*/ /*.culture ul li { padding:15px 15px 11px 20px; margin-bottom:17px; border:1px solid #d4d2d2;} .culture ul li dt { padding:0 0 10px 0; font-weight:bold; color:#000;} .culture ul li dd { padding:4px 0 4px 0; font-weight:bold; color:#2c2c2e;}*/ .ov_content { padding:15px 30px 15px 30px; width:630px; margin-bottom:17px; border:1px solid #d4d2d2;} .ov_content ul li {line-height:150%; } .no_content{ padding:0 0 0 0; border:0px;} .ov_content ul li dl {padding:18px 0 15px 0; border-bottom:1px dotted #d4d2d2;} .ov_content ul li dt, .ov_content ul li dt a{ padding:0 0 10px 0; font-weight:bold; color:#000; font-size:15px;} .ov_content ul li dd { padding:0 0 4px 0; font-size:13px; } .ov_content ul li dd.siteURL a{text-decoration:underline;} /*.tabNav_con2 ul li dd { padding:4px 0 4px 0; font-weight:bold; color:#2c2c2e;}*/ /*문화원 내용 표출 위해 수정*/ .way_map { text-align:center; padding:65px 0 78px 0;} .way_list { padding:10px 20px; margin:0 auto; width:500px; color:#000; font-size:14px; background:#ffe3e3;} .way_list li { padding:0 0 5px 0;} .way_list li.tip { padding:15px 0 0 0;} .way_list strong { color:#cc3333;} .ceo1 { padding:60px 0 0 0; height:350px; text-align:center;} .ceo1 + ul li button { margin:0 5px; min-width:191px;} .sitemap { width:100%;} .sitemap:after { content:""; display:block; clear:both;} .sitemap > div { float:left; margin-right:2%; width: 32%; margin-bottom: 50px;} .sitemap > div.map3, .sitemap > div.map6{margin-right:0px;} .sitemap > div h2 { height: 50px; line-height: 48px; font-size: 18px; text-align:center;} .sitemap > div h2 a { color:#95784d;} .sitemap > div ul { padding:25px 0 0 20px;} .sitemap > div ul li { height: 40px;} .sitemap > div ul li a { font-size: 16px; color:#454342; line-height: 30px;} .sitemap > div ul li a:before{display: inline-block;margin-right: 7px;content: '';vertical-align: middle;width: 3px;height: 3px;background: #000;margin-bottom: 4px;} .sitemap > div.map7 {height: 180px;} .sitemap > div.map1 h2 {background: #fff;border: 1px solid #af9a7a;box-shadow: 4px 4px 7px 0 rgb(175 154 122 / 50%);} .sitemap > div.map2 h2 {background: #fff;border: 1px solid #af9a7a;box-shadow: 4px 4px 7px 0 rgb(175 154 122 / 50%);} .sitemap > div.map3 h2 {background: #fff;border: 1px solid #af9a7a;box-shadow: 4px 4px 7px 0 rgb(175 154 122 / 50%);} .sitemap > div.map4 h2 {background: #fff;border: 1px solid #af9a7a;box-shadow: 4px 4px 7px 0 rgb(175 154 122 / 50%);} .sitemap > div.map5 h2 {background: #fff;border: 1px solid #af9a7a;box-shadow: 4px 4px 7px 0 rgb(175 154 122 / 50%);} .sitemap > div.map6 h2 {background: #fff;border: 1px solid #af9a7a;box-shadow: 4px 4px 7px 0 rgb(175 154 122 / 50%);} .sitemap > div.map7 h2 {background: #fff;border: 1px solid #af9a7a;box-shadow: 4px 4px 7px 0 rgb(175 154 122 / 50%);} .person h2 { font-size:20px; text-align:center; padding:0 0 20px; color:#333;} .person h3 { padding:30px 0 15px; font-size:15px; color:#333; } .person h4 { padding:10px 0; font-size:13px; } .person table { margin:15px 0;} .person p, .person ol li, .person ul li { padding:0 0 10px 0;} .person ol li ul { padding:10px 0 0 10px;} .person li p { padding:2px 0 0 9px;} .person li.last { padding:0;} .person p.tip { padding:30px 0 0 0;} .file_down {margin: 40px 0 3px 0;font-size:13px;} .file_down img{margin-right:5px; display:inline-block; vertical-align:middle;} /* 20200902 수정 */ .file_down strong { color:#1b3364;} .file_box{ background:#f8f8f8; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding: 5px 10px; margin:0 0 5px 0; } .file_box li { list-style: none; font-size:13px; } .file_btn { margin:0 0 20px 0; text-align:right; } .list_type1 li { padding:15px; border-top:1px dashed #ccc; color:#353584;} .list_type1 li:first-child { border-top:0;} .list_type1 li strong { display:inline-block; width:190px; font-size:14px; color:#333;} .list_type1 li a { color:#353584; font-size:12px;} .btn_aidown { padding-bottom:40px; text-align:right;} /*20180205 개인정보처리방침 관련 CSS 추가*/ /*회색라인 설명박스*/ .linebox{clear:both;float:left; display:block; border:1px solid #cbcbcb; padding:20px 20px 15px 20px; width: 100% !important; margin-bottom: 15px; box-sizing: border-box;} .linebox .openimg {float:left; padding-right:22px;} .linebox .openment{float:left; width:545px;} .linebox .openment li{background:url(/html/image/common/bu_01.gif) no-repeat 0 7px; padding-left:8px; line-height:18px; padding-bottom:5px;} .linebox p{line-height:20px;} .linebox a{text-decoration:underline;} .linebox h4{color:#0a6da6; padding-bottom:10px; font-size:11pt;} .linebox li{background:url(/html/image/common/bu_01.gif) no-repeat 0 9px; padding-left:8px; line-height:20px; padding-bottom:5px;} .linebox li .bfont{font-size:11pt; color:#036197; font-weight:bold; letter-spacing:-0.05em;} .mb30 { margin-bottom:30px; } /*컨텐츠스타일01-이용안내사이트안내, 저작권, 정보공개*/ .content_style{float:left; clear:both;width:100%; } .content_style .tit_img{padding:30px 0 25px 0;} .content_style .tit_img2{padding:30px 0 15px 0;} .content_style .tit_img_start{padding:0 0 25px 0;} .content_style .tit_line{font-size:11pt; color:#0a6da6; line-height:22px; padding:20px 0 8px 0;margin-bottom:20px; display:block; border-bottom:1px solid #d1d1d1;} .content_style .tit_line_start{font-size:11pt; color:#0a6da6; line-height:22px; padding:0px 0 8px 0;margin-bottom:20px; display:block; border-bottom:1px solid #d1d1d1;} .content_style .tit_bl{background:url(/html/image/common/bu_con01.gif) no-repeat 0px 3px; padding:0 0 15px 20px; line-height:22px; margin-top:20px; font-size:11pt; color:#0a6da6;} .content_style .tit_bl_start{background:url(/html/image/common/bu_con01.gif) no-repeat 0px 3px; padding:0 0 15px 20px; line-height:22px; font-size:11pt; color:#0a6da6; } .content_style .tit_bl_line{background:url(http://www.mcst.go.kr/html/image/common/bu_con01.gif) no-repeat 0px 3px; padding: 0 15px 15px 20px; line-height:22px; margin-top:20px; font-size:11pt; color:#0a6da6; border-bottom:1px solid #d1d1d1; margin-bottom:25px;} .content_style .tit_bl_start_line{background:url(http://www.mcst.go.kr/html/image/common/bu_con01.gif) no-repeat 0px 3px; padding: 0 15px 15px 20px; line-height:22px; font-size:11pt; color:#0a6da6; margin-bottom:25px;} .content_style .tit_bl_start_line2{background:url(/html/image/common/bu_con01.gif) no-repeat 0px 3px; padding: 0 15px 15px 20px; line-height:22px; font-size:11pt; color:#0a6da6; border-bottom:1px solid #d1d1d1; margin-bottom:25px;} .content_style .tit_no{font-size:12pt; color:#0a6da6; line-height:22px; padding:0px 0 15px 0; display:block; margin-top:20px;} .content_style .tit_no_black{font-size:12pt; color:#222; line-height:22px; padding:0px 0 15px 0; display:block; margin-top:20px;} .content_style .tit_no_start{font-size:12pt; color:#0a6da6; line-height:22px; padding:0px 0 15px 0; display:block;} .content_style .bl01{background:url(/html/image/common/bu_con02.gif) no-repeat 8px 8px; padding:0 0 13px 20px; line-height:20px; margin-top:13px; color:#333;} .content_style .bl01_start{background:url(/html/image/common/bu_con02.gif) no-repeat 8px 8px; padding:0 0 13px 20px; line-height:20px; color:#333;} .content_style .bl01_end{background:url(/html/image/common/bu_con02.gif) no-repeat 8px 8px; padding:0 0 0px 20px; line-height:20px; color:#333;} .content_style .bl01_line{background:url(/html/image/common/bu_con02.gif) no-repeat 8px 8px; padding:0 0 5px 20px; line-height:20px; margin:13px 0 13px 0; border-bottom:1px solid #d1d1d1; color:#333;} .content_style .bl01_line_start{background:url(/html/image/common/bu_con02.gif) no-repeat 8px 8px; padding:0 0 5px 20px; line-height:20px; margin:0 0 13px 0; border-bottom:1px solid #d1d1d1; color:#333;} .content_style .bl01_line_end{background:url(/html/image/common/bu_con02.gif) no-repeat 8px 8px; padding:0 0 0px 20px; line-height:20px; border-bottom:1px solid #d1d1d1; color:#333;} .content_style .bl01_no{ padding:0 0 13px 20px; line-height:20px; margin-top:13px; color:#333;} .content_style .bl01_no_start{ padding:0 0 13px 20px; line-height:20px; color:#333;} .content_style .bl01_bno{ padding:0 0 13px 20px; line-height:20px; margin-top:13px; color:#333; font-weight:bold;} .content_style .bl01_bno_start{ padding:0 0 13px 20px; line-height:20px; color:#333; font-weight:bold;} .content_style .bl01_bno_line{ padding:0 0 8px 20px; line-height:20px; margin:0px 0 15px 0; border-bottom:1px solid #d1d1d1; color:#333; font-weight:bold;} .content_style .bl02{background:url(/html/image/common/bu_02.gif) no-repeat 9px 8px; padding:0 0 5px 20px; line-height:20px;} .content_style .bl02_no{padding:0 0 3px 20px; line-height:20px;} .content_style .bl_red_line{background:url(/html/image/common/bu_con05.gif) no-repeat 0px 4px; padding:0 0 5px 20px; line-height:20px; border-bottom:1px solid #dddcdc; color:#333;} .content_style .bl_red{background:url(/html/image/common/bu_con05.gif) no-repeat 0px 4px; padding:0 0 5px 20px; line-height:20px; color:#333;} .content_style .bl_blue_line{background:url(/html/image/common/bu_con03.gif) no-repeat 0px 4px; padding:0 0 5px 20px; line-height:20px; border-bottom:1px solid #dddcdc; color:#333;} .content_style .bl_blue{background:url(/html/image/common/bu_con03.gif) no-repeat 0px 4px; padding:0 0 5px 20px; line-height:20px;} /*bl02보다 들여쓰기된것*/ .content_style .bl03{background:url(/html/image/common/bu_02.gif) no-repeat 18px 8px; padding:0 0 3px 30px; line-height:20px;} .content_style .bl03_no{padding:0 0 3px 35px; line-height:20px;} /*이용약관 들여쓰기*/ .content_style .bl_num { padding : 0 0 13px 35px; line-height : 20px; margin-top: 13px; color: #333; text-indent : -15px; } .content_style .bl_num_start { padding : 0 0 13px 35px; line-height : 20px; color: #333; text-indent : -15px; } .content_style .b103_no { padding : 0 0 3px 50px; line-height : 20px; text-indent : -15px; } /*bl02보다 작은블릿*/ .content_style .bl04{background:url(/html/image/common/bu_01.gif) no-repeat 8px 8px; padding:0 0 3px 20px; line-height:20px;} /*블릿이 아닌 dash로 된 리스트*/ .content_style .dash{background:url(/html/image/common/bl_dash.gif) no-repeat 0 8px; padding:0 0 3px 11px; line-height:20px;} /*일반컨텐츠 텍스트*/ .content_style .txt01{padding-left:20px; line-height:20px; padding-right:1px; text-align:justify;} .content_style .txt02{padding-left:30px; line-height:20px;} .content_style .txt03{padding-left:20px; line-height:18px; padding-right:1px; text-align:justify;} .content_style a{text-decoration:underline;} .content_style a.noline{text-decoration:none;} /*20130701일반텍스트- 글씨폰트 큰경우*/ .content_style .bigtit{font-size:11pt; padding-right:5px;} /*라인박스*/ .content_style .box01{padding:20px; border:1px solid #d1d1d1; line-height:20px;} /* 그린칼라 */ .content_style .green_box{clear:both; float:left; border: 1px solid #dadfb1; background:#f5f7e2; width:693px; padding:15px 15px 15px 15px;} /*기타 컨텐츠내 bl모음*/ .txt_bl01{background:url(/html/image/common/bu_con02.gif) no-repeat 8px 8px; padding:0 0 13px 20px; line-height:20px;} .txt_bl03{background:url(/html/image/common/bu_con02.gif) no-repeat 8px 8px; padding:0 0 8px 20px; line-height:20px;} /*저작권의모든것 bl*/ .txt_bl02{background:url(/html/image/common/bu_con03.gif) no-repeat 0 3px; padding:0 0 13px 20px; line-height:20px; color:#333;} /*기본 bllist*/ .bl_list01 li{background:url(/html/image/common/bu_01.gif) no-repeat 3px 8px; padding:0 0 5px 10px; line-height:20px;} .bl_list01 li.noarr {background-image:none; padding:0 0 5px 10px; line-height:20px;} /* 정보수수료 기본ul*/ .basic_ul{padding:10px 0 10px 0;} .basic_ul li.bl{background:url(/html/image/common/bu_01.gif) no-repeat 3px 8px; padding:0 0 4px 10px; line-height:18px; font-weight:bold;} .basic_ul li {background-image:none; padding:0 0 4px 10px; line-height:18px;} .basic_ul li.deep{background-image:none; padding:0 0 4px 13px; line-height:18px;} /* sub_ver1.css 끝 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ /* 문화원문화홍보관 지도 시작 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ table.info{width:100%;border-top:1px solid #b1b1b1;border-left:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;} table.info th{background:#f3f3f3;} table.info th, table.info td{padding:12px;border-right:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;} table.info.mapInfo{border:1px solid #b1b1b1;border-right:0px none;} table.info.mapInfo th{background:#A48C6A;color:#fff;font-size:16px;font-weight:normal;} /* 202302 명도대비 */ table.info.mapInfo th, table.info.mapInfo td{border-right:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;font-size:16px;word-break:break-word;} table.info.mapInfo td{padding:8px;word-break:break-all;} table.info.mapInfo td br{display:none;} table.info.mapInfo td img{margin:0 20px 0 8px;} /* ======================================== Tab ======================================== */ .tabBar{margin-bottom:30px;} .tabBar:after{display:block;content:"";clear:both;} .tabBar > li{position:relative;float:left;z-index:1;} .tabBar > li > a{display:block;font-size:1.1em;} .tabBar > li.active{z-index:2;} .tabBar > li.active > a{} .tabBar.col2 li{width:50%;} .tabBar.col3 li{width:33.3333%;} .tabBar.col4 li{width:25%;} .tabBar.col5 li{width:20%;} .tabBar.col6 li{width:16.6666%;} .tabBar.col7 li{width:14.2857%;} .tabBar.bar{margin-bottom:50px;} .tabBar.bar > li{display:table;} .tabBar.bar > li > a{display:table-cell;vertical-align:middle;height:52px;border-bottom:1px solid #bababa;text-align:center;font-size:1.063em;color:#666;} .tabBar.bar > li.active > a{border-bottom:2px solid #000;border-left:0px none;color:#000;font-weight:600;} .tabPage{display:none;} .tabPage.active{display:block;overflow-x:scroll; scrollbar-width: none; -ms-overflow-style:none;} .tabPage.active::-webkit-scrollbar{display:none;} #subContents{} #subContents .subContentTop{position:relative;padding-top:40px;height:90px;text-align:center;} #subContents .subContentTop h3{display:block;margin-bottom:20px;font-size:2.2em;font-weight:700;color:#000;text-align:center;} #subContents .subContentTop ul.pageControl{display:block;position:absolute;top:50px;right:0;vertical-align:middle;} #subContents .subContentTop ul.pageControl:after{display:block;content:'';clear:both;} #subContents .subContentTop ul.pageControl li{display:block;float:left;vertical-align:middle;} #subContents .subContentTop ul.pageControl li a{display:block;width:43px;height:43px;vertical-align:middle;} #subContents .subContentsInner{min-height:540px; /*max-width:900px;*/ margin:0 auto;} #subContents h4{margin:35px 0 22px 0;padding-left:22px;background:url(/images/eng/sub/icon_orgB.png) no-repeat 0 7px;font-size:1.6em;color:#101010;} #subContents h4 em{font-size:16px;font-weight:normal;} #subContents .h4Content{padding:0 0 30px 5px;} #subContents .h4Content.noBorder{border-bottom:0px none;} #subContents .grayBox{padding:18px;background:#f3f3f3;font-size:15px;line-height:150%;} #subContents img{max-width:100%; display:inline;} /* KOREAN CULTURAL CENTERS */ .country{display:inline-block;vertical-align:middle;margin-right:8px;padding:0 15px;height:28px;line-height:28px;text-align:center;color:#fff;font-weight:600;} .country.color1{background:#26538a;} .country.color2{background:#a129a2;} .country.color3{background:#0d781a;} .country.color4{background:#9a5f13;} .country.color5{background:#1c7aee;} table.view.type2 thead tr th .country{display:block;position:absolute;top:0;font-size:14px;} /* 2023 웹접근성 백업 .typeCheck{margin-bottom:20px;text-align:center;} .typeCheck input{display:none;vertical-align:middle;margin-right:8px;} .typeCheck label{display:inline-block;vertical-align:middle; margin-right:20px;font-size:16px;color:#A48C6A;border:1px solid #af9a7a;width:120px;height:60px;border-radius:10px;line-height:60px; text-align: right; padding: 0 40px; margin: 0 10px;} .typeCheck label.areaChart{background:url(/images/culture/chart_icon.png) 40px center no-repeat;} .typeCheck label.areaChart:hover{color:#fff;border:1px solid #A48C6A;background:url(/images/culture/chart_icon_hover.png) 40px center no-repeat #A48C6A;} .typeCheck label.areaChart.active{color:#fff;border:1px solid #A48C6A;background:url(/images/culture/chart_icon_hover.png) 40px center no-repeat #A48C6A;} .typeCheck label.areaMap{background:url(/images/culture/map_icon.png) 40px center no-repeat;} .typeCheck label.areaMap:hover{color:#fff;border:1px solid #A48C6A;background:url(/images/culture/map_icon_hover.png) 40px center no-repeat #A48C6A;} .typeCheck label.areaMap.active{color:#fff;border:1px solid #A48C6A;background:url(/images/culture/map_icon_hover.png) 40px center no-repeat #A48C6A;} */ .typeCheck{margin-bottom:20px;text-align:center;} .typeCheck li{display:inline-block; } .typeCheck li a{display: block; font-size:16px; color:#A48C6A; width:120px; height:60px; line-height:60px; text-align: right; padding: 0 40px; margin: 0 5px; font-family: 'Noto Sans KR R'; border:1px solid #af9a7a; border-radius:10px;} .typeCheck li.areaChart a{background:url(/images/culture/chart_icon.png) 40px center no-repeat;} .typeCheck li.areaChart a:hover{color:#fff; border:1px solid #A48C6A; background:url(/images/culture/chart_icon_hover.png) 40px center no-repeat #A48C6A;} .typeCheck li.areaChart.active a{color:#fff; border:1px solid #A48C6A; background:url(/images/culture/chart_icon_hover.png) 40px center no-repeat #A48C6A;} .typeCheck li.areaMap a{background:url(/images/culture/map_icon.png) 40px center no-repeat;} .typeCheck li.areaMap a:hover{color:#fff; border:1px solid #A48C6A; background:url(/images/culture/map_icon_hover.png) 40px center no-repeat #A48C6A;} .typeCheck li.areaMap.active a{color:#fff; border:1px solid #A48C6A; background:url(/images/culture/map_icon_hover.png) 40px center no-repeat #A48C6A;} .koccCon{display: none;} .koccCon.active{display: block !important;} .topMap{position:relative;margin-bottom:50px;width:1030px;} .topMap .thumb{text-align:center;} .topMap .countryMap{position:absolute;} .topMap .countryMap .detailCon{display:none;position:absolute;top:-50px;padding:8px;background:#857256;border-radius:2px;white-space:nowrap;z-index:99;border:solid 1px #9e845c;box-shadow:0 4px 8px 0 rgb(0 0 0 / 35%);/* right: 0; */} /* 202302 명도대비 */ .topMap .countryMap .rig {right:0} .topMap .countryMap a{display:inline-block;vertical-align:middle;} .topMap .countryMap img{display:inline-block;max-width:inherit !important;vertical-align:middle;} .topMap .countryMap span{display:inline-block;vertical-align:middle;padding:0 5px;font-size:13px;color:#fff;} /* 20230531 백업 .topMap .countryMap .spotIcon{background:url(/images/eng/sub/icon_mapSpot.png) no-repeat; width: 10px; height: 10px; background: #ea4c89; box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%); border: solid 1px #fff; border-radius: 2px; } .topMap .countryMap .spotIcon_02{background:url(/images/eng/sub/icon_mapSpot_02.png) no-repeat !important; width: 10px; height: 10px; background: #00a5fe; box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%); border: solid 1px #fff; border-radius: 2px; } .topMap .countryMap .spotIcon_03{background:url(/images/eng/sub/icon_mapSpot_03.png) no-repeat !important; width: 10px; height: 10px; background: #03c161; box-shadow: 0 4px 4px 0 rgb(0 0 0 / 25%); border: solid 1px #fff; border-radius: 2px; } */ /* 20230531 수정 */ .topMap .countryMap .spotIcon{ background:url(/images/culture/icon_mapSpot_04.png) no-repeat !important; width: 22px; height: 22px; } .topMap .countryMap .spotIcon_02{ background:url(/images/culture/icon_mapSpot_05.png) no-repeat !important; width: 22px; height: 22px; } .topMap .countryMap .spotIcon_03{ background:url(/images/culture/icon_mapSpot_06.png) no-repeat !important; width: 22px; height: 22px; } .topMap .countryMap .btnClose{margin-left:10px;width:12px;height:12px;background:url(/images/eng/sub/icon_map_btnClose.png) no-repeat;text-indent:-9999em;} .curDe{cursor: default !important;} .spotIcon1{top:298px;left:373px;} .spotIcon2{top:270px;left:400px;} .spotIcon3{top:236px;left:385px;} .spotIcon4{top:256px;left:460px;} .spotIcon5{top:238px;left:469px;} .spotIcon6{top:327px;left:365px;} .spotIcon7{top:390px;left:380px;} .spotIcon8{top:325px;left:409px;} .spotIcon9{top:285px;left:285px;} .spotIcon10{top:195px;left:255px;} .spotIcon11{top:450px;left:500px;} .spotIcon12{top:252px;left:69px;} .spotIcon13{top:230px;left:83px;} .spotIcon14{top:197px;left:75px;} .spotIcon15{top:208px;left:97px;} .spotIcon16{top:202px;left:120px;} .spotIcon17{top:209px;left:147px;} .spotIcon18{top:242px;left:102px;} .spotIcon19{top:233px;left:130px;} .spotIcon20{top:184px;left:195px;} .spotIcon24{top:250px;right:287px;} .spotIcon21{top:149px;right:166px;} .spotIcon22{top:238px;right:155px;} .spotIcon23{top:257px;right:173px;} .spotIcon25{top:293px;right:233px;} .spotIcon26{top:473px;right:82px;} .spotIcon27{top:500px;right:103px;} .spotIcon28{top:248px;left:172px;} .spotIcon29{top:285px;left:173px;} .spotIcon30{top:300px;left:221px;} .spotIcon31{top:360px;left:95px;} .spotIcon32{top:290px;left:392px;} .spotIcon33{top:178px;left:148px;} .spotIcon34{top:165px;left:120px;} /* 스웨덴 */ .spotIcon35{top:228px;left:112px;} /* 오스트리아 */ .spotIcon36{top:270px;left:223px;} /* 이란 */ .spotIcon37{top:373px;left:353px;} /* 남아공 */ .spotIcon38{top:459px;left:127px;} /* 싱가포르 */ .map_legend{text-align:center; margin:0 auto;} .map_legend ul{/*padding: 10px 30px;*/} .map_legend ul li{display:inline-block; font-size:15px; color:#262626; padding-left:22px;margin-right: 20px;} .map_legend ul li:last-child{margin-right:0px;} .map_legend ul li.mapIcon01{background:url(/images/culture/icon_mapSpot_04.png) left 5px no-repeat} /* 20230531 수정 */ .map_legend ul li.mapIcon02{background:url(/images/culture/icon_mapSpot_05.png) left 5px no-repeat} /* 20230531 수정 */ .map_legend ul li.mapIcon03{background:url(/images/culture/icon_mapSpot_06.png) left 5px no-repeat} /* 20230531 수정 */ /* 문화원문화홍보관 지도 끝 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ /* 문화원 문화홍보관 활동 */ .kocc_wrap{position:relative; width:100%; height:180px; background:#f2f2f2 url("/images/layout/kocc_bg.png") no-repeat;} .kocc_wrap .kocc_img{margin-left:35px;} .kocc_wrap .kocc_img li{float:left; width:150px; height:160px; margin:10px 10px 0 0; position: relative;} .kocc_wrap .kocc_img li span{display: block;margin: 0 auto;width: 120px;height: 24px;text-align: center; border-radius: 5px;background-color: #A18D6F;color: #fff;font-size: 14px;font-family: "Noto Sans KR L";position: absolute;bottom: 0;left: 50%;margin-left: -60px; } /* 202302 명도대비 */ .kocc_wrap .kocc_txt{width:90%; padding-top:30px; margin:0 auto;} .kocc_wrap .kocc_txt p{width:100%; border-bottom:solid 1px #666; color:#2b8193; font-size:24px; text-align:right; padding-bottom:5px;} .kocc_wrap .kocc_txt h1#culturenameV02{font-size:38px; color:#2b2b2b; font-family:"Noto Sans KR B"; text-align:right; margin-top:15px;} .kocc_wrap .kocc_txt h1#culturenameV02 a{background:#f2f2f2 url("/images/layout/icon_newBrowser.png") right 18px no-repeat; padding-right:35px; color:#2b2b2b;} /* 20200929 추가 */ /* 뉴스레터 개인정보 수집 재동의 20230208 start */ .nl_Agree_Wrap{display: block; width: 100%; overflow: hidden;} .nl_section01{display: block; width: 100%; overflow: hidden;} .nl_section01 p{font-size: 15px; color: #333333; font-family: 'Noto Sans KR DL'; margin-bottom: 5px;} .nl_box01{display: block; width: 100%; padding: 20px 30px; margin-top: 15px; box-sizing: border-box; border-top: solid 2px #9e978e; border-bottom: solid 1px #cccccc; background:#f6f6f6 url(../images/sub/nl_Agree_bg.png) no-repeat 95% center;} .nl_box01 h3{color: #64543c; font-size: 16px; font-family: 'Noto Sans KR M'; margin-bottom: 20px;} .nl_box01 li{font-size: 14px; color: #333333; font-family: 'Noto Sans KR DL'; margin-top: 10px;} .nl_box01 li span{color:#d23270; text-decoration: underline;} .nl_txt01{color: #856e4c !important; margin-top: 7px;} .nl_section02{display: block; width: 100%; overflow: hidden; background-color: #f6f6f6; margin-top: 40px; padding: 30px; box-sizing: border-box; border: solid 1px #d8d8d8; text-align: center;} .nl_section02 li{display: inline-block; margin: 0 20px;} .nl_info{display: block; overflow: hidden;} .nl_info input{width: 230px; padding: 5px; color: #333333; margin: 0 0 2px 2px; box-sizing: border-box;} .nl_check{border-top: solid 1px #d6d6d6; margin-top: 35px; padding-top: 30px; box-sizing: border-box;} .nl_check input{appearance: auto; -moz-appearance: auto; -webkit-appearance: auto; margin: 0 3px 2px 0;} .nl_check label{font-size: 15px;} .nl_btn{display: block; background-color: #887354 !important; color: #fff; padding: 15px 70px; text-align: center; text-decoration: none; font-family: 'Noto Sans KR M'; border-radius: 10px; margin: 30px auto !important; box-sizing: border-box;} @media screen and (max-width: 880px){ .nl_box01{background-image: none;} } @media screen and (max-width: 750px){ .nl_section02 {padding: 20px 2%; margin-top: 25px;} .nl_info li.nl_input {display: block; overflow: hidden; width: 320px; margin: 10px auto !important;} .nl_input label {float: left; width: 50px; text-align: left; padding-top: 5px;} .nl_input input {float: right;} .nl_check {margin-top: 20px; padding-top: 20px;} } @media screen and (max-width: 400px){ .nl_info li.nl_input {width: 94%;} .nl_input label {width: 20%;} .nl_info input {width: 75%;} .nl_btn {padding: 12px 65px; margin: 20px auto !important;} } /* 뉴스레터 개인정보 수집 재동의 20230208 end */ @media screen and (max-width: 1260px){ .kocc_wrap{height:300px;} .kocc_wrap .kocc_img{width:100%; display:block; overflow:hidden; margin:0 auto; text-align:center; padding-top:112px;} .kocc_wrap .kocc_img li{float:none; display:inline-block;} .kocc_wrap .kocc_txt{position:absolute; width:90%; padding-top:10px; top:0; left:50%; margin-left:-45%;} .kocc_wrap .kocc_txt p{font-size:20px; text-align:center;} .kocc_wrap .kocc_txt h1#culturenameV02{font-size:34px; text-align:center; margin-top:10px;} } @media screen and (max-width: 720px){ .kocc_wrap{display: none;} } /* 사이트맵 새창*/ i.newWindow{display:inline-block;width:13px;height:13px;margin-left:5px;background:url("../images/layout/icon_newWindow2.png") no-repeat;vertical-align:baseline; padding-right:0px;} /* 20200908 수정 */ /* 50주년 페이지 */ .fiftyTh{margin-top:40px; overflow:hidden;} .fiftyTh p.fiftyImg{margin-bottom:50px;} .fiftyTh p img{width:100%;} .fiftyImg > img{width: 100%;} .fiftyMonth{float:right; margin:0px 0 30px 0; overflow:hidden;} .fiftyMonth:after{display:block;content:'';clear:both;} .fiftyMonth select{cursor:pointer; float:left; width:190px; height:40px; padding:0 15px; box-sizing:border-box; border:1px solid #cccccc; background:url("../images/sub/intro/fiftyarrow.png") calc(100% - 15px) center no-repeat; font-size:0.9375rem/*15px*/; color:#3d3d3d; -webkit-appearance:none; -moz-appearance:none; appearance:none;transition:0.3s} /* .fiftyMonth button{float:left; width:80px; height:40px; margin-left:5px; background:#af9a7a; font-size:0.9375rem; color:#fff; border: solid 1px #af9a7a; text-align:center; transition:0.3s} 20230707 백업*/ .fiftyMonth button{float:left; width:80px; height:40px; margin-left:5px; background:#7E7364; font-size:0.9375rem/*15px*/; color:#fff; border: solid 1px #7E7364; text-align:center; transition:0.3s} /* 20230703 설문조사 반영시 변경된 해당 클래스로 변경 */ .fiftyTxt{clear:both; line-height:1.7em; text-align:justify; word-break:keep-all; margin-bottom:30px;} .fiftyLogo{width:100%; margin-bottom:35px;} .fiftyLogo img{width:100%;} .fiftydirector{width:100%; text-align:center;} .fiftydirector img{width:100%;} .fiftydirector p.director01{font-size:20px; color:#2c2c2c; font-family:'Noto Sans KR R';} .fiftydirector p.director02{font-size:30px; color:#2c2c2c; font-family:'Noto Sans KR B';} .directorWrap{position:relative; clear:both; width:100%; margin-bottom:40px;} .directorWrap .directorText{position:absolute; z-index:5; top:70px; left:calc(50% - -40px);} .directorWrap .directorText .directorTit{font-size:35px; font-weight:bold;} .directorWrap .directorText .directorTit > span{position:relative; display:inline-block; color:#444; border-bottom:solid 7px #ff7500; height:39px; margin-bottom:10px;} .directorWrap .directorText p.directorSign{font-size:20px; color:#2c2c2c; font-family:'Noto Sans KR R'; margin-top:25px;} .directorWrap .directorText p.directorSign > span{font-size:30px; color:#2c2c2c; font-family:'Noto Sans KR B'; margin-left:10px;} .directorWrap .directorImg{width:100%;} .directorWrap .directorImg img{width:100%;} .directorArea{position:relative; overflow:hidden;} .directorArea .directorTxt{position:absolute; width:calc(100% - 40.3%); z-index:1; margin-top:50px;} .directorArea .directorTxt .titleBox{} .directorArea .directorTxt .titleBox p.titleSub{font-size:33px; font-family:'Noto Sans KR DL'; color:#444; letter-spacing:-0.1rem; line-height:2.8rem;} .directorArea .directorTxt .titleBox p.titleMain{font-size:47px; font-family:'Noto Sans KR B'; color:#444; letter-spacing:-0.1rem;} .directorArea .directorTxt .titleBox p.titleMain02{font-size:47px; font-family:'Noto Sans KR B'; color:#444; letter-spacing:-0.1rem; line-height:3.5rem;} .directorArea .directorTxt .titleBox p.titleEng{text-align:right; font-size:110px; font-family:'Noto Sans KR B'; color:rgba(0,0,0,0.07); line-height:2.9rem;} .directorArea .directorTxt .titleBox p.titleEng02{text-align:right; font-size:95px; font-family:'Noto Sans KR B'; color:rgba(0,0,0,0.07); line-height:2.9rem;} .directorArea .directorTxt .titleBox p.titleEng03{text-align:right; font-size:110px; font-family:'Noto Sans KR B'; color:rgba(0,0,0,0.07); line-height:4rem;} .directorArea .directorTxt .titleBox p.titleEng04{text-align:right; font-size:110px; font-family:'RobotoB'; color:rgba(0,0,0,0.07); line-height:5.2rem;font-weight:bold; letter-spacing:-0.04em;} .directorArea .directorTxt .directorInfo{margin-top:20%;} .directorArea .directorTxt .directorInfo.apr{margin-top:20%;} .directorArea .directorTxt .directorInfo::before{content:''; display:block; width:50px; height:5px; margin-bottom:3%;} .directorArea .directorTxt .directorInfo.jan::before{background-color:#1a5bb1;} .directorArea .directorTxt .directorInfo.feb::before{background-color:#c90513;} .directorArea .directorTxt .directorInfo.march::before{background-color:#a10120;} .directorArea .directorTxt .directorInfo.apr::before{background-color:#facb3f;} .directorArea .directorTxt .directorInfo.may::before{background-color:#01ab96;} .directorArea .directorTxt .directorInfo.jun::before{background-color:#5b5a2c;} .directorArea .directorTxt .directorInfo.july::before{background-color:#00834e;} .directorArea .directorTxt .directorInfo.aug::before{background-color:#d0009e;} .directorArea .directorTxt .directorInfo.sep::before{background-color:#003964;} .directorArea .directorTxt .directorInfo.oct::before{background-color:#ff3d1b;} .directorArea .directorTxt .directorInfo p.directorPosition{color:#2c2c2c; font-size:20px; font-family:'Noto Sans KR R';} .directorArea .directorTxt .directorInfo p.directorName{color:#2c2c2c; font-size:28px; font-family:'Noto Sans KR B';} .directorArea .directorBox{display:block; width:50%; max-width:515px; float:right;} .directorArea .directorBox img{width:100%;} .directorConArea{position:relative; overflow:hidden; margin-top:50px;} .directorConArea p{font-size:16px; color:#444; line-height:1.7rem; text-align:justify; /* word-break:keep-all; */} .directorConArea p.txtFull{margin-bottom:40px; } .directorConArea span.janTxt{color:#1a5bb1; font-size:20px; font-weight:bold;} .directorConArea span.febTxt{color:#c90513; font-size:20px; font-weight:bold;} .directorConArea span.march{color:#a10120; font-size:20px; font-weight:bold;} .directorConArea span.apr{color:#dfa800; font-size:20px; font-weight:bold;} .directorConArea span.mayTxt{color:#01ab96; font-size:20px; font-weight:bold;} .directorConArea span.junTxt{color:#5b5a2c; font-size:20px; font-weight:bold;} .directorConArea span.julyTxt{color:#00834e; font-size:20px; font-weight:bold;} .directorConArea span.augTxt{color:#d0009e; font-size:20px; font-weight:bold;} .directorConArea span.sepTxt{color:#003964; font-size:20px; font-weight:bold;} .directorConArea span.octTxt{color:#ff3d1b; font-size:20px; font-weight:bold;} .directorConArea .directorConLeft01{position:relative; width:100%; margin-bottom:40px; overflow:hidden;} .directorConArea .directorConLeft01 .imgHalf{width:57.2%; float:left;} .directorConArea .directorConLeft01 .imgHalf img{width:100%;} .directorConArea .directorConLeft01 p.txtHalf{width:36.8%; margin-left:6%; float:right;} .directorConArea .directorConLeft02{position:relative; width:100%; margin-bottom:40px; overflow:hidden;} .directorConArea .directorConLeft02 .imgHalf{width:36.8%; float:left;} .directorConArea .directorConLeft02 .imgHalf img{width:100%;} .directorConArea .directorConLeft02 p.txtHalf{width:57.2%; margin-left:6%; float:right;} .directorConArea .directorConLeft03{position:relative; width:100%; margin-bottom:40px; overflow:hidden;} .directorConArea .directorConLeft03 .imgHalf{width:59.7%; float:left;} .directorConArea .directorConLeft03 .imgHalf img{width:100%;} .directorConArea .directorConLeft03 p.txtHalf{width:34.3%; margin-left:6%; float:right;} .directorConArea .directorConRight01{position:relative; width:100%; margin-bottom:40px; overflow:hidden;} .directorConArea .directorConRight01 .imgHalf{width:57.2%; float:right;} .directorConArea .directorConRight01 .imgHalf img{width:100%;} .directorConArea .directorConRight01 p.txtHalf{width:36.8%; margin-right:6%; float:left;} .directorConArea .directorConRight02{position:relative; width:100%; margin-bottom:40px; overflow:hidden;} .directorConArea .directorConRight02 .imgHalf{width:43.6%; float:right;} .directorConArea .directorConRight02 .imgHalf img{width:100%;} .directorConArea .directorConRight02 p.txtHalf{width:50.4%; margin-right:6%; float:left;} .directorConArea .directorConRight03{position:relative; width:100%; margin-bottom:40px; overflow:hidden;} .directorConArea .directorConRight03 .imgHalf{width:36.8%; float:right;} .directorConArea .directorConRight03 .imgHalf img{width:100%;} .directorConArea .directorConRight03 p.txtHalf{width:57.2%; margin-right:6%; float:left;} .directorConArea .directorConRight04{position:relative; width:100%; margin-bottom:40px; overflow:hidden;} .directorConArea .directorConRight04 .imgHalf{width:43.6%; float:right;} .directorConArea .directorConRight04 .imgHalf img{width:100%;} .directorConArea .directorConRight04 p.txtHalf{width:50.4%; margin-right:6%; float:left;} .directorConArea .directorConRight05{position:relative; width:100%; margin-bottom:40px; overflow:hidden;} .directorConArea .directorConRight05 .imgHalf{width:59.7%; float:right;} .directorConArea .directorConRight05 .imgHalf img{width:100%;} .directorConArea .directorConRight05 p.txtHalf{width:34.3%; margin-right:6%; float:left;} .directorConArea .directorConcenter01{position:relative; width:100%; margin-bottom:40px;} .directorConArea .directorConcenter01 p.txtHalf{position:absolute; bottom:0; width:60%;} .directorConArea .directorConcenter01 .imgFull{width:100%;} .directorConArea .directorConcenter01 .imgFull img{width:100%;} .icon_50th_line{position:relative; height:76px; margin-bottom:40px;} .icon_50th_line img{position:absolute; left:50%; margin:0 auto; transform:translateX(-50%); z-index:1;} .icon_50th_line::after{content:''; display:block; position:absolute; top:50%; width:100%; height:1px; background-color:#a2a19f;} .ResponsivePc{display:block;} .ResponsiveTab{display:none;} .variationCase0101{display:block;} .variationCase0102{display:none;} .btn_list{text-align:center; margin-top:30px;} .btn_list a{display:inline-block; padding:5px 19px; color:#fff; background-color:#1a5bb1; text-decoration:none;} .btn_list a span{font-size:17px; color:#fff; padding-right:30px; background:url("../images/sub/intro/icon_list_btn.png") center right no-repeat;} /* 50주년 리스트 */ .fiftythListWrap{box-sizing:border-box; } .fiftythListWrap ul{} .fiftythListWrap ul li.fiftythList{position:relative; width:100%; margin-bottom:20px; border:solid 1px #dddddd; box-sizing:border-box;} .fiftythListWrap ul li.fiftythList a{display:block; padding:10px 30px; font-family:"Malgun Gothic";} .fiftythListWrap ul li.fiftythList a .fiftyth_thumb{position:relative; float:left; width:220px; height:135px;} .fiftythListWrap ul li.fiftythList a .fiftyth_thumb img{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .fiftythListWrap ul li.fiftythList a dl{width:calc(100% - 260px); float:right; box-sizing:border-box;} .fiftythListWrap ul li.fiftythList a dl dt.fiftythTit{font-size:18px; font-weight:bold; color:#222; margin:8px 0 15px 0;} .fiftythListWrap ul li.fiftythList a dl dd.fiftythCon{font-size:15px; color:#4a4a4a; margin-bottom:3px; height:2.8em; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; -webkit-line-clamp:2; line-height:1.4em; -webkit-box-orient:vertical; display:-webkit-box;} .fiftythListWrap ul li.fiftythList a dl dd.fiftythDate{font-size:15px; color:#9d845f; } .fiftythListWrap ul li.fiftythList a:after{content:""; display:table; clear:both;} .fiftythListWrap ul li.fiftythList a:hover .fiftythTit{text-decoration:underline;} /* 2021정책방향 20210319 */ .policyLabelWrap{display:block; overflow:hidden;} .policyLabel{float:left; color:#1c1c1c; font-size:17px; font-family:'Noto Sans KR DL'; padding:10px 15px 0 0;} .policyLabelWrap img.pcPolicy{width:100%; max-width:none;} .policyLabelWrap img.mPolicy{display:none;} /* 2021정책방향 20210319 */ .historyWrap img{width:100%; margin-top:50px; max-width:none;} /* 연혁 20220620 */ .historyWrapBox{height:500px;} .historyWrapBox ul.historyYear:before{ content: ""; display: block; position: relative; height: 1px; width: 100%; background-color: #f1f1f1; border-radius: 50%; } .historyWrapBox ul.historyYear li{ display:inline-block; margin-right:430px; } .historyWrapBox ul.historyYear li:last-of-type{ display:inline-block; margin-right:0px; } .historyWrapBox ul.historyYear li.on strong{ font-size:28px; color:#af9a7a; font-family: 'RobotoB'; line-height:60px; } .historyWrapBox ul.historyYear li.off strong{ font-size:20px; color:#a1a1a1; font-family: 'RobotoB'; line-height:60px; } .historyWrapBox ul.historyYear li.on strong:before{ content: ""; display: block; position: absolute; z-index: 30; width: 15px; height: 15px; border: 1px solid #af9a7a; background-color: #af9a7a; border-radius: 50%; top:349px; } .historyWrapBox ul.historyYear li.off strong:before{ content: ""; display: block; position: absolute; z-index: 30; width: 8px; height: 8px; border: 1px solid #d9d9d9; background-color: #d9d9d9; border-radius: 50%; top:353px; } .historyWrapBox .historyContent{margin-top:50px; height:320px;width:100%;padding:0 10px 0 0px;} .historyWrapBox .historyContent .cont::-webkit-scrollbar{display:none;} .historyWrapBox .historyContent .cont{display:inline-block; overflow-y:auto; height:320px; margin-right: 50px;} .historyWrapBox .historyContent .cont ul li{border: 1px solid #dbdbdb;padding: 20px 40px 44px 23px;margin-bottom:40px;} .historyWrapBox .historyContent .cont ul li:last-of-type{margin-bottom:0px;} .historyWrapBox .historyContent .cont ul li p.historyDay{font-size:20px;color:#927549;margin-bottom:20px;font-family: 'RobotoM';} .historyWrapBox .historyContent .cont ul li p.historyTxt{font-size:16px;color:#3e3e3e; line-height:28px;} .historyWrapBox .historyContent .historyPhoto{display:inline-block;margin-right: 20px;max-width: 500px;max-height: 320px;} .historyWrapBox .historyContent .historyPhoto img{height:auto;max-width:100%;} .historyWrapBox .historyContent .historyControl{display:inline-block; width:60px;} .historyWrapBox .historyContent .historyControl .btnUp{background:url(/images/sub/history_up.png) center center no-repeat; cursor: pointer; width: 60px;height: 60px;border: solid 1px #af9a7a;border-radius: 60px;display: inline-block;transition: all 0.5s; margin-bottom:15px;} .historyWrapBox .historyContent .historyControl .btnUp:hover{background:url(/images/sub/history_up_hover.png) center center no-repeat #af9a7a; transition: 0.3s;} .historyWrapBox .historyContent .historyControl .btnDown{background:url(/images/sub/history_down.png) center center no-repeat; cursor: pointer; width: 60px;height: 60px;border: solid 1px #af9a7a;border-radius: 60px;display: inline-block;transition: all 0.5s;} .historyWrapBox .historyContent .historyControl .btnDown:hover{background:url(/images/sub/history_down_hover.png) center center no-repeat #af9a7a; transition: 0.3s;} .historyWrapBox2{height:430px;} .historyWrapBox2 .title {display:inline-block;width:30%;color:#222; float:left;} .historyWrapBox2 .title .txt1 {font-size:25px;font-weight:bold;} .historyWrapBox2 .title .txt2 {font-size:25px;} .historyWrapBox2 .historyWrapTable {width:69%; display:inline-block; float:right;} .historyWrapBox2 .historyWrapTable dl {position: relative; width:100%;} .historyWrapBox2 .historyWrapTable dl dt {border:1px solid #af9a7a; background:#fdf8f0;color:#89724f;font-size:16px; height:50px; line-height:50px;margin-bottom:10px;} .historyWrapBox2 .historyWrapTable dl span.yeartxt {margin-left:160px;} .historyWrapBox2 .historyWrapTable dl span.numtxt {margin-left:215px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont {border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-top:1px solid #d2d2d2; height:45px; line-height:45px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont:last-of-type {border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; height:45px; line-height:45px;} .loader3{ position: relative; width: 510px; height: 2px; top: 45%; top: -webkit-calc(50% - 10px); top: calc(50% - 10px); left: 17px; } .loader3:before{ content: ""; position: absolute; background-color: #af9a7a; top: -2px; left: 0px; height: 3px; width: 0px; z-index: 0; opacity: 1; -webkit-transform-origin: 100% 0%; transform-origin: 100% 0% ; -webkit-animation: loader3 10s ease-in-out infinite; animation: loader3 10s ease-in-out infinite; } @-webkit-keyframes loader3{ 0%{width: 0px;} 70%{width: 100%; opacity: 1;} 90%{opacity: 0; width: 100%;} 100%{opacity: 0;width: 0px;} } @keyframes loader3{ 0%{width: 0px;} 70%{width: 100%; opacity: 1;} 90%{opacity: 0; width: 100%;} 100%{opacity: 0;width: 0px;} } /* 인사말 20220620*/ .directorGreetings{margin-bottom:30px;} .directorContents{font-size:38px; line-height:68px; color:#222;text-align:center;font-weight:bold; font-family: 'Noto Sans KR B';} .directorContents > span {background:linear-gradient(to top, #af9a7a8a 30%, transparent 0%);} .directorMain{position: relative; background:url(../images/sub/directorGreeting.png) no-repeat; width:100%; height:310px;background-size: cover; margin-bottom:30px;} /* .directorTxtNew{width:650px; float:right; text-align:right; margin-top:140px; margin-right:60px;} */ .directorTxtNew{position: absolute; transform: translateY(-50%); top: 60%; right: 3%; width:650px; text-align:right;} .directorTxtNew > p.cont1{font-size: 23px; color:#715121; font-family:Noto Sans KR DL; line-height:43px; margin-bottom:10px;} .directorTxtNew > p > span.cont2{font-size: 17px; font-family:Noto Sans KR DL; line-height:60px;margin-right:20px;} .directorTxtNew > p > span.cont3{font-size: 55px; font-family:NanumPen;} .GreetingsDiv1{width:47%; display:inline-block;font-size: 16px; font-family:Noto Sans KR DL; line-height:28px;} .GreetingsDiv2{width:47%; display:inline-block;font-size: 16px; font-family:Noto Sans KR DL; line-height:28px; float:right;} .m_cont1{display:none;} .pc_cont2{display:block;} .m_cont2{display:none;} /* 로고 소개 20210525 */ .logoWrap{position:relative; overflow:hidden; margin-top:50px;} .logoWrap .logoBox01{position:relative; width:100%; padding:38px 10px; text-align:center; border:solid 1px #cdcdcd; box-sizing:border-box; background:#f8f8f8;/*background:url("../images/sub/intro/pattern_grid.png");*/} .logoWrap .logoBox01 img{margin:0 auto;} .logoWrap .logoTxt{margin-top:25px; font-size:16px; color:#3d3d3d; line-height:30px;} .logoWrap h3{font-size:25px; color:#222; font-weight:bold; margin-bottom:20px; } .logoCalli{position:relative; width:100%; margin-top:30px;} .logoCalli .logoCalli_tit{font-size:16px; color:#907956; font-weight:bold; margin-bottom:12px;} .logoCalli ul{} .logoCalli ul li{margin-bottom:5px; padding-left:10px; color:#888; font-size:15px;/*background:url("../images/sub/intro/bullet_logo.png") 0 11px no-repeat;*/} .logoType{margin-top:40px;} .logoType .logoBox02{position:relative; overflow:hidden; width:80%; padding:20px 10px; text-align:center; border:solid 1px #e6e6e6; box-sizing:border-box; float:right;margin-bottom:20px;} .logoType .logoBox02 .logoLang{overflow:hidden;/*border-bottom:solid 1px #e2e2e2;*/} .logoType .logoBox02 .logoLang ul{} .logoType .logoBox02 .logoLang ul li{width:50%; float:left;} .logoType .logoBox02 .logoLang ul li.logoLang_img01{display:flex; justify-content:center; flex-direction:column; height:130px; align-items: center;} .logoType .logoBox02 .logoLang ul li img{margin:0 auto;} .logoType .logoBox02 .logoLang h4{font-size:18px; color:#333; font-weight:bold; text-align:left; margin-bottom:10px; padding-left:40px;} .logoType .logoBox02 .logoLang .korLogo{overflow:hidden; width:100%;} .logoType .logoBox02 .logoLang .engLogo{overflow:hidden; width:100%;} .logoType .logoBox02 .logoArea{position:relative; overflow:hidden; margin-bottom:30px;} .logoType .logoBox02 .logoArea ul{} .logoType .logoBox02 .logoArea ul li{width:50%; float:left; text-align:center;margin-top:30px;} .logoType .logoBox02 .logoArea ul li img{margin:0 auto; } .logoType .logoBox02 .logoColor{position:relative; overflow:hidden; padding-left:10px;} .logoType .logoBox02 .logoColor .logoColorArea{overflow:hidden; margin-top:20px;width:46%;float:left; border:1px solid #cdcdcd} .logoType .logoBox02 .logoColor .logoColorArea.barBlue{margin-right:50px;} .logoType .logoBox02 .logoColor .logoColorArea.barBlue p{width:120px; height:45px; float:left; padding:45px 0; background-color:#003964; text-align:center; color:#fff; margin-right:30px;} .logoType .logoBox02 .logoColor .logoColorArea.barBlue h4{text-align:left; padding:10px 0;font-size:17px; font-weight:bold;} .logoType .logoBox02 .logoColor .logoColorArea ul{float:left;text-align:left;} .logoType .logoBox02 .logoColor .logoColorArea ul li{float:left; background:url("../images/sub/intro/colorLine.png") center right no-repeat;} .logoType .logoBox02 .logoColor .logoColorArea ul li:last-child{background:none;} .logoType .logoBox02 .logoColor .logoColorArea.barRed p{width:120px; height:45px; float:left; padding:45px 0; background-color:#e5022f; text-align:center; color:#fff; margin-right:30px;} .logoType .logoBox02 .logoColor .logoColorArea.barRed h4{text-align:left; padding:10px 0; margin-right:30px; font-size:17px; font-weight:bold;} .logoDown{margin-top:30px; overflow:hidden;} .logoDown ul{} .logoDown ul li{float:left; width:30%; margin-right:5%;} .logoDown ul li:last-child{margin-right:0%;} .logoDown ul li a{display:block;text-align:center; /*border:solid 1px #326ebd; border-bottom-right-radius:10px;*/ } .logoDown ul li a:hover{text-decoration:underline; color:#326ebd;} .logoDown ul li a span.downTitle{ color:#998567;font-size:18px;bottom:30px;margin-left:20px;position:relative;} .logoDown ul li a span.icon{ background:url("../images/sub/intro/icon_logoDown.png") center center no-repeat; width: 80px;height: 80px;border: solid 1px #af9a7a;border-radius: 80px; display: inline-block;transition: all 0.5s;} .logoDown ul li a span.icon:hover{ background:url("../images/sub/intro/icon_logoDown_hover.png") center center no-repeat #af9a7a; transition: all 0.5s;} /* 50주년 포럼 20211112 */ .forumArea{position:relative; margin-top:40px; overflow:hidden;} .forumArea > p > img{width: 100%;} .forumtxtBox{height:300px; padding-top:20px; margin-top:20px; font-size:24px; color:#828282; background:url("../images/sub/intro/forum_bg.jpg") bottom right no-repeat;} .forumtxtBox p.forumTit01{position:relative;} .forumtxtBox p.forumTit01 span{position:relative; color: #3b3b3b; font-size: 28px; font-weight: bold; padding-left: 10px;} .forumtxtBox p.forumTit01::before{content:''; display:inline-block; background-color:#5cebc7; border-radius:50%; width:30px; height:30px; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:0;} .forumtxtBox p.forumTit02{font-size:17px; color:#505050; margin-top: 10px; width: 60%;} .forumtxtInfo{position:relative; display:block; margin-top:40px; } /* .forumtxtInfo::before{content:''; display:block; position:absolute; left:10px; top:0; width:30px; height:2px; background-color:#828282;} */ .forumtxtInfo p.forumTitDate{position:relative; display:block; font-size:18px; color:#4a8e96; padding-left: 10px; margin-bottom: 5px;;} .forumtxtInfo p.forumTitDate::before{content:''; display:inline-block; background-color:#4a8e96; border-radius:50%; width:5px; height:5px; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:0;} .forumtxtInfo p.forumTitPlace{font-size:17px; color:#373737; margin-top:-5px;} .forumtxtLeft{font-size:15px; color:#373737; text-align: left; margin-top: 10px;} .btn_forum{display: inline-block; border: solid 1px #db2532; padding: 7px 14px; font-size: 15px; border-radius: 3px; margin-top: 50px;} .btn_forum span{color: #db2532; padding-right: 60px; font-weight: 700; background:url("../images/sub/intro/icon_youtube.png") center right no-repeat;} /* 탭 전체 스타일 */ .forumCon{} .forumtabs{margin-top:50px; padding-bottom:40px; background-color:#ffffff; width:100%; text-align:center;} /* 탭 스타일 */ .tab_item {width:180px; height:50px; background-color:#fff; border:solid 1px #bbbbbb; line-height:50px; font-size:16px; text-align:center; color:#4e4e4e; display:inline-block; text-align:center; font-weight:normal; transition:all 0.2s ease; box-sizing: border-box; margin-right: -4px;} /* .tab_item:hover{opacity:0.75;} */ /* 라디오 버튼 UI삭제 */ input[name="tab_item"] {display:none;} /* 탭 컨텐츠 스타일 */ .tab_content {display:none; padding:40px 0 0; clear:both; overflow:hidden;} /* 선택된 탭 콘텐츠를 표시 */ .forumCon #all:checked ~ #all_content, .forumCon #programming:checked ~ #programming_content, #design:checked ~ #design_content {display:block;} /* 선택된 탭 스타일 */ .forumtabs input:checked + .tab_item{color:#fff; background-image: linear-gradient(135deg, transparent 9px, #A38D6C 0); background-color: transparent; border: none; transform: translateY(-0.9rem);} /* 202302 명도대비 */ .tblForum {border-top:2px solid #a5a5a5; margin: 0 auto; font-size:14px; font-family:"Malgun Gothic";} .tblForum th,.tblForum td { padding: 14px 15px; text-align:center; border: 1px solid #ccc;} .tblForum th,.tblForum td img{margin: 0 auto;} .tblForum th img, .tblForum td img {width: 100%; } .tblForum th,.tblForum td:last-of-type { padding: 14px 15px; border-bottom:1px solid #ccc; text-align:center;} .tblForum.tblForum td:last-of-type li { padding: 4px 0;} .tblForum th { background:#f2f2f2; text-align:center;} .tblForum td.case_title{text-align:left;} .tblForum td.case_title a{color: #333; margin:0 2px 0 3px;} .tblForum td.rgt {text-align:right;padding-right:10px;} .tblForum td.center {text-align:center;} .btn_page_m{display:none;} /* 20220701 pagination start >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ .pagination { margin: 35px auto 50px; text-align: center; font-size: 0; } .pagination > a { display: inline-block; text-align: center; width: 34px; height: 34px; margin: 0 2.5px; color: #666; line-height: 34px; border: 1px solid #ddd; font-weight: 500; font-size: 14px; } .pagination > a.firstPage { background: url(../images/common/btn/firstPage.png) no-repeat center; } .pagination > a.prevPage { background: url(../images/common/btn/prevPage.png) no-repeat center; } .pagination > a.nextPage { background: url(../images/common/btn/nextPage.png) no-repeat center; } .pagination > a.lastPage { background: url(../images/common/btn/lastPage.png) no-repeat center; } .pagination ul { display: inline-block; vertical-align: top; margin: 0 5px; } .pagination ul li { float: left; vertical-align: top; margin-right: 5px; } .pagination ul li a { display: block; width: 34px; height: 34px; color: #666; line-height: 34px; border: 1px solid #cbcccd; font-weight: 500; font-size: 14px; text-align: center; } .pagination ul li a.active { color: #fff; background-color: #A18964; border-color: #A18964; } /* 202302 명도대비 */ .pagination ul li:last-of-type { margin-right: 0; } .blind{display: block; overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; background-color: transparent; font-size: 0; line-height: 0;} /* 20220801 */ .status-history {padding-top: 100px;} .status-history dl {display: table;width: 100%;} .status-history dt {display: table-cell;min-width: 270px;} .status-history dd {display: table-cell;padding-left: 30px;width: 100%;} .status-history dt h3 {color: #222; line-height: 1;font-weight: 600; font-size: 24px; } .status-history dt .txt {padding-top: 10px; color: #222; line-height: 1;font-weight: 400; font-size: 22px; } .tb-status { border-top:1px solid #af9a7a;width: 100%;} .tb-status thead {margin-bottom: 10px; border:1px solid #af9a7a;background-color: #fdf8f0;} .tb-status thead th {padding: 16px; background-color: #fdf8f0;color: #89724f;font-size: 16px;font-weight: 500;line-height: 1;} .tb-status tbody tr {border: 1px solid #d2d2d2;} .tb-status tbody td { padding: 14px 0; border-bottom:1px solid #ccc; text-align:center;color: #3e3e3e;font-size: 16px;font-weight: 400;line-height: 1;} .tb-status tbody:before {line-height: 10px;content: ".";color: #fff;display: block;width: 100%;} .tb-status td.center {text-align:center;} .swiper-history {position: relative; display: flex;padding:0 110px 0 0;max-height: 320px; height: auto !important;} .swiper-history .year-photo {display: inline-block;min-width: calc(100% - 420px);padding-right: 30px;overflow: hidden;} .swiper-history .year-photo * {height: 100%;} .swiper-history .year-photo .swiper-slide {height: auto;margin-bottom: 40px;} .swiper-history .year-photo .swiper-slide:last-of-type {margin-bottom: 0 !important;} .swiper-history .year-photo img {width: 100%; height: 100%;} .swiper-history .swiper-history-list {display: inline-block;overflow: hidden; z-index: 1;} .swiper-history .swiper-history-list .swiper-container {height: 100%;} .swiper-history .swiper-history-list .swiper-container > div {height: auto;} /* .swiper-history .swiper-history-list::-webkit-scrollbar {display: none;} */ .swiper-history .swiper-history-list .swiper-slide {height: auto;width: auto;} .swiper-history .swiper-history-list .swiper-slide:last-of-type {margin-bottom: 0 !important;} .history-list .swiper-slide {padding: 20px 23px; border: 1px solid #dbdbdb;text-align: left;} .history-list .swiper-slide h3 {color: #927549; line-height: 1;font-weight: 500; font-size: 20px; } .history-list .swiper-slide .txt {padding-top: 20px;} .history-list .swiper-slide .txt li {color: #3e3e3e; line-height: 1.6;font-weight: 400; font-size: 16px; } .history-list .swiper-slide {margin-bottom: 40px;} .swiper-btn-history {position: absolute;right: 0;bottom: 0;width: 60px;height: 150px;} .swiper-btn-history > div {border-radius: 50%;} .swiper-btn-history > div {display: inline-block;padding: 29px; cursor: pointer;} .swiper-btn-history > .swiper-button-disabled {display: inline-block;padding: 29px; cursor: default;border: 1px solid #af9a7a;} .swiper-btn-history > .swiper-history-prev {background: #af9a7a url(../images/swiper-history-prev-on.png) no-repeat center;background-size: 17px;} .swiper-btn-history > .swiper-history-next {margin-top: 30px;background: #A38F72 url(../images/swiper-history-next-on.png) no-repeat center;background-size: 17px;} /* 202302 명도대비 */ .swiper-btn-history > .swiper-history-prev.swiper-button-disabled {background: url(../images/swiper-history-prev-off.png) no-repeat center;background-size: 17px;} .swiper-btn-history > .swiper-history-next.swiper-button-disabled {background: url(../images/swiper-history-next-off.png) no-repeat center;background-size: 17px;} /* 2023 history start */ .hi_Wrap {position: relative; padding-bottom: 40px; background-color: #ffffff; width: 100%; margin: 0 auto; text-align: center;} .hi_item {width: 220px; height: 50px; border: solid 1px #967E6D; background-color: #fff; line-height: 49px; font-size: 17px; text-align: center; color: #967E6D; display: inline-block; margin-left: -4px; font-family: 'Noto Sans KR R'; transition: all 0.2s ease; box-sizing: border-box;} .tabLeft::before{content: ''; position: absolute; width: calc(50% - 230px); left: 0; top: 24px; height: 1px; background-color: #967E6D;} .tabRight::before{content: ''; position: absolute; width: calc(50% - 230px); right: 0; top: 24px; height: 1px; background-color: #967E6D;} .hi_Wrap input:checked + .hi_item {background-color: #967E6D; color: #fff;} input[name="hi_item"] {display: none;} .hi_content {display: none; position: relative; margin: 100px 0 40px;} #kocis:checked ~ #kocis_content, #kcc:checked ~ #kcc_content{display: block;} .bg_line{position: absolute; left: 50%; top: 10px; height: calc(100% - 85px); width: 1px; background-color: #ccc;} .hi_list{position: relative; min-height: 87px;} .hi_list + .hi_list{margin-top: 70px;} .hi_year{display: block; position: absolute; box-sizing: border-box; width: calc(50% - 105px); height: 100px; padding: 0px 0px 0.001px; right:0; top:0;} .hi_year p{position:absolute; left: 0; right: auto; color:white; font-size:100px; line-height:1; font-weight:bold; font-family:'RobotoB'; text-shadow:1px 1px 0px #7a563c, -1px -1px 0px #7a563c, 1px -1px 0px #7a563c, -1px 1px 0px #7a563c, 1px 1px 0px #7a563c;} .hi_list:nth-child(odd) .hi_info{flex-flow:row-reverse;} .hi_list:nth-child(odd) .hi_year{right:auto; left:0;} .hi_list:nth-child(odd) .hi_year p{right: 0; left: auto;} .hi_info{position:relative; display:flex; align-items:center; max-width:100%; margin:35px 0;} .hi_bullet{display:flex; justify-content:center; align-items:center; position:absolute; left:50%; top:20%; transform:translate(-50%,-50%); width:20px; height:20px; border-radius:100%; background:#fff; border: solid 5px #967E6D; box-sizing: border-box;} .fir_bullet{top: 29%;} .hi_txt{width: calc(50% - 105px); text-align: left;} .hi_txt .hi_txt_date{font-family: 'Noto Sans KR M'; font-size: 17px; color: #967E6D; margin-bottom: 10px;} .hi_txt .hi_txt_con{font-family: 'Noto Sans KR R'; font-size: 16px; color: #444; line-height: 24px; word-break: keep-all;} .hi_list:nth-child(even) .hi_txt{flex-direction:row-reverse;padding-left:0;padding-right:215px;text-align:right;} .hi_list:nth-child(even) .hi_txt .hi_txt_date, .hi_list:nth-child(even) .hi_txt .hi_txt_con{left:auto;right:0;} .hi_total{position: absolute; left: 50%; top: -75px; transform: translateX(-50%); font-size: 22px; color: #444; font-family: 'Noto Sans KR R';} .kocis_bg{background:url("../images/sub/intro/kocis_bg.png") right bottom no-repeat;} /* .kcc_bg{background:url("../images/sub/intro/kcc_bg.png") right bottom no-repeat;} */ .hi_list.kcc_bg::before{content: ''; position: absolute; bottom: 0; right: 100px; background:url("../images/sub/intro/kcc_bg.png") right bottom no-repeat; width: 207px; height: 120px;} @media screen and (max-width: 1400px){ .hi_list.kcc_bg::before{right: auto; left: 62%;} } @media screen and (max-width: 900px){ .hi_content {margin: 60px 0 0;} .bg_line{display:none;} .hi_list{position:relative;} .hi_list + .hi_list{margin-top:40px;} .hi_list:nth-child(odd) .hi_year p{left: 0; right: auto;} .hi_year{position:relative; height: 80px;} .hi_year p{font-size:60px;} .hi_info{justify-content:space-between; margin:0;} .hi_info + .hi_info{margin-top:25px;} .hi_info .hi_bullet{left:0; top: 5px; transform:none;} .fir_bullet{top: 5px} .hi_info .hi_txt{width:calc(100% - 15px); flex-direction: row; padding-right: 0 !important; text-align: left !important; padding-left: 30px !important;} .hi_list:nth-child(odd) .hi_info{flex-flow:row;} .hi_list:nth-child(even) .hi_txt .hi_txt{flex-direction:row;padding-right:0;padding-left:215px;text-align:left;left:0;right:auto;} .hi_total{top: -45px; font-size: 18px;} .kocis_bg{background:none;} .hi_list.kcc_bg::before{background:none;} } @media screen and (max-width: 520px){ .hi_item {font-size: 16px; box-sizing: border-box; width: 135px; height: auto; line-height: 22px; word-break: keep-all; padding: 8px 0;} .tabLeft::before{display: none;} .tabRight::before{display: none;} } /* 2023 history end */ /* 2023 비공개세부기준 start */ .private_Wrap {position: relative; padding-bottom: 40px; background-color: #ffffff; width: 100%;} .private_Wrap:after {content: ''; position: absolute; left: 0; top: 49px; width: 100%; height: 1px; background-color: #967E6D;} .private_header {position: relative;} .private_Tit01 {padding:0 0 20px;color:#333;font-size:23px;line-height:29px; font-weight:500;} .private_Box {overflow: hidden; padding:30px 35px;border:1px solid #d1d1d1;line-height:25px; margin-bottom: 40px;} .private_Tit02 {float: left; position:relative;color:#333; font-size: 18px; color: #795724;} .private_Tit02::before {display: inline-block; margin-right: 7px; content: '-';} .private_BtnWrap{float: right;} .private_BtnSmall {margin:0;padding:0;border:0;vertical-align:middle;background:none;display:inline-block;} .private_BtnSmall span {position: relative; padding: 9px 35px 9px 16px; background-color:#f5f4f2; border:1px solid #d0cfcf; border-radius:0; color:#333; font-size:16px; } .private_BtnSmall span.ico_pop::after{content: ''; width: 13px; height: 13px; background-image: url(https://www.kocis.go.kr/images/layout/icon_newWindow_header.png); background-position: right center; background-repeat: no-repeat; position: absolute; display: block; right: 17px; top: 16px;} .private_Tit03 {position: relative; padding: 0 0 15px 20px; color: #333; font-size: 17px;} .private_Tit03::before {content:"";position:absolute;top:15px;left:8px;display:block;width:4px;height:4px;margin-top:-6px;background:#967E6D;} /* 20230510 수정 */ .private_List > li {position: relative; padding:10px 0 5px 14px} .private_List > li:before {content:"";display:block;position:absolute;top:23px;left:5px;width:2px;height:2px;background:#8f8f8f} .private_item {position: relative; width: 220px; height: 50px; border: solid 1px #967E6D; background-color: #fff; line-height: 49px; font-size: 17px; text-align: center; color: #967E6D; /* float: left; */ font-family: 'Noto Sans KR R'; transition: all 0.2s ease; box-sizing: border-box; display: inline-block;} /* 20230510 수정 */ .private_Wrap input:checked + .private_item {background-color: #967E6D; color: #fff;} input[name="private_item"] {display: none;} /* 20230510 수정 */ .private_content {display: none; position: relative; margin: 30px 0 0 0;} #Common:checked ~ #Common_content, #Dept:checked ~ #Dept_content{display: block;} .private_Tit04{padding: 0 0 20px; color: #333; font-size: 23px; line-height: 29px; font-weight: 500;} @media all and (max-width:768px) { .private_Wrap:after {display: none;} /* 20230510 추가 */ .private_Box {padding: 15px; margin-bottom: 20px;} .private_Tit01 {font-size: 17px; padding: 0 0 10px;} .private_Tit02 {float:none; font-size: 15px; margin-bottom: 10px;} .private_BtnWrap {float:none;} .private_BtnSmall span {font-size: 14px; padding: 4px 35px 4px 16px;} .private_BtnSmall span.ico_pop::after {right: 15px; top: 8px;} .private_Tit03 {font-size: 15px; padding: 0 0 10px 16px;} .private_List > li {font-size: 14px; padding: 5px 0 0 16px;} .private_List > li:before {top: 17px;} /* 20230510 추가 */ .private_Line{float: right;} /* 20230510 추가 */ .private_item {position: relative; width: 50%; padding: 0; font-size: 15px;} .private_content table{font-size: 14px;} .private_Tit04 {font-size: 17px; padding: 0 0 10px;} } @media all and (max-width:360px) { .private_item {font-size: 14px;} } /* 2023 비공개세부기준 end */ /* 개인정보 처리방침 추가 20220930 */ .person h2{font-weight: bold;} .person h3.tit01_ {padding: 0 0 20px; color: #0a6da6 !important; font-size: 20px; line-height: 25px; font-weight: 500; margin-top: 20px;} .person h3.tit01_ span img {display: inline-block;} .person .red{color: #b81613 !Important;} .person .tit01.ac{margin-top:50px;} .person sup {font-size: 14px !important; color: #ce3912;} .privacy_label_wrap{clear: both;} .privacy_label{display:inline-block;width:calc(100% + 28px);padding:0;margin:0px -14px 5px -14px; box-sizing: border-box;} .privacy_label .label_box{position: relative; float:left;width:calc(33% - 28px);box-sizing: border-box;margin:14px;padding:30px;text-align:center; border: 1px solid #dcdcdc; border-radius: 5px;} .privacy_label .label_box img{margin: 0 auto;} .privacy_label .label_box:hover{border: 1px solid #4d74c2; box-shadow: 0 0.2rem 0.8rem rgba(175,154,122,0.2);} .privacy_label .label_box .label_layer{display: none; position: absolute; box-sizing: border-box; border-radius: 8px; background-color: #fff; border: 1px solid #ccd8e6; width: 580px; z-index: 999; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2);} .privacy_label .label_box .label_layer .label_desc_top{width: 100%;box-sizing: border-box;padding:10px;background-color:#526faa;border-top-right-radius: 8px;border-top-left-radius: 8px;} .privacy_label p.label_cnt{color: #555; font-size: 16px; margin-top:5px; padding: 0 !important;} .label_desc_top p{color: #fff; text-align:left; font-size: 16px; padding: 0;} .label_desc_btm {padding:15px 20px;} .label_desc_btm > p{font-size: 16px;} .label_desc_btm p{ text-align:left;} .label_desc_btm .tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;margin-top:10px;letter-spacing:-1px;} .label_desc_btm .tbl-type01 th {padding:7px;font-size: 15px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f5f5f5;color:#333;text-align:center;line-height:1em;} .label_desc_btm .tbl-type01 td {padding:5px;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;} .label_desc_btm .tbl-type01 td .desc_tit{font-weight:500; font-size: 15px;color: #1647aa; word-break: keep-all; letter-spacing:-0.5px; line-height:1.5rem !important; } .label_desc_btm .tbl-type01 td .desc_cnt{color: #333;font-size: 14px; line-height:1.6rem !important;} .desc_wrap{display: flex;flex-flow: row wrap;} .desc_box{width: 100%;border-radius: 10px; border: 1px solid #eee;box-sizing: border-box;padding: 10px 15px !important; margin-top:10px; margin-bottom:10px; display: flex;flex-flow: row wrap;justify-content: space-between;} .desc_tit{width: 30%;font-weight:500; font-size: 15px;color: #1647aa; word-break: keep-all; letter-spacing:-0.5px; line-height:1.5rem !important;} .desc_cnt{ width: 69%;color: #333;font-size: 14px; line-height:1.6rem !important;} .label_desc_btm .tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83;} .label_desc_btm > ul > li > p{padding: 0 !important;} .desc_icon{box-sizing: border-box; padding-left: 30px; } .desc_icon.edu{background:url(../images/sub/icon_edu.png)no-repeat 0 50%;} .desc_icon.dem{ background:url(../images/sub/icon_dem.png)no-repeat 0 50%;} .desc_icon.dec{background:url(../images/sub/icon_dec.png)no-repeat 0 50%;} .desc_icon.ins{background:url(../images/sub/icon_ins.png)no-repeat 0 50%;} .desc_icon.pro{background:url(../images/sub/icon_pro.png)no-repeat 0 50%;} .label_layer.num0{top:185px; left:0%; } .label_layer.num1{top:185px; left: 50%; transform: translateX(-50%); } .label_layer.num2{top:185px; right:-1%; } .label_layer.num3{top:185px; left: 0%; } .label_layer.num4{top:185px; left: 50%; transform: translateX(-50%); } .label_layer.num5{top:185px; right: -1%; } .cnt_list{width: 100%; padding:30px 5% 10px 5%; margin: 10px auto 0px; display: flex; flex-flow: row wrap; justify-content: space-between; border: 1px solid #d9d9d9; box-sizing: border-box;} .cnt_list li { width:45%; margin-bottom: 20px; position: relative; box-sizing: border-box;} .cnt_list li a{ color: #444; font-weight: 400; box-sizing: border-box; padding-left: 30px;height: 25px;display: block;} .cnt_list li:first-child a{background: url(../images/sub/img_object_20.png)no-repeat 0 0; } .cnt_list li:nth-child(2) a{background: url(../images/sub/img_period_20.png)no-repeat 0 0;} .cnt_list li:nth-child(3) a{background: url(../images/sub/img_third_20.png)no-repeat 0 0;} .cnt_list li:nth-child(4) a{background: url(../images/sub/img_consign_20.png)no-repeat 0 0;} .cnt_list li:nth-child(5) a{background: url(../images/sub/img_court_20.png)no-repeat 0 0;} .cnt_list li:nth-child(6) a{background: url(../images/sub/img_private_20.png)no-repeat 0 0;} .cnt_list li:nth-child(7) a{background: url(../images/sub/img_destruction_20.png)no-repeat 0 0;} .cnt_list li:nth-child(8) a{background: url(../images/sub/img_court_20.png)no-repeat 0 0;} .cnt_list li:nth-child(9) a{background: url(../images/sub/img_safe_20.png)no-repeat 0 0;} .cnt_list li:nth-child(10) a{background: url(../images/sub/img_cpo_20.png)no-repeat 0 0;} .cnt_list li:nth-child(11) a{background: url(../images/sub/img_browse_20.png)no-repeat 0 0;} .cnt_list li:nth-child(12) a{background: url(../images/sub/img_help_20.png)no-repeat 0 0;} .cnt_list li:nth-child(13) a{background: url(../images/sub/img_object_20.png)no-repeat 0 0;} .cnt_list li:nth-child(14) a{background: url(../images/sub/img_period_20.png)no-repeat 0 0;} .cnt_list li:nth-child(15) a{background: url(../images/sub/img_third_20.png)no-repeat 0 0;} .cnt_list li:nth-child(16) a{background: url(../images/sub/img_consign_20.png)no-repeat 0 0;} .cnt_list li:nth-child(17) a{background: url(../images/sub/img_private_20.png)no-repeat 0 0;} .cnt_list li:nth-child(18) a{background: url(../images/sub/img_destruction_20.png)no-repeat 0 0;} .cnt_list li:nth-child(19) a{background: url(../images/sub/img_safe_20.png)no-repeat 0 0;} .cnt_list li:last-child a{ background: url(../images/sub/img_change_20.png)no-repeat 0 0;} .list_icon{margin-right: 10px;} .list_icon img{vertical-align: middle;} ol.list03 > li {padding: 0 0 10px 15px; text-indent: -15px;} ol.list03 > li > ol, ol.list03 > li > ul {padding: 10px; margin: 0;} .policyListBox{width: 100%; border: 1px #e1e1e1 solid; box-sizing: border-box; padding: 15px 20px; margin-top: 30px;} /* 테이블 */ tr.ac td, tr.ac th {text-align:center;} tr.ar td {text-align:right;} [class*="tbl-type"] td .view {display:inline-block;width:auto;max-width:95%; line-height:1.3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; vertical-align: middle;} /* 20201218 새글 */[class*="tbl-type"] td .view + img {display:inline-block; vertical-align: middle;padding-left:2px;} /* 20210107 목록새글 */[class*="tbl-type"] td img.newicon {vertical-align: middle; padding-right:3px;} .tbl-type01 {position:relative;width:100%;border-top:1px solid #5e6b83; margin: 0 !important;} /* .tbl-type01.type01-1 td {vertical-align:top;} */ .box03 + .tbl-responsive .tbl-type01.type01-1 {border-top:0} .tbl-type01.type01-2 {border-top:2px solid #5e48e8;} .tbl-type01.type01-2 tr:last-child td {border-bottom:1px solid #5e48e8;} .tbl-type01.type01-3 {border-top:2px solid #4f6280;} .tbl-type01.type01-4 {border-top:2px solid #0083ca;} .tbl-type01.type01-4 tr:last-child td {border-bottom:1px solid #0083ca;} .tbl-type01.type01-5 {border-top:2px solid #96b71e;} .tbl-type01.type01-5 tr:last-child td {border-bottom:1px solid #96b71e;} .tbl-type01.type01-6 {border-top:2px solid #02afcb;} .tbl-type01.type01-6 tr:last-child td {border-bottom:1px solid #02afcb;} .tbl-type01.type01-7 {border-top:2px solid #e07e28;} .tbl-type01.type01-7 tr:last-child td {border-bottom:1px solid #e07e28;} .tbl-type01.type01-8 {border-top:2px solid #c65f42;} .tbl-type01.type01-8 tr:last-child td {border-bottom:1px solid #c65f42;} .tbl-type01 th {padding:20px 10px 19px;border-left:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f5f5f5;color:#333;text-align:center;line-height:1em;} .tbl-type01 th.bgno{background:#fff;} .tbl-type01 td {padding:17px 10px 16px;;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;} .tbl-type01 th:last-child, .tbl-type01 td:last-child {border-right:1px solid #dcdcdc} .tbl-type01 tr.bg01 td, .tbl-type01 tr.bg01 th {background:#e7f2f5;font-weight:500} .tbl-type01 tr.bg02 td {background:#f5f5f5;font-weight:500} .tbl-type01 tr.bg03 td {background:#e2f4ea;font-weight:500} .tbl-type01 tr.bg04 td {background:#f5f8d8;} .tbl-type01 a.link {color:#0a6da6;text-decoration:underline; word-break: break-all} .tbl-type01.bl_none th, .tbl-type01.bl_none td {border-left:0;} .tbl-type01.bl_none th:last-child, .tbl-type01.bl_none td:last-child {border-right:0;} .tbl-type02 {position:relative;width:100%;border-top:1px solid #b5b5b5;} .tbl-type02 th {background:#f5f5f5;font-weight:normal;text-align:left;} .tbl-type02 th, .tbl-type02 td {padding:13px 20px;border:1px solid #dcdcdc;} .tbl-type02 tr.bg01 td, .tbl-type02 tr.bg01 th {background:#e7f2f5;} .tbl-type01 .line{border:1px solid #cbcbcb;} table.budget td{padding-top:20px;} @media screen and (max-width: 768px){ .termsWrap .tit01.ac{margin-top:30px;} .privacy_label{display:inline-block; width:calc(100% + 18px); padding:0; margin:0px -7px 5px -7px; box-sizing: border-box;} .privacy_label .label_box{float: left; display:inline-block; width:calc(33% - 14px); box-sizing: border-box; margin:7px; padding:30px; text-align:center; border: 1px solid #dcdcdc; } table td label {font-size:13px !important;} .tbl-type01 th, .tbl-type01 td {padding:12px 10px;letter-spacing:-0.6px;} .tbl-type01 .line{width:100%;} [class*="tbl-type"] td .view.line2 {max-width:100%;margin-top:3px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;max-height:2.4rem; line-height:20px; white-space: normal;} .tbl-responsive{width:100%; overflow-x: scroll !important; -webkit-overflow-scrolling:touch !important;} .tbl-responsive table {min-width:600px;overflow-x:scroll} .tbl-type02 th, .tbl-type02 td {padding:5px} .tbl-type02 td input[type="text"] + .btn, .tbl-type02 td input[type="text"] + .btn + .btn, .tbl-type02 td input[type="text"] + .btn + .btn + .btn, .tbl-type02 td input[type="text"] + input[type="text"] {margin:5px 0 0} } @media screen and (max-width: 720px){ .privacy_label_wrap {display: none;} .cnt_list li {width:100%;} .select-style-pv{width:calc(100% - 70px);} .person h3.tit01_ {font-size: 17px; margin-top: 10px !important;} } @media all and (max-width:480px) { /* 20210111 */[class*="tbl-type"] td .view{max-width: calc(95% - 21px);} [class*="tbl-type"] td img.newicon {width:25px;} .tbl-type02 td input[type="text"] {width:100%;} .tbl-type02 th {font-size:13px;} .tbl-type01.type01-1 .ac td > img {width:100%;} .tbl-type01 .noline{width:100%;} } /* //개인정보 처리방침 추가 20220930 */ @media screen and (max-width: 1200px){ .swiper-history {padding: 0 80px 0 0;} .swiper-history .year-photo {min-width: calc(100% - 450px);} .swiper-history .swiper-history-list {width: 100%;} .history-list .swiper-slide {margin-bottom: 20px;} .history-list .swiper-slide .txt {padding-top: 10px;} .history-list .swiper-slide .txt li {font-size: 14px;} .swiper-btn-history {width: 44px;height: 105px;} .swiper-btn-history > div {padding: 20px;} .swiper-btn-history > .swiper-button-disabled {padding: 20px;} .swiper-btn-history > .swiper-history-prev {background-size: 12px;} .swiper-btn-history > .swiper-history-next {margin-top: 20px;background-size: 12px;} .swiper-btn-history > .swiper-history-prev.swiper-button-disabled {background-size: 12px;} .swiper-btn-history > .swiper-history-next.swiper-button-disabled {background-size: 12px;} .status-history dt h3 {font-size: 20px;} .status-history dt .txt {font-size: 16px;} .tb-status tbody td {font-size: 15px;} } @media screen and (max-width: 768px){ .swiper-history {flex-direction: column; padding: 0;max-width: 500px;margin: auto;max-height: 640px;} .swiper-history .year-photo {min-width: 100%;padding: 0;max-height: 320px;height: 320px;} .swiper-history .swiper-history-list .swiper-container {height: auto;max-height: 236px;} .swiper-history .swiper-history-list {width: 100%;margin-top: 20px;} .history-list .swiper-slide {margin-bottom: 10px;} .history-list .swiper-slide .txt {padding-top: 10px;} .history-list .swiper-slide .txt li {font-size: 15px;} .history-list .swiper-slide h3 {font-size: 17px;} .swiper-btn-history {width: 44px;height: 105px;display: none;} .status-history {padding-top: 50px;} .status-history dt h3 {font-size: 18px;} .status-history dt .txt {font-size: 16px;} .status-history dl {display: block;} .status-history dl dt {display: block;padding-bottom: 20px;} .status-history dl dd {display: block;padding-left: 0;} .tb-status tbody td {font-size: 15px;line-height: 1.4;padding: 10px 0;} .tb-status thead th {font-size: 15px;} } @media screen and (min-width: 640px) { .pagination a { -webkit-transition: all 0.3s; transition: all 0.3s; } .pagination a:hover { border-color: #AF9A7A;} .pagination ul li a.active:hover { color: #fff; background-color: #AF9A7A; border-color: #AF9A7A; } .pagination ul li a:hover { border-color: #ddd; background-color: #F0F0F0; } } @media screen and (max-width: 640px) { .pagination { margin-top: 25px; } .pagination a { width: 30px; height: 30px; line-height: 28px; } .pagination ul li { margin-right: 4px; } .pagination ul li a { width: 30px; height: 30px; line-height: 28px; } } @media screen and (max-width: 540px) { .tb-status > colgroup > col:nth-child(1) {width: 35% !important;} .tb-status tbody td {font-size: 14px; padding: 10px 5px;} } @media screen and (max-width: 400px) { .pagination a { width: 25px; height: 25px; } .pagination ul li a { width: 25px; height: 25px; line-height: 25px; } .fileList ul li span {width: 55px !important;}/*추가 220824*/ } /* 20220701 pagination end >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */ /* 202307 설문조사 start */ body.mobile{background-color: #DADBE1;} body.mobile > .survey_wrap{margin-bottom: 0;} body.mobile .survey_info{max-height: 320px; overflow-y: auto;} body.mobile .survey_list{max-height: 350px; overflow-y: auto;} body.mobile #survey_user_info{max-height: 350px; overflow-y: auto; padding-top: 30px; box-sizing: border-box;} .survey_web{display: block;} .survey_mo{display: none;} .survey_wrap{position: relative; overflow: hidden; background-color: #DADBE1; width: 100%; padding: 30px; box-sizing: border-box; margin-bottom: 50px;} .survey_wrap::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 200px; background: #4571E5 url(../images/sub/bg_surTopleft.jpg)no-repeat 0 0;} .survey_wrap::after{content: ''; position: absolute; top: 0; right: 0; width: 250px; height: 200px; background: url(../images/sub/bg_surTopright.jpg)no-repeat 0 0;} .survey_wrap h2{position: relative; color: #fff; font-size: 27px; text-align: center; font-family: 'Noto Sans KR B', sans-serif; z-index: 10; padding: 0;} .survey_con{position: relative; background-color: #fff; border-radius: 10px; padding: 30px; box-sizing: border-box; width: 100%; z-index: 10; box-shadow: 5px 5px 15px rgba(0,0,0,0.25); margin-top: 20px;} .survey_imgWrap{position: relative;} .survey_imgWrap::after{content: ''; position: absolute; width: 100%; height: 2px; left: 0; bottom: 8px; background-color: #616161;} .survey_imgWrap img{position: relative;margin: 0 auto; z-index: 11;} .survey_info{position: relative; text-align: center; margin-top: 30px; overflow: hidden;} .survey_info dl{position: relative; margin-bottom: 20px;} .survey_info dl dt{position: relative; font-size: 17px; font-family: 'Noto Sans KR M', sans-serif; color: #4571E5; margin-bottom: 5px;} .survey_info dl dt span{position: relative; padding-left: 10px;} .survey_info dl dt span::before{content: ''; position: absolute; left: 0; top: 11px; width: 4px; height: 4px; background-color: #4570E3; border-radius: 1px;} .survey_info dl dd{font-size: 17px; font-family: 'Noto Sans KR R', sans-serif; color: #2C2C2C;} .survey_btn{position: relative; text-align: center; margin-top: 20px;} .survey_btn button{position: relative; font-size: 17px; color: #fff; font-family: 'Noto Sans KR R', sans-serif; background-color: #4571E5; border-radius: 5px; padding: 9px 90px 9px 15px;} .survey_btn button:hover{color: #FAFF00;} .survey_btn button::before{content: ''; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); height: 32px; width: 32px; border-radius: 5px; background-color: #fff; transition: 0.15s;} .survey_btn button:hover::before{height: 32px; width: 32px; border-radius: 5px; background-color: #4571E5;} .survey_btn button::after{content: ''; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); height: 32px; width: 32px; border-radius: 5px; background: url(../images/sub/icon_surStart.png) no-repeat center;} .survey_btn button:hover::after{height: 32px; width: 32px; border-radius: 5px; background: url(../images/sub/icon_surStart_on.png) no-repeat center;} .survey_btnTypeB button::after{background: url(../images/sub/icon_surCheck.png) no-repeat center !important;} .survey_btnTypeB button:hover::after{background: url(../images/sub/icon_surCheck_on.png) no-repeat center !important;} .survey_btnTypeA button{padding: 9px 0; min-width: 167.533px;} .survey_btnTypeA button::before{display: none;} .survey_btnTypeA button::after{display: none;} .survey_con input[type="radio"], .survey_con input[type="checkbox"]{margin: 0 6px 3px 0; appearance: auto; -moz-appearance: auto; -webkit-appearance: auto; display: inline-block;} .survey_con input[type="radio"] + label, .survey_con input[type="checkbox"] + label{padding-left:3px;} /* .survey_con dl dd span:first-child input[type="radio"], .survey_con dl dd span:first-child input[type="checkbox"]{margin-left:0px;} */ .supScript{color: #C42563; font-size: 13px; font-family: 'Noto Sans KR R', sans-serif; text-align: right;} .supScript sup{font-family: 'Noto Sans KR B', sans-serif;} .survey_list{overflow: hidden;} .survey_list dl{margin-bottom: 25px;} .survey_list dl dt{font-size: 16px; font-family: 'Noto Sans KR M', sans-serif; margin-bottom: 13px; color: #444;} .survey_list dl dt sup{color: #C42563; font-size: 14px !important;} .survey_list dl dd{font-size: 15px; font-family: 'Noto Sans KR R', sans-serif; color: #444; box-sizing: border-box;} .survey_list dl dd span{display: inline-block; margin-right: 15px;} .survey_list dl dd textarea, .survey_list dl dd input[type="text"]{width: 100%; box-sizing: border-box; padding: 5px 10px; font-size: 15px; color: #555;} .survey_user{position: relative; padding: 20px 70px; box-sizing: border-box; background-color: #FAFAFB; border-radius: 5px; border: 1px solid #D0D0D0;} .survey_user dl{margin-bottom: 15px; display: flex;} .survey_user dl dt{position: relative; display: inline-block; padding-left: 10px; width: 130px; box-sizing: border-box; font-size: 16px; font-family: 'Noto Sans KR M', sans-serif; color: #444;} .survey_user dl dt::before{content: ''; position: absolute; left: 0; top: 7px; width: 2px; height: 11px; background-color: #248CDE;} .survey_user dl dd{display: inline-block; width: calc(100% - 140px); font-size: 15px; font-family: 'Noto Sans KR R', sans-serif; color: #444;} .survey_user dl dd input[type="text"]{box-sizing: border-box; padding: 5px 10px; font-size: 15px; color: #555;} .survey_user dl dd .wi50{width: 50%;} .survey_user dl dd .wi100{width: 100%;} .survey_user select{height: 34px; box-sizing: border-box; vertical-align: middle; border: 1px solid #d9d9d9; padding: 0 15px 0 5px; appearance: auto; -moz-appearance: auto; -webkit-appearance: auto;} .color_txt01{color: #1460A7; font-family: 'Noto Sans KR R', sans-serif; font-size: 14px; margin-top: 3px;} .survey_Data{position: relative; border: 1px solid #C6C6C6; margin-top: 25px; border-radius: 5px;} .survey_Data h3{display: block; overflow: hidden; color: #fff; background-color: #6F6F6F; font-size: 16px; font-family: 'Noto Sans KR R', sans-serif; padding: 10px 0; text-align: center; box-sizing: border-box;} .survey_DataTxt{padding: 10px 20px; box-sizing: border-box; overflow: auto; max-height: 130px;} .survey_DataTxt li{position: relative; padding-left: 10px; color: #3C3C3C; font-family: 'Noto Sans KR DL', sans-serif; font-size: 15px; margin-bottom: 5px;} .survey_DataTxt li::before{content: ''; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; background-color: #5B5B5B; border-radius: 1px;} .survey_sns{display: none; position: relative; text-align: center; margin-top: 5px; padding-left: 40px; box-sizing: border-box; width: 155px; margin: 5px auto 0 auto; z-index: 10;} .survey_sns.active{display: block;} .survey_sns::before{content: ''; position: absolute; left: 0; top: 0; background:url(../images/sub/sur_share.png) center center no-repeat; width: 31px; height: 31px;} .survey_sns li{display: inline-block; margin: 0 2px;} .survey_sns a{width: 31px; height: 31px; display: block;} .survey_sns a.btnKas_sur{background:url(../images/sub/sur_kakao.png) center center no-repeat;} .survey_sns a.btnKas_sur:hover{background:url(../images/sub/sur_kakao_over.png) center center no-repeat;} .survey_sns a.btnTwitter_sur{background:url(../images/sub/sur_twitter.png) center center no-repeat;} .survey_sns a.btnTwitter_sur:hover{background:url(../images/sub/sur_twitter_over.png) center center no-repeat;} .survey_sns a.btnFacebook_sur{background:url(../images/sub/sur_facebook.png) center center no-repeat;} .survey_sns a.btnFacebook_sur:hover{background:url(../images/sub/sur_facebook_over.png) center center no-repeat;} .survey_agree{margin: 10px 0 20px 0; text-align: center;} .pageNot{position: relative; width: 100%; text-align: center; background:url(../images/sub/bg_pageNot.png) center top 20px no-repeat; padding: 350px 0 80px 0; box-sizing: border-box;} .pageNot p{font-size: 35px; color: #3A3A3A; font-family: 'Noto Sans KR B', sans-serif;} @media screen and (max-width: 1200px){ .survey_wrap h2 {font-size: 25px;} .pageNot{padding: 350px 0 80px 0; background-size: 320px 239px;} .pageNot p{font-size: 32px;} } @media screen and (max-width: 900px){ .survey_web{display: none;} .survey_mo{display: block;} .survey_wrap::before {height: 175px; background-size: 220px;} .survey_wrap::after {height: 175px; background-size: 220px; width: 220px;} .survey_imgWrap img {width: 250px;} .survey_con {padding: 20px; max-height: 530px; overflow-y: scroll;} .survey_list dl dd span{display: block; margin-bottom: 3px;} .survey_list input[type="radio"], .survey_list input[type="checkbox"]{margin-left: 0;} .survey_user dl dd .wi50 {width: 100%;} } @media screen and (max-width: 640px){ .survey_wrap h2 {font-size: 22px;} .survey_wrap::before {height: 145px; background-size: 180px;} .survey_wrap::after {height: 145px; background-size: 180px; width: 180px;} .survey_imgWrap img {width: 220px;} .survey_info dl dt {font-size: 16px;} .survey_info dl dd {font-size: 15px;} .survey_user {padding: 20px 30px 10px 30px;} .survey_user dl {display: block; margin-bottom: 25px;} .survey_user dl dt{width: 100%;} .survey_user dl dd{width: 100%; margin-top: 8px;} .pageNot{padding: 300px 0 50px 0; background-size: 290px 217px;} .pageNot p{font-size: 28px;} } @media screen and (max-width: 500px){ .survey_wrap {padding: 30px 20px;} .survey_con {padding: 20px 15px;} .survey_wrap h2 {font-size: 20px;} .survey_wrap::before {height: 145px; background-size: 180px; background-position: -80px 0;} .survey_wrap::after {height: 145px; background-size: 180px; width: 180px; background-position: 80px 0;} .survey_imgWrap img {width: 190px;} .survey_imgWrap::after {bottom: 7px;} .survey_info {margin-top: 15px;} .survey_btn {margin-top: 10px;} .survey_btn button {font-size: 16px; padding: 7px 70px 7px 15px;} .survey_btnTypeA button{padding: 7px 42px; min-width: 143.867px;} .survey_btn button::before {height: 30px; width: 30px;} .survey_btn button::after {height: 30px; width: 30px;} .survey_btn button:hover::before{height: 30px; width: 30px;} .survey_btn button:hover::after{height: 30px; width: 30px;} .survey_user {padding: 15px 15px 0px 15px;} .pageNot{padding: 250px 0 50px 0; background-size: 240px 179px;} .pageNot p{font-size: 20px;} } /* 202307 설문조사 end */ @media screen and (max-width: 1420px){ /* 조직도 */ .divisionMain .cont4:before{width: 80.4%;} /* 50주년 페이지 */ .directorWrap .directorText{top:4.8vw; left:calc(100% - 45%);} .directorWrap .directorText .directorTit{font-size:2.4vw;} .directorWrap .directorText .directorTit > span{height:2.8vw; border-bottom: solid 6px #ff7500;} .directorWrap .directorText p.directorSign{ margin-top:1.2vw;} .directorArea .directorTxt .titleBox p.titleSub{font-size:2.2vw;} .directorArea .directorTxt .titleBox p.titleMain{font-size:3.2vw;} .directorArea .directorTxt .titleBox p.titleMain02{font-size:3.2vw; line-height:3.7vw;} .directorArea .directorTxt .titleBox p.titleEng{font-size:7.5vw;} .directorArea .directorTxt .titleBox p.titleEng02{font-size:6.5vw;} .directorArea .directorTxt .titleBox p.titleEng03{font-size:6.5vw; line-height:3.9vw;} .directorArea .directorTxt .titleBox p.titleEng04{font-size:7.5vw; line-height:5.6vw;} .directorArea .directorTxt .directorInfo p.directorPosition{font-size:1.35vw;} .directorArea .directorTxt .directorInfo p.directorName{font-size:1.8vw;} .directorConArea .directorConcenter01 p.txtHalf{bottom:unset; top:72%;} .ResponsivePc{display:none;} .ResponsiveTab{display:block;} /* 로고 소개 20210525 */ .logoType .logoBox02 .logoArea{margin-bottom:0;} .logoType .logoBox02 .logoArea ul li{width:50%; float:left; text-align:center; margin-bottom:30px;} .logoType .logoBox02 .logoColor .logoColorArea ul{overflow:hidden;} .historyWrapBox ul.historyYear li{margin-right:407px;} .divisionMain .cont4 li{width:175px;margin-right:5px;} .bulletTitleBox > span{margin-left:3px; font-size: 14px;} .bulletTitleBox > span:nth-child(3):before{margin-right:3px;} .bulletTitleBox > span:nth-child(4):before{margin-right:3px;} .se-div2{padding:15px;} .se-divButton > p > a.icon01{padding:10px 25px 10px 10px; margin-right:5px;background:url(/images/sub/bullet_btn.png) no-repeat 190px 16px #af9a7a;} .se-divButton > p > a.icon02, .se-divButton > p > a.icon03{padding:10px 25px 10px 13px; margin-right:5px;background:url(/images/sub/bullet_btn.png) no-repeat 173px 16px #af9a7a;} } @media screen and (max-width: 1360px){ .historyWrapBox ul.historyYear li{margin-right:320px;} .historyWrapBox .historyContent .historyPhoto{margin-right:0px;} .historyWrapBox .historyContent .cont ul li{padding:20px 10px;} .historyWrapBox2 .title .txt1, .historyWrapBox2 .title .txt2{font-size:22px;} .historyWrapBox2 .historyWrapTable dl span.yeartxt{margin-left:50px;} .historyWrapBox2 .historyWrapTable dl span.numtxt{margin-left:150px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL160{margin-left:50px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL140{margin-left:50px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL150{margin-left:85px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL125{margin-left:40px;} .bulletTitleBox .contentMap > span{margin-left:5px; font-size: 14px;} .bulletTitleBox .contentMap > span:nth-child(2):before{margin-right: 5px;} .bulletTitleBox .contentMap > span:nth-child(3):before{margin-right: 5px;} } @media screen and (max-width: 1300px){ /* 50주년 페이지 */ .directorWrap .directorText{top:4.2vw;} .directorWrap .directorText .directorTit{font-size:2.2vw;} .directorWrap .directorText .directorTit > span{height:2.7vw; border-bottom: solid 5px #ff7500;} .directorWrap .directorText p.directorSign{font-size:18px; margin-top:1.2vw;} .directorWrap .directorText p.directorSign > span{font-size:28px;} .directorArea .directorTxt{width:calc(100% - 39%);} .directorArea .directorTxt .titleBox p.titleSub{line-height:2.2rem;} .directorArea .directorTxt .titleBox p.titleEng{margin-right:2%;} .directorArea .directorTxt .titleBox p.titleEng02{margin-right:2%; font-size:6vw;} .directorArea .directorTxt .titleBox p.titleEng03{margin-right:2%; font-size:6vw;} .directorArea .directorTxt .titleBox p.titleEng04{margin-right:2%;} .directorConArea .directorConLeft01 .imgHalf{width:45.2%; float:left;} .directorConArea .directorConLeft01 .imgHalf img{width:100%;} .directorConArea .directorConLeft01 p.txtHalf{width:50.8%; margin-left:4%; float:right;} .directorConArea .directorConRight02{position:relative; width:100%; margin-bottom:40px; overflow:hidden;} .directorConArea .directorConRight02 .imgHalf{width:43.6%; float:right;} .directorConArea .directorConRight02 .imgHalf img{width:100%;} .directorConArea .directorConRight02 p.txtHalf{width:50.4%; margin-right:6%; float:left;} .variationCase0101{display:none;} .variationCase0102{display:block;} .logoType .logoBox02 .logoLang h4{padding-left:20px;} } @media screen and (max-width: 1260px){ .divisionMain .cont4 li{width:163px;margin-right:5px;} .divisionMain .cont2{right:10%;} .logoDown ul li a span.icon {width:70px;height:70px;} .logoDown ul li a span.downTitle{font-size:17px;} } @media screen and (max-width: 1200px){ /* 조직도 */ .divisionMain .cont4:before{width: 82.4%;} /* 50주년 페이지 */ .directorConArea .directorConLeft01 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConLeft01 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConLeft01 p.txtHalf{width:100%; margin-left:0%; float:none;} .directorConArea .directorConLeft03 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConLeft03 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConLeft03 p.txtHalf{width:100%; margin-left:0%; float:none;} .directorConArea .directorConRight02 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConRight02 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConRight02 p.txtHalf{width:100%; margin-right:0%; float:none;} .directorConArea .directorConRight05 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConRight05 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConRight05 p.txtHalf{width:100%; margin-right:0%; float:none;} /* 로고 소개 20210525 */ .logoType .logoBox02 .logoLang ul li.logoLang_img01 img{width:290px;} .logoType .logoBox02 .logoLang ul li.logoLang_img02 img{width:145px;} .historyWrapBox2 .historyWrapTable dl span.yeartxt{margin-left:50px;} .historyWrapBox2 .historyWrapTable dl span.numtxt{margin-left:150px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL160{margin-lefT:50px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL140{margin-lefT:50px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL150{margin-lefT:85px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL125{margin-lefT:40px;} .historyWrapBox .historyContent .cont ul li{padding:20px 10px;} .historyWrapBox .historyContent .cont {margin-right:4px;} .divisionMain .cont4 li{width:175px;margin-right:30px;} .logoDown ul li a span.downTitle{margin-left: 15px;} .logoType .logoBox02 .logoColor .logoColorArea.barBlue{margin-right:35px;} .logoType .logoBox02 .logoColor .logoColorArea ul{display:inline-block;} .content_left{display:none;} } @media screen and (max-width: 1150px){ /* 50주년 페이지 */ .directorWrap .directorText{top:3.7vw;} .directorWrap .directorText .directorTit{font-size:2.2vw;} .directorWrap .directorText .directorTit > span{height:2.5vw; margin-bottom:7px;} .directorWrap .directorText p.directorSign > span{font-size:25px;} .directorArea .directorTxt .titleBox p.titleSub{font-size:2vw;} .directorArea .directorTxt .titleBox p.titleMain{font-size:3.1vw;} .directorArea .directorTxt .titleBox p.titleMain02{font-size:3.1vw;} .directorArea .directorTxt .titleBox p.titleEng{/* font-size:7vw; 수정 */ line-height:2.3rem;} .directorArea .directorTxt .titleBox p.titleEng02{font-size:5.5vw; line-height:2.3rem;} .directorArea .directorTxt .titleBox p.titleEng03{font-size:5.5vw;} .directorArea .directorTxt .directorInfo{margin-top:11.5%;} .directorArea .directorTxt .directorInfo p.directorPosition{font-size:1.35vw;} .directorArea .directorTxt .directorInfo p.directorName{font-size:1.8vw;} .responsiveImg .imgHalf{width:100% !important; margin-bottom:25px;} .responsiveImg .imgHalf img{width:50% !important; margin:0 auto !important;} .responsiveImg p.txtHalf{width:100% !important; margin-left:0% !important; float:none !important;} .directorConArea .directorConRight04 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConRight04 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConRight04 p.txtHalf{width:100%; margin-right:0%; float:none;} .historyWrapBox .historyContent .cont ul li{padding:20px 40px 44px 23px;} .historyWrapBox .historyContent .historyPhoto {margin-right:30px;} .historyWrapBox .historyContent .cont {margin-right:25px;} .historyWrapBox ul.historyYear li{margin-right:400px;} .historyWrapBox2 .title .txt1, .historyWrapBox2 .title .txt2{font-size:24px;} .poll{margin-bottom:40px;} .bulletTitleBox > span{margin-left:20px; font-size: 15px;} .bulletTitleBox > span:nth-child(3):before{margin-right:25px;} .bulletTitleBox > span:nth-child(4):before{margin-right:25px;} .se-div2{padding:15px;} .se-divButton > p > a.icon01{padding:10px 32px 10px 18px; margin-right:5px;background:url(../images/sub/bullet_btn.png) no-repeat 200px 16px #af9a7a;} .se-divButton > p > a.icon02, .se-divButton > p > a.icon03{padding:10px 32px 10px 18px; margin-right:5px;background:url(../images/sub/bullet_btn.png) no-repeat 180px 16px #af9a7a;} .sch_system3{margin-bottom:30px;} } @media screen and (max-width: 1070px){ .sch_system2 li.sys2_1 ul li > ul{padding:0px; height:100%;width:100%;} .sch_system2 li.sys2_1{left:0px;width: 100%;} .sch_system2 li.sys2_2, .sch_system2 li.sys2_3, .sch_system2 li.sys2_4, .sch_system2 li.sys2_5{left:0px; top:15px;} .sch_system2 li.sys2_2, .sch_system2 li.sys2_3, .sch_system2 li.sys2_4, .sch_system2 li.sys2_5{ width: 49%; height: 55px; text-align: center; font-size: 18px; color: #fff; background: #53b69c; border-radius: 5px; display: block; position: relative; display:inline-block; margin-bottom: 30px; } .sch_system1{margin-bottom:20px;} .sch_system1 .divisionMain{height:620px;} .divisionMain .cont2{right: 110px;top: 85px;} .divisionMain .cont3{top: -80%;} .divisionMain .cont4{margin-top:20px;width: 100%;} .divisionMain .cont4 li{width: 49%; margin-bottom: 10px; display: inline-block; margin-right: 2%; box-sizing: border-box;} .divisionMain .cont4 li:nth-child(even){margin-right: 0;} .divisionMain .cont4:before{display:none;} .divisionMain .cont4 li a:after{display:none;} .divisionMain .cont4 li.dept1 a:after, .divisionMain .cont4 li.dept2 a:after, .divisionMain .cont4 li.dept4 a:after, .divisionMain .cont4 li.dept5 a:after{display:none;} .sch_system2{height:1000px;} .sch_system2 li.sys2_1:before{display:none;} .sch_system2 li.sys2_2:after, .sch_system2 li.sys2_3:after, .sch_system2 li.sys2_4:after, .sch_system2 li.sys2_5:after{display:none;} .sch_system2 li.sys2_1 ul li > ul{padding:15px 0px 0px 15px;width:95%;height:450px;} .sch_system2 li.sys2_1 ul li.sys2_4 > ul, .sch_system2 li.sys2_1 ul li.sys2_5 > ul{height:325px;} .sch_system2 li.sys2_1 ul li ul li{background:url(/images/main/ico_new.png) no-repeat 177px 10px} .sch_system2 li.sys2_1{left:0px;width: 100%;} .sch_system2 li.sys2_4{margin-top:47%;} .sch_system2 li.sys2_1 p{left:0px;color:#fff;} .sch_system3 li.sys3_1 ul li > ul{padding:0px; height:100%;width:100%;} .sch_system3 li.sys3_1{left:0px;width: 100%;} .sch_system3 li.sys3_2, .sch_system3 li.sys3_3, .sch_system3 li.sys3_4, .sch_system3 li.sys3_5{left:0px; top:15px;} .sch_system3 li.sys3_2, .sch_system3 li.sys3_3, .sch_system3 li.sys3_4, .sch_system3 li.sys3_5{ width: 49%; height: 55px; text-align: center; font-size: 18px; color: #fff; background: #53b69c; border-radius: 5px; display: block; position: relative; display:inline-block; margin-bottom: 30px; } .sch_system3{height:700px;margin-top: 70px;} .sch_system3 li.sys3_1:before{display:none;} .sch_system3 li.sys3_2:after, .sch_system3 li.sys3_3:after, .sch_system3 li.sys3_4:after, .sch_system3 li.sys3_5:after{display:none;} .sch_system3 li.sys3_1 ul li > ul{padding:15px 0px 0px 15px;width:96.5%;height:200px;} .sch_system3 li.sys3_1 ul li ul li{background:url(/images/main/ico_new.png) no-repeat 177px 10px} .sch_system3 li.sys3_1{left:0px;width: 100%;} .sch_system3 li.sys3_1 p{left:0px;color:#fff;} .sch_system3 li.sys3_4{margin-top:20%;} } @media screen and (max-width: 1025px){ /* 50주년 페이지 */ .directorWrap .directorText{top:5.3vw;} .directorWrap .directorText .directorTit{font-size:3.3vw;} .directorWrap .directorText .directorTit > span{height:3.9vw; margin-bottom:6px;} .directorWrap .directorText p.directorSign{font-size:20px; margin-top:3.2vw;} .directorWrap .directorText p.directorSign > span{font-size:28px;} .directorArea .directorTxt{width:calc(100% - 40%);} .directorArea .directorTxt .titleBox p.titleSub{font-size:2.7vw;} .directorArea .directorTxt .titleBox p.titleMain{font-size:4.2vw;} .directorArea .directorTxt .titleBox p.titleMain02{font-size:4.2vw; line-height:5vw;} .directorArea .directorTxt .titleBox p.titleEng{font-size:8.9vw; line-height:2.3rem; margin-right:0%;} .directorArea .directorTxt .titleBox p.titleEng02{font-size:8.9vw; line-height:2.3rem; margin-right:0%;} .directorArea .directorTxt .titleBox p.titleEng03{font-size:8.9vw; margin-right:0%; line-height:5.2vw;} .directorArea .directorTxt .titleBox p.titleEng04{font-size:8.9vw; margin-right:0%; line-height:6.7vw;} .directorArea .directorTxt .directorInfo{margin-top:15%;} .directorArea .directorTxt .directorInfo p.directorPosition{font-size:2vw;} .directorArea .directorTxt .directorInfo p.directorName{font-size:2.5vw;} .directorConArea .directorConLeft01 .imgHalf{width:39.2%; float:left;} .directorConArea .directorConLeft01 .imgHalf img{width:100%;} .directorConArea .directorConLeft01 p.txtHalf{width:56.8%; margin-left:4%; float:right;} .directorConArea .directorConLeft03 .imgHalf{width:59.7%; float:left;} .directorConArea .directorConLeft03 .imgHalf img{width:100%;} .directorConArea .directorConLeft03 p.txtHalf{width:34.3%; margin-left:6%; float:right;} .directorConArea .directorConRight02 .imgHalf{width:43.6%; float:right;} .directorConArea .directorConRight02 .imgHalf img{width:100%;} .directorConArea .directorConRight02 p.txtHalf{width:50.4%; margin-right:6%; float:left;} .responsiveImg .imgHalf{width:36.8% !important; float:left !important;} .responsiveImg .imgHalf img{width:100% !important;} .responsiveImg p.txtHalf{width:57.2% !important; margin-left:6% !important; float:right !important;} .directorConArea .directorConRight04 .imgHalf{width:43.6%; float:right;} .directorConArea .directorConRight04 .imgHalf img{width:100%;} .directorConArea .directorConRight04 p.txtHalf{width:50.4%; margin-right:6%; float:left;} .directorConArea .directorConRight05 .imgHalf{width:59.7%; float:right;} .directorConArea .directorConRight05 .imgHalf img{width:100%;} .directorConArea .directorConRight05 p.txtHalf{width:34.3%; margin-right:6%; float:left;} .variationCase0101{display:block;} .variationCase0102{display:none;} .directorContents {font-size: 35px; line-height: 60px;} .directorTxtNew > p.cont1{font-size: 20px; line-height: 35px;} .directorMain{height:260px;margin-bottom:30px;} .historyWrapBox ul.historyYear li{margin-right: calc(100% - 590px);} .historyWrapBox{} .historyWrapBox2 .historyWrapTable dl span.yeartxt{margin-left:50px;} .historyWrapBox2 .historyWrapTable dl span.numtxt{margin-left:150px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL160{margin-lefT:50px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL140{margin-lefT:50px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL150{margin-lefT:85px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL125{margin-lefT:40px;} /*.historyWrapBox2 .title{display: block; width: 100%; margin-bottom: 20px;} .historyWrapBox2 .title .txt1, .historyWrapBox2 .title .txt2 {display:inline-block;} .historyWrapBox2 .historyWrapTable{display: block;width: 100%;float:left;} .historyWrapBox2 .historyWrapTable dl span.yeartxt{margin-left:10px;} .historyWrapBox2 .historyWrapTable dl span.numtxt{margin-left:150px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL160{margin-lefT:10px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL140{margin-lefT:10px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL150{margin-lefT:85px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL125{margin-lefT:40px;} */ .historyWrapBox .historyContent .cont ul li{padding:35px 20px;} .historyWrapBox .historyContent .historyPhoto {margin-right:15px;} .historyWrapBox .historyContent .cont {margin-right:20px;} .historyWrapBox ul.historyYear li{} .bulletTitleBox > span{margin-left:5px; font-size: 14px;} .bulletTitleBox > span:nth-child(3):before{margin-right:5px;} .bulletTitleBox > span:nth-child(4):before{margin-right:5px;} .sch_system1{margin-bottom:20px;} .divisionMain .cont4{margin-top:20px;width: 100%;} .divisionMain .cont4:before{display:none;} .divisionMain .cont4 li a:after{display:none;} .divisionMain .cont4 li.dept1 a:after, .divisionMain .cont4 li.dept2 a:after, .divisionMain .cont4 li.dept4 a:after, .divisionMain .cont4 li.dept5 a:after{display:none;} .sch_system2 li.sys2_1 ul li > ul{padding:0px; height:100%;width:100%;} .sch_system2 li.sys2_1{left:0px;width: 100%;} .sch_system2 li.sys2_2, .sch_system2 li.sys2_3, .sch_system2 li.sys2_4, .sch_system2 li.sys2_5{left:0px; top:15px;} .sch_system2 li.sys2_2, .sch_system2 li.sys2_3, .sch_system2 li.sys2_4, .sch_system2 li.sys2_5{ width: 49%; height: 55px; text-align: center; font-size: 18px; color: #fff; background: #53b69c; border-radius: 5px; display: block; position: relative; display:inline-block; margin-bottom: 30px; } .sch_system1{margin-bottom:20px;} .sch_system1 .divisionMain{height:620px;} .divisionMain .cont2{right: 110px;top: 85px;} .divisionMain .cont4{margin-top:20px;width: 100%;} .divisionMain .cont4:before{display:none;} .divisionMain .cont4 li a:after{display:none;} .divisionMain .cont4 li.dept1 a:after, .divisionMain .cont4 li.dept2 a:after, .divisionMain .cont4 li.dept4 a:after, .divisionMain .cont4 li.dept5 a:after{display:none;} .sch_system2{height:1000px;} .sch_system2 li.sys2_1:before{display:none;} .sch_system2 li.sys2_2:after, .sch_system2 li.sys2_3:after, .sch_system2 li.sys2_4:after, .sch_system2 li.sys2_5:after{display:none;} .sch_system2 li.sys2_1 ul li > ul{padding:15px 0px 0px 15px;width:96.5%;height:450px;} .sch_system2 li.sys2_1 ul li.sys2_4 > ul, .sch_system2 li.sys2_1 ul li.sys2_5 > ul{height:325px;} .sch_system2 li.sys2_1 ul li ul li{background:url(/images/main/ico_new.png) no-repeat 177px 10px} .sch_system2 li.sys2_1{left:0px;width: 100%;} .sch_system2 li.sys2_1 p{left:550px;color:#fff;} .sch_system3 li.sys3_1 p{left:550px;color:#fff;} } @media screen and (max-width: 970px){ .sch_system2 li.sys2_4 {margin-top: 54%;} .sch_system3 li.sys3_4 {margin-top: 30%;} } @media screen and (max-width: 900px){ /* 50주년 페이지 */ .directorArea .directorTxt .titleBox p.titleSub{line-height:2rem;} .directorConArea p{font-size:15px;} .directorConArea span.march{font-size:18px;} .directorConArea .directorConLeft01 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConLeft01 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConLeft01 p.txtHalf{width:100%; margin-left:0%; float:none;} .directorConArea .directorConLeft03 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConLeft03 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConLeft03 p.txtHalf{width:100%; margin-left:0%; float:none;} .directorConArea .directorConRight02 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConRight02 .imgHalf img{width:60%; margin:0 auto;} .directorConArea .directorConRight02 p.txtHalf{width:100%; margin-right:0%; float:none;} .divisionMain .cont1 {background-size: 170px;} .divisionMain .cont2 {left: 50%;top: 190px;transform: translateX(-50%); right: auto; } .divisionMain .cont3 {background-size: 130px;} .variationCase0101{display:none;} .variationCase0102{display:block;} .responsiveImg .imgHalf{width:100% !important; margin-bottom:25px;} .responsiveImg .imgHalf img{width:50% !important; margin:0 auto !important;} .responsiveImg p.txtHalf{width:100% !important; margin-left:0% !important; float:none !important;} .directorConArea .directorConRight04 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConRight04 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConRight04 p.txtHalf{width:100%; margin-right:0%; float:none;} .directorConArea .directorConRight05 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConRight05 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConRight05 p.txtHalf{width:100%; margin-right:0%; float:none;} .sch_system1 .divisionMain .bg1 {background: url(../images/sub/division_bg_05.png) center no-repeat; width: 100%; background-size: contain;} .sch_system1 .divisionMain .bg2 {display: none;} .poll{display:none;} .map_legend ul li{margin-right:12px;} .tabBar.bar > li > a{font-size:14px;} table.info.mapInfo th, table.info.mapInfo td{font-size:14px;} table.info.mapInfo td img{margin:0 5px 0 0;} /* 2023 웹접근성 백업 .typeCheck label{height: 55px;line-height: 55px;padding: 0 35px;} .typeCheck label.areaMap{background: url(/images/culture/map_icon.png) 30px center no-repeat;} .typeCheck label.areaMap.active{background: url(/images/culture/map_icon_hover.png) 30px center no-repeat #af9a7a;} .typeCheck label.areaMap:hover{background: url(/images/culture/map_icon_hover.png) 30px center no-repeat #af9a7a;} .typeCheck label.areaChart{background: url(/images/culture/chart_icon.png) 30px center no-repeat;} .typeCheck label.areaChart.active{background: url(/images/culture/chart_icon_hover.png) 30px center no-repeat #af9a7a;} .typeCheck label.areaChart:hover{background: url(/images/culture/chart_icon_hover.png) 30px center no-repeat #af9a7a;} */ .typeCheck li a{height:55px; line-height:55px; padding: 0 35px;} .typeCheck li.areaChart a{background:url(/images/culture/chart_icon.png) 30px center no-repeat;} .typeCheck li.areaChart a:hover{background:url(/images/culture/chart_icon_hover.png) 30px center no-repeat #A48C6A;} .typeCheck li.areaChart.active a{background:url(/images/culture/chart_icon_hover.png) 30px center no-repeat #A48C6A;} .typeCheck li.areaMap a{background:url(/images/culture/map_icon.png) 30px center no-repeat;} .typeCheck li.areaMap a:hover{background:url(/images/culture/map_icon_hover.png) 30px center no-repeat #A48C6A;} .typeCheck li.areaMap.active a{background:url(/images/culture/map_icon_hover.png) 30px center no-repeat #A48C6A;} .historyWrapBox ul.historyYear li{margin-right: calc(100% - 590px);} .historyWrapBox{} .historyWrapBox2 .title{display: block; width: 100%; margin-bottom: 20px;} .historyWrapBox2 .title .txt1, .historyWrapBox2 .title .txt2 {display:inline-block;} .historyWrapBox2 .historyWrapTable{display: block;width: 100%;float:left; margin-bottom: 50px;} .historyWrapBox2 .historyWrapTable dl span.yeartxt{margin-left:10px;} .historyWrapBox2 .historyWrapTable dl span.numtxt{margin-left:150px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL160{margin-lefT:10px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL140{margin-lefT:10px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL150{margin-lefT:85px;} .historyWrapBox2 .historyWrapTable dl dd.yearcont .mL125{margin-lefT:40px;} .historyWrapBox .historyContent .cont{width: 39%;margin-top: 20px;margin-right:10px;} .historyWrapBox .historyContent .historyPhoto{margin-right:5px;} .bulletTitle{} .bulletTitleBox > div.contentMap {width: 80%;} .bulletTitleBox > div.contentMap > span{margin-left:1px; font-size: 15px;} .bulletTitleBox > div.contentMap > span:nth-child(2):before{margin-right:5px;} .bulletTitleBox > div.contentMap > span:nth-child(3):before{margin-right:5px;} .se-div1 > span{line-height: 78px;margin-left: 20px;} .se-div1 > p{float:left;display:inline-block;} .se-div2 > p.content{font-size:14px;margin-left: 5px;} .se-div2{float: left;width: 93%;margin-top: 20px;} .se-divButton > p > a.icon01, .se-divButton > p > a.icon02, .se-divButton > p > a.icon03{display:block;margin-top:5px;} .logoType .logoBox02{float:left; width:100%;} .logoDown ul li a span.icon {width:60px;height:60px;} .logoDown ul li a span.downTitle{font-size:16px;margin-left: 5px;} .sitemap > div{width:49%;margin-right: 2% !important;} .sitemap > div.map2, .sitemap > div.map4, .sitemap > div.map6{margin-right: 0 !important;} .sitemap > div.map3, .sitemap > div.map5{margin-right: 2%;} h3.system {margin: 10px 0 35px 0;} /* RSS */ .rssList dl{padding-top: 5px;} .rssList dt{width: 100%; border-bottom: 0 !important; height: auto; float: none;} .rssList dd{width: 100%; border-bottom: 0; height: auto; float: none; } .rssList dd.btn{width: 100%; padding: 5px 0 10px 0; display: block; overflow: hidden; border-bottom: 1px solid #e6e6e6;} .rssList dd.btn a{float: left;} } @media screen and (max-width: 800px){ .sch_system2 li.sys2_4 {margin-top: 66%;} } @media screen and (max-width: 790px){ .historyWrapBox ul.historyYear li{margin-right: calc(100% - 467px);} .directorTxtNew > p.cont1{font-size:19px;} .GreetingsDiv1{font-size:15px;} .GreetingsDiv2{font-size:15px;} .sch_system2 li.sys2_1 p{left:400px;color:#fff;} .sch_system3 li.sys3_1 p{left:400px;color:#fff;} /* 50주년 포럼 20211112 */ .forumArea{position:relative; margin-top:30px; overflow:hidden;} .forumbanner img{width: 100%;} .forumtxtBox{padding-top:20px; margin-top:20px; font-size:24px; color:#828282; background:url("../images/sub/intro/forum_bg.jpg") bottom right no-repeat; background-size: 500px; height: auto;} .forumtxtBox p.forumTit01{position:relative;} .forumtxtBox p.forumTit01 span{position:relative; color: #3b3b3b; font-size: 28px; font-weight: bold; padding-left: 10px;} .forumtxtBox p.forumTit01::before{content:''; display:inline-block; background-color:#5cebc7; border-radius:50%; width:30px; height:30px; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:0;} .forumtxtBox p.forumTit02{font-size:17px; color:#505050; margin-top: 10px; width: 60%;} .forumtxtInfo{position:relative; display:block; margin-top:40px; padding-left:10px;} /* .forumtxtInfo::before{content:''; display:block; position:absolute; left:10px; top:0; width:30px; height:2px; background-color:#828282;} */ .forumtxtInfo p.forumTitDate{position:relative; display:block; font-size:18px; color:#4a8e96; padding-left: 10px; margin-bottom: 5px;;} .forumtxtInfo p.forumTitDate::before{content:''; display:inline-block; background-color:#4a8e96; border-radius:50%; width:5px; height:5px; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:0;} .forumtxtInfo p.forumTitPlace{font-size:17px; color:#373737; margin-top:-5px;} .forumtxtLeft{font-size:15px; color:#373737; text-align: left; margin-top: 10px;} .btn_forum{display: inline-block; border: solid 1px #db2532; padding: 5px 10px; font-size: 15px; border-radius: 3px; margin-top: 25px;} .btn_forum span{color: #db2532; padding-right: 40px; font-weight: 700; background:url("../images/sub/intro/icon_youtube.png") center right no-repeat;} .tblForum {border-top: 2px solid #a5a5a5; margin: 0 auto; font-size: 14px; font-family: "Malgun Gothic"; table-layout: fixed; width: 600px;} /* 탭 전체 스타일 */ .forumCon{} .forumtabs{margin-top:50px; padding-bottom:40px; background-color:#ffffff; width:100%; text-align:center;} /* 탭 스타일 */ .tab_item {width:180px; height:50px; background-color:#fff; border:solid 1px #bbbbbb; line-height:50px; font-size:16px; text-align:center; color:#4e4e4e; display:inline-block; text-align:center; font-weight:normal; transition:all 0.2s ease; box-sizing: border-box; margin-right: -4px;} /* 선택된 탭 콘텐츠를 표시 */ .forumCon #all:checked ~ #all_content, .forumCon #programming:checked ~ #programming_content, #design:checked ~ #design_content {display:block; overflow-x: scroll; padding-bottom: 20px;} } @media screen and (max-width: 770px){ /* 50주년 페이지 */ .directorWrap .directorText{top:41px;} .directorWrap .directorText .directorTit{font-size:25px;} .directorWrap .directorText .directorTit > span{height:30px; margin-bottom:6px;} .directorWrap .directorText p.directorSign{margin-top:20px;} .directorArea .directorTxt .titleBox p.titleSub{font-size:21px;} .directorArea .directorTxt .titleBox p.titleMain{font-size:32px;} .directorArea .directorTxt .titleBox p.titleMain02{font-size:32px; line-height:2.5rem;} .directorArea .directorTxt .titleBox p.titleEng{font-size:70px; line-height:1.9rem;} .directorArea .directorTxt .titleBox p.titleEng02{font-size:65px; line-height:1.9rem;} .directorArea .directorTxt .titleBox p.titleEng03{font-size:65px; line-height:2.3rem;} .directorArea .directorTxt .titleBox p.titleEng04{font-size:65px; line-height:3.3rem;} .directorArea .directorTxt .directorInfo{margin-top:65px;} .directorArea .directorTxt .directorInfo p.directorPosition{font-size:16px;} .directorArea .directorTxt .directorInfo p.directorName{font-size:20px;} .content_right {} .contSub{padding:0;} .directorContents{font-size: 35px; line-height: 55px;} .directorTxtNew > p > span.cont3{font-size:50px;} .pc_cont1{display:none;} .m_cont1{display:block;} .directorTxtNew > p.cont1 {line-height: 30px;font-size: 19px;margin-bottom: 0px;} .historyWrapBox .historyContent .cont{width:32%;margin-right:10px;} .historyWrapBox .historyContent .historyPhoto{margin-right:0px;} .directorGreetings{margin-bottom:30px;} } /* 20220720 추가 */ @media screen and (max-width: 720px){ .tabNav_con{width: 100% !important;}/* 20220915 추가 */ .wa_wrap img{width: 100% !important;}/* 20220915 추가 */ .listType8 {width: 100% !important; min-width: 640px; overflow: scroll;}/* 20220915 추가 */ .loc_etc h2 {font-size: 33px; line-height: 170px;} /* sharing */ .sharing {height: 45px;} .sharing ul {height: 45px;} .sharing li:before{height:25px;} .sharing button {height: 45px;} /* table */ .tcase1 > colgroup{display: none;} .tcase1 > thead{display: none;} .tcase1 > tbody > tr{display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc;} .tcase1 > tbody > tr > td{border-bottom: 0 !important;} .tcase1 > tbody > tr > td:nth-child(1){display: none;} .tcase1 > tbody > tr > td:nth-child(2){display: block; width: 100%; padding: 10px 0 5px 0; font-size: 15px;} .tcase1 > tbody > tr > td:nth-child(3){display: block; width: 100%; padding: 0 3px 10px 3px; text-align: left; color: #878a8f;} .tcase1 > tbody > tr > td:nth-child(4){display: none; } .tcase1 > tbody > tr > td > a{display: block;} .tcase2 > colgroup{display: none;} .tcase2 > thead{display: none;} .tcase2 > tbody > tr{display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc;} .tcase2 > tbody > tr > td{border-bottom: 0 !important;} .tcase2 > tbody > tr > td:nth-child(1){display: none;} .tcase2 > tbody > tr > td:nth-child(2){display: block; width: 100%; padding: 10px 0 5px 0; font-size: 15px;} .tcase2 > tbody > tr > td:nth-child(3){display: block; padding: 0 3px 10px 3px; text-align: left; color: #878a8f; float: left; margin-right: 5px;} .tcase2 > tbody > tr > td:nth-child(4){display: block; padding: 0 3px 10px 3px; text-align: left; color: #878a8f; float: left; margin-right: 5px;} .tcase2 > tbody > tr > td:nth-child(5){display: block; padding: 0 3px 10px 3px; text-align: left; color: #878a8f; float: left;} .tcase2 > tbody > tr > td > a{display: block;} .tcase3 > colgroup{display: none;} .tcase3 > thead{display: none;} .tcase3 > tbody > tr{display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc;} .tcase3 > tbody > tr > td{border-bottom: 0 !important;} .tcase3 > tbody > tr > td:nth-child(1){display: none;} .tcase3 > tbody > tr > td:nth-child(2){display: block; width: 100%; padding: 10px 0 5px 0; font-size: 15px; text-align: left;} .tcase3 > tbody > tr > td:nth-child(3){display: block; padding: 0 3px 5px 3px; text-align: left; color: #878a8f; float: left; margin-right: 5px;} .tcase3 > tbody > tr > td:nth-child(4){display: block; padding: 0 3px 5px 3px; text-align: left; color: #878a8f; float: left; margin-right: 5px;} .tcase3 > tbody > tr > td:nth-child(5){display: block; padding: 0 3px 10px 3px; text-align: left; color: #878a8f; float: left; width: 100%;} .tcase3 > tbody > tr > td > a{display: block;} .tcase4 > colgroup{display: none;} .tcase4 > thead{display: none;} .tcase4 > tbody > tr{display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc;} .tcase4 > tbody > tr > td{border-bottom: 0 !important; padding: 5px !important;} .tcase4 > tbody > tr > td:nth-child(1){display: block; width: 100%; padding: 10px 0 5px 0; font-size: 15px; text-align: left !important; height: auto;} .tcase4 > tbody > tr > td:nth-child(2){display: block; width: 100%; padding: 10px 0 5px 0; font-size: 15px; text-align: left !important; height: auto;} .tcase4 > tbody > tr > td:nth-child(3){display: block; width: 100%; padding: 0 3px 10px 3px; text-align: left; color: #878a8f;} .tcase4 > tbody > tr > td > a{display: block;} .tcase5 > colgroup{display: none;} .tcase5 > thead{display: none;} .tcase5 > tbody > tr{display: block; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc;} .tcase5 > tbody > tr > td{border-bottom: 0 !important; padding: 5px !important;} .tcase5 > tbody > tr > td:nth-child(1){display: none;} .tcase5 > tbody > tr > td:nth-child(2){display: block; width: 100%; padding: 10px 0 5px 0; font-size: 15px; text-align: left !important; height: auto;} .tcase5 > tbody > tr > td:nth-child(3){display: block; width: 100%; padding: 0 3px 10px 3px; text-align: left; color: #878a8f;} .tcase5 > tbody > tr > td > a{display: block;} .bbs_view_type1 dt {font-size: 18px;} .listType7 > colgroup{display: none;} /* .listType7 > tbody > tr > th{display: block; width: 30%; float: left; box-sizing: border-box; height: 40px; text-align: left; font-size: 14px; padding: 8px;} */ /* .listType7 > tbody > tr > td{display: block; width: 70%; float: right; box-sizing: border-box; height: 40px; text-align: left; font-size: 14px; padding: 8px !important;} */ .listType7 > tbody > tr:last-child > th{font-weight: 600; vertical-align: middle; color: #333; padding: 10px 5px; background: #f6f6f6; display: table-cell; float: left; height: auto;} /* .listType7 > tbody > tr:last-child > td{vertical-align: middle; display: table-cell; float: left; height: auto;} */ /* 게시판 첨부파일 반응형 추가 */ .listType7 > tbody > tr:last-child{overflow: hidden; display: block; border-bottom: 1px solid #ccc;} .listType7 > tbody > tr > th{position: relative; display: block; float: left; width: 10em; clear: both; border-right: none!important; box-sizing: border-box; height: auto; z-index: 100000; font-size: 14px;} .listType7 > tbody > tr:last-child > th:after {content: ""; display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 300px; background-color: #f2f2f2;} .listType7 > tbody > tr > td{width: calc(100% - 10em - 1px); box-sizing: border-box; background-color: #fff!important; float: left; display: block; height: auto; font-size: 14px; border-bottom: 1px solid #ccc;} .listType7 > tbody > tr:last-child > td{border-bottom: 0;} .fileList ul li a.fileIcon {font-size: 15px;} .list_type1 td.txtC{display: block !important;} .listType1 td.txtC{display: block !important;} /* MI소개 */ .logoWrap {margin-top: 0 !important;} .logoWrap .logoBox01 {padding: 20px 10px;} .logoWrap .logoBox01 img {width: 180px;} .logoCalli {margin-top: 20px;} /* 조직도 */ h3.system {margin: 10px 0 30px 0; font-size: 18px; height: 40px;} .kccReport > div > ul > li {width: 100%;} .kccReport > div > ul > li > dl::after {border-left: 0;} .kccReport > div > ul > li:first-child::after {border-top: 0;} .kccReport > div > ul > li:first-child + li::after, .kccReport > div > ul > li:first-child + li + li::after {border-top: 0;} .kccReport > div > ul > li:first-child + li + li + li::after {border-top: 0;} .kccReport > div > ul > li > dl {padding: 15px 0 0 0;} .kccReport > div > p > span {width: 230px; left: 115px; top: 60px; margin-left: -115px; font-size: 14px; text-align: center;} .kccWrap {margin-bottom: 30px;} .divisionMain .cont1 {background-size: 150px; font-size: 18px;} .divisionMain .cont2 {font-size: 14px; top: 185px; width: 100%;} .divisionMain .cont3 {background-size: 115px; font-size: 17px; top: -80%; height: 150px;} .divisionMain .cont3 a {top: 50px;} .divisionMain .cont4 {margin-top: 0;} .divisionMain .cont4 li {font-size: 15px; line-height: 55px; height: 55px;} .sch_system1 {margin-bottom: 0;} .sch_system1 .divisionMain {height: 580px;} .sch_system1 .divisionMain .bg1 {height: 360px;} .kccReport > div > p {font-size: 17px;padding: 10px 0;} .kccReport > div > ul > li > dl > dd > ul > li {font-size: 15px;} .kccReport > div > ul > li > dl > dd > ul > li > p > a {font-size: 14px;} .system > table > tbody > tr > th {width: 30%} .system > div h3 {width: 100%; padding: 0;} .system > div h3 + p {float: left; padding: 5px 0 20px 0;} /* 오시는길 */ .titleMap{display: block; width: 100%;} .bulletTitle {width: 100%; box-sizing: border-box; background: url(../images/sub/bullet_title.png) no-repeat 44% center #af9a7a; text-align: left; padding: 10px 30px 10px 50% !important; font-size: 16px;} .contentMap{display: block;} .bulletTitleBox > div.contentMap {width: 100%; padding: 10px; box-sizing: border-box;} .bulletTitleBox > div.contentMap > span {font-size: 14px;} .se-div1{position: relative;} .se-div1 > p{width: auto; height: auto; padding: 10px; box-sizing: border-box;} .se-div1 > p > img{padding: 0 !important;} .se-div1 > span {font-size: 20px; display: block; top: 50%; transform: translateY(-50%); position: absolute; width: 200px; margin-left: 90px;} .se-div2 > p.title {font-size: 15px; margin: 10px 0 0 0;} .se-div2 > p.content {color: #6A6A6A;} .se-divButton > p > a.icon01, .se-divButton > p > a.icon02, .se-divButton > p > a.icon03 {font-size: 15px;} /* 50주년 기고문 */ .directorArea{position:relative; overflow:hidden;} .directorArea .directorTxt{position:absolute; width:calc(100% - 39%); z-index:1; margin-top:50px;} .directorArea .directorTxt .titleBox{} .directorArea .directorTxt .titleBox p.titleSub{font-size:5.2vw; font-family:'Noto Sans KR DL'; text-align:center; color:#444; letter-spacing:-0.1rem; line-height:6.5vw;} .directorArea .directorTxt .titleBox p.titleMain{font-size:7.5vw; font-family:'Noto Sans KR B'; text-align:center; color:#444; letter-spacing:-0.1rem; line-height:11vw !important;} .directorArea .directorTxt .titleBox p.titleMain02{font-size:7.5vw; font-family:'Noto Sans KR B'; text-align:center; color:#444; letter-spacing:-0.1rem; line-height:9vw !important;} .directorArea .directorTxt .titleBox p.titleEng{font-size:14vw; font-family:'Noto Sans KR B'; color:rgba(0,0,0,0.07); line-height:6.5vw; text-align:center;} .directorArea .directorTxt .titleBox p.titleEng02{font-size:13vw; font-family:'Noto Sans KR B'; color:rgba(0,0,0,0.07); line-height:6.5vw; text-align:center;} .directorArea .directorTxt .titleBox p.titleEng03{font-size:14vw; font-family:'Noto Sans KR B'; color:rgba(0,0,0,0.07); line-height:8vw; text-align:center;} .directorArea .directorTxt .titleBox p.titleEng04{font-size:14vw; font-family:'RobotoB'; color:rgba(0,0,0,0.07); line-height:10.5vw; text-align:center; font-weight:bold; letter-spacing:-0.04em;} .directorArea .directorTxt .directorInfo{margin-top:16%;} .directorArea .directorTxt .directorInfo.apr{} .directorArea .directorTxt .directorInfo::before{content:''; display:block; width:50px; height:5px; margin-bottom:3%;} .directorArea .directorTxt .directorInfo.jan::before{background-color:#1a5bb1;} .directorArea .directorTxt .directorInfo.feb::before{background-color:#c90513;} .directorArea .directorTxt .directorInfo.march::before{background-color:#a10120;} .directorArea .directorTxt .directorInfo.apr::before{background-color:#facb3f;} .directorArea .directorTxt .directorInfo.may::before{background-color:#01ab96;} .directorArea .directorTxt .directorInfo.jun::before{background-color:#5b5a2c;} .directorArea .directorTxt .directorInfo.july::before{background-color:#00834e;} .directorArea .directorTxt .directorInfo.aug::before{background-color:#d0009e;} .directorArea .directorTxt .directorInfo.sep::before{background-color:#003964;} .directorArea .directorTxt .directorInfo.oct::before{background-color:#ff3d1b;} .directorArea .directorTxt .directorInfo.nov::before{background-color:#0074b1;} .directorArea .directorTxt .directorInfo.dec::before{background-color:#d5133a;} .directorArea .directorTxt .directorInfo.tr::before{background-color:#762b18;} .directorArea .directorTxt .directorInfo p.directorPosition{color:#2c2c2c; font-size:20px; font-family:'Noto Sans KR R';} .directorArea .directorTxt .directorInfo p.directorName{color:#2c2c2c; font-size:28px; font-family:'Noto Sans KR B';} .directorArea .directorBox{display:block; width:55%; max-width:570px; float:right;} .directorArea .directorBox img{width:100%;} .directorConArea{position:relative; overflow:hidden; margin-top:4.5vw;} .directorConArea p{font-size:16px; color:#444; line-height:1.7rem; text-align:justify; /* word-break:keep-all; */} .directorConArea p.txtFull{margin-bottom:20px; } .directorConArea span.janTxt{color:#1a5bb1; font-size:20px; font-weight:bold;} .directorConArea span.febTxt{color:#c90513; font-size:20px; font-weight:bold;} .directorConArea span.march{color:#a10120; font-size:17px; font-weight:bold;} .directorConArea span.apr{color:#dfa800; font-size:17px; font-weight:bold;} .directorConArea span.mayTxt{color:#01ab96; font-size:20px; font-weight:bold;} .directorConArea span.junTxt{color:#5b5a2c; font-size:20px; font-weight:bold;} .directorConArea span.julyTxt{color:#00834e; font-size:20px; font-weight:bold;} .directorConArea span.augTxt{color:#d0009e; font-size:20px; font-weight:bold;} .directorConArea span.sepTxt{color:#003964; font-size:20px; font-weight:bold;} .directorConArea span.octTxt{color:#ff3d1b; font-size:20px; font-weight:bold;} .directorConArea span.novTxt{color:#0074b1; font-size:20px; font-weight:bold;} .directorConArea span.decTxt{color:#d5133a; font-size:20px; font-weight:bold;} .directorConArea span.trTxt{color:#762b18; font-size:20px; font-weight:bold;} .directorConArea .directorConLeft01{position:relative; width:100%; margin-bottom:20px; overflow:hidden;} .directorConArea .directorConLeft01 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConLeft01 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConLeft01 p.txtHalf{width:100%; margin-left:0%; float:none;} .directorConArea .directorConLeft02{position:relative; width:100%; margin-bottom:20px; overflow:hidden;} .directorConArea .directorConLeft02 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConLeft02 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConLeft02 p.txtHalf{width:100%; margin-left:0%; float:none;} .directorConArea .directorConRight01{position:relative; width:100%; margin-bottom:40px; overflow:hidden;} .directorConArea .directorConRight01 .imgHalf{width:57.2%; float:right;} .directorConArea .directorConRight01 .imgHalf img{width:100%;} .directorConArea .directorConRight01 p.txtHalf{width:36.8%; margin-right:6%; float:left;} .directorConArea .directorConRight02{position:relative; width:100%; margin-bottom:20px; overflow:hidden;} .directorConArea .directorConRight02 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConRight02 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConRight02 p.txtHalf{width:100%; margin-right:0%; float:none;} .directorConArea .directorConRight03{position:relative; width:100%; margin-bottom:20px; overflow:hidden;} .directorConArea .directorConRight03 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConRight03 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConRight03 p.txtHalf{width:100%; margin-left:0%; float:none;} .directorConArea .directorConRight04{position:relative; width:100%; margin-bottom:20px; overflow:hidden;} .directorConArea .directorConRight04 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConRight04 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConRight04 p.txtHalf{width:100%; margin-right:0%; float:none;} .directorConArea .directorConRight05{position:relative; width:100%; margin-bottom:20px; overflow:hidden;} .directorConArea .directorConRight05 .imgHalf{width:100%; float:none; margin-bottom:20px;} .directorConArea .directorConRight05 .imgHalf img{width:80%; margin:0 auto;} .directorConArea .directorConRight05 p.txtHalf{width:100%; margin-right:0%; float:none;} .directorConArea .directorConcenter01{position:relative; width:100%; margin-bottom:20px;} .directorConArea .directorConcenter01 p.txtHalf{position:absolute; bottom:0; width:60%;} .directorConArea .directorConcenter01 .imgFull{width:100%;} .directorConArea .directorConcenter01 .imgFull img{width:100%;} .directorConArea .imgFull02{width:100%;} .directorConArea .imgFull02 img{width:80%; margin:0 auto;} .icon_50th_line{position:relative; height:76px; margin-bottom:20px;} .icon_50th_line img{position:absolute; left:50%; margin:0 auto; transform:translateX(-50%); z-index:1; width:150px !important;} .icon_50th_line::after{content:''; display:block; position:absolute; top:50%; width:100%; height:1px; background-color:#a2a19f;} .ResponsivePc{display:block;} .ResponsiveTab{display:none;} .variationCase0101{display:block;} .variationCase0102{display:none;} .btn_list{text-align:center; margin:20px 0 30px 0 ;} .btn_list a{display:inline-block; padding:5px 22px; color:#fff; background-color:#1a5bb1; text-decoration:none;} .btn_list a span{font-size:17px; color:#fff; padding-right:30px; background:url("../images/sub/intro/icon_list_btn.png") center right no-repeat;} .txtBold{font-weight:bold;} .directorArea .directorTxt{width:100%; position:relative; margin-top:0; font-size:6.2vw;} .directorArea .directorTxt .directorInfo{margin-top:7vw;} .directorArea .directorTxt .directorInfo::before{margin:0 auto 3% auto;} .directorArea .directorTxt .directorInfo p.directorPosition{font-size:3.5vw; text-align:center;} .directorArea .directorTxt .directorInfo p.directorName{font-size:5.3vw; text-align:center; line-height:5.5vw;} .directorArea .directorBox{max-width:none; width:100%; float:none;} .directorArea .directorBox img{width:80%; margin:0 auto; padding-right:7%;} .maTop_vari{margin-top:0 !important;} .directorConArea p{font-size:15px;} .directorConArea span.march{font-size:18px;} .variationCase0101{display:block;} .variationCase0102{display:none;} .subScriptArea > p{color: #848484; font-size: 15px; margin-bottom: 5px;} .leSpTr{letter-spacing: -0.2rem !important;} .fiftyTh{margin-top:0px; overflow:hidden;} .fiftyTh p{padding:0 !important;} .fiftyTh p.fiftyImg{margin: 0 0 15px 0;} .fiftyTh p img{width:100%;} .fiftyMonth{float:right; margin:0px 0 30px 0; overflow:hidden;} .fiftyMonth:after{display:block;content:'';clear:both;} .fiftyMonth select{cursor:pointer; float:left; width:190px; height:40px; padding:0 15px; box-sizing:border-box; border:1px solid #cccccc; background:url("../images/sub/intro/fiftyarrow.png") calc(100% - 15px) center no-repeat; font-size:0.9375rem/*15px*/; color:#3d3d3d; -webkit-appearance:none; -moz-appearance:none; appearance:none;transition:0.3s} .fiftyMonth button{float:left; width:80px; height:40px; margin-left:5px; font-size:0.9375rem/*15px*/; color:#fff; text-align:center; transition:0.3s} .fiftyTxt{clear:both; line-height:1.7em; text-align:justify; word-break:keep-all; margin-bottom:30px;} .fiftyLogo{width:100%; margin-bottom:35px;} .fiftyLogo img{width:100%;} .fiftydirector{width:100%; text-align:center;} .fiftydirector img{width:100%;} .fiftydirector p.director01{font-size:20px; color:#2c2c2c; font-family:'Noto Sans KR R'; margin-top: 0px;} .fiftydirector p.director02{font-size:28px; color:#2c2c2c; font-family:'Noto Sans KR B'; margin-top: 10px; padding-bottom: 10px !important;} .directorWrap_mo{position:relative; clear:both; width:100%; margin:0 0 30px 0;} .directorWrap_mo .directorText_mo{position:relative; text-align:center; width:60%; margin:0 auto; margin-bottom:25px;} .directorWrap_mo .directorText_mo .directorTit_mo{font-size:25px; font-weight:bold;} .directorWrap_mo .directorText_mo .directorTit_mo > span{position:relative; display:inline-block; color:#444; border-bottom:solid 6px #ff7500; height:30px; margin-bottom:7px;} .directorWrap_mo .directorImg_mo{width:100%; background:url("../images/sub/intro/feb_img01Mo_bg.png") bottom center no-repeat; background-size:100% 350px; height:390px; text-align:center;} .directorWrap_mo .directorImg_mo img{width:auto; margin:0 auto;} .directorWrap_mo .directorImg_mo > p.directorSign{width:100%;} .directorWrap_mo .directorImg_mo > p.directorSign > span{width:100%;} .directorWrap_mo .directorImg_mo > p.directorPP_mo{font-size:20px; color:#2c2c2c; font-family:'Noto Sans KR R'; margin-top:25px;} .directorWrap_mo .directorImg_mo > p.directorName_mo{font-size:25px; color:#2c2c2c; font-family:'Noto Sans KR B';} /* 50주년 리스트 */ .fiftythListWrap ul li.fiftythList a{padding:10px 10px;} .fiftythListWrap ul li.fiftythList a .fiftyth_thumb{width:30%; height:80px; padding: 20px 0;} .fiftythListWrap ul li.fiftythList a .fiftyth_thumb img{width: 100%; } .fiftythListWrap ul li.fiftythList a dl{width:65%;} .fiftythListWrap ul li.fiftythList a dl dt.fiftythTit{font-size:15px; margin:5px 0 7px 0;} .fiftythListWrap ul li.fiftythList a dl dd.fiftythCon{font-size:14px;} .fiftythListWrap ul li.fiftythList a dl dd.fiftythDate{font-size:13px;} /* 테이블 가로스크롤 */ /* .tabNav_con > .se-contents{display: block; overflow-x: scroll;} */ .tabNav_con > .se-contents > table{/* width: 720px !important; */ table-layout: fixed !important; display: block; overflow-x: auto; white-space: nowrap;} .data_api .apiType th {word-break: break-all;} /* .data_api .apiType1 {display: block; overflow-x: auto; white-space: nowrap;} */ .data_api .ta_scroll{display: block; overflow-x: auto; white-space: nowrap;} /* 문하원·문화홍보관 차트 테이블 */ table.info th, table.info td {padding: 10px;} table.info > tbody > tr > td{text-align: center; vertical-align: top;} .spotFlag{display: block;} .spotFlag img{width:27px;} } @media screen and (max-width: 700px){ .historyWrapBox .historyContent .historyPhoto img{ width:100%;} .historyWrapBox .historyContent .historyPhoto{width:100%;} .historyWrapBox .historyContent .cont{width:85%;} .historyWrapBox{height:900px;} .logoType .logoBox02 .logoColor .logoColorArea.barBlue p, .logoType .logoBox02 .logoColor .logoColorArea.barRed p{margin-right:10px;} .sch_system2 li.sys2_4{margin-top:70%;} .view_type2 {width: 100%;} .view_type2 img{width: 100% !important; height: auto !important;} /* 50주년 포럼 20211112 */ .forumtxtBox{background-size: 450px;} .forumtxtBox p.forumTit01 span{font-size: 4vw;} .forumtxtBox p.forumTit02{font-size:2.45vw; line-height: 3.8vw;} .forumtxtInfo p.forumTitDate{font-size: 2.6vw; } .forumtxtInfo p.forumTitDate span {font-size: 4.5vw;} .forumtxtInfo p.forumTitPlace{font-size: 2.6vw;} .tab_item {width: 138px; font-size: 15px;} } @media screen and (max-width: 640px){ /*하단 여백 제거*/ .content_right {min-height: fit-content !important;} .contSub{padding:0;} /*리스트 페이지 CSS*/ .pc_list{display:none;} .m_list{display:block;} .pc_paging{display:none;} .m_paging{display:block; } .tabNav_con .m_paging > .more_btn > a{font-size: 15px;} /* btn*/ .hide .btn_prev{ boder:0px; height:1px; width:1px; opacity:0;} .hide .btn_next{ boder:0px; height:1px; width:1px; opacity:0;} .list_loading {height:60px;width:100%; display:none; bottom:25%; background:url('../images/loading.gif') no-repeat; background-position-x:50%; background-size:60px;position:fixed; } .btn_page {overflow:hidden; width:100%;margin:7% 0 3% 0;} .btn_page .page_prev {float:left;} .btn_page .page_next {float:right;} .btn_page .page_top {text-align:center;display:none;} .more_btn a {display:block;width:32%;background:#af9b7a;margin:5% auto;border-radius:4px;text-align:center;height:35px;line-height:35px;color:#fff;} .tabBar.bar > li > a{font-size:13px;} #touchSlider_tab { width:100%; height:150px; margin:0 auto; position:relative; overflow:hidden; } #touchSlider_tab ul { width:99999px; position:absolute; top:0; left:0; overflow:hidden; } #touchSlider_tab ul li { float:left; width:100%; } .listcon01 {} .listcon01 .list_articlebox{width:100%;overflow:hidden;margin-top:15px;max-height:90px; padding:5px; } .listcon01 .list_articlebox a {position:relative; display:block;} .listcon01 .list_articlebox .articlebox_img {float:left;display:block;width:32%;} .listcon01 .list_articlebox .articlebox_img a {display:block;} .listcon01 .list_articlebox .articlebox_img img {width:100%; min-height:85px; } .listcon01 .list_articlebox span.line_thumb {position:absolute; left:0px; top:0px; width:32%; height:85px; border:1px solid rgba(0,0,0,.2); box-sizing:border-box; } .listcon01 .list_articlebox .articlebox_txt {float: right;width: 65%;color: #878a8f;font-size: 13px;letter-spacing: .3px;} .listcon01 .list_articlebox .articlebox_txt h4 {font-size: 16px;padding: 0 0 3px 0;margin: 0;font-weight: normal;display: -webkit-box;position: relative;overflow: hidden;width: 100%;height: 43px;line-height: 1.375em;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:15px;} /* 20210406 수정 */ .listcon01 .list_articlebox .articlebox_txt span.count{padding-left:10px; margin-left:10px; border-left:solid 1px #999; display:inline-block; line-height:15px;} .listcon01 .list_articlebox .articlebox_txt span.count em{font-style:normal; margin-left:4px;} .listcon02 { margin:10px 0} .listcon02 .list_articlebox{overflow:hidden;padding:10px 10px 0 10px; line-height:1.35em; } .listcon02 .list_articlebox .articlebox_txt {float:right;width:100%;border-bottom:1px solid #b4bdc8;padding-bottom:8px;} .listcon02 .list_articlebox .articlebox_txt a {display:block;} .listcon02 .list_articlebox .articlebox_txt h4 {color:#434a54;font-size:16px;padding:0;margin:0px 0px 10px 0px;font-weight:normal;} .listcon02 .list_articlebox .articlebox_txt h4 span {font-size:16px; margin-right:5px;} .listcon02 .list_articlebox .articlebox_txt h4 strong {color:#fff; font-size:13px; border-radius:15px; background:#4e81c0; padding:2px 10px; line-height:1.375em;margin-right:2px;} .listcon02 .list_articlebox .articlebox_txt h4 strong.end {border-radius:15px; background:#b4bdc8;} .listcon02 .list_articlebox .articlebox_txt h4 strong.guide {color:#428600; border-radius:15px; background:#caed29} .listcon02 .list_articlebox .articlebox_txt span { } .listcon02 .list_articlebox .articlebox_txt p {color:#878a8f; font-size:12px; margin-top:-3px;padding:0; } .listcon03 { margin:10px 0} .listcon03 .list_articlebox{width:100%;overflow:hidden;padding:10px 10px 0 10px; line-height:1.35em; } .listcon03 .list_articlebox .articlebox_txt {float:right;width:100%;font-size:13px;border-bottom:1px solid #b4bdc8;padding-bottom:10px;} .listcon03 .list_articlebox .articlebox_txt a {display:block;} .listcon03 .list_articlebox .articlebox_txt h4 {font-weight:normal;font-size:16px;padding:0;margin-top:0; color:#434a54;} .listcon03 .list_articlebox .articlebox_txt span { font-size:13px;padding:2px 10px 2px 0; line-height:1.375em; } .listcon03 .list_articlebox .articlebox_txt span.department {color:#4e81c0; } .listcon03 .list_articlebox .articlebox_txt span.day{color:#878a8f; } .listcon03 .list_articlebox .articlebox_txt span.open {color:#fff; border-radius:4px;background:#053863; padding:2px 10px 2px 10px;} .listcon03 .list_articlebox .articlebox_txt span.partial {color:#fff; border-radius:15px;background:#434a54; padding:2px 10px 2px 10px;} .listconphoto{ margin:10px 0} .listconphoto .list_articlebox{width:100%; margin-bottom:5px;overflow:hidden;} .listconphoto .list_articlebox .articlebox {position:relative;} .listconphoto .list_articlebox .articlebox_title {position:absolute; color:#fff;font-size:20px;font-weight:bold;width:100%;line-height:1.2em;bottom:0;padding:10% 2% 2% 2%; /* modify by kim,byungki */ background: -moz-linear-gradient(top, rgba(25,30,37,0) 0%, rgba(25,30,37,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(25,30,37,0) 0%,rgba(25,30,37,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(25,30,37,0) 0%,rgba(25,30,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00191e25', endColorstr='#191e25',GradientType=0 ); /* IE6-9 */ } .listconphoto .list_articlebox .articlebox_title h4 {color:#fff;font-size:18px;margin:0;padding:0;} .listconphoto .list_articlebox .articlebox_title span {display:none;color:#fff;font-size:13px;} .listconphoto .list_articlebox .articlebox_discription {display:none; width:100%;color:#b6cbe9;font-size:11px; bottom:0; line-height:1.375em; padding:5px 0 0 0; margin:5px 0 0 0; border-top:1px solid #86909d; } .listconphoto .list_articlebox .articlebox_txt {width:100%;color:#bac2cd;font-size:13px; bottom:0; line-height:1.375em;background:#2a2f37;padding:2%; margin-top:0} .list_address { margin:10px 0} .list_address .list_addressbox{padding:10px 1%;border-bottom:1px solid #b4bdc8; line-height:1.3em;font-size:13px;margin:0 2%; } .list_address .list_addressbox h4 {color:#434a54;font-size:18px;padding-bottom:3px; font-weight:600;} .list_address .list_addressbox h4 a {color:#434a54; } .list_address .list_addressbox p {color:#878a8f;padding-bottom:3px; line-height:1.1em;} .list_address .list_addressbox span {border-radius:15px; padding:2px 10px 2px 27px; line-height:1.375em; background:#434a54 url('../images/link_ico.png') no-repeat 6px 5px ;background-size:16px 9px;} .list_address .list_addressbox span a {display:inline-block;color:#c5cddb; text-decoration:none;} /* content-detail */ .conlist_title .sns_b {padding: 10px 0;overflow: hidden;} .conlist_title .btn_sns {float:right;margin-right:2%; width:75px;} .conlist_title .btn_sns span{padding:5px 5px 0;display:block;} .conlist_title .btn_sns .kas_btn {float:left;} .conlist_title .btn_sns .twi_btn {float:left;} .conlist_title .btn_sns .fac_btn {float:right;} .conlist_subject span {display:inline-block;padding:0 2% 5px;color:#878a8f; width:100%; font-size:12px;} .conlist_subject h4 {font-size:20px;padding:0px 2% 7px; line-height:1.35em; font-weight:bold} .conlist_title .btn_sns a {display: block;} .conlist_title .btn_box {float:right;border-left:1px solid #e3e4e4; background:#eceff3; padding:0 5px;} .conlist_title .btn_box span{padding:5px 0;display:block;} .conlist_title .btn_box span img {display: block;} .conlist_title .btn_box span img {width: 20px;height: auto;} .conlist_title .btn_box .enlarge_btn {float:left;} .conlist_title .btn_box .small_btn {float:left;} .conlist_title .btn_sns .fac_btn img, .conlist_title .btn_sns .twi_btn img, .conlist_title .btn_sns .kas_btn img {width: 12px;height: auto;} .cont_article * {font-size: 15px;} .cont_article {line-height:160%;font-size: 15px;} .cont_article iframe {margin-top:20px;} .cont_article p {margin-top:20px;} .cont_article p strong {font-weight:600;} .cont_article h4 {font-weight:600; color:#333;padding:0 2%;margin-top:5%; } .cont_article h5 {font-weight:600; color:#333;padding:0 2%;margin-top:5%; } .cont_article .conSummary {margin-top:20px;word-break:break-all; line-height:1.375em;} .cont_article .conSummary li {font-weight:700; } .cont_article .con_head {font-weight:600;text-align:center; padding:10px 0;} .cont_article .mainTit {font-weight:600;text-align:center;font-size:18px;} .cont_article .subTit {font-weight:600;text-align:center; font-size:16px;margin-top:10px;} .cont_article .firstPara {margin-top:20px;word-break:break-all; line-height:1.375em;} .cont_article .firstPara strong {font-weight:600;} .cont_article .middlePara {margin-top:20px;word-break:break-all; line-height:1.375em;} .cont_article .middlePara strong {font-weight:600;} .cont_article center {font-weight:600;} .cont_article center strong {font-weight:600} .cont_article .view_type2 {margin:20px auto 0; text-align:center;} .cont_article .view_type2 img {width:100%;} .cont_article .view_type2 p {color:#878a8f;padding:10px 10px;background:#f2f2f2;font-size:12px; text-align:left; margin-top:0; line-height:1.2em;} .cont_article .view_type7 {margin:20px auto 0; text-align:center;} .cont_article .view_type7 p {padding:10px 10px;font-size:14px; margin-top:0;line-height:1.2em;} .cont_article .view_movie {position:relative; overflow:hidden;padding:0 0 56.25% 0 ;height:0;margin-top:0;} .cont_article .view_movie iframe {position:absolute;top:0; width:100%;height:100%;} .cont_article .view_movie p.con2 {color:#878a8f;padding:10px 10px;background:#f2f2f2;font-size:12px; text-align:left; margin-top:0;line-height:1.2em;} .cont_article .cont_sub {min-height:120px; padding:0 0 25%} .cont_article .cont_sub table {margin-top:20px;} .cont_article p.date {color:#878a8f; margin-top:20px; font-size:12px;} .cont_article .con {color:#878a8f; margin-bottom:20px;font-size:12px;} .cont_article .hide {display:none;} .cont_article ul.download {background:#434a54; border-radius:10px; padding:7px 10px;} .cont_article ul.download li {padding: 0;float:none;} .cont_article ul.download li p{color:#fff; font-size:14px; width:57px; font-weight:600; margin: 0 5px 0 0; line-height:1.75em; float:left;padding: 0;} .cont_article ul.download li a img {height:25px; padding:2px} .cont_article .reader_down {color:#878a8f; font-size:12px; margin:0;padding: 0;} .cont_article .reader_down a {color:#878a8f; text-decoration:underline;} .cont_article .content_text {margin-top:20px; line-height:1.32em; } .cont_article .content_text img {border-radius:10px;width:100%; } .cont_article .btn_aidown {display:none;} .cont_article .contView{width:300px; margin:0 auto;} .cont_article .contView p {padding:0;margin-top:5px; line-height:1.2em;} .cont_article .contView div {margin:20px 0;} .cont_article .contView .date {margin-top:20px;} .cont_article .contView .con {margin:0 0 20px 0;} .cont_article .FileDownLoad { border-radius:10px; background:#434a54; margin-top:10%; padding:7px;} .cont_article .FileDownLoad p {margin-top:0;} .cont_article .FileDownLoad .file_box li a{ color:#fff; font-size:14px;} .cont_article .FileDownLoad .file_btn { border-top:1px solid #8b8f95; color:#fff; font-weight:600; margin-top:1%;padding-top:1%;} .cont_article .FileDownLoad .file_btn a img {height:25px;margin-right:5px;width:auto;} /* 20200910 수정 */ .cont_article .imgbox .img_arrow {display:inline-block;width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #878a8f;} .cont_article .kogl{ border-top:1px solid #eff2f6; font-size:13px; line-height:1.25em; padding:2%; color:#888; margin:20px 0 0 0;} .cont_article .kogl div a img{margin:0 10px 5px 0;float:left;width:110px;} .article_source {padding-left:2%;margin-top:20px;} .article_source a{text-decoration:underline; font-weight:700;} .article_source img {width:20px; margin-right:5px; float:left;} .cont_article table {border:1px solid #b4bdc8; border-top:2px solid #b4bdc8; margin-top:5px;width:auto !important;} .cont_article table td{word-break:break-all;border:1px solid #b4bdc8; padding:4px; font-size:13px;line-height:1.2em;} .cont_article table td strong {font-weight:600; } .cont_article table th{word-break:break-all;border:1px solid #b4bdc8; padding:1px 3px;line-height:1.2em; font-weight:600;font-size:13px;} /* 2015-05-18 */ /* 2017-07-28 이미지사이즈 100% */ .figCenter{clear:both; display:block; margin:0 auto; padding: 5px 0 10px 0; font-size:13px;line-height: 20px;width: 100% !important;} .cont_article table th.retention {width:10%;} .claim {width:25%;} .form_area {margin:0 0 1px ;background:#fafbfd;letter-spacing:-1px;border-radius:0px; /*box-shadow: 0px 0px 1px 1px #d6dbdf; -moz-box-shadow: 0px 0px 1px 1px #d6dbdf; -webkit-box-shadow: 0px 0px 1px 1px #d6dbdf;*/} .form_area .form_title {background:#f4f6f9;padding:2% 2% 1.5%;border-radius:10px 10px 0px 0px; color:#848991; font-size:13px; line-height:1.2em;} .form_area .radio_sec {padding-bottom:2%;} .form_area .radio_sec form {padding-left:2%; margin-left:6%; overflow:hidden;} .form_area .radio_sec form select{ float:left;font-size:11px;background:#e2e6ec; border:0px;color:#434a54;height:23px; border-radius:5px 0 0 5px;padding:0px 10px;} .form_area .radio_sec strong {display:block;background:url('../images/question_ico.png') no-repeat 0 0;background-size:20px 20px;height:23px;padding:1px 0px 0px 25px;margin:5px 0px 2px 2%;} .form_area .radio_sec label {font-size:12px;} .form_area .radio_sec input[type="submit"] {margin:0 0 0 -3px;font-size:11px;background:#62676d;color:#fff;padding:3px 8px;border:none;border-radius:0 5px 5px 0;height:23px;} .sch_system1 { position:relative; width:100%;} .sch_system1eng { position:relative; padding:53px 0 0 0; width:100%;} /* h3.system { height:39px; font-size:18px; color:#333;letter-spacing: -0.1px;} h3.system font.number {font-size:14px; color:#70A429; } .sch_system2 { position:relative; width:100%; height:365px; background:url('../images/bg_system.gif') no-repeat;} .sch_system2 * { font-weight:bold;} .sch_system2 li { position:absolute;} .sch_system2 li strong { color:#990000;} .sch_system2 li.sys2_1 { left:245px; top:0px; font-size:14px; padding-top:7px; width:190px; height:50px; line-height:120%; text-align:center; color:#fff; } .sch_system2 li.sys2_1 p { position:absolute; left:190px; top:27px; font-size:14px; color:#434a54; width:180px; line-height:19px; text-align:right;} .sch_system2 li.sys2_2, .sch_system2 li.sys2_3, .sch_system2 li.sys2_4, .sch_system2 li.sys2_5 { width:154px; height:40px; text-align:center; line-height:40px; font-size:14px; color:#333; background:url('../images/bg_system3.gif') no-repeat;} .sch_system2 li.sys2_2 { left:-246px; top:95px; } .sch_system2 li.sys2_3 { left:-70px;; top:95px; } .sch_system2 li.sys2_4 { left:106px; top:95px; } .sch_system2 li.sys2_5 { left:282px; top:95px; } .sch_system2 li.sys2_1 ul li > ul { position:absolute; padding:13px 0 0 14px; width:140px; height:180px; background:#ffe1e1;} * .sch_system2 li.sys2_1 ul li ul li { position:static; padding:0 0 3px 0; font-size:12px; color:#333; line-height:15px; text-align:left;} .sch_system2 li.sys2_1 ul li ul li span {font-size:12px; color:#936060;} .sch_system2 li.sys2_1 ul li ul li ul { position:static; padding:3px 0 0 0; width:auto; height:auto;} .sch_system2 .sys2_2 > ul { left:0; top:50px;} .sch_system2 .sys2_3 > ul { left:0; top:50px;} .sch_system2 .sys2_4 > ul { left:0; top:50px;} .sch_system2 .sys2_5 > ul { left:0; top:50px;} / /* 공공데이터개방 */ .cont_article .l_box01 {border:1px solid #c8cfda; padding:10px; margin:5px 2% 20px 2%; line-height:1.375em; font-size:14px;} .cont_article .l_box02 {background:#c8cfda; padding:10px;margin:5px 2% 20px 2%;line-height:1.375em;font-size:14px;} .cont_article .l_box03 {font-size:14px; margin:5px 2% 0 2%; display:inline-block;border-radius:20px; padding:4px 10px 5px 27px; line-height:1.355em; background:#434a54 url('../images/link_ico.png') no-repeat 6px 5px ;background-size:16px 9px; color:#fff;} .cont_article .l_box03 a {color:#c5cddb; word-break:break-all;} .cont_article h5.l_h5 {font-weight:700;margin-top:20px; color:#434a54;font-size: 16px;/* background: url('../images/bullet_01.gif') no-repeat 0 5px; background-size:9px;*/ } .l_box03 p a span {color: #0078bc !important; word-break: break-all; line-height: normal;} /* 사전정보공개 */ .cont_article .preopendata {font-size:16px; padding: 3% 3% 20% 3%; margin-top:20px; } .cont_article .preopendata span {color:#af2227; } .cont_article .btn_preopen {width:240px;border-radius:5px;padding:10px ; font-size:18px; font-weight:600; background:#434a54; margin:10% auto 30%; text-align:center; } .cont_article .btn_preopen a {color:#ffffff;} /* 기관개요 */ .overview { padding: 3%; } /* 연혁 */ .cont_article table.history {border:none; margin:10% auto 13%; width:95%; } .cont_article table.history td {width:70%;word-break:break-all;border-bottom:1px solid #b4bdc8; border-left:none; border-right:none; border-top:none;font-size:14px; padding:10px 5px;line-height:1.2em;} .cont_article table.history th {width:30%;word-break:break-all;border-bottom:1px solid #b4bdc8;border-left:none; border-right:none; border-top:none;font-size:16px;font-weight:700;padding:10px 0 10px 0px;;} .cont_article table.history th span {color:#af2227; font-weight:700;} /* 홍보자료 동영상 */ .contMovie1 {margin:0 2%;} .contMovie1 p {position:relative; overflow:hidden; padding:0 0 56.25% 0; height:0;margin-top:0} .contMovie1 iframe {/* position:absolute; top:0; */ width:100%; height:100%;} .contMovie1 p.firstPara {position:relative; height:100%;padding-bottom:0;margin-top:20px;word-break:break-all; line-height:1.375em;} .contMovie1 p.middlePara {position:relative;height:100%;padding-bottom:0;margin-top:20px;word-break:break-all; line-height:1.375em;} /* 해외문화PD */ .contMovie2 { padding-right:2%;} .contMovie2 p {position:relative; overflow:hidden; padding-bottom:56.25%; height:0;margin:0;} .contMovie2 iframe {position:absolute; top:0; width:100%; height:100%;} .contMovie2 p.firstPara {position:relative; height:100%;padding-bottom:0;margin-top:20px;word-break:break-all; line-height:1.375em;} .contMovie2 p.middlePara {position:relative;height:100%;padding-bottom:0;margin-top:20px;word-break:break-all; line-height:1.375em;} /* 묻고답하기 */ .qna {font-size:16px; padding: 0 3% ; margin-top:20px; min-height:270px;} .qna .p { padding:0 ;margin:0; } .qna h3 { font-weight:600; margin-top:20px; padding: 0 3% ;} .qna .btn_link {width:240px;border-radius:5px;padding:10px ; font-size:18px; font-weight:600; background:#434a54; margin:25% auto 27%; text-align:center; } .qna .btn_link a {color:#ffffff;} /* 오류신고 */ .report {font-size:16px; padding: 3% 3% 0 ; margin-top:20px; line-height:17px;} .report p { padding:0 ; margin:0;} .report h3 {font-weight:600; margin-top:20px;} .report li {padding:5px 0 10px 0; font-size:14px;} .report li span {color:#878a8f; padding:5px 0;} .report .btn_link {width:240px; border-radius:5px;padding:10px ; font-size:18px; font-weight:600; background:#434a54; margin:10% auto 10%; text-align:center; } .report .btn_link a {color:#ffffff;} /* division */ .tab_container .tab_content {background:#e2e6ec;border-radius:10px;padding:10px 10px;margin-top:8px; box-shadow: 0px 0px 1px 1px #fff; -moz-box-shadow: 0px 0px 1px 1px #fff; -webkit-box-shadow: 0px 0px 1px 1px #fff;} .tab_container .tab_content .title_intro {color:#434a54;} .tab_container .tab_content .title_intro strong {font-size:16px;font-weight:bold;display:block;padding:10px 0px;} .list_cont dl {overflow:hidden;border-top:1px solid #fff;padding:8px 5px;font-size:12px;line-height:18px;} .list_cont dl dt {float:left;width:15%;font-weight:bold;} .list_cont dl dd {float:right;width:85%;} .status {font-size:14px; font-weight:bold;padding:5px 0px;letter-spacing:-1px;} .status span {color:#af2227;} /* map */ .cont_article .location_img {width:100%;padding:20px 5px 30px ;} .cont_article .location_img img {width:100%;} .cont_article .location_sec01 {padding:0 2%;} .cont_article .location_sec01 h4{font-size:18px;font-weight:bold;color:#434a54;padding:0px 0px 7px 3px;} .cont_article .location_sec01 h4 span img{height:24px;width:24px;margin:-2px 0 0 5px;} .cont_article .location_sec01 ul li {padding-bottom:5px; font-weight:600;border-top:1px solid #cad2dc; padding-top:5px;} .cont_article .location_sec01 .tel {font-size:14px;font-weight:normal;border-top:0px;padding-bottom:0px; } .cont_article .location_sec02 {margin-top:20px; padding:0 2%;} .cont_article .location_sec02 h4 {font-size:18px;font-weight:bold;color:#434a54;padding:0px 0px 7px 3px;} .cont_article .location_sec02 h4 span img{height:24px;width:24px;margin:-2px 0 0 5px;} .cont_article .location_sec02 dl {margin-bottom:30px;} .cont_article .location_sec02 dl dt {padding:0px 0px 5px 3px;} .cont_article .location_sec02 dl dd {background:#f4f6f9;border-top:1px solid #cad2dc;padding:2% 2% 0px ;font-size:14px;letter-spacing:-1px;} .cont_article .location_sec02 dl dd .navi_txt {color:#af2227;font-weight:normal;padding-bottom:10px;border-bottom:1px solid #cad2dc;display:block;} .cont_article .location_sec02 dl dd .navi_txt span {font-weight:bold;} .cont_article .location_sec02 dl dd strong {font-weight:bold;display:block;padding-top:6px;} .cont_article .location_sec02 dl dd ul {padding-bottom:6px;} .cont_article .location_sec02 dl dd ul li {line-height:16px;} .cont_article .location_sec02 .traffic_link {overflow:hidden;} .cont_article .location_sec02 .traffic_link li {float:left;background:#434a54;border-radius:15px;padding:3px 10px 0;margin:0px 5px 5px 0px;} .cont_article .location_sec02 .traffic_link li a {color:#fff; font-size:12px;} /* 개인정보처리방침 */ .person {font-size:14px; padding:0 2%;} .person p {margin-top:5px;} .person p.bl03_no img{width:auto;} /* 20200928 추가 */ .person ol {margin:5px 0 0 10px;} wwwdhdm.person h2 {font-size:18px;font-weight:700;text-align:center;margin:20px 0;} .person h2 {font-weight:700;margin-top:30px;} .person h3 {font-weight:700;margin-top:30px;} .person h4 {font-weight:700;margin-top:30px;color:#434a54;} .person div.1_box02 {margin-top:30px;} .person .dable_box h4 {font-weight:700;margin-top:30px;} .person .comment {font-size:12px;color:#878a8f; margin-top:3px; line-height:1.2em;} .copyright .conBox01 {border:0px solid #b4bdc8; } .copyright p {margin-top:20px;font-size:14px; } .copyright p.gonggong img { width:100px; height:35px; } /* 외신지원센터 > 자료실 */ .bbs_type5 {display: inline-block;width: 100%;} .bbs_type5 li {padding: 4% 2%;height: 206px;float: left;} .bbs_type5 li dl {position:relative;padding-left: 170px;} .bbs_type5 li dl dt {height: auto;} .bbs_type5 li dl dt a {font-size: 16px;color:#333;font-weight:bold;line-height: 24px;} .bbs_type5 li dl dt a:hover { text-decoration:underline;} .bbs_type5 li dl dd.img { position:absolute; left:0; top:0;} .bbs_type5 li dl dd.img a { display:block;} .bbs_type5 li dl dd.img a:focus { border:1px solid #ad2e25;} .bbs_type5 li dl dd.img img {width: 152px;height: auto;} .bbs_type5 li dl dd.date {height: 30px;text-align: left;color:#666;line-height: 24px;font-size: 14px;} .bbs_type5 li dl dd.con {padding-top:20px;display: none;} .bbs_type5 li dl dd.con a {line-height: 24px;color:#666;font-size: 15px;} /* 사이냅 에디터 table, youtube 반응형 추가 _20210526 BY JSKIM*/ .se-contents table{table-layout:auto !important;width:100% !important} .se-contents table span{line-height: normal;} /* 보도자료 상세페이지 글자 겹침 20220926 */ /* Edit */ span.se-drawing-object-wrapper.se-video.se-youtube-video{width:100% !important;height:auto !important;} span.se-youtube-wrapper { position: relative; padding-top: 56%; display: block; height: 0; width: 100%; } .se-youtube-wrapper iframe {position: absolute;top: 0;left: 0;width:100% !important; height:100% !important; margin-top: 0;} .bbs_view_type1 dd.con iframe { width: 100% !important; height: auto !important; min-height: 300px; } .historyWrapBox ul.historyYear li{margin-right: calc(100% - 392px);} .historyWrapBox{height:800px;} .bulletTitleBox > div.contentMap > span{margin-left:1px; font-size: 14px;} .policyLabelWrap img.pcPolicy{display:none;} .policyLabelWrap img.mPolicy{display:block;width:100%;} .visionMain img.pcVision{display:none;} .visionMain img.mVision{display:block;width:100%;} .se-div2 > p.content {font-size: 14px;margin-left: 5px;letter-spacing: -1px;} .logoType .logoBox02 .logoColor .logoColorArea.barBlue{width: 95%;margin-right: 5px;} .logoType .logoBox02 .logoColor .logoColorArea{width: 95%;margin-right: 5px;} .logoType .logoBox02 .logoLang ul li{width:100%;} .logoDown ul li a span.icon {width:80px;height:80px;} .logoDown ul li a{} .logoDown ul li a span.downTitle{font-size:18px;margin-left:20px;} .logoDown ul li{width:100%;margin-bottom:10px;} .loc li{font-size:14px;} .loc li.last{margin-top:5px;} .loc li:nth-child(3), .loc li:nth-child(4), .loc li:nth-child(5){margin-top: 5px;} .directorMain{height:200px;} .directorContents {font-size: 25px;line-height: 45px;} .GreetingsDiv1{width:100%; display:block;font-size: 14px; line-height:28px;} .GreetingsDiv2{width:100%; display:block;font-size: 14px; line-height:28px; margin-top: 30px;margin-bottom:30px;} .directorTxtNew > p > span.cont3{font-size:40px;} .directorTxtNew > p.cont1 {font-size:16px;line-height:25px;} .sharing {margin-bottom:20px;} .historyWrapBox .historyContent .historyControl{display:none;} .historyWrapBox .historyContent .cont{width:100%;} /* .listType7 th, .listType7 td:last-of-type{padding: 15px 10px 15px 10px;font-size: 13px;} */ .listArea > .listType7 th, .listType7 td{font-size:13px;} .listArea > div{font-size:20px;} .btn_page_m{display:block;} .btns_pc{display:none;} .bbs_view_type1 dd a img{margin: 0 10px 5px 0; /* float: left;수정 220824 width: 110px; */} /* 20221228 다운로드 버튼 높이 수정: width 주석 처리 */ .cont_article .kogl{border-top: 1px solid #eff2f6;font-size: 15px;line-height: 1.25em;padding: 2%;color: #888;margin: 20px 0 0 0;} .sch_system2 li.sys2_4{margin-top:84%;} .sch_system3 li.sys3_4{margin-top:45%;} .divisionMain .cont3{top: 30%;} .divisionMain .cont4 li{width:100%;} .sch_system1 .divisionMain{height:auto; margin-bottom: 10px;} .sch_system1 .divisionMain .bg1{float:left;} .sch_system1 .divisionMain .bg2{width:45%; float:right;} .sch_system2 li.sys2_1 p{left:290px;color:#fff;} .sch_system3 li.sys3_1 p{left:290px;color:#fff;} .totalSearch input[type="text"] {width:200px;} .rssList dt{font-size: 13px;} .rssList dd{font-size: 13px;} .headMessage{font-size:15px;} .sch_system2 li.sys2_1 ul li > ul, .sch_system3 li.sys3_1 ul li > ul{width:94%;} @media screen and (max-width: 560px){ .sch_system2 li.sys2_4{margin-top:96%;} .sch_system2 li.sys2_1 ul li > ul, .sch_system3 li.sys3_1 ul li > ul{width:92.5%;} .listType7 > tbody > tr > th{width: 35%;} .listType7 > tbody > tr > td{width: 65%;} /* 2023 웹접근성 백업 .typeCheck label {width: 40%; height: 45px; font-size: 15px; line-height: 45px; padding: 0 3%; margin: 0;} .typeCheck label.areaChart {background: url(/images/culture/chart_icon.png) 10% center no-repeat; background-size: 30px;} .typeCheck label.areaChart:hover {background: url(/images/culture/chart_icon_hover.png) 10% center no-repeat #af9a7a; background-size: 30px;} .typeCheck label.areaChart.active {background: url(/images/culture/chart_icon_hover.png) 10% center no-repeat #af9a7a; background-size: 30px;} .typeCheck label.areaMap {background: url(/images/culture/map_icon.png) 10% center no-repeat; background-size: 30px;} .typeCheck label.areaMap:hover {background: url(/images/culture/map_icon_hover.png) 10% center no-repeat #af9a7a; background-size: 30px;} .typeCheck label.areaMap.active {background: url(/images/culture/map_icon_hover.png) 10% center no-repeat #af9a7a; background-size: 30px;} */ .typeCheck li{width: 47%; padding: 0 0.5%; box-sizing: border-box;} .typeCheck li a{width: 100%; height: 45px; font-size: 15px; line-height: 45px; margin: 0; box-sizing: border-box; padding: 0 5%;} .typeCheck li.areaChart a{background:url(/images/culture/chart_icon.png) 7% center no-repeat; background-size: 30px;} .typeCheck li.areaChart a:hover{background:url(/images/culture/chart_icon_hover.png) 7% center no-repeat #A48C6A; background-size: 30px;} .typeCheck li.areaChart.active a{background:url(/images/culture/chart_icon_hover.png) 7% center no-repeat #A48C6A; background-size: 30px;} .typeCheck li.areaMap a{background:url(/images/culture/map_icon.png) 7% center no-repeat; background-size: 30px;} .typeCheck li.areaMap a:hover{background:url(/images/culture/map_icon_hover.png) 7% center no-repeat #A48C6A; background-size: 30px;} .typeCheck li.areaMap.active a{background:url(/images/culture/map_icon_hover.png) 7% center no-repeat #A48C6A; background-size: 30px;} /* MI소개 */ .logoWrap .logoBox01 img {width: 160px;} .logoCalli .logoCalli_tit {font-size: 15px;} .logoCalli ul li {font-size: 14px;} .logoWrap .logoTxt {font-size: 15px;} .logoDown ul li a span.downTitle {font-size: 15px;} .logoDown ul li a span.icon {width: 70px; height: 70px;} .logoWrap h3 {font-size: 20px; margin-top: 0 !important;} .logoType span{font-size: 17px !important;} .logoType .logoBox02 .logoLang ul li {padding: 10px 0; height: auto !important;} .logoType .logoBox02 .logoLang ul li.logoLang_img01 img {width: 240px;} .logoType .logoBox02 .logoLang ul li.logoLang_img02 img {width: 120px;} .logoBox02{margin-top: 0 !important;} .logoType .logoBox02 .logoColor .logoColorArea.barBlue {margin-top: 0px;} .logoType .logoBox02 .logoColor .logoColorArea p {padding: 30px 0 !important; font-size: 14px !important;} .logoType .logoBox02 .logoColor .logoColorArea h4 {padding: 5px 0 !important; font-size: 15px !important;} .logoType .logoBox02 .logoColor .logoColorArea ul li:last-child {font-size: 14px !important;} /* 50주년 리스트 */ .fiftythListWrap ul li.fiftythList a .fiftyth_thumb{width:35%; height:70px;} .fiftythListWrap ul li.fiftythList a dl{width:60%;} /* 뉴스레터 신청 */ .newslette_signin .signin {width: 100%;} .newslette_signin .signin dl {float: none; width: 100%;} .newslette_signin .signin dl dd {width: calc(100% - 70px);} .newslette_signin .signin dl dd .tel {width: 28%;} .newslette_signin .signin a.apply {float: none; width: 100%; display: block; height: 45px; line-height: 45px; font-size: 14px; margin-top: 10px;} .newslette_signin .signin a.cancel {float: none; width: 100%; display: block; height: 45px; line-height: 45px; font-size: 14px; margin-top: 10px;} } @media screen and (max-width: 500px){ .loc h2 {font-size: 30px;} .loc_etc h2 {font-size: 30px;} /* 50주년 포럼 20211112 */ .forumtxtBox{background-size: 310px; padding-top: 5px;} .forumtxtInfo {margin-top: 25px;} .forumtxtInfo p.forumTitDate{font-size: 3vw; } .forumtxtInfo p.forumTitPlace{font-size: 3vw;} .forumtxtBox p.forumTit02 {font-size: 2.7vw;} .btn_forum{font-size: 13px;} /* MI소개 */ .logoType .logoBox02 .logoArea ul li img {width: 87%;} .logoType .logoBox02 .logoArea ul li {margin-bottom: 15px; margin-top: 15px;} /* 오시는길 */ .se-div1 > p > img {width: 40px;} .se-div1 > span {font-size: 18px; margin-left: 75px;} /* 50주년 기고문 */ .directorWrap_mo .directorText_mo{width:100%;} /* 갤러리 리스트 반응형 */ .bbs_type1 li dl{padding-left: 45%;} .bbs_type1 li dl dd.img {width: 40%;} /* 20220901 추가 */ .bbs_type1 li dl dd.img a {width: 100%; height: 0; position: relative; display: block; padding-bottom: 60%; overflow: hidden;} /* 20220901 추가 */ .bbs_type1 li dl dd.img img {height: 100%; width: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} /* 20220901 추가 */ /* 사이트맵 */ .sitemap > div{margin-bottom: 20px;} .sitemap > div h2{font-size: 16px;} .sitemap > div ul{padding: 20px 0 0 5px ;} .sitemap > div ul li a{font-size: 14px;} .bbs_search fieldset { text-align: center; } select#searchType { width: 100% !important; padding: 0 2%; margin-bottom: 5px; } input#searchText { width:75%; box-sizing: border-box; } .b_search { width: 25%; box-sizing: border-box; } } @media screen and (max-width: 450px){ .pc_cont2{display:none;} .m_cont2{display:block;} p.cont1 {color: #715121; font-size: 15px;} .directorTxtNew > p > span{margin-right: 0.5% !important;} .directorTxtNew > p > span.cont2 {display: block; margin-right: 0; line-height: normal;} /* 50주년 리스트 */ .fiftythListWrap ul li.fiftythList a .fiftyth_thumb{width:40%; height:60px;} .fiftythListWrap ul li.fiftythList a dl{width:55%;} /* .listType7 > tbody > tr:last-child > th{height: 90px;} .listType7 > tbody > tr:last-child > td{height: 90px;} */ } @media screen and (max-width: 415px){ /* 50주년 포럼 20211112 */ .forumtxtBox{background-size: 260px;} .forumtxtBox p.forumTit01 span {font-size: 16px;} .forumtxtBox p.forumTit02 {font-size: 12px; line-height: normal; width: 100%;} .forumtxtInfo p.forumTitDate {font-size: 12px;} .directorContents {font-size: 23px;} /* 50주년 페이지 */ .directorWrap_mo .directorText_mo .directorTit_mo{font-size:23px;} .directorWrap_mo .directorText_mo .directorTit_mo > span{height:26px;} .directorWrap_mo .directorImg_mo{background-size:98% 315px; height:345px;} .directorWrap_mo .directorImg_mo > img{width:190px;} .directorWrap_mo .directorImg_mo > p.directorName_mo{font-size:20px;} .directorWrap_mo .directorImg_mo > p.directorPP_mo{font-size:15px;} /* 정책방향 */ .policyLabel{padding: 10px 5px 0 0; font-size: 15px;} .fiftyMonth select{width: 85px !important; padding: 0 7px; background: url(../images/sub/intro/fiftyarrow.png) calc(100% - 7px) center no-repeat;} .fiftyMonth button {width: 57px;} } @media screen and (max-width: 375px){ /* 50주년 페이지 */ .forumtxtBox {background-size: 210px;} .directorContents {font-size: 21px;} /* 50주년 리스트 */ .fiftythListWrap ul li.fiftythList a .fiftyth_thumb{width:45%; height:60px;} .fiftythListWrap ul li.fiftythList a dl{width:50%;} } @media screen and (max-width: 360px){ .se-div2 > p.title {height: auto;} /* .listType7 > tbody > tr:last-child > th{height: 110px;} .listType7 > tbody > tr:last-child > td{height: 110px;} */ } @media screen and (max-width: 340px){ /* 게시판 첨부파일 반응형 추가 */ .listType7 > tbody > tr > th{font-size: 13px;} .listType7 > tbody > tr > td{font-size: 13px;} } /* 보도자료 테이블 임시 추가 20210302 */ .bbsTbl{width:100%; table-layout:fixed; border-collapse:collapse; line-height:20px; text-align:center} .bbsTbl.tblFl_l{float:left;} .bbsTbl.tbl25{width:25%;} .bbsTbl.tbl75{width:75%;} .bbsTbl caption, legend{width:0;height:0;font-size:0;color:transparent;line-height:0} .bbsTbl label{overflow:hidden; visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0;} .bbsTbl th{font-weight:bold; font-size:14px; background:#f9edf5;} .bbsTbl td{text-align:center; font-size:14px; padding:7px 15px; border:1px solid #333} .bbsTbl td.tblLeft{text-align:left;} .bbsTbl th, .tbl td{padding:7px 15px; border:1px solid #333} .bbsTbl td:last-child{} .bbsTbl thead th{background:#f9edf5; color:#222} .bbsTbl thead th[rowspan]{border-left-width:1px} .bbsTbl thead th[rowspan]:first-child{border-left-width:0} .bbsTbl .tblBox{padding:4px 10px;} .bbsTbl .tblBtn{padding:3px 7px;} .thNone{background:none !important; border:none !important;} .tdNone{border:none !important;} .tblTitle{text-align:center; font-weight:bold; font-size:14px; color:#000;} .tblSubtext{font-size:13px; color:#555;} .tblColorRed{color:red;} .bbsTbl td img{width:60%; min-width:35px;} @media screen and (max-width: 440px){ .bbs_view_type1 dd.con iframe { min-height: 200px; } }