@charset "euc-kr"; /****************************************/ /* Name: (주)경진텔레콤 /* PART: LAYOUT STYLE /* Version: 1.0 / day: 2017-07-17 /* Author: 가우테크 /* Summary 1)메인, 서브레이아웃 2)상단메뉴 3)왼쪽메뉴 4)반응형 콘텐츠 */ /****************************************/ /* 텍스트 자동 조절 방지 */ * {-webkit-text-size-adjust:none;} /* 인풋박스 그림자 없애기, 둥근모서리 없애기*/ input[type="text"] {-webkit-appearance:none;webkit-border-radius:0;} /* input[type="file"] {-webkit-appearance:none;webkit-border-radius:0;}*/ input[type="password"] {-webkit-appearance:none;webkit-border-radius:0;} input[type="button"] {-webkit-appearance:none;webkit-border-radius:0;} input[type="checkbox"] {-webkit-border-radius:0;} input[type="submit"] {/*-webkit-border-radius:0*/;-webkit-appearance:none;} select {-webkit-border-radius:0;} button {-webkit-border-radius:0;} input[type="radio"] {-webkit-appearance:radio;} input[type="checkbox"] {-webkit-appearance:checkbox;} /* ================================================================================ 메인, 서브레이아웃 ================================================================================ */ #wrapper{min-width:320px;width:100%;height:100%;} /* ---- 상단영역 ---- */ #header{position:absolute;top:0;left:0;min-width:320px;width:100%;min-height:140px;background:#fff;z-index:200;border-bottom:3px solid #e31e25} #header .head_box{position:relative;margin:0 auto;max-width:1200px;z-index:60} /* #header .head_box .logo{position:absolute;top:30px;left:20px;height:100px;z-index:100} */ #header .head_box .logo{position:absolute;top:62px;left:25px;height:100px;z-index:100} /* #header .head_box .topLink{position:absolute;top:40px;right:0;z-index:1} */ #header .head_box .topLink{position:absolute;top:30px;right:0;z-index:1} #header .head_box .topLink li{float:left;padding:0 10px;font-family:굴림;font-size:11px;background:url('../img/common/ic_kan.png') no-repeat left center} #header .head_box .topLink li:last-child {padding-right:12px} #header .head_box .topLink li:first-child{background:none} #header .head_box .topLink li a {color:#777} #header .head_box .btnMenu{display:none} /* ---- 중간영역 ---- */ #container{margin-top:139px} #container #content{position:relative;} #container #content::after{display:block;clear:both;content:''} #subContainer{margin-top:139px;/*background:url('../img/sub/sub_bg.gif') no-repeat center 152px;*/} #subContainer::after{display:block;clear:both;content:''} /* .sub #header {border-bottom:1px solid #e4e4e4} */ #subContainer aside{margin:0 auto;max-width:1200px;height:152px;background:url('../img/sub/visual_1.jpg') no-repeat center top;} .sub_01 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg01.jpg') no-repeat center top;} .sub_02 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg02.jpg') no-repeat center top;} .sub_03 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg03.jpg') no-repeat center top;} .sub_04 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg04.jpg') no-repeat center top;} .sub_05 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg01.jpg') no-repeat center top;} .sub_06 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg02.jpg') no-repeat center top;} .sub_07 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg03.jpg') no-repeat center top;} #subContainer aside .left_title{padding:40px 0 0 30px;height:102px} /* #subContainer aside .left_title h2{display:inline-block;margin-right:10px} */ #subContainer aside .left_title h2{display:inline-block;margin-right:10px;font-size:36px;color:#2e2e2e;letter-spacing:-1.8px;margin-top:80px} #subContainer aside .left_title h2::after {content:"\00a0\00a0\00a0\00a0 앞선 가치, 행복한 꿈의 공유 (주)프라임오라";font-size:12px;color:#ababab;letter-spacing:-0.5px;} /* #subContainer #content .sub_bbn > span.f1::after {content:"\00a0\00a0\00a0\00a0 Linking Influencer and Companies";font-size:12px;color:#ababab;letter-spacing:-0.5px;} */ #subContainer aside .left_title p{display:inline-block;vertical-align:bottom} /* #subContainer aside nav{position:relative;padding-right:50px;background:#ff3300} */ #subContainer aside nav{position:relative;padding-right:50px;margin-top:68px} #subContainer aside nav .btnPrint{position:absolute;top:0;right:0} /* #subContainer #content{position:relative;margin:0 auto;padding:60px 70px;max-width:1200px;min-height:600px;background:#fff url('../img/sub/con_bg.jpg') no-repeat right top;border:1px solid #eaecee;border-width:0 1px 1px} */ #subContainer #content{position:relative;margin:0 auto;padding:30px 30px 0px 30px;max-width:1200px;min-height:600px;background:#fff;border:0px solid #eaecee;border-width:0 0px 0px;} #subContainer #content nav .btnPrint{position:absolute;top:0;right:0} .location{position:absolute;top:46px;right:60px;font-size:12px;color:#8c8c8c;} .location li{display:inline-block;padding:0 11px 0 4px;background:url('/img/sub/ic_loc_kan.gif') no-repeat right center} .location li:last-child{background:none} /* h1.title{position:relative;margin-bottom:40px;padding-bottom:40px;font-size:36px;color:#2e2e2e;font-weight:normal;} */ /* h1.title{position:relative;margin-bottom:40px;padding-bottom:20px;padding-left:46px;padding-top:6px;font-size:26px;color:#2e2e2e;font-weight:600;background:url('/img/sub/untitled.png') no-repeat right 8px,url('/img/sub/untitled_s.png') no-repeat left top;color:#454545} */ /* h1.title::after{position:absolute;left:0;bottom:0;width:60px;height:3px;content:'';background:#000} */ h1.title{position:relative;margin-bottom:30px;padding-bottom:60px;padding-top:6px;font-size:36px;color:#2e2e2e;text-align:center;border-bottom:1px solid #e4e4e4;font-weight:600} h1.title::after{position:absolute;left:0;bottom:42px;width:100%;height:0px;content:'최고의 품질과 서비스로 신속정확하게 공급하겠습니다.';background:#e4e4e4;font-size:12px;color:#ababab;letter-spacing:-0.5px;} span.loca {display:block;font-size:12px;color:#888;font-weight:normal;position:relative;top:-20px;border-bottom:1px solid #ddd;padding-bottom:8px;padding-left:6px} span.loca img {vertical-align:-3px} span.loca span {color:#a6a6a6} /* #subContainer aside .left_title h2::after {content:"\00a0\00a0\00a0\00a0 앞선 가치, 행복한 꿈의 공유 (주)프라임오라";font-size:12px;color:#ababab;letter-spacing:-0.5px;} */ /* ---- 하단영역 ---- */ #footer {clear:both;width:100%;} #footer .footWrap{position:relative;margin:0 auto;padding:35px 0;max-width:1200px;} #footer .footWrap .footMenu {margin-bottom:10px;padding:20px 15px;border-bottom:1px solid #e4e4e4} .sub #footer .footWrap .footMenu {border-top:1px solid #e4e4e4} .sub #footer {background:url('/img/sub/e4.gif') repeat-x center 35px} #footer .footWrap .footMenu::after{display:block;clear:both;content:''} #footer .footWrap .footMenu li{float:left;padding:0 10px;background:url('../img/common/f_m_kan.gif') no-repeat right bottom} /* #footer .footWrap .footMenu li a{display:block;} */ #footer .footWrap .footMenu li a{display:block;color:#777;font-size:16px;font-weight:700} #footer .footWrap .footMenu li:last-child{background:none} #footer .footWrap address{padding:20px 20px 10px 25px;font-size:12px;color:#7f7f7f;word-break:keep-all} /* #footer .footWrap address a{display:inline-block;margin-right:5px} */ #footer .footWrap address a{display:inline-block;margin-right:5px;color:#7f7f7f} #footer .footWrap address a:hover {text-decoration:underline} #footer .footWrap address > span {color:#b72e27} #footer .footWrap small{padding:0 20px 20px 25px;font-size:11px;color:#7f7f7f;word-break: break-all;} /* ================================================================================ 상단메뉴 ================================================================================ */ /* #gnb{position:relative;padding:65px 0 0 0;overflow:hidden;} */ #gnb{position:relative;padding:65px 0 0 0;overflow:hidden;} #gnb ul.gnb{position:relative;width:100%;text-align:right;overflow:hidden;} #gnb > ul:after{display:block;clear:both;content:''} #gnb > ul > li{display:inline-block} /* #gnb > ul > li > a{display:block;padding:20px 25px} */ #gnb > ul > li > a {display:block;padding:10px 25px 0px 25px ;font-size:18px;font-weight:700;color:#3e3e3e;text-align:center} /* #gnb > ul > li > a:hover {color:#0E9DBC} */ #gnb > ul > li > a:hover {color:#b72e27} #gnb > ul > li > a > span {display:block;font-size:12px;color:#999;font-weight:normal;letter-spacing:0} #gnb > ul > li:last-child > a {padding-right:12px} /* #gnb li .sMenu{position:absolute;top:75px;left:0;padding:30px 0;width:20%;min-height:300px;text-align:center} */ #gnb li .sMenu{position:absolute;top:75px;left:0;padding:30px 0;width:16.66%;min-height:600px;text-align:center} /* #gnb li .sMenu.sbm1{left:0} #gnb li .sMenu.sbm2{left:20%} #gnb li .sMenu.sbm3{left:40%} #gnb li .sMenu.sbm4{left:60%} #gnb li .sMenu.sbm5{left:80%} */ #gnb li .sMenu.sbm1{left:0} #gnb li .sMenu.sbm2{left:16.66%} #gnb li .sMenu.sbm3{left:33.32%} #gnb li .sMenu.sbm4{left:49.98%} #gnb li .sMenu.sbm5{left:66.64%} #gnb li .sMenu.sbm6{left:83.33%} /* #gnb li .sMenu h2{margin-bottom:15px;opacity:0.3} */ /* #gnb li .sMenu h2{margin-bottom:15px;opacity:0.3;font-size:16px} */ #gnb li .sMenu h2 {margin-bottom:15px;opacity:1;font-size:16px} #gnb li .sMenu h2 > a {color:#B72E27} #gnb li .sMenu li{font-weight:normal;line-height:16px;} /* #gnb li .sMenu li a{display:block;padding:5px 0;color:#3f3e3e} */ #gnb li .sMenu li a{display:block;padding:5px 0;color:#666} #gnb li .sMenu li a:hover{text-decoration:underline} /* #gnb > ul > li:nth-child(2n+2) .sMenu{background:#fafafa} */ #gnb > ul > li:nth-child(2n+2) .sMenu{background:#f9f9f9} .online{border-bottom:1px solid #e9e9e9} .online::before{position:absolute;top:139px;left:0;width:100%;height:1px;content:'';background:#e9e9e9} /* ================================================================================ 왼쪽메뉴 ================================================================================ */ #lnb{position:relative;} #lnb::after{display:block;clear:both;content:''} #lnb li{float:left;} #lnb li { /* text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; */ } /* #lnb li a{display:block;font-size:16px;color:#fff;height:50px;line-height:50px;font-weight:700;text-decoration:none;text-align:center;background:#818181;border-left:1px solid #9d9d9d} */ #lnb li a {display:block;font-size:16px;color:#fff;height:50px;line-height:50px;font-weight:700;text-decoration:none;text-align:center;background:#818181;border-left:1px solid #9d9d9d; padding-left:10px; padding-right:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #lnb li:first-child a{border-left:0} /* #lnb li.on a{background:#395685} */ #lnb li.on a{background:#b72e27} #lnb.li2 li{width: 100%;} #lnb.li3 li{width:33.33%} #lnb.li4 li{width:25%} #lnb.li5 li{width: 16.667%;} #lnb.li6 li{width:16.666%} #lnb.li7 li{width:14.285%} #lnb.li8 li{width:20%} #lnb.li9 li{width:50%} #lnb.li4x li{width:12.50%} #lnb.li4xx li{width:14.28%} .sub_01 #lnb li a {background:#f9f9f9;color:#777;border:1px solid #ddd;border-bottom:0;border-right:0} .sub_01 #lnb li:nth-child(4n) a {border-right:1px solid #ddd} .sub_01 #lnb {border-bottom:1px solid #ddd} .sub_02 #lnb li a {background:#f9f9f9;color:#777;border:1px solid #ddd;border-bottom:0;border-right:0} .sub_02 #lnb {border-bottom:1px solid #ddd} .sub_04 #lnb li a {background:#f9f9f9;color:#777;border:1px solid #ddd;border-bottom:0;border-right:0} .sub_04 #lnb {border-bottom:1px solid #ddd} .sub_05 #lnb li a {background:#f9f9f9;color:#777;border:1px solid #ddd;border-bottom:0;border-right:0} .sub_05 #lnb {border-bottom:1px solid #ddd} .sub_07 #lnb li a {background:#f9f9f9;color:#777;border:1px solid #ddd;border-bottom:0;border-right:0} .sub_07 #lnb {border-bottom:1px solid #ddd} /******************************************메뉴온오프************************************************************************/ #content > .ew_01, .ew_02, .ew_03, .ew_04, .ew_05, .ew_06, .ew_07 {display:none;margin-bottom:38px;position:relative;padding-right:50px} #content > .ew_01 {padding-right:0} #content > nav >ul > li > a > span {display:block;font-size:12px;color:#fff;font-weight:normal;letter-spacing:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .sub_01 #content > .ew_01 {display:block} .sub_02 #content > .ew_02 {display:block} .sub_03 #content > .ew_03 {display:block} .sub_04 #content > .ew_04 {display:block} .sub_05 #content > .ew_05 {display:block} .sub_06 #content > .ew_06 {display:block} .sub_07 #content > .ew_07 {display:block} .sub_01.page_01_01 #content > .ew_01 #lnb li {} .sub_01.page_01_01 #content > .ew_01 #lnb li.onk1 a{background:#b72e27;color:#fff} .sub_01.page_01_02 #content > .ew_01 #lnb li.onk2 a{background:#b72e27;color:#fff} .sub_01.page_01_03 #content > .ew_01 #lnb li.onk3 a{background:#b72e27;color:#fff} .sub_01.page_01_04 #content > .ew_01 #lnb li.onk4 a{background:#b72e27;color:#fff} .sub_01.page_01_05 #content > .ew_01 #lnb li.onk5 a{background:#b72e27;color:#fff} .sub_01.page_01_06 #content > .ew_01 #lnb li.onk6 a{background:#b72e27;color:#fff} .sub_01.page_01_07 #content > .ew_01 #lnb li.onk7 a{background:#b72e27;color:#fff} .sub_01.page_01_08 #content > .ew_01 #lnb li.onk8 a{background:#b72e27;color:#fff} .sub_01.page_01_09 #content > .ew_01 #lnb li.onk9 a{background:#b72e27;color:#fff} .sub_01.page_01_10 #content > .ew_01 #lnb li.onk10 a{background:#b72e27;color:#fff} .sub_01.page_01_11 #content > .ew_01 #lnb li.onk11 a{background:#b72e27;color:#fff} .sub_01.page_01_12 #content > .ew_01 #lnb li.onk12 a{background:#b72e27;color:#fff} .sub_01.page_01_13 #content > .ew_01 #lnb li.onk13 a{background:#b72e27;color:#fff} .sub_01.page_01_14 #content > .ew_01 #lnb li.onk14 a{background:#b72e27;color:#fff} .sub_01.page_01_15 #content > .ew_01 #lnb li.onk15 a{background:#b72e27;color:#fff} .sub_01.page_01_16 #content > .ew_01 #lnb li.onk16 a{background:#b72e27;color:#fff} .sub_01.page_01_17 #content > .ew_01 #lnb li.onk17 a{background:#b72e27;color:#fff} .sub_01.page_01_18 #content > .ew_01 #lnb li.onk18 a{background:#b72e27;color:#fff} .sub_01.page_01_19 #content > .ew_01 #lnb li.onk19 a{background:#b72e27;color:#fff} .sub_01.page_01_20 #content > .ew_01 #lnb li.onk20 a{background:#b72e27;color:#fff} .sub_01.page_01_21 #content > .ew_01 #lnb li.onk21 a{background:#b72e27;color:#fff} .sub_01.page_01_22 #content > .ew_01 #lnb li.onk22 a{background:#b72e27;color:#fff} .sub_01.page_01_23 #content > .ew_01 #lnb li.onk23 a{background:#b72e27;color:#fff} .sub_01.page_01_24 #content > .ew_01 #lnb li.onk24 a{background:#b72e27;color:#fff} .sub_01.page_01_25 #content > .ew_01 #lnb li.onk25 a{background:#b72e27;color:#fff} .sub_01.page_01_26 #content > .ew_01 #lnb li.onk26 a{background:#b72e27;color:#fff} .sub_01.page_01_27 #content > .ew_01 #lnb li.onk27 a{background:#b72e27;color:#fff} .sub_01.page_01_28 #content > .ew_01 #lnb li.onk28 a{background:#b72e27;color:#fff} .sub_01.page_01_29 #content > .ew_01 #lnb li.onk29 a{background:#b72e27;color:#fff} .sub_01.page_01_30 #content > .ew_01 #lnb li.onk30 a{background:#b72e27;color:#fff} .sub_02.page_01_01 #content > .ew_02 #lnb li.onk1 a{background:#b72e27;color:#fff} .sub_02.page_01_02 #content > .ew_02 #lnb li.onk2 a{background:#b72e27;color:#fff} .sub_02.page_01_03 #content > .ew_02 #lnb li.onk3 a{background:#b72e27;color:#fff} .sub_02.page_01_04 #content > .ew_02 #lnb li.onk4 a{background:#b72e27;color:#fff} .sub_02.page_01_05 #content > .ew_02 #lnb li.onk5 a{background:#b72e27;color:#fff} .sub_02.page_01_06 #content > .ew_02 #lnb li.onk6 a{background:#b72e27;color:#fff} .sub_02.page_01_07 #content > .ew_02 #lnb li.onk7 a{background:#b72e27;color:#fff} .sub_02.page_01_08 #content > .ew_02 #lnb li.onk8 a{background:#b72e27;color:#fff} .sub_02.page_01_09 #content > .ew_02 #lnb li.onk9 a{background:#b72e27;color:#fff} .sub_03.page_01_01 #content > .ew_03 #lnb li.onk1 a{background:#b72e27} .sub_03.page_01_02 #content > .ew_03 #lnb li.onk2 a{background:#b72e27} .sub_03.page_01_03 #content > .ew_03 #lnb li.onk3 a{background:#b72e27} .sub_03.page_01_04 #content > .ew_03 #lnb li.onk4 a{background:#b72e27} .sub_03.page_01_05 #content > .ew_03 #lnb li.onk5 a{background:#b72e27} .sub_04.page_01_01 #content > .ew_04 #lnb li.onk1 a{background:#b72e27;color:#fff} .sub_04.page_01_02 #content > .ew_04 #lnb li.onk2 a{background:#b72e27;color:#fff} .sub_04.page_01_03 #content > .ew_04 #lnb li.onk3 a{background:#b72e27;color:#fff} .sub_04.page_01_04 #content > .ew_04 #lnb li.onk4 a{background:#b72e27;color:#fff} .sub_04.page_01_05 #content > .ew_04 #lnb li.onk5 a{background:#b72e27;color:#fff} .sub_04.page_01_06 #content > .ew_04 #lnb li.onk6 a{background:#b72e27;color:#fff} .sub_04.page_01_07 #content > .ew_04 #lnb li.onk7 a{background:#b72e27;color:#fff} .sub_04.page_01_08 #content > .ew_04 #lnb li.onk8 a{background:#b72e27;color:#fff} .sub_04.page_01_09 #content > .ew_04 #lnb li.onk9 a{background:#b72e27;color:#fff} .sub_05.page_01_01 #content > .ew_05 #lnb li.onk1 a{background:#b72e27;color:#fff} .sub_05.page_01_02 #content > .ew_05 #lnb li.onk2 a{background:#b72e27;color:#fff} .sub_05.page_01_03 #content > .ew_05 #lnb li.onk3 a{background:#b72e27;color:#fff} .sub_05.page_01_04 #content > .ew_05 #lnb li.onk4 a{background:#b72e27;color:#fff} .sub_05.page_01_05 #content > .ew_05 #lnb li.onk5 a{background:#b72e27;color:#fff} .sub_06.page_01_01 #content > .ew_06 #lnb li.onk1 a{background:#b72e27} .sub_06.page_01_02 #content > .ew_06 #lnb li.onk2 a{background:#b72e27} .sub_06.page_01_03 #content > .ew_06 #lnb li.onk3 a{background:#b72e27} .sub_06.page_01_04 #content > .ew_06 #lnb li.onk4 a{background:#b72e27} .sub_06.page_01_05 #content > .ew_06 #lnb li.onk5 a{background:#b72e27} .sub_07.page_01_01 #content > .ew_07 #lnb li.onk1 a{background:#b72e27;color:#fff} .sub_07.page_01_02 #content > .ew_07 #lnb li.onk2 a{background:#b72e27;color:#fff} .sub_07.page_01_03 #content > .ew_07 #lnb li.onk3 a{background:#b72e27;color:#fff} .sub_07.page_01_04 #content > .ew_07 #lnb li.onk4 a{background:#b72e27;color:#fff} .sub_07.page_01_05 #content > .ew_07 #lnb li.onk5 a{background:#b72e27;color:#fff} /******************************************메뉴온오프************************************************************************/ .kj_ad:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */ .kj_ad {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */ .kj_ad {margin:33px auto 33px auto;max-width:1176px;} .kj_ad > div {float:left;width:48.30%;margin:0 0.85%} .kj_ad > div > h3 {background:#f1f1f1;text-align:center;line-height:47px;height:47px;border-top:3px solid #434D83;border-bottom:1px solid #e3e3e3} .kj_ad > div > h3 > a {vertical-align:1px} .kj_ad > div > div.iming {border:1px solid #e3e3e3;margin-top:18px;min-height:291px;background:url('/img/main/dm2.jpg') no-repeat top center;background-size:cover;} .kj_ad > div > #news-container {} #news-container { width: 100%; margin: 0 auto; } #news-container > ul {width:100%} #news-container > ul > li {border-bottom:1px solid #ddd;} #news-container {border-bottom:1px solid #ddd;padding-bottom:7px} #news-container > ul > li > ul:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */ #news-container > ul > li > ul {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */ #news-container > ul > li > ul > li {display:block;padding-bottom:10px;padding-top:10px;text-align:center;float:left;line-height:18px} #news-container > ul > li > ul > li:nth-child(1) {width:15%} #news-container > ul > li > ul > li:nth-child(2) {width:35%} #news-container > ul > li > ul > li:nth-child(3) {width:15%} #news-container > ul > li > ul > li:nth-child(4) {width:35%} /* #lnb li a{display:block;font-size:16px;color:#fff;height:60px;font-weight:700;text-decoration:none;text-align:center;background:#818181;border-left:1px solid #9d9d9d;padding-top:9px; padding-left:10px; padding-right:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #content > nav >ul > li > a > span {display:block;font-size:12px;color:#fff;font-weight:normal;letter-spacing:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } */ .tap_wrap {position:relative;width:100%;margin-top:79px;border-top:0px solid #ddd} /* .tap_wrap > .tab > h3 {width: 16.66%;height: 54px;line-height: 54px;text-align:center;background: #fff;position:absolute;top:-54px;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;cursor: pointer;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;font-size:18px;font-weight:600;color:#666} */ .tap_wrap > .tab > h3 {width: 49%;height: 54px;text-align:center;background: #fff;position:absolute;top:-60px;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;cursor: pointer;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;font-size:14px;font-weight:600;color:#666;padding-top:5px;padding-left:10px;padding-right:10px;border-radius:20px} .tap_wrap > .tab > h3 { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .tap_wrap > .tab > h3 > span { display:block;font-size:12px;color:#fff;font-weight:normal;letter-spacing:0;margin:0;padding:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#888; } .tap_wrap > .tab > .tit1{left: 0%;} /* .tap_wrap > .tab > .tit2{left: 16.80%;} */ .tap_wrap > .tab > .tit2{left: 51%;} .tap_wrap > .tab > .tit3{left: 33.52%;} .tap_wrap > .tab > .tit4{left: 50.28%;} .tap_wrap > .tab > .tit5{left: 67.02%;} .tap_wrap > .tab > .tit6{left: 83.74%;width:16.20%} .tap_wrap > .tab:first-child > h3 {border-left: 1px solid #ddd;} .tap_wrap > .on:first-child > h3 {border-left: 1px solid #77B1C9;} .tap_wrap > .on > h3 {background: #77B1C9;color: #fff;border-top: 1px solid #77B1C9;border-bottom: 1px solid #77B1C9;border-left: 1px solid #77B1C9; border-right: 1px solid #77B1C9;} .tap_wrap > .on > h3 > span{color: #fff;} .tap_wrap > .tab > h3:hover{background: #77B1C9;color: #fff;border: 1px solid #77B1C9;} .tap_wrap > .tab > h3:hover > span{color: #fff;} .tap_wrap > .tab:first-child > h3:hover {border-left: 1px solid #77B1C9;} .tap_wrap > .tab > .pannel:after {content:" "; display:block; clear:both;} /* 표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */ .tap_wrap > .tab > .pannel {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */ .tap_wrap > .tab > .pannel{display:none;} .tap_wrap > .on > .pannel{display:block;} .tap_wrap > div > .pannel {padding:30px 10px 0 10px} .pdd_list {} .pdd_list > li {position:relative;border-bottom:1px solid #ddd;padding-bottom:18px;margin-bottom:18px;display:block;text-align:center} .pdd_list > li:last-child {border-bottom:0;padding-bottom:0px;margin-bottom:0px} .pdd_list > li > h2 {font-size:18px;margin-bottom:18px;text-align:left;padding:0 6px} .pdd_list > li > img {margin:0 auto} .pdd_list > li > a {position:absolute;background:#B72E27;color:#fff;font-size:12px;padding:3px 6px;border-radius:3px;font-weight:600;right:6px;top:0} .pdd_list > li > a:hover {text-decoration:underline} .pdd_list > li > ul {margin-top:18px;padding:0 6px} .pdd_list > li > ul > li {background:url('/img/sub/jum.gif') no-repeat left 8px;padding-left:8px;font-size:13px;text-align:left} .sekk {border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:12px;text-align:center;} .sekk > input {height:30px;line-height:30px} .sekk > input[type="text"] {border:1px solid #ddd;padding:0 6px;min-width:257px} .sekk > input[type="submit"] {border:0;background:#000;color:#fff;font-size:13px;cursor:pointer} .sekk > input[type="button"] {border:0;background:#000;color:#fff;font-size:13px;cursor:pointer} /* ================================================================================ 반응형 콘텐츠 ================================================================================ */ /* PC Device */ @media all and (min-width:1001px){ .mbTopLink{display:none} .btnMenuClose{display:none !important} /* 전체메뉴 */ #total_m_lay{display:none !important;} } /* Tablet Device */ @media all and (max-width:1000px){ h1.title{position:relative;margin-bottom:30px;padding-bottom:50px !important;padding-top:0px;font-size:30px !important} h1.title::after{position:absolute;left:0;bottom:36px;width:100%;height:0px;} .sub_01 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg01_01.jpg') no-repeat center top;} .sub_02 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg02_01.jpg') no-repeat center top;} .sub_03 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg03_01.jpg') no-repeat center top;} .sub_04 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg04_01.jpg') no-repeat center top;} .sub_05 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg01_01.jpg') no-repeat center top;} .sub_06 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg02_01.jpg') no-repeat center top;} .sub_07 #subContainer aside{margin:0 auto;max-width:2000px;height:220px;background:url('/img/sub/sbg03_01.jpg') no-repeat center top;} .location {top:54px;right:50px} .sub #footer {background:none} #subContainer #content{min-height:100px} img{max-width:100%} #header .head_box .topLink, #gnb{display:none} /* 상단 */ #header{position:relative;min-height:99px} /* #header .head_box .logo{top:25px;width:152px;height:auto} */ #header .head_box .logo{top:30px;width:280px;height:auto} #header .head_box .btnMenu{display:block;} #header .head_box .btnMenu{position:absolute;top:34px;right:20px;z-index:110} #header .head_box .btnMenu button{width:28px;height:26px;text-indent:-999px;overflow:hidden;background:url('../img/common/ic_menu.png') no-repeat center center;} /* #header .head_box .btnMenu::after{position:absolute;top:2px;right:40px;width:64px;height:19px;content:'';background:url('../img/common/menu_txt.png') no-repeat} */ #header .head_box .btnMenu.on button{background:url('../img/common/ic_menu_close.png') no-repeat center center;} /* 모바일메뉴 */ /* #total_m_lay{display:none;position:absolute;top:109px;left:0;width:100%;text-align:center;background:#fff;border:1px solid #e9e9e9;border-width:1px 0;z-index:200} */ #total_m_lay{display:none;position:absolute;top:99px;left:0;width:100%;text-align:center;background:#fff;border:1px solid #e9e9e9;border-width:1px 0;z-index:200} #total_m_lay > ul:after{display:block;clear:both;content:''} /* #total_m_lay > ul > li{float:left;padding:20px 0;width:20%;min-height:300px} */ /* #total_m_lay > ul > li{float:left;padding:14px 0 20px 0;width:16.66%;min-height:200px;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} */ /* #total_m_lay > ul > li{float:left;padding:14px 0 20px 0;width:33.33%;min-height:600px;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} */ #total_m_lay > ul > li {float:left;padding:14px 0 20px 0;width:33.33%;min-height:260px;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} /* #total_m_lay > ul > li:nth-child(4n){border-right:0} */ #total_m_lay > ul > li:nth-child(3n){border-right:0} #total_m_lay > ul > li:nth-child(4) {border-bottom:0;min-height:260px;} #total_m_lay > ul > li:nth-child(5) {border-bottom:0;min-height:260px;} #total_m_lay > ul > li:nth-child(6) {border-bottom:0;min-height:260px;} #total_m_lay > ul > li:nth-child(7) {border-bottom:0} #total_m_lay > ul > li:nth-child(8) {border-bottom:0} /* #total_m_lay > ul > li > a:hover {color:#0E9DBC} */ #total_m_lay > ul > li > a:hover {color:#B72E27} /* #total_m_lay > ul > li > a{display:block;margin-bottom:15px;opacity:0.2} */ #total_m_lay > ul > li > a{display:block;margin-bottom:15px;opacity:1.0;font-size:16px;font-weight:700;color:#3e3e3e} #total_m_lay > ul > li > ul > li{font-size:14px;font-weight:normal;line-height:16px;} /* #total_m_lay > ul > li > ul a{display:block;padding:5px 0;color:#3f3e3e} */ #total_m_lay > ul > li > ul a{display:block;padding:5px 0;color:#666} #total_m_lay > ul > li > ul a:hover{text-decoration:underline} /* #total_m_lay > ul > li:nth-child(2n+2){background:#fafafa} */ #total_m_lay > ul > li:nth-child(2n+2){background:#f9f9f9} #total_m_lay > a {display:inline-block;background:#333;width:49%;color:#fff;height:38px;line-height:38px;font-weight:600} #total_m_lay > ul > li > a > span {display:block;font-size:12px;color:#999;font-weight:normal;letter-spacing:0} /* 중간 */ #container, #subContainer{margin-top:0} #subContainer aside{height:auto;background:url('../img/sub/visual_2.jpg') no-repeat center top;} /* .sub_01 #subContainer aside{height:110px;background:none;} .sub_02 #subContainer aside{height:110px;background:none;} .sub_03 #subContainer aside{height:110px;background:none;} .sub_04 #subContainer aside{height:110px;background:none;} .sub_05 #subContainer aside{height:110px;background:none;} .sub_06 #subContainer aside{height:110px;background:none;} */ #subContainer aside .left_title{padding-top:0px} #subContainer aside .left_title h2{margin-top:14px;} #subContainer aside nav{margin-top:-33px} .sub #header {border-bottom:none} #subContainer aside .left_title{height:93px} #subContainer aside nav{padding-right:0} #subContainer aside nav .btnPrint{display:none} /* #subContainer #content{padding:60px 20px;background-size:190px;border:0} */ #subContainer #content{padding:38px 20px 0px 20px;background-size:190px;border:0} /* h1.title{font-size:26px;padding-bottom:23px} *? /* h1.title::after{width:35px} */ /* h1.title::after{width:100%} */ /* 하단 */ } /* Mobile Device */ @media all and (max-width:640px){ .pdd_list > li > h2 {font-size:16px} #subContainer #content{min-height:300px} /* #header{min-height:80px} */ #header{min-height:80px} /* #header .head_box .logo{top:15px;left:10px;width:114px} */ #header .head_box .logo{top:20px;left:10px;width:250px} #header .head_box .btnMenu{top:25px;right:10px;} #header .head_box .btnMenu::after{display:none} /* 모바일메뉴 */ /* #total_m_lay{top:94px} */ #total_m_lay{top:80px} #total_m_lay > ul{background-color:#fafafa;} /* #total_m_lay > ul > li{width:50%;min-height:210px} */ /* #total_m_lay > ul > li{width:50%;min-height:600px} */ #total_m_lay > ul > li{width:50%;min-height:260px} #total_m_lay > ul > li {border-bottom:1px solid #e9e9e9 !important} #total_m_lay > ul > li:nth-child(3) {border-right:1px solid #e9e9e9 !important} #total_m_lay > ul > li:nth-child(3) {min-height:260px} #total_m_lay > ul > li:nth-child(4) {min-height:260px} #total_m_lay > ul > li:nth-child(5) {min-height:150px} #total_m_lay > ul > li:nth-child(6) {min-height:150px} #total_m_lay > ul > li:nth-child(7) {border-bottom:0 !important;} #total_m_lay > ul > li:nth-child(8) {border-bottom:0 !important} #total_m_lay > ul > li:nth-child(2n) {border-right:0 !important} /* #total_m_lay > ul > li.k11 {min-height:160px} #total_m_lay > ul > li.k12 {min-height:160px} */ #total_m_lay > ul > li:nth-child(2n+1){clear:both;background:#fff} /* #subContainer aside{display:none} */ .sub_01 #subContainer aside{margin:0 auto;max-width:680px;height:220px;background:url('/img/sub/sbg01_01_01.jpg') no-repeat center top;} .sub_02 #subContainer aside{margin:0 auto;max-width:680px;height:220px;background:url('/img/sub/sbg02_01_01.jpg') no-repeat center top;} .sub_03 #subContainer aside{margin:0 auto;max-width:680px;height:220px;background:url('/img/sub/sbg03_01_01.jpg') no-repeat center top;} .sub_04 #subContainer aside{margin:0 auto;max-width:680px;height:220px;background:url('/img/sub/sbg04_01_01.jpg') no-repeat center top;} .sub_05 #subContainer aside{margin:0 auto;max-width:680px;height:220px;background:url('/img/sub/sbg01_01_01.jpg') no-repeat center top;} .sub_06 #subContainer aside{margin:0 auto;max-width:680px;height:220px;background:url('/img/sub/sbg02_01_01.jpg') no-repeat center top;} .sub_07 #subContainer aside{margin:0 auto;max-width:680px;height:220px;background:url('/img/sub/sbg03_01_01.jpg') no-repeat center top;} /* #subContainer #content{padding:68px 10px 20px;background-size:95px;background-position:right 40px} */ #subContainer #content{padding:30px 14px 0px;background-size:95px;background-position:right 40px} .location{top:0;right:0;padding:10px 5px;width:100%;height:40px;background:#fff;border:1px solid #dbdfe2;border-width:1px 0} /* h1.title{padding-bottom:27px;font-size:24px} */ /* h1.title{padding-bottom:20px;font-size:24px;margin-bottom:24px} */ /* h1.title::after{width:25px} */ /* h1.title::after{width:100%;} */ #footer .footWrap{padding:20px 0} #footer .footWrap .footMenu{margin:0;padding:10px 5px;text-align:center} #footer .footWrap .footMenu li{display:inline-block;float:none;padding:0 6px;background-size:4px} #footer .footWrap .footMenu li img{height:13px} #footer .footWrap address{padding:10px;text-align:center} #footer .footWrap small{display:block;padding:0;text-align:center} .kj_ad > div {width:92.00%;margin:0 4.00%} .kj_ad > div:nth-child(2) {margin-top:30px} /* #subContainer #content nav {display:none} .sub_01 #subContainer #content nav {display:none} */ .sub_01 #content > .ew_01 {display:block} .sub_02 #content > .ew_02 {display:none} .sub_03 #content > .ew_03 {display:none} .sub_04 #content > .ew_04 {display:none} .sub_05 #content > .ew_05 {display:none} .sub_06 #content > .ew_06 {display:none} .sub_07 #content > .ew_07 {display:none} #lnb.li4 li {width:50%} .sub_01 #lnb li:nth-child(2n) a {border-right:1px solid #ddd} .pdd_list > li {text-align:left} .pdd_list > li > h2 {margin-bottom:6px;text-align:left;padding:0px} .pdd_list > li > a {position:relative;margin-bottom:8px;display:inline-block;left:0px} h1.title{margin-bottom:30px;padding-bottom:38px !important;padding-top:0px;font-size:26px !important;letter-spacing:-1px;line-height:32px} h1.title::after{left:0;bottom:36px;width:100%;height:0px;} } .q_form_wrap {/* padding: 20px; *//* background-color: #f3f3f3; *//* width: 700px; */margin: 20px 0;} .q_form {width: 100%; padding-top: 5px ;margin: 20px 0; background-image: url(/images/sub/table_top.jpg); background-repeat: no-repeat; background-size: 100% 5px; } .q_form table {border-bottom: 1px solid #e4e4e4; } .q_form td {border-bottom: 1px solid #e4e4e4; padding: 5px 15px; color: #444;word-break: break-all; background-color: #fff;font-size: 13px; } .q_form th {border-bottom: 1px solid #f4f4f4; padding: 5px 15px; text-align: center; background-color: #e1e1e1; color: #343434;word-break: break-all; font-size: 13px; width: 120px; } .q_form_input input {width: 90%; padding:3px 10px; border: 1px solid #ccc; background-color: #fff; height: 20px;} .q_form textarea {width: 90%; padding: 3px 10px; border: 1px solid #ccc; background-color: #fff; min-height: 150px; resize: none; } .q_form_select select {width: auto; padding:3px 10px; border: 1px solid #ccc; background-color: #fff; height: 20px; display: block; box-sizing: content-box; } .q_form_list_wrap { padding: 20px; background-color: #f3f3f3; width: 700px; margin: 20px 0; } .q_form_list {width: 100%; padding-top: 5px ;margin: 20px 0; background-image: url(/images/sub/table_top.jpg); background-repeat: no-repeat; background-size: 100% 5px; } .q_form_list table {border-bottom: 1px solid #e4e4e4; } .q_form_list td {border: 1px solid #e4e4e4; padding: 10px 15px; color: #444;word-break: break-all; background-color: #fff;font-size: 12px; } .q_form_list th {border: 1px solid #f4f4f4; padding: 10px 15px; background-color: #e1e1e1; color: #343434;word-break: break-all; font-size: 12px; } .btn_apply_ok {display: inline-block;padding: 5px 10px; background-color: #363636; color: #fff;font-size: 12px; font-weight: bold;} .btn_apply_end {display: inline-block;padding: 5px 10px; background-color: #aeaeae; color: #fff; font-size: 12px; font-weight: bold;} .board_wrap {width: 1100px;padding-top: 10px;background-color:#fff;margin: 0 auto;} .data_view_btn { display: inline-block; width: 220px; height: 45px; line-height: 45px; /* padding-left: 13px; */ /* background-image: url(/images/sub/data_view_btn.jpg); */ /* background-repeat: no-repeat; */ color: #fff; font-size: 12px!important; text-align: center; background: #c49b68; } .go_list_btn{margin-top:10px;text-align: center;} .klp {vertical-align:-2px;margin-left:3px}