/* Written By MJS */ @font-face{font-family:'NotoSerifKR'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');} @font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} @font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} @font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} @font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} @font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} @font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img,fieldset,header,h3,a{font-family:'Noto Sans KR', sans-serif;border:0;margin:0;padding:0;color:#282828;font-weight:normal;} ul,ol,i,li,ui{list-style:none} a{border:0;cursor:pointer;color:#333;} a:link{border:0;color:#333;text-decoration:none} a:visited,a:hover,a:active{border:0;color:#333;text-decoration:none} table{border-spacing:0;padding:0;border:0;border-collapse:collapse} .blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0} html, body{font-family:'Noto Sans KR', sans-serif;height:100%;} /* 공통 STYLE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .wrap{position:relative;float:left;width:100%;overflow:hidden;} .font{font-family:'NotoSerifKR' !important;} .root_daum_roughmap{margin:0 !important;border:none !important;padding:0 !important;} /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*메인 갤러리*/ #main-gallery{background:#f4f1e6; padding:100px 0; float:left; width:100%; z-index:88; position:relative;} #main-gallery .slider2 ul:after{clear:both; display:block; height:0; content:""; visibility:hidden;} #main-gallery .slider2 a{display:block; margin:0 2%;} #main-gallery .slider2 .mg-img{position:relative; width:100%; padding-top:66%;background:#ded08e;overflow:hidden;} #main-gallery .slider2 img{display:block; position:absolute; left:50%; top:50%; max-width:100%;} #main-gallery .slider2 .mg-text{width:100%; height:20px; line-height:20px; overflow:hidden; margin-top:10px;} /* 마우스 오버시 효과 */ #main-gallery .slider2 a:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s } /* 마우스 아웃시 효과 */ #main-gallery .slider2 img{ transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s } /*메인 주요사업*/ #business{position:relative;float:left;width:100%;padding:80px 0;background:rgba(255, 255, 255, 0.6);} .busi_bn{float:left;width:100%;} .busi_bn ul{float:left;width:102%;text-align:center;margin-left:-1%;} .busi_bn ul li{float:left;width:47%;margin:0% 1%;background:#dad0c2;} .busi_bn ul li a{position:relative;float:left;width:80%;height:100px;text-align:center;padding:100px 10% 34px 10%;} #business .busi_bn li a{color:#fff;} /*#business .busi_bn li.busi_con1{background:url(../img/m-business01.jpg) no-repeat; background-size:cover;}*/ #business .busi_bn li.busi_con1{margin-top:3px; box-shadow: 0 0 0 6px #f00 inset;background:url(../img/junbuk_logo.png) no-repeat; background-size:30%;background-position:top;} #business .busi_bn li.busi_con1 a b{color:#ff0000} #business .busi_bn li.busi_con2{border:4px solid #fff;background:url(../img/m-business02.jpg) no-repeat; background-size:cover;} .busi_bn ul li a b{float:left;width:100%;line-height:34px;font-size:28px;font-weight:600;color:#fff;margin-bottom:14px;} .busi_bn ul li a p{float:left;width:100%;line-height:24px;font-size:16px;letter-spacing:-0.02em;text-align:center;color:#fff;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;} .busi_con1 div{position:absolute;left:50%; margin-left:-25px; top:40px;width:50px;height:50px;background:url(../img/busi_icon1.png) no-repeat;background-size:100%;} .busi_con2 div{position:absolute;left:50%; margin-left:-25px; top:40px;width:50px;height:50px;background:url(../img/busi_icon2.png) no-repeat;background-size:100%;} .busi_bn ul li a span,.busi_bn ul li a:hover p{display:none;font-size:12px;height:22px;line-height:22px;background:#fa6d33;color:#fff;border:1px solid #fa6d33;} .busi_bn ul li a:hover span{display:inline-block;position:absolute;left:50%;bottom:54px;width:70px;height:22px;margin-left:-35px;} .busi_bn ul li a span:hover{background:#fa6d33;color:#fff;border:1px solid #fa6d33;} .busi_bn ul li a span{display:none;} /* 마우스 오버시 효과 */ .busi_bn ul li a:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s} /* 마우스 아웃시 효과 */ .busi_bn ul li a{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s} /* 주요사업 */ .advantage{position:relative;float:left;width:100%;} .advantage ul{float:left;width:101%;margin:-0.5% 0 0 -0.5%;} .advantage ul li{float:left;width:24%; margin-right:1%; text-align:center; margin-bottom:1%; box-sizing:border-box; height:200px;border:2px solid #55a24f; word-break:keep-all; background:url(../img/bg-logo2.jpg) no-repeat 50% 90%; background-size:140px 33px; } /*.advantage ul li:nth-child(5n+1) img{background:#4591be;} .advantage ul li:nth-child(5n+2) img{background:#91a3ce;} .advantage ul li:nth-child(5n+3) img{background:#40bda6;} .advantage ul li:nth-child(5n+4) img{background:#ed9b42;} .advantage ul li:nth-child(5n+5) img{background:#ed5b42;}*/ .advantage ul li img{width:100px;} .advantage ul li b{float:left;width:100%; box-sizing:border-box; padding:0 30px; line-height:1.35em;font-size:18px;font-weight:500;letter-spacing:-1px;color:#333;word-break:keep-all; } .advantage ul li b span{float:left;width:100%;line-height:24px;font-size:16px;font-weight:400;color:#666;} .advantage ul li span{display:inline-block; width:50px; height:50px; line-height:50px;margin-bottom: 15px; font-size:18px; font-weight:600; text-align:center; background:#55a24f; color:#fff;} /*sub0101*/ .sub11-box{ display:flex; font-size:1.125em; max-width:980px; margin:0 auto; line-height:2em; align-items: flex-end; } .sub11-box p{ margin-bottom:30px; } .s11-t1{ font-weight:600; font-size:1.5em; color:#215bb2; } .s11-text{ width:100%; word-break:keep-all; } .s11-img{ width:50%; padding-left:20px; box-sizing:border-box; } .s11-img img{ width:100%; max-width:450px; } .s11-img p{ text-align:center; margin-top:20px; color:#666; } .s11-img em{ font-size:32px; display:inline-block; margin-left:10px; } /* MOBILE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media screen and (min-width:0) and (max-width:768px){ .w1200{position:relative;float:left;width:100%;overflow:hidden;} /* 상단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ header{position:relative;float:left;width:100%;} .menu_w{position:relative;float:left;width:100%;height:40px;padding:10px 0;background:#fff;z-index:10000000;} /* 로고 */ #logo{float:left;width:100%;text-align:center; margin-top:-5px;} #logo a{display:inline-block;} #logo a img{width:auto; height:50px} /* 상단 버튼 */ a#call{position:absolute;left:10px;top:10px;width:40px;height:40px;background:url(../img/icon_call.png) no-repeat;background-size:100%;} .page_cover.open{display:block;} .page_cover{position:fixed;top:0;left:0;width:100%;height:100%;display:none;background:rgba(0, 0, 0, 0.7);z-index:100000;} .mBtn{position:absolute;right:10px;top:10px;width:40px;height:40px;background:url(../img/icon_menu.png) no-repeat;background-size:100%;} .mClose{position:absolute;right:10px;top:-50px;width:40px;height:40px;background:#fff;z-index:1100;} .mClose img{float:left;width:100%;} /* 내비게이션 */ #menu{position:fixed;top:60px;right:-180px;width:180px;height:100%;background:#eee;transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;z-index:100000000;} #menu.open{right:0;} #menu ul{position:relative;float:left;width:100%;} #menu ul li{float:left;width:100%;background:#eee;} #menu ul li a{float:left;width:92%;padding-left:8%;line-height:40px;font-size:14px;font-weight:600;color:#000;border-bottom:1px solid #ccc;} #menu ul ul{float:left;width:100%;padding:4% 0 5% 0;margin:0;background:#f9f9f9 !important;} #menu li li{float:left;width:100%;background:#f9f9f9 !important;} #menu li li a{float:left;width:92%;font-weight:400 !important;padding-left:8%;line-height:28px !important;font-size:13px;color:#666;border:none !important;} #h_top{display:none;} /* 메인 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 메인 100% 슬라이드 모바일 */ .slide{position:relative;float:left;width:100%;height:auto;background:#fff;overflow:hidden;} #main_slider{position:relative;float:left;width:100%;overflow:hidden;margin:0 0 -40px 0;overflow:hidden;} #main_slider .bx-wrapper{margin-top:0;} #main_slider .bx-wrapper img{max-width:150%; width:150%;height:auto;display:block;filter:alpha(opacity=100);opacity:1;-moz-opacity:1; position:relative; left:50%; margin-left:-75%;} #main_slider .bx-pager{position:absolute;left:1%;top:270px;width:100%;z-index:100;display:block !important;z-index:10000000;} #main_slider .bx-controls-direction{display:none;} #main_slider .bx-wrapper .bx-pager{text-align:center;} #main_slider .bx-wrapper .bx-pager.bx-default-pager a{display:block;float:left;width:34px;height:6px;margin:0 2px;text-indent:-9999px;border-radius:16px;background:rgba(255, 255, 255, 0.5);} #main_slider .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#aaa;} #main_slider .bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#e4a51e;} #main_slider .bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline;} #main_slider .bx-wrapper .bx-pager-item{font-size:0;line-height:0;} .ment{position:absolute;top:15%;right:10px;left:0;width:100%;text-align:center;} .ment p{display:inline-block;line-height:28px;font-size:12px;background:rgba(255, 255, 255, 0.8);padding:2% 4%;margin-left:4%;} .ment p b{font-size:13px;letter-spacing:-1px !important;font-weight:800;color:#ff673f;margin-bottom:14px;} .ment p strong{font-size:13px;font-weight:800;color:#e4a51e;} /* 메인 타이틀 */ .mTitle{position:relative;float:left;width:100%;text-align:center;margin-bottom:24px;} .mTitle b{float:left;width:100%;line-height:100%;font-size:30px;color:#000;margin-bottom:12px;} .mTitle span{float:left;width:100%;line-height:15px;font-size:11px;color:#888;} .mTitle2{position:relative;float:left;width:100%;text-align:center;margin-bottom:24px;} .mTitle2 b{float:left;width:100%;line-height:100%;font-size:30px;color:#fff;margin-bottom:12px;} .mTitle2 span{float:left;width:100%;line-height:15px;font-size:11px;color:#fff;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;} /*메인 비지니스*/ #business{padding:30px 0 10px;} .busi_bn ul li{width:100%; margin:0; margin-bottom:10px;} .busi_bn ul li a{padding:70px 0 20px; width:100%; height:80px;} .busi_con1 div, .busi_con2 div{width:40px; height:40px; margin-left:-20px; top:25px;} .busi_bn ul li a b{font-size:18px; margin-bottom:0px;} .busi_bn ul li a p{font-size:14px; line-height:1.25em;} /*메인 갤러리*/ #main-gallery{padding:30px 0;} /* ABOUT */ #about{position:relative;float:left;width:100%;padding:30px 0;background:#f8f6f3;overflow:hidden;} /* 숫자카운트 */ #counter{position:relative;float:left;width:100%;overflow:hidden;} #counter ul{position:relative;float:left;width:100%;} #counter ul li{position:relative;float:left;width:24%;border-left:1px solid #ccc;text-align:center;} #counter ul li:first-child{border:none;} #counter ul li p{float:left;width:100%;line-height:100%;font-size:13px;font-weight:400;color:#000;} .cNum{position:relative;float:left;width:100%;line-height:30px;text-align:center;overflow:hidden;margin-bottom:4%;} .cNum b{display:inline-block !important;font-size:24px !important;letter-spacing:-1px;font-weight:600;color:#fa6d33;margin-left:4px;} .cNum span{display:inline-block;line-height:30px;vertical-align:middle;font-size:14px;color:#e58e6a;margin-left:4px;} /* 메인 뒤 비치는 배경 */ .main_bg{position:fixed;left:0;top:0;width:100%;height:100%;background:url(../img/main_bg.jpg) repeat-y 45% top;background-size:220%;z-index:-1;overflow-x:hidden;display:none;} /* BUSINESS #business{position:relative;float:left;width:92%;padding:30px 4%;background:#fff;overflow:hidden;z-index:100;} .busi_bn{float:left;width:100%;} .busi_bn ul{float:left;width:100.5%;margin:-0.5% 0 0 -0.5%;} .busi_bn ul li{float:left;width:49%;margin:0.5%;text-align:center;background:#dad0c2;} .busi_bn ul li a{position:relative;float:left;width:76%;height:100px;padding:70px 12% 20px 12%;} .busi_bn ul li a b{float:left;width:100%;line-height:100%;font-size:18px;font-weight:600;color:#000;margin-bottom:10px;} .busi_bn ul li a p{float:left;width:100%;line-height:16px;font-size:12px;text-align:center;color:#000;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;} .busi_con1{position:absolute;right:12%;top:20px;width:30px;height:30px;background:url(../img/busi_icon1.png) no-repeat;background-size:100%;} .busi_con2{position:absolute;right:12%;top:20px;width:30px;height:30px;background:url(../img/busi_icon2.png) no-repeat;background-size:100%;} .busi_con3{position:absolute;right:12%;top:20px;width:30px;height:30px;background:url(../img/busi_icon3.png) no-repeat;background-size:100%;} .busi_con4{position:absolute;right:12%;top:20px;width:30px;height:30px;background:url(../img/busi_icon4.png) no-repeat;background-size:100%;} .busi_con5{position:absolute;right:12%;top:20px;width:30px;height:30px;background:url(../img/busi_icon5.png) no-repeat;background-size:100%;} .busi_con6{position:absolute;right:12%;top:20px;width:30px;height:30px;background:url(../img/busi_icon6.png) no-repeat;background-size:100%;} .busi_bn ul li a span{display:inline-block;font-size:11px;height:20px;line-height:22px;background:rgba(255, 255, 255, 0.1);color:#fff;background:#fb6e34;padding:0 10px;margin-top:20px;display:none;} */ /* WHY WE ARE? */ .mStyle{width:70% !important;margin:0 15%;} #hexagon{position:relative;float:left;width:100%;height:360px;padding:30px 0;background:url(../img/bg.gif) repeat-y;background-size:100%;overflow:hidden;} .hex_shape{position:relative;float:left;width:100%;height:600px;transform:scale(0.5);-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);background:url(../img/hexagon.png) no-repeat center center;background-size:100%;margin-top:-160px;} .hex1{position:absolute;left:-140px;top:110px;width:320px;padding:20px 30px;text-align:right;} .hex2{position:absolute;left:-190px;top:290px;width:320px;padding:20px 30px;text-align:right;} .hex3{position:absolute;left:-120px;top:460px;width:420px;padding:20px 30px;text-align:right;} .hex4{position:absolute;right:-210px;top:25px;width:320px;padding:20px 30px;text-align:left;} .hex5{position:absolute;right:-350px;top:200px;width:320px;padding:20px 30px;text-align:left;} .hex6{position:absolute;right:-300px;top:430px;width:320px;padding:20px 30px;text-align:left;} .hex_shape b{float:left;width:50%;line-height:32px;font-size:26px;color:#e4a51e;word-break:pre !important;} .hex_shape p{float:left;width:100%;line-height:18px;font-size:13px;color:#fff;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;display:none;} /* 게시판~온라인상담 */ #information{position:relative;float:left;width:90%;padding:30px 5%;background:#fff;overflow:hidden;} #board_w{position:relative;float:left;width:100%;} .board{position:relative;float:left;width:91.3%;height:120px;padding:20px 4%;background:#fff;border:1px solid #ccc;margin-bottom:-1px;} .board2{position:relative;float:left;width:91.3%;height:120px;padding:20px 4%;background:#fff;border:1px solid #ccc;margin-bottom:-1px;} .board_title{float:left;width:100%;line-height:100%;font-size:20px;font-weight:600;letter-spacing:-1px;color:#000;margin-bottom:4%;} ul.ticker{float:left;width:100%;height:auto;overflow:hidden;} ul.ticker li{float:left;width:100%;height:20px;margin:3px 0;} ul.ticker li p{float:left;width:70%;line-height:20px;font-size:14px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:5%;} ul.ticker li p b.tic1{float:left;width:60px;line-height:20px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#fb6e34;margin-right:5px;} ul.ticker li p b.tic2{float:left;width:58px;line-height:20px;font-size:12px;font-weight:400;text-align:center;color:#555;background:#fff;border:1px solid #555;margin-right:5px;} ul.ticker li span{float:left;width:25%;line-height:20px;text-align:right;font-size:11px;color:#999;} ul.board_list{position:relative;float:left;width:100%;height:120px;overflow:hidden;margin-top:-2px;} ul.board_list li{float:left;width:100%;} ul.board_list li a{float:left;width:75%;line-height:22px;font-size:13px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} ul.board_list li span{float:left;width:25%;line-height:22px;text-align:right;font-size:11px;color:#999} a.more{position:absolute;right:4%;top:20px;line-height:20px;font-size:11px;color:#fff;padding:0 10px;background:#666;border-radius:3px;} .contact{position:relative;float:left;width:92%;padding:4%;background:#e7e6e5;} .contact_title{position:relative;float:left;width:100%;line-height:28px;font-size:24px;font-weight:600;letter-spacing:-1px;color:#000;margin-bottom:5%;} .contact_title span{float:left;width:100%;line-height:15px;font-size:11px;font-weight:400;letter-spacing:0.02em;color:#888;margin-top:3%;} a.call_num{float:left;width:100%;padding-bottom:5%;border-bottom:1px dashed #bbb;} a.call_num b{float:left;width:100%;line-height:30px;font-size:30px;font-weight:800;color:#fb6e34;padding-left:40px;letter-spacing:-1px;background:url(../img/cs_icon.png) no-repeat 0 50%;background-size:30px;} .cs_num{display:none;} .cs_text{float:left;width:100%;padding-top:5%;border-top:1px dashed #fff;} .cs_text p{float:left;width:100%;line-height:24px;font-size:15px;margin-bottom:1%;} .cs_text p span{float:left;width:24%;font-size:13px;text-align:center;background:#999;color:#fff;margin-right:3%;} /*.contact input.ip1{float:left;width:45%;height:34px;line-height:34px;font-size:14px;color:#000;padding-left:3%;margin:1%;border:none;background:#fff;} .contact textarea{float:left;width:92%;padding:2% 3%;height:70px;line-height:20px;font-size:14px;color:#000;margin:1% 0 0 1%;border:none;background:#fff;} .contact input::placeholder,.contact textarea::placeholder{color:#777 !important;} /* 체크박스, 전문보기 */ /*.coun_check{float:left;width:100%;height:13px;margin:3% 0 5% 0;} .coun_check input{float:left;width:13px;height:13px;line-height:13px;margin-right:4px;} .coun_check span{float:left;font-size:12px;line-height:13px;color:#555;} a.layer_btn{float:left;line-height:13px;font-size:12px;color:#000;margin-left:10px;} button.coun_btn{float:left;width:100%;height:50px;line-height:47px;font-size:18px;font-weight:600;text-align:center;color:#fff;background:#fb6e34;cursor:pointer;border-bottom:3px solid #cd5523;} button:hover.coun_btn{background:#f08052;} /* 전문보기 개인정보취급방침 */ /*.layer{display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999999999} .layer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);} .layer .pop-layer{display:block;overflow-x:hidden;overflow-y:scroll;} .pop-layer{display:none;position:absolute;top:50%;left:50%;width:70%;height:400px;background:#fff;border:5px solid #333;} .pop-layer .pop-container{position:relative;float:left;padding:2%;} .assembly_title{position:relative;float:left;width:97%;height:50px;line-height:50px;background:#898989;color:#fff;font-size:20px;font-weight:bold;padding-left:3%;} .btn-r{position:absolute;right:2%;top:0;width:20%;} a.cbtn{float:left;display:block;width:100%;height:50px;line-height:50px;padding:0 5%;background:#333;font-size:18px;color:#fff;text-align:center;} .rule_pop{float:left;width:100%;font-size:14px;line-height:20px;margin-top:3%;}*/ /* 하단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 카피라이트 */ #footer{position:relative;float:left;width:90%;background:#eee;padding:30px 5%;z-index:1000;} .footer_w{position:relative;float:left;text-align:center;width:100%;} ul.copy{text-align:center;font-size:0 !important;} ul.copy li{display:inline-block;line-height:100%;font-size:11px;color:#888;margin:3px 6px 3px 0;padding-right:6px;border-right:1px solid #ccc;} ul.copy li:last-child{border:none;} .footer_w p{float:left;width:100%;line-height:100%;font-size:10px;color:#aaa;margin-top:4px;} .f_sns{position:relative;float:left;width:100%;margin-top:5%;} .f_sns ul{text-align:center;} .f_sns ul li{display:inline-block;width:36px;margin:0 2px;} .f_sns ul li a{float:left;width:100%;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;} .f_sns ul li a:hover{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;} .f_sns ul li a img{float:left;width:100%;} /* 맨위로 */ #top{position:fixed;right:0;bottom:0;width:40px;height:40px;cursor:pointer;background:url(../img/top.gif) no-repeat;background-size:40px;z-index:100000000000;} /* 서브 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 서브 뒤 비치는 배경 */ .sub_bg{position:fixed;left:0;top:0;width:100%;height:1300px;background:url(../img/sub_bg.jpg) no-repeat 60% -10%;background-size:140%;z-index:1;overflow-x:hidden;} #sub_visual{position:relative;float:left;width:100%;height:160px;background:rgba(51, 16, 0, 0.5);z-index:100;overflow:hidden;} .s_visual{position:relative;float:left;width:100%;text-align:center;} .s_visual h1{float:left;width:100%;line-height:100%;font-size:28px;font-weight:400;color:#fff;margin:0;padding:0;margin:50px 0 10px 0;} .navi{display:inline-block;line-height:16px;height:12px;text-align:center;background:url(../img/home1.png) no-repeat 0 1px;background-size:11px;padding-left:9px;} .navi p{float:left;line-height:100%;font-size:12px;color:#ccc;padding-left:15px;margin-left:15px;background:url(../img/navi_arrow.png) no-repeat left 2px;background-size:5px;} #page_navi{position:relative;float:left;width:100%;height:46px;background:#f6f6f6;border-top:1px solid #ccc;border-bottom:1px solid #ccc;z-index:10000;} .navi_m{position:relative;float:left;width:92%;height:46px;padding:0 4%;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;} .navi_m ul{position:relative;float:left;text-align:center;max-width:1080px;width:100%;} .navi_m ul li{display:inline-block;margin:0 6px;} .navi_m ul li a{float:left;width:100%;line-height:46px;font-size:14px;color:#888;} .navi_m ul li a.select{font-size:16px;font-weight:600;color:#fb6e34;} .icon_home,#page_navi b,.navi_m p{display:none;} .nvn{display:none !important;} #contents{position:relative;float:left;width:100%;} .contents{position:relative;float:left;width:100%;} .page{position:relative;float:left;width:92%;padding:10% 4%;min-height:200px;background:#fff;z-index:100;} /* 서브 타이틀 */ h3.stitle1{position:relative;float:left;width:100%;height:60px;text-align:center;background:url(../img/line.gif) no-repeat center 58px;background-size:40px;margin:8% 0 4% 0;overflow:hidden;} h3.stitle1 span{float:left;width:100%;line-height:100%;font-size:11px;font-weight:300;color:#552c1b;margin-bottom:8px;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;margin:10px 0 0 0;} h3.stitle1 b{float:left;width:100%;line-height:100%;font-size:22px;color:#552c1b;} /* 서브 공통 style */ .sub_txt{position:relative;float:left;width:92%;padding:3.6% 4% 4%;background:#f4f1ed;} .sub_txt p{float:left;width:100%;line-height:18px;font-size:13px;font-weight:300;text-align:justify;} img.is_img{float:left;width:50%;vertical-align:top;margin:0 3% 3% 0;} .sub_txt2{position:relative;float:left;width:100%;} .sub_txt2 dl{position:relative;float:left;width:100%;border-top:1px solid #aaa;background:#f9f7f3;} .sub_txt2 dl dt{clear:left;float:left;display:block;width:38%;line-height:100%;font-size:16px;font-weight:500;;color:#000;padding-left:4%} .sub_txt2 dl dd {padding:0 4% 0 42%;line-height:17px;font-size:12px;font-weight:300;text-align:justify;color:#333;border-bottom:1px solid #aaa;} .sub_txt2 dl dd:after{content: "";display:block;clear:both;} .sub_txt2 dl dt,.sub_txt2 dl dd{padding-top:10px;padding-bottom:10px;} .hashtag{float:left;width:100%;padding-top:8px;margin-top:15px;border-top:1px solid rgba(0, 0, 0, 0.1);} .hashtag small{float:left;line-height:100%;font-size:12px;margin:8px 14px 0 0;color:#a05f1a;} /* 인사말 */ #greeting{position:relative;float:left;width:100%;text-align:center;margin-bottom:10%;} #greeting p{float:left;width:100%;line-height:20px;font-size:13px;color:#666;} #greeting b{float:left;width:100%;line-height:100%;font-size:20px;letter-spacing:-1px;text-align:center;color:#444;margin-bottom:6%;} #greeting b span{color:#fb6e34;} img.gree_img{float:right;width:40%;vertical-align:top;margin:0 0 30px 40px;} /* 인허가증 */ #certification{position:relative;float:left;width:100%;} #certification ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;} #certification ul li{position:relative;float:left;width:48%;height:290px;margin:1% 1% 4% 1%;} #certification ul li .certi_frame{position:absolute;left:0;top:0;width:100%;height:300px;background:url(../img/certi_frame.png) no-repeat;background-size:100%;z-index:100;} #certification ul li img{float:left;width:92%;margin:4%;} #certification ul li p{float:left;width:100%;line-height:24px;font-size:16px;font-weight:600;letter-spacing:-1px;text-align:center;margin-top:4%;} /* 오시는길 */ h5.ad_title{position:relative;float:left;width:70%;line-height:24px;font-size:18px;text-align:center;margin:0 15% 6% 15%;} .wrap_controllers{display:none;} .wrap_map{height:280px !important;margin-bottom:-30px;} .address{position:relative;float:left;width:100%;} .address table{float:left;width:100%;background:#fff;border-top:1px solid #ccc;} .address table th{width:26%;background:#f4f4f4;} .address table td{line-height:15px;font-size:12px;color:#333;} .address table th,.address table td{padding:2%;text-align:left;border:1px solid #ccc;} .address table th b{float:left;width:75%;height:15px;line-height:15px;font-size:14px;padding-left:18px;font-weight:400 !important;color:#000;background-position:0 1px;background-size:13px;} .iCon1{background:url(../img/sicon1.png) no-repeat;} .iCon2{background:url(../img/sicon2.png) no-repeat;} .iCon3{background:url(../img/sicon3.png) no-repeat;} .iCon4{background:url(../img/sicon4.png) no-repeat;} .iCon5{background:url(../img/sicon4.png) no-repeat;} /* 하나팜물류 */ .promise{position:relative;float:left;width:100%;} .promise ul{float:left;width:101%;margin:-0.5% 0 0 -0.5%;} .promise ul li{float:left;width:43%;height:170px;text-align:center;padding:3%;margin:0.5%;background:#dad0c2;} .promise ul li img{width:70px;} .promise ul li b{float:left;width:90%;line-height:22px;font-size:16px;font-weight:600;letter-spacing:-1px;color:#333;margin:5% 5% 0 5%;} .promise ul li b span{float:left;width:100%;line-height:18px;font-size:13px;font-weight:400;color:#666;} .cptns{position:relative;float:left;width:100%;} .cptns ul{position:relative;float:left;width:101%;text-align:center;margin:-0.5% 0 0 -0.5%;} .cptns ul li{float:left;width:45%;height:240px;margin:0.5%;padding:2%;background:#f1ebe3;} .cptns ul li b{float:left;width:100%;line-height:22px;font-size:16px;color:#552c1b;margin:5% 0;} .cptns ul li b span{float:left;font-size:16px;margin-left:6px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;} .cptns ul li p{float:left;width:100%;line-height:18px;font-size:12px;font-weight:300;text-align:center;color:#2f1f00;} /* 시설물 안내 */ .cptns2{position:relative;float:left;width:100%;} .cptns2 ul{position:relative;float:left;width:101%;text-align:center;margin:-0.5% 0 0 -0.5%;} .cptns2 ul li{float:left;width:45%;margin:0.5%;padding:2%;background:#f1ebe3;} .cptns2 ul li b{float:left;width:100%;line-height:22px;font-size:16px;color:#552c1b;margin:5% 0;} .cptns2 ul li b span{float:left;font-size:16px;margin-left:6px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;} .cptns2 ul li p{float:left;width:100%;line-height:18px;font-size:12px;font-weight:300;text-align:center;color:#2f1f00;} /* 경쟁력. */ /*#competitiveness{position:relative;float:left;width:98%;padding:2%;background:#574b3c;margin-top:8%;overflow:hidden;} #competitiveness:before{content:' ';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url(../img/pattern.png) repeat;filter:alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;z-index:0;} .cptns{position:relative;float:left;width:90%;padding:5% 3.9% 3.9%;border:1px solid #fff;} .cptns ul{float:left;width:101%;margin:1% 0 0 -0.5%;} .cptns ul li{float:left;width:94%;margin:0.5% 0;padding:4% 3%;background:#f1ebe3;} .cptns ul li b{float:left;width:100%;line-height:100%;font-size:20px;color:#552c1b;padding:3px 0 0 5px;margin-bottom:5px;background:url(../img/line.gif) no-repeat left top;background-size:15px;} .cptns ul li b span{display:inline-block;font-size:12px;margin-left:6px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;} .cptns ul li p{float:left;width:100%;line-height:18px;font-size:13px;font-weight:300;text-align:justify;color:#2f1f00;}*/ /* 의약품 위/수탁 */ .advantage ul li{width:100%;height:auto; padding-bottom:60px;} /* 온라인상담 */ .tbl{position:relative;float:left;width:100%;} .tbl table{float:left;width:100%;border-top:2px solid #fb6e34;} .tbl table th{width:26% !important;font-size:14px;font-weight:400;background:#f9f9f9;text-align:left;} .tbl table td span{float:left;height:30px;line-height:30px;font-size:14px;margin:0 5px;color:#000;} .tbl table td .ip01{float:left;width:50%;height:28px;line-height:28px;font-size:12px;padding:0 2%;color:#777;border:1px solid #e0e0e0;margin-right:20px;} .tbl table td .ip02{float:left;width:25%;height:28px;line-height:28px;font-size:12px;padding:0 2%;color:#777;border:1px solid #e0e0e0;} .tbl table td .ip03{float:left;width:18%;height:28px;line-height:28px;font-size:12px;padding:0 2%;color:#777;border:1px solid #e0e0e0;} .tbl table td textarea{float:left;width:80%;height:80px;padding:10px;line-height:18px;font-size:12px;color:#777;border:1px solid #e0e0e0;} .tbl table td select.sct1{float:left;width:22%;height:30px;line-height:30px;font-size:12px;padding:0 2%;color:#777;border:1px solid #e0e0e0;} .tbl table td select.sct2{float:left;width:52%;height:30px;line-height:30px;font-size:12px;padding:0 2%;color:#777;border:1px solid #e0e0e0;} .sct2_1{float:left;width:98% !important;margin-top:5px;} .tbl table th,.tbl table td{padding:2%;border-bottom:1px solid #e0e0e0;} input.tbl_btn{float:left;width:110px;height:30px;line-height:30px;font-size:12px;font-weight:600;cursor:pointer;text-align:center;color:#fff;background:#999;border:none;} input:hover.tbl_btn{background:#777;} /* 라디오버튼 */ ul.tbl_radio{float:left;margin:1% 0;} ul.tbl_radio li{float:left;width:50%;line-height:13px !important;font-size:13px;color:#555;margin:3px 0;} ul.tbl_radio li input.rd_ip{float:left;width:13px;height:13px;line-height:13px;margin:0 3px 0 0;} /* 파일첨부 */ .tbl_file{float:left;width:100%;} input.up_text{float:left;width:50%;height:28px;line-height:28px;padding-left:3%;border:1px solid #ccc;border-right:none;font-size:12px;vertical-align:top;color:#777;} .tbl_file label{float:left;width:30%;height:30px;line-height:30px;font-size:13px;text-align:center;color:#fff !important;background:#333;cursor:pointer;;} .tbl_file label input{display:none;} /* 약관 */ .terms_w{position:relative;float:left;width:96%;height:100px;padding:2%;overflow-x:hidden;overflow-y:scroll;background:#f4f4f4;margin-top:5%;} .terms_title{float:left;width:100%;font-size:14px;font-weight:600;color:#000;} .terms_list dl{float:left;width:100%;padding-top:10px;} .terms_list dl dt{padding-bottom:8px;font-weight:600;font-size:13px;color:#555;} .terms_list dl dd{padding-bottom:5px;font-size:11px;line-height:15px;color:#999;} /* 동의 */ .agree{float:left;width:100%;margin:3% 0;} .agree input{float:left;width:14px;height:14px;line-height:14px;margin-right:4px;} .agree label{float:left;font-size:13px;line-height:14px;} /* 자주묻는질문 */ .accordion{position:relative;float:left;width:100%;overflow:hidden;} input[id*="answer"]{display:none;} input[id*="answer"] + label{position:relative;display:block;line-height:26px;font-size:16px;font-weight:400;color:#fff;background:#666;padding:12px 3%;border:1px solid #fff;border-bottom:0;cursor:pointer;} input[id*="answer"] + label + div{max-height:0;transition:all .35s;overflow:hidden;background:#eee;font-size:11px;} input[id*="answer"]:checked + label + div{display:table;line-height:18px;font-size:13px;font-weight:300;padding:18px 3%;;} input[id*="answer"] + label i{position:absolute;top:50%;right:2.5%;width:30px;height:30px;margin-top:-15px;display:inline-block;background:url('../img/acc_arrow.png') 0 0 no-repeat;} input[id*="answer"]:checked + label i{background-position:0 -30px;} /* 상세페이지 - 메뉴안내 */ #detail{position:relative;float:left;width:100%;overflow:hidden;} #detail h3{float:left;width:100%;line-height:28px;font-size:24px;font-weight:600;color:#ca1c25;margin-bottom:2%;text-align:Center;} #detail span{float:left;width:100%;font-size:11px;font-weight:400;color:#999;} .dtl_img{float:left;width:100%;margin-bottom:4%;} .dtl_text{float:left;width:100%;line-height:22px;font-size:16px;text-align:justify;color:#666;} .dtl_cont{position:relative;float:left;width:100%;margin:7% 0;} /* 상세페이지 버튼 */ .dtl_btn_w{position:relative;float:left;width:100%;height:42px;} .dtl_btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;} input.dtl_btn{float:left;width:80px;height:30px;line-height:100%;font-size:12px;cursor:pointer;background:url(../img/gradation.png) repeat-x left bottom;text-align:center;color:#555;border:1px solid #ccc;} input.dtl_btn2{float:left;width:80px;height:30px;line-height:100%;font-size:12px;cursor:pointer;background:url(../img/gradation.png) repeat-x left bottom;text-align:center;color:#555;border:1px solid #ccc;margin-left:2px;} input.dtl_btn3{position:absolute;right:0;top:0;width:80px;height:30px;line-height:100%;font-size:12px;cursor:pointer;background:url(../img/gradation.png) repeat-x left bottom;text-align:center;color:#555;border:1px solid #ccc;} input.dtl_btn4{position:absolute;right:82px;top:0;width:80px;height:30px;line-height:100%;font-size:12px;cursor:pointer;font-weight:600;background:#333;text-align:center;color:#fff;border:none;} /* 상세페이지 - 매장안내 */ #detail2{position:relative;float:left;width:100%;overflow:hidden;} .dtl_img2{float:left;width:100%;margin-bottom:5%;} .dtl_text2{float:left;width:100%;} .dtl_text2 h3{float:left;width:100%;line-height:100%;font-size:22px;padding-bottom:12px;margin-bottom:24px;border-bottom:1px solid #666;} .dtl_text2 dl{float:left;width:100%;} .dtl_text2 dl dt{float:left;width:24%;line-height:20px;font-size:14px;color:#000;padding-left:2%;margin:3px 0;background:url(../img/bullet.gif) no-repeat 0 50%;} .dtl_text2 dl dd{float:left;width:74%;line-height:20px;font-size:14px;color:#999;margin:3px 0;} .dtl_cont2{position:relative;float:left;width:100%;min-height:600px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:7% 0;margin:7% 0;} /* 창업경쟁력 */ .fran_list{position:relative;float:left;width:100%;} .fran_list ul{position:relative;float:left;width:100%;} .fran_list ul li{position:relative;float:left;width:89.8%;padding:4% 5%;border:1px solid #eee;background:#fafafa;box-shadow:4px 4px 4px #e0e0e0;margin-bottom:30px;} .fran_list ul li span{position:absolute;left:4%;top:-9px;width:34px;line-height:40px;font-size:18px;padding-right:10px;font-weight:600;text-align:center;color:#fff;background:url(../img/num_bg.png) no-repeat;background-size:40px;} .fran_list ul li p{float:left;width:85%;margin-left:12%;line-height:18px;font-size:13px;text-align:justify;color:#888;} .fran_list ul li p b{float:left;width:100%;line-height:30px;font-size:16px;color:#ca1c25;margin-bottom:3%;} /* 창업절차 */ .step_list{position:relative;float:left;width:100%;} .step_list ul{position:relative;float:left;width:104%;margin:-2% 0 0 -2%;} .step_list ul li{position:relative;float:left;width:45.5%;padding-top:2%;margin:2%;height:190px;text-align:center;border:1px solid #e0e0e0;background:#fafafa;box-shadow:4px 4px 4px #ccc;} .step_list ul li img{width:80px;} .step_list ul li p{float:left;width:90%;line-height:16px;font-size:12px;letter-spacing:0.02em;color:#777;margin:0 5%;} .step_list ul li p b{float:left;width:100%;line-height:32px;font-size:16px;color:#ca1c25;margin-bottom:3%;} /* 무료창업상담 & 고객의 소리 */ .contact2_txt{position:relative;float:left;width:100%;text-align:center;margin-bottom:5%;} .contact2_txt b{float:left;width:100%;line-height:30px;font-size:20px;font-weight:400;color:#ca1c25;margin-bottom:2%;} .contact2_txt p{float:left;width:100%;line-height:18px;font-size:13px;color:#555;} .contact2{position:relative;float:left;width:92%;margin-left:-1%;padding:5%;background:#eee;} .c1ip,.c3ip,.c4ip{position:relative;float:left;width:97%;height:38px;border:1px solid #bbb;background:#fff;border-radius:12px;margin:1%;} .c1ip p,.c2ip p,.c3ip p,.c4ip p{float:left;width:22%;height:20px;line-height:20px;font-size:14px;margin:9px 3%;color:#000;border-right:1px solid #ccc;} .c1ip input,.c4ip input{float:left;width:67%;height:20px;line-height:100%;background:none;border:none;margin:10px 0;} .c2ip{position:relative;float:left;width:97%;height:38px;border:1px solid #bbb;background:#fff;border-radius:12px;margin:1%;} .c2ip input{float:left;width:30.2%;height:20px;line-height:100%;background:none;border:none;margin:10px 0;} .c2ip b{float:left;height:38px;line-height:38px;font-size:14px;color:#aaa;margin:0 1%;} .contact2 textarea{position:relative;float:left;width:91%;height:120px;line-height:28px;font-size:14px;padding:2% 3%;color:#000;border:1px solid #bbb;background:#fff;border-radius:12px;margin:1%;} /* 체크 */ ul.c3radio{float:left;height:14px;margin:11px 0;} ul.c3radio li{float:left;line-height:14px !important;font-size:13px;color:#444;margin-right:20px;} ul.c3radio li input{float:left;width:14px;height:14px;line-height:14px;margin:0 4px 0 0;} /* 문의버튼 */ .counBtn{float:left;width:100%;cursor:pointer;} .counBtn img{float:left;width:60%;margin:0 20%;} /* 체크박스, 전문보기 */ .counCheck{float:left;width:99%;height:14px;margin:4% 0 4% 1%;} .counCheck input{float:left;width:14px;height:14px;line-height:14px;margin-right:4px;} .counCheck span{float:left;font-size:13px;line-height:14px;color:#666;} .counCheck b{color:#000;cursor:pointer;} /* 버튼 */ .btn_w{position:relative;float:left;width:100%;text-align:center;margin:30px 0 0 0;} .btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;} input.btn{display:inline-block;width:30%;height:44px;line-height:100%;font-size:18px;font-weight:600;cursor:pointer;background:#fb6e34;text-align:center;color:#fff;border:2px solid #d5480d;margin:0 2px;} input.btn2{display:inline-block;width:30%;height:44px;line-height:100%;font-size:18px;font-weight:600;cursor:pointer;background:#eee;text-align:center;color:#555;border:2px solid #ccc;margin:0 2px;} input.btn3{display:inline-block;width:30%;height:44px;line-height:100%;font-size:18px;font-weight:600;cursor:pointer;background:#fff;text-align:center;color:#555;border:2px solid #555;margin:0 2px;} input.btn4{display:inline-block;width:30%;height:44px;line-height:100%;font-size:18px;font-weight:600;cursor:pointer;background:#999;text-align:center;color:#fff;border:2px solid #666;margin:0 2px;} /* 자주묻는질문 */ .accordion{position:relative;float:left;width:100%;border-top:1px solid #ccc;} .accordion li{position:relative;float:left;width:100%;border-top:1px solid #fff;border-bottom:1px solid #ccc;} .accordion li .ntc_list{float:left;width:94%;display:none;padding:20px 3%;color:#555;font-weight:400;background:#fbfbfb;} .accordion li .ntc_list p{font-size:14px;line-height:26px;} .accordion li div{display:block;width:94%;padding:12px 3%;font-size:16px;font-weight:600;cursor:pointer;background:#eee;color:#000;} .accordion li .file{float:left;text-align:center;height:24px;line-height:24px;font-size:12px;background:#eee;color:#898989;padding:0 8px;background:#000;color:#fff;font-weight:600;} /* 게시판 - 리스트 */ .board_w{position:relative;float:left;width:100%;background:#fff;} table.board{position:relative;float:left;width:100%;} table.board th{line-height:20px;font-size:13px;text-align:center;background:#f5f5f5;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} table.board td{font-size:12px;text-align:center;border-bottom:1px solid #eee;} table.board th.bd_num{width:12%;} table.board th.bd_name,table.board th.bd_date{width:15%;} table.board td.bd_title{text-align:left !important;padding-left:1%;} table.board th,table.board td{padding:2%;} .board_btm{position:relative;float:left;width:100%;text-align:center;} .bd_search{float:left;width:50%;height:28px;margin:3% 25%;}/* 게시판 - 리스트 글 검색 */ .bd_search input.bd_search_bar{float:left;width:70%;height:26px;line-height:26px;font-size:11px;color:#bbb;padding-left:3%;border:1px solid #ccc;background:#fff;border-radius:4px 0 0 4px;} .bd_search input.bd_search_btn{float:left;width:26%;height:28px;line-height:100%;font-size:13px;font-weight:600;color:#fff;border:none;border-radius:0 4px 4px 0;background:#888;margin-left:-1px;} .bd_btn_w{position:relative;float:left;width:100%;text-align:center;}/* 게시판 - 리스트 하단 버튼 */ .bd_btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;} .bd_btn_w input{display:inline-block;width:15%;height:26px;line-height:100%;font-size:12px;text-align:center;color:#555;cursor:pointer;margin:0 -1px;border-radius:4px;border:1px solid #ccc;background:url(../img/gradation.png) repeat-x left bottom;} /* 게시판 글 보기 */ #board_Cont{position:relative;float:left;width:100%;} .bdC_top{position:relative;float:left;width:100%;padding-bottom:18px;border-bottom:2px solid #333;} .bdC_top h3{float:left;width:100%;line-height:26px;font-size:18px;} .bdC_top dl{float:left;width:100%;margin-top:8px;} .bdC_top dl dt{float:left;line-height:14px;font-size:12px;color:#000;} .bdC_top dl dd{float:left;line-height:14px;font-size:12px;color:#888;margin:0 12px 0 3px;} .bdC_cont{position:relative;float:left;width:100%;min-height:200px;padding:12% 0;margin-top:10px;border-bottom:1px solid #333;} .bdC_btn{position:absolute;right:0;top:10px;} .bdC_btn input{float:left;width:48px;height:22px;line-height:100%;font-size:12px;text-align:center;color:#fff;cursor:pointer;margin-left:3px;border-radius:4px;background:#888;} .bdC_reply{position:relative;float:left;width:90%;height:60px;padding:5%;background:#f5f5f5;border-bottom:1px solid #333;} .bdC_reply textarea.reply_box{float:left;width:67%;height:48px;padding:5px 2%;background:#fff;border:1px solid #aaa;} .bdC_reply input.reply_btn{float:left;width:27%;height:60px;line-height:100%;font-size:12px;text-align:center;color:#fff;cursor:pointer;background:#555;margin-left:1%;} .bdC_reply input:hover.reply_btn{background:#000;} ul.bdC_list{position:relative;float:left;width:100%;margin-bottom:8%;} ul.bdC_list li{float:left;width:100%;line-height:14px;padding:10px 0;border-bottom:1px solid #e0e0e0;} ul.bdC_list li p{float:left;height:14px;font-size:13px;text-align:center;color:#000;padding:0 20px;margin-right:20px;border-right:1px solid #ccc;} ul.bdC_list li a{float:left;height:14px;font-size:12px;color:#888;} /* 게시판 글 수정/작성 */ .bd_White{position:relative;float:left;width:100%;border-bottom:1px solid #333;} .bd_White table{float:left;width:100%;border-top:2px solid #000;} .bd_White table th{width:24% !important;font-size:13px;font-weight:600;background:#f9f9f9;text-align:left;} .bd_White table td{font-size:12px;} .bd_White table td .ip01{float:left;width:90%;height:28px;line-height:28px;font-size:12px;padding:0 2%;border:1px solid #ccc;} .bd_White table th,.bd_White table td{padding:2%;border-bottom:1px solid #e0e0e0;} input.rd_ip{float:left;width:14px;height:14px;margin:2px 6px 0 0;} .bdW_cont{position:relative;float:left;width:100%;min-height:100px;} .bdW_file{position:relative;float:left;width:90%;min-height:90px;padding:4% 5%;background:#eee;margin-top:4%;} .bd_File{float:left;width:100%;height:22px;padding:5px 0;} .bd_File input{float:left;width:50%;height:22px;vertical-align:bottom;font-size:12px;border:none;} .bd_File span{float:left;line-height:22px;font-size:14px;font-weight:600;margin-right:15px;} .bdW_btn{float:right;margin-top:4%;} .bdW_btn input{float:left;width:68px;height:28px;line-height:100%;font-size:12px;text-align:center;color:#fff;cursor:pointer;margin-left:3px;border-radius:4px;background:#888;} .sub11-box{ display:block; } .s11-text{ width:100%; } .s11-img{ width:100%; text-align:center; } /* 페이징 */ .paging_w{position:relative;float:left;width:100%;height:26px;margin-top:8%;} .paging{text-align:center;height:26px;} .paging ul{display:inline-block;zoom:1;*display:inline;} .paging ul li{float:left;background:#fff;} .paging ul li a{float:left;text-align:center;height:24px;line-height:24px;font-size:12px;padding:0 8px;color:#999;background:url(../img/gradation.png) repeat-x;border:1px solid #e0e0e0;margin-left:-1px;} .paging ul li a.on{color:#fff;background:#000;font-weight:600;border:1px solid #000;} } /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* TABLET //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media screen and (min-width:768px) and (max-width:1024px){ .w1200{position:relative;float:left;width:100%;overflow:hidden;} /* 상단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ header{position:relative;float:left;width:100%;} .menu_w{position:relative;float:left;width:100%;height:60px;padding:20px 0;background:#fff;z-index:10000000;} /* 로고 */ #logo{float:left;width:100%;text-align:center;} #logo a{display:inline-block;} #logo a img{width:auto;height:62px;} /* 상단 버튼 */ a#call{position:absolute;left:15px;top:15px;width:70px;height:70px;background:url(../img/icon_call.png) no-repeat;background-size:100%;} .page_cover.open{display:block;} .page_cover{position:fixed;top:0;left:0;width:100%;height:100%;display:none;background:rgba(0, 0, 0, 0.7);z-index:100000;} .mBtn{position:absolute;right:15px;top:15px;width:70px;height:70px;background:url(../img/icon_menu.png) no-repeat;background-size:100%;} .mClose{position:absolute;right:15px;top:-85px;width:70px;height:70px;background:#fff;z-index:1100;} .mClose img{float:left;width:100%;} /* 내비게이션 */ #menu{position:fixed;top:100px;right:-340px;width:340px;height:100%;background:#eee;transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;z-index:100000000;} #menu.open{right:0;} #menu ul{position:relative;float:left;width:100%;} #menu ul li{float:left;width:100%;background:#eee;} #menu ul li a{float:left;width:95%;padding-left:5%;line-height:52px;font-size:18px;font-weight:600;color:#000;border-bottom:1px solid #ccc;} #menu ul ul{float:left;width:100%;padding:4% 0 5% 0;margin:0;background:#f9f9f9 !important;} #menu li li{float:left;width:100%;background:#f9f9f9 !important;} #menu li li a{float:left;width:95%;padding-left:5%;line-height:36px !important;font-size:16px;color:#666;border:none !important;} #h_top{display:none;} /* 메인 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 메인 100% 슬라이드 테블릿 */ .slide{position:relative;float:left;width:100%;background:#fff;overflow:hidden;} #main_slider{position:relative;float:left;width:100%;overflow:hidden;margin:0 0 -40px 0;} #main_slider .bx-wrapper{margin-top:0;} #main_slider .bx-wrapper img{max-width:100%;height:auto;display:block;/*filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;*/} #main_slider .bx-pager{position:absolute;left:1%;top:500px;width:100%;z-index:100;display:block !important;} #main_slider .bx-controls-direction{display:none;} #main_slider .bx-wrapper .bx-pager{text-align:center;} #main_slider .bx-wrapper .bx-pager.bx-default-pager a{display:block;float:left;width:54px;height:12px;margin:0 3px;text-indent:-9999px;border-radius:16px;background:rgba(255, 255, 255, 0.5);} #main_slider .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#aaa;} #main_slider .bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#e4a51e;} #main_slider .bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline;} #main_slider .bx-wrapper .bx-pager-item{font-size:0;line-height:0;} .ment{position:absolute;top:20%;right:10px;left:0;width:100%;text-align:center;} .ment p{display:inline-block;line-height:48px;font-size:22px;background:rgba(255, 255, 255, 0.8);padding:2% 4%;margin-left:4%;} .ment p b{font-size:28px;letter-spacing:-1px !important;font-weight:800;color:#ff673f;margin-bottom:14px;} .ment p strong{font-size:28px;font-weight:800;color:#e4a51e;} /* 메인 타이틀 */ .mTitle{position:relative;float:left;width:100%;text-align:center;margin-bottom:36px;} .mTitle b{float:left;width:100%;line-height:100%;font-size:42px;color:#000;margin-bottom:16px;} .mTitle span{float:left;width:100%;line-height:22px;font-size:16px;color:#888;} .mTitle2{position:relative;float:left;width:100%;text-align:center;margin-bottom:50px;} .mTitle2 b{float:left;width:100%;line-height:100%;font-size:50px;color:#fff;margin-bottom:16px;} .mTitle2 span{float:left;width:100%;line-height:22px;font-size:16px;color:#fff;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;} /* ABOUT */ #about{position:relative;float:left;width:100%;padding:60px 0;background:#f8f6f3;overflow:hidden;} /* 숫자카운트 */ #counter{position:relative;float:left;width:100%;} #counter ul{position:relative;float:left;width:100%;} #counter ul li{position:relative;float:left;width:24.9%;border-left:1px solid #ccc;text-align:center;} #counter ul li:first-child{border:none;} #counter ul li p{float:left;width:100%;line-height:100%;font-size:20px;letter-spacing:1px;font-weight:400;color:#000;} .cNum{position:relative;float:left;width:100%;line-height:46px;height:46px;font-size:20px;color:#fa6d33;text-align:center;overflow:hidden;margin-bottom:30px;} .cNum b{display:inline-block !important;font-size:46px !important;letter-spacing:-1px;font-weight:600;color:#fa6d33;} .cNum span{display:inline-block;line-height:72px;vertical-align:top;font-size:20px;color:#e58e6a;margin-left:8px;} /* 메인 뒤 비치는 배경 */ .main_bg{position:fixed;left:0;top:0;width:100%;height:100%;background:url(../img/main_bg.jpg) repeat-y center top;background-size:220%;z-index:-1;overflow-x:hidden;display:none;} /* BUSINESS #business{position:relative;float:left;width:90%;padding:60px 5%;background:#fff;overflow:hidden;} .busi_bn{float:left;width:100%;} .busi_bn ul{float:left;width:100.5%;margin:-0.5% 0 0 -0.5%;} .busi_bn ul li{float:left;width:49%;margin:0.5%;text-align:center;background:#dad0c2;} .busi_bn ul li a{position:relative;float:left;width:76%;height:160px;padding:90px 12% 40px 12%;} .busi_bn ul li a b{float:left;width:100%;line-height:42px;font-size:34px;font-weight:600;color:#000;margin-bottom:14px;} .busi_bn ul li a p{float:left;width:100%;line-height:26px;font-size:18px;text-align:center;color:#000;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;} .busi_con1{position:absolute;right:12%;top:32px;width:42px;height:42px;background:url(../img/busi_icon1.png) no-repeat;background-size:100%;} .busi_con2{position:absolute;right:12%;top:32px;width:42px;height:42px;background:url(../img/busi_icon2.png) no-repeat;background-size:100%;} .busi_con3{position:absolute;right:12%;top:32px;width:42px;height:42px;background:url(../img/busi_icon3.png) no-repeat;background-size:100%;} .busi_con4{position:absolute;right:12%;top:32px;width:42px;height:42px;background:url(../img/busi_icon4.png) no-repeat;background-size:100%;} .busi_con5{position:absolute;right:12%;top:32px;width:42px;height:42px;background:url(../img/busi_icon5.png) no-repeat;background-size:100%;} .busi_con6{position:absolute;right:12%;top:32px;width:42px;height:42px;background:url(../img/busi_icon6.png) no-repeat;background-size:100%;} .busi_bn ul li a span{display:inline-block;font-size:16px;height:34px;line-height:34px;background:rgba(255, 255, 255, 0.1);color:#fff;background:#fb6e34;padding:0 20px;margin-top:20px;display:none;} */ /* WHY WE ARE? */ #hexagon{position:relative;float:left;width:100%;height:600px;padding:60px 0;background:url(../img/bg.gif) repeat-y;background-size:100%;overflow:hidden;} .hex_shape{position:relative;width:600px;height:600px;margin:0 auto;transform:scale(0.7);-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-o-transform:scale(0.7);background:url(../img/hexagon.png) no-repeat center center;background-size:80%;margin-top:60px;} .hex1{position:absolute;left:-180px;top:60px;width:260px;padding:20px 30px;text-align:right;} .hex2{position:absolute;left:-230px;top:290px;width:260px;padding:20px 30px;text-align:right;} .hex3{position:absolute;left:-110px;top:460px;width:260px;padding:20px 30px;text-align:right;} .hex4{position:absolute;right:-90px;top:-20px;width:260px;padding:20px 30px;text-align:left;} .hex5{position:absolute;right:-230px;top:176px;width:260px;padding:20px 30px;text-align:left;} .hex6{position:absolute;right:-180px;top:430px;width:260px;padding:20px 30px;text-align:left;} .hex_shape b{float:left;width:100%;line-height:40px;font-size:26px;color:#e4a51e;margin-bottom:15px;} .hex_shape p{float:left;width:100%;line-height:24px;font-size:18px;color:#fff;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;} /* 게시판~온라인상담 */ #information{position:relative;float:left;width:90%;padding:60px 5%;background:#fff;overflow:hidden;} #board_w{position:relative;float:left;width:100%;} .board{position:relative;float:left;width:41.8%;height:160px;padding:30px 4%;background:#fff;border:1px solid #ccc;margin-right:-1px;} .board2{position:relative;float:left;width:41.8%;height:160px;padding:30px 4%;background:#fff;border:1px solid #ccc;margin-right:-1px;} .board_title{float:left;width:100%;line-height:24px;font-size:22px;font-weight:600;letter-spacing:-1px;color:#000;margin-bottom:15px;} ul.ticker{float:left;width:100%;height:auto;overflow:hidden;} ul.ticker li{float:left;width:100%;height:20px;margin:5px 0;} ul.ticker li p{float:left;width:70%;line-height:20px;font-size:14px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:5%;} ul.ticker li p b.tic1{float:left;width:60px;line-height:20px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#fb6e34;margin-right:5px;} ul.ticker li p b.tic2{float:left;width:58px;line-height:20px;font-size:12px;font-weight:400;text-align:center;color:#555;background:#fff;border:1px solid #555;margin-right:5px;} ul.ticker li span{float:left;width:25%;line-height:20px;text-align:right;font-size:13px;color:#999;} ul.board_list{position:relative;float:left;width:100%;height:120px;overflow:hidden;margin-top:-2px;} ul.board_list li{float:left;width:100%;} ul.board_list li a{float:left;width:75%;line-height:31px;font-size:14px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} ul.board_list li span{float:left;width:25%;line-height:31px;text-align:right;font-size:12px;color:#999} a.more{position:absolute;right:8%;top:30px;line-height:24px;font-size:12px;color:#fff;padding:0 14px;background:#666;border-radius:3px;} .contact{position:relative;float:left;width:90%;padding:5%;background:#e7e6e5;} .contact_title{position:relative;float:left;width:50%;line-height:36px;font-size:28px;font-weight:600;letter-spacing:-1px;color:#000;margin-bottom:5%;} .contact_title span{float:left;width:100%;line-height:20px;font-size:14px;font-weight:400;letter-spacing:-0.01em;color:#888;margin-top:3%;} a.call_num{float:left;width:50%;} a.call_num b{float:left;width:100%;line-height:36px;font-size:36px;font-weight:800;color:#fb6e34;padding-left:44px;letter-spacing:-3px;background:url(../img/cs_icon.png) no-repeat 0 50%;background-size:36px;} .cs_num{display:none;} .cs_text{float:left;width:50%;margin-top:4%;} .cs_text p{float:left;width:100%;line-height:22px;font-size:15px;margin-bottom:3px;} .cs_text p span{float:left;width:26%;font-size:13px;text-align:center;background:#999;color:#fff;margin-right:3%;} /*.contact input.ip1{float:left;width:46%;height:42px;line-height:100%;font-size:16px;color:#000;padding-left:2%;margin-right:2%;border:none;background:#fff;} .contact textarea{float:left;width:94%;padding:2%;height:100px;line-height:24px;font-size:16px;color:#000;margin:2% 0 0 0;border:none;background:#fff;} .contact input::placeholder,.contact textarea::placeholder{color:#777 !important;} /* 체크박스, 전문보기 */ /*.coun_check{float:left;width:100%;height:15px;margin:15px 0 25px 0;} .coun_check input{float:left;width:15px;height:15px;line-height:14px;margin-right:8px;} .coun_check span{float:left;font-size:14px;line-height:14px;color:#555;} a.layer_btn{float:left;line-height:14px;font-size:14px;color:#000;margin-left:10px;} button.coun_btn{float:left;width:100%;height:54px;line-height:51px;font-size:22px;font-weight:600;text-align:center;color:#fff;background:#fb6e34;cursor:pointer;border-bottom:4px solid #cd5523;} button:hover.coun_btn{background:#f08052;} /* 전문보기 개인정보취급방침 */ /*.layer{display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999999999} .layer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);} .layer .pop-layer{display:block;overflow-x:hidden;overflow-y:scroll;} .pop-layer{display:none;position:absolute;top:50%;left:50%;width:70%;height:400px;background:#fff;border:5px solid #333;} .pop-layer .pop-container{position:relative;float:left;padding:2%;} .assembly_title{position:relative;float:left;width:97%;height:50px;line-height:50px;background:#898989;color:#fff;font-size:20px;font-weight:bold;padding-left:3%;} .btn-r{position:absolute;right:2%;top:0;width:20%;} a.cbtn{float:left;display:block;width:100%;height:50px;line-height:50px;padding:0 5%;background:#333;font-size:18px;color:#fff;text-align:center;} .rule_pop{float:left;width:100%;font-size:14px;line-height:20px;margin-top:3%;}*/ /* 하단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 카피라이트 */ #footer{position:relative;float:left;width:90%;background:#eee;padding:40px 5%;z-index:1000;} .footer_w{position:relative;float:left;width:100%;} ul.copy{float:left;width:70%;} ul.copy li{float:left;line-height:100%;font-size:13px;color:#555;margin:0 12px 8px 0;padding-right:12px;border-right:1px solid #ccc;} ul.copy li:last-child{border:none;} .footer_w p{float:left;width:100%;line-height:100%;font-size:13px;color:#999;margin-top:4px;} .f_sns{position:absolute;top:0;right:0;} .f_sns ul li{float:left;width:42px;margin-left:10px;} .f_sns ul li a{float:left;width:100%;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;} .f_sns ul li a:hover{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;} .f_sns ul li a img{float:left;width:100%;} /* 맨위로 */ #top{position:fixed;right:0;bottom:0;width:50px;height:50px;cursor:pointer;background:url(../img/top.gif) no-repeat;z-index:100000000000;} /* 서브 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 서브 뒤 비치는 배경 */ .sub_bg{position:fixed;left:0;top:0;width:100%;height:1300px;background:url(../img/sub_bg.jpg) no-repeat 60% -30%;background-size:140%;z-index:1;overflow-x:hidden;} #sub_visual{position:relative;float:left;width:100%;height:210px;background:rgba(51, 16, 0, 0.5);z-index:100;overflow:hidden;} .s_visual{position:relative;float:left;width:100%;text-align:center;} .s_visual h1{float:left;width:100%;line-height:100%;font-size:42px;font-weight:400;color:#fff;margin:0;padding:0;margin:60px 0 20px 0;} .navi{display:inline-block;line-height:16px;height:14px;text-align:center;background:url(../img/home1.png) no-repeat 0 3px;background-size:13px;padding-left:12px;} .navi p{float:left;line-height:100%;font-size:14px;color:#ccc;padding-left:15px;margin-left:15px;background:url(../img/navi_arrow.png) no-repeat left 3px;} #page_navi{position:relative;float:left;width:100%;height:60px;background:#f6f6f6;border-top:1px solid #ccc;border-bottom:1px solid #ccc;z-index:10000;} .navi_m{position:relative;float:left;width:92%;height:60px;padding:0 4%;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;} .navi_m ul{position:relative;float:left;text-align:center;max-width:1080px;width:100%;} .navi_m ul li{display:inline-block;margin:0 12px;} .navi_m ul li a{float:left;width:100%;line-height:60px;font-size:18px;color:#888;} .navi_m ul li a.select{font-size:20px;font-weight:600;color:#fb6e34;} .icon_home,#page_navi b,.navi_m p{display:none;} .nvn{display:none !important;} #contents{position:relative;float:left;width:100%;} .contents{position:relative;float:left;width:100%;} .page{position:relative;float:left;width:90%;padding:60px 5%;background:#fff;z-index:100;} /* 서브 타이틀 */ h3.stitle1{position:relative;float:left;width:100%;height:93px;text-align:center;background:url(../img/line.gif) no-repeat center 90px;background-size:60px;margin:60px 0 32px 0;overflow:hidden;} h3.stitle1 span{float:left;width:100%;line-height:100%;font-size:16px;font-weight:300;color:#552c1b;margin-bottom:12px;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;margin:15px 0 0 0;} h3.stitle1 b{float:left;width:100%;line-height:100%;font-size:36px;color:#552c1b;} /* 서브 공통 style */ .sub_txt{position:relative;float:left;width:94%;padding:2.6% 3% 3%;background:#f4f1ed;} .sub_txt p{float:left;width:100%;line-height:22px;font-size:16px;font-weight:300;text-align:justify;} img.is_img{float:left;width:40%;vertical-align:top;margin:0 3% 3% 0;} .sub_txt2{position:relative;float:left;width:100%;} .sub_txt2 dl{position:relative;float:left;width:100%;border-top:1px solid #aaa;background:#f9f7f3;} .sub_txt2 dl dt{clear:left;float:left;display:block;width:26%;line-height:100%;font-size:18px;font-weight:500;letter-spacing:-1px;color:#000;padding-left:2%} .sub_txt2 dl dd {padding:0 2% 0 28%;line-height:20px;font-size:14px;font-weight:300;text-align:justify;color:#333;border-bottom:1px solid #aaa;} .sub_txt2 dl dd:after{content: "";display:block;clear:both;} .sub_txt2 dl dt,.sub_txt2 dl dd{padding-top:20px;padding-bottom:20px;} .hashtag{float:left;width:100%;padding-top:8px;margin-top:20px;border-top:1px solid rgba(0, 0, 0, 0.1);} .hashtag small{float:left;line-height:100%;font-size:14px;margin:8px 20px 0 0;color:#a05f1a;} /* 인사말 */ #greeting{position:relative;float:left;width:100%;text-align:center;margin-bottom:10%;} #greeting p{float:left;width:100%;line-height:26px;font-size:18px;color:#666;} #greeting b{float:left;width:100%;line-height:100%;font-size:30px;letter-spacing:-1px;text-align:center;color:#444;margin-bottom:4%;} #greeting b span{color:#fb6e34;} img.gree_img{float:right;width:40%;vertical-align:top;margin:0 0 30px 40px;} /* 인허가증 */ #certification{position:relative;float:left;width:100%;} #certification ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;} #certification ul li{position:relative;float:left;width:31.33%;min-height:360px;margin:1% 1% 4% 1%;} #certification ul li .certi_frame{position:absolute;left:0;top:0;width:100%;height:500px;background:url(../img/certi_frame.png) no-repeat;background-size:100%;z-index:100;} #certification ul li img{float:left;width:92%;margin:4%;} #certification ul li p{float:left;width:100%;line-height:26px;font-size:20px;font-weight:600;letter-spacing:-1px;text-align:center;margin-top:6%;} /* 오시는길 */ h5.ad_title{position:relative;float:left;width:76%;line-height:40px;font-size:28px;text-align:center;margin:0 12% 5% 12%;} .wrap_controllers{display:none;} .wrap_map{height:280px !important;margin-bottom:-30px;} .address{position:relative;float:left;width:100%;} .address table{float:left;width:100%;background:#fff;border-top:1px solid #ccc;} .address table th{width:26%;background:#f4f4f4;} .address table td{line-height:17px;font-size:18px;color:#333;} .address table th,.address table td{padding:2%;text-align:left;border:1px solid #ccc;} .address table th b{float:left;width:75%;height:17px;line-height:17px;font-size:19px;padding-left:24px;font-weight:400 !important;color:#000;background-position:0 1px;background-size:17px;} .iCon1{background:url(../img/sicon1.png) no-repeat;} .iCon2{background:url(../img/sicon2.png) no-repeat;} .iCon3{background:url(../img/sicon3.png) no-repeat;} .iCon4{background:url(../img/sicon4.png) no-repeat;} .iCon5{background:url(../img/sicon4.png) no-repeat;} /* 하나팜물류 */ .promise{position:relative;float:left;width:100%;} .promise ul{float:left;width:101%;margin:-0.5% 0 0 -0.5%;} .promise ul li{float:left;width:26.333%;height:230px;text-align:center;padding:3%;margin:0.5%;background:#dad0c2;} .promise ul li img{width:90px;} .promise ul li b{float:left;width:90%;line-height:30px;font-size:20px;font-weight:600;letter-spacing:-1px;color:#333;margin:5% 5% 0 5%;} .promise ul li b span{float:left;width:100%;line-height:24px;font-size:16px;font-weight:400;color:#666;} .cptns{position:relative;float:left;width:100%;} .cptns ul{position:relative;float:left;width:101%;text-align:center;margin:-0.5% 0 0 -0.5%;} .cptns ul li{float:left;width:28.33%;height:340px;margin:0.5%;padding:2%;background:#f1ebe3;} .cptns ul li b{float:left;width:100%;line-height:30px;font-size:22px;color:#552c1b;margin:5% 0;} .cptns ul li b span{float:left;font-size:16px;margin-left:6px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;} .cptns ul li p{float:left;width:100%;line-height:24px;font-size:16px;font-weight:300;text-align:center;color:#2f1f00;} /* 시설물안내 */ .cptns2{position:relative;float:left;width:100%;} .cptns2 ul{position:relative;float:left;width:101%;text-align:center;margin:-0.5% 0 0 -0.5%;} .cptns2 ul li{float:left;width:45%;margin:0.5%;padding:2%;background:#f1ebe3;} .cptns2 ul li b{float:left;width:100%;line-height:30px;font-size:22px;color:#552c1b;margin:5% 0;} .cptns2 ul li b span{float:left;font-size:16px;margin-left:6px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;} .cptns2 ul li p{float:left;width:100%;line-height:24px;font-size:16px;font-weight:300;text-align:center;color:#2f1f00;} /* 경쟁력. */ /*#competitiveness{position:relative;float:left;width:98%;padding:2%;background:#574b3c;margin-top:8%;overflow:hidden;} #competitiveness:before{content:' ';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url(../img/pattern.png) repeat;filter:alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;z-index:0;} .cptns{position:relative;float:left;width:90%;padding:5% 3.9% 3.9%;border:1px solid #fff;} .cptns ul{float:left;width:101%;margin:1% 0 0 -0.5%;} .cptns ul li{float:left;width:94%;margin:0.5% 0;padding:4% 3%;background:#f1ebe3;} .cptns ul li b{float:left;width:100%;line-height:100%;font-size:20px;color:#552c1b;padding:3px 0 0 5px;margin-bottom:5px;background:url(../img/line.gif) no-repeat left top;background-size:15px;} .cptns ul li b span{display:inline-block;font-size:12px;margin-left:6px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;} .cptns ul li p{float:left;width:100%;line-height:18px;font-size:13px;font-weight:300;text-align:justify;color:#2f1f00;}*/ /*주요사업*/ .advantage ul li{width:32%;} /* 온라인상담 */ .tbl{position:relative;float:left;width:100%;} .tbl table{float:left;width:100%;border-top:3px solid #fb6e34;} .tbl table th{width:22% !important;font-size:16px;font-weight:400;background:#f9f9f9;text-align:left;} .tbl table td span{float:left;height:38px;line-height:38px;font-size:16px;margin:0 10px;color:#000;} .tbl table td .ip01{float:left;width:94%;height:36px;line-height:36px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;margin-right:20px;} .tbl table td .ip02{float:left;width:25%;height:36px;line-height:36px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;} .tbl table td .ip03{float:left;width:18%;height:36px;line-height:36px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;} .tbl table td textarea{float:left;width:92%;height:120px;padding:10px;line-height:22px;font-size:14px;color:#777;border:1px solid #e0e0e0;} .tbl table td select.sct1{float:left;width:22%;height:38px;line-height:38px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;} .tbl table td select.sct2{float:left;width:45%;height:38px;line-height:38px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;} .sct2_1{float:left;width:96.5% !important;margin-top:5px;} .tbl table th,.tbl table td{padding:2%;border-bottom:1px solid #e0e0e0;} input.tbl_btn{float:left;width:110px;height:38px;line-height:38px;font-size:16px;font-weight:600;cursor:pointer;text-align:center;color:#fff;background:#999;border:none;} input:hover.tbl_btn{background:#777;} /* 라디오버튼 */ ul.tbl_radio{float:left;height:16px;margin:11px 0;} ul.tbl_radio li{float:left;line-height:14px !important;font-size:16px;color:#555;margin-right:30px;} ul.tbl_radio li input.rd_ip{float:left;width:16px;height:16px;line-height:16px;margin:0 5px 0 0;} /* 파일첨부 */ .tbl_file{float:left;width:100%;} input.up_text{float:left;width:300px;height:38px;line-height:38px;padding-left:12px;border:1px solid #ccc;border-right:none;font-size:14px;vertical-align:top;color:#777;} .tbl_file label{float:left;width:100px;height:40px;line-height:40px;font-size:16px;text-align:center;color:#fff !important;background:#333;cursor:pointer;;} .tbl_file label input{display:none;} /* 약관 */ .terms_w{position:relative;float:left;width:96%;height:160px;padding:2%;overflow-x:hidden;overflow-y:scroll;background:#f4f4f4;margin-top:30px;} .terms_title{float:left;width:100%;font-size:18px;font-weight:600;color:#000;} .terms_list dl{float:left;width:100%;padding-top:10px;} .terms_list dl dt{padding-bottom:8px;font-weight:600;font-size:14px;color:#555;} .terms_list dl dd{padding-bottom:5px;font-size:13px;line-height:18px;color:#999;} /* 동의 */ .agree{float:left;width:100%;margin:20px 0;} .agree input{float:left;width:16px;height:16px;line-height:16px;margin-right:8px;} .agree label{float:left;font-size:15px;line-height:16px;} /* 자주묻는질문 */ .accordion{position:relative;float:left;width:100%;} input[id*="answer"]{display:none;} input[id*="answer"] + label{position:relative;display:block;line-height:26px;font-size:18px;font-weight:400;color:#fff;background:#666;padding:22px 3%;border:1px solid #fff;border-bottom:0;cursor:pointer;} input[id*="answer"] + label + div{max-height:0;transition:all .35s;overflow:hidden;background:#eee;font-size:11px;} input[id*="answer"]:checked + label + div{display:table;line-height:26px;font-size:18px;font-weight:300;padding:35px 3%;;} input[id*="answer"] + label i{position:absolute;top:50%;right:2.5%;width:30px;height:30px;margin-top:-15px;display:inline-block;background:url('../img/acc_arrow.png') 0 0 no-repeat;} input[id*="answer"]:checked + label i{background-position:0 -30px;} /* 상세페이지 - 매장안내 */ #detail2{position:relative;float:left;width:100%;overflow:hidden;} .dtl_img2{float:left;width:100%;margin-bottom:5%;} .dtl_text2{float:left;width:100%;} .dtl_text2 h3{float:left;width:100%;line-height:100%;font-size:22px;padding-bottom:12px;margin-bottom:24px;border-bottom:1px solid #666;} .dtl_text2 dl{float:left;width:100%;} .dtl_text2 dl dt{float:left;width:14%;line-height:22px;font-size:16px;color:#000;padding-left:2%;margin:8px 0;background:url(../img/bullet.gif) no-repeat 0 50%;} .dtl_text2 dl dd{float:left;width:84%;line-height:22px;font-size:16px;color:#999;margin:10px 0;} .dtl_cont2{position:relative;float:left;width:100%;min-height:600px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:60px 0;margin:60px 0;} /* 무료창업상담 & 고객의 소리 */ .contact2_txt{position:relative;float:left;width:100%;text-align:center;margin-bottom:5%;} .contact2_txt b{float:left;width:100%;line-height:40px;font-size:30px;font-weight:400;color:#ca1c25;margin-bottom:2%;} .contact2_txt p{float:left;width:100%;line-height:20px;font-size:14px;color:#555;} .contact2{position:relative;float:left;width:92%;margin-left:-1%;padding:5%;background:#eee;} .c1ip,.c3ip,.c4ip{position:relative;float:left;width:97%;height:38px;border:1px solid #bbb;background:#fff;border-radius:12px;margin:1%;} .c1ip p,.c2ip p,.c3ip p,.c4ip p{float:left;width:16%;height:20px;line-height:20px;font-size:16px;margin:9px 3%;color:#000;border-right:1px solid #ccc;} .c1ip input,.c4ip input{float:left;width:72.8%;height:20px;line-height:100%;background:none;border:none;margin:10px 0;} .c2ip{position:relative;float:left;width:97%;height:38px;border:1px solid #bbb;background:#fff;border-radius:12px;margin:1%;} .c2ip input{float:left;width:34%;height:20px;line-height:100%;background:none;border:none;margin:10px 0;} .c2ip b{float:left;height:38px;line-height:38px;font-size:18px;color:#aaa;margin:0 1%;} .contact2 textarea{position:relative;float:left;width:91%;height:120px;line-height:28px;font-size:14px;padding:2% 3%;color:#000;border:1px solid #bbb;background:#fff;border-radius:12px;margin:8px;} /* 체크 */ ul.c3radio{float:left;height:16px;margin:11px 0;} ul.c3radio li{float:left;line-height:16px !important;font-size:14px;color:#444;margin-right:30px;} ul.c3radio li input{float:left;width:16px;height:16px;line-height:16px;margin:0 4px 0 0;} /* 문의버튼 */ .counBtn{float:left;width:100%;cursor:pointer;} .counBtn img{float:left;width:50%;margin:0 25%;} /* 체크박스, 전문보기 */ .counCheck{float:left;width:100%;height:16px;margin:15px 0 30px 8px;} .counCheck input{float:left;width:16px;height:16px;line-height:16px;margin-right:8px;} .counCheck span{float:left;font-size:16px;line-height:16px;color:#666;} .counCheck b{color:#000;cursor:pointer;} /* 버튼 */ .btn_w{position:relative;float:left;width:100%;text-align:center;margin:60px 0 0 0;} .btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;} input.btn{display:inline-block;width:30%;height:54px;line-height:100%;font-size:20px;font-weight:600;cursor:pointer;background:#fb6e34;text-align:center;color:#fff;border:2px solid #d5480d;margin:0 2px;} input.btn2{display:inline-block;width:30%;height:54px;line-height:100%;font-size:20px;font-weight:600;cursor:pointer;background:#eee;text-align:center;color:#555;border:2px solid #ccc;margin:0 2px;} input.btn3{display:inline-block;width:24%;height:54px;line-height:100%;font-size:20px;font-weight:600;cursor:pointer;background:#fff;text-align:center;color:#555;border:2px solid #555;margin:0 2px;} input.btn4{display:inline-block;width:24%;height:54px;line-height:100%;font-size:20px;font-weight:600;cursor:pointer;background:#999;text-align:center;color:#fff;border:2px solid #666;margin:0 2px;} /* 자주묻는질문 */ .accordion{position:relative;float:left;width:100%;border-top:1px solid #ccc;} .accordion li{position:relative;float:left;width:100%;border-top:1px solid #fff;border-bottom:1px solid #ccc;} .accordion li .ntc_list{display:none;padding:2%;color:#555;font-weight:400;background:#fbfbfb;} .accordion li .ntc_list p{font-size:18px;line-height:26px;} .accordion li div{display:block;width:96%;padding:1.5% 2%;font-size:18px;font-weight:600;cursor:pointer;background:#eee;color:#000;} .accordion li .file{float:left;text-align:center;height:30px;line-height:30px;font-size:16px;background:#eee;color:#898989;padding:0 15px;background:#000;color:#fff;font-weight:600;} /* 게시판 - 리스트 */ .board_w{position:relative;float:left;width:100%;background:#fff;} table.board{position:relative;float:left;width:100%;} table.board th{line-height:50px;font-size:16px;text-align:center;background:#f5f5f5;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} table.board td{line-height:40px;font-size:14px;text-align:center;border-bottom:1px solid #eee;} table.board th.bd_num{width:8%;} table.board th.bd_name,table.board th.bd_date{width:12%;} table.board td.bd_title{text-align:left !important;padding-left:1%;} table.board tr:hover td{background:#fafafa} .board_btm{position:relative;float:left;width:100%;height:34px;margin-top:40px;} .bd_search{float:left;height:34px;}/* 게시판 - 리스트 글 검색 */ .bd_search input.bd_search_bar{float:left;width:200px;height:32px;line-height:32px;font-size:12px;color:#bbb;padding-left:10px;border:1px solid #ccc;background:#fff;border-radius:6px 0 0 6px;} .bd_search input.bd_search_btn{float:left;width:80px;height:34px;line-height:100%;font-size:14px;font-weight:600;color:#fff;border:none;border-radius:0 6px 6px 0;background:#888;margin-left:-1px;} .bd_btn_w{position:absolute;right:0;height:32px;}/* 게시판 - 리스트 하단 버튼 */ .bd_btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;} .bd_btn_w input{float:left;width:70px;height:32px;line-height:100%;font-size:12px;text-align:center;color:#555;cursor:pointer;margin-left:3px;border-radius:6px;border:1px solid #ccc;background:url(../img/gradation.png) repeat-x left bottom;} /* 게시판 글 보기 */ #board_Cont{position:relative;float:left;width:100%;} .bdC_top{position:relative;float:left;width:100%;height:40px;} .bdC_top h3{float:left;width:100%;line-height:40px;font-size:20px;} .bdC_top dl{position:absolute;right:0;top:0;height:40px;} .bdC_top dl dt{float:left;line-height:40px;font-size:12px;color:#000;margin-left:12px;} .bdC_top dl dd{float:left;line-height:40px;font-size:12px;color:#888;margin-left:3px;} .bdC_cont{position:relative;float:left;width:100%;min-height:400px;padding:80px 0;margin-top:10px;border-top:2px solid #333;border-bottom:1px solid #333;} .bdC_btn{position:absolute;right:0;top:20px;} .bdC_btn input{float:left;width:58px;height:28px;line-height:100%;font-size:12px;text-align:center;color:#fff;cursor:pointer;margin-left:3px;border-radius:4px;background:#888;} .bdC_reply{position:relative;float:left;width:96%;height:90px;padding:2%;background:#f5f5f5;border-bottom:1px solid #333;}/* 댓글 */ .bdC_reply textarea.reply_box{float:left;width:82.5%;height:68px;padding:10px 0.8%;background:#fff;border:1px solid #aaa;} .bdC_reply input.reply_btn{float:left;width:15%;height:90px;line-height:100%;font-size:16px;text-align:center;color:#fff;cursor:pointer;background:#555;margin-left:0.5%;} .bdC_reply input:hover.reply_btn{background:#000;} ul.bdC_list{position:relative;float:left;width:100%;}/* 이전글,다음글 */ ul.bdC_list li{float:left;width:100%;line-height:16px;padding:15px 0;border-bottom:1px solid #e0e0e0;} ul.bdC_list li p{float:left;height:16px;font-size:14px;text-align:center;color:#000;padding:0 20px;margin-right:20px;border-right:1px solid #ccc;} ul.bdC_list li a{float:left;height:16px;font-size:13px;color:#888;} /* 게시판 글 수정/작성 */ .bd_White{position:relative;float:left;width:100%;border-bottom:1px solid #333;} .bd_White table{float:left;width:100%;border-top:2px solid #000;} .bd_White table th{width:15% !important;font-size:16px;font-weight:600;background:#f9f9f9;text-align:left;} .bd_White table td{font-size:13px;} .bd_White table td .ip01{float:left;width:98%;height:38px;line-height:38px;font-size:14px;padding:0 6px;border:1px solid #ccc;} .bd_White table th,.bd_White table td{padding:15px;border-bottom:1px solid #e0e0e0;} input.rd_ip{float:left;width:14px;height:14px;margin:3px 8px 0 0;} .bdW_cont{position:relative;float:left;width:100%;min-height:200px;} .bdW_file{position:relative;float:left;width:96%;min-height:90px;padding:2%;background:#eee;margin-top:40px;} .bd_File{float:left;width:100%;height:22px;padding:5px 0;} .bd_File input{float:left;width:20%;height:22px;vertical-align:bottom;font-size:12px;border:none;} .bd_File span{float:left;line-height:22px;font-size:14px;font-weight:600;margin-right:15px;} .bdW_btn{position:absolute;right:2%;bottom:26px;} .bdW_btn input{float:left;width:68px;height:32px;line-height:100%;font-size:14px;text-align:center;color:#fff;cursor:pointer;margin-left:3px;border-radius:4px;background:#888;} /* 페이징 */ .paging_w{position:relative;float:left;width:100%;height:50px;margin-top:40px;} .paging{text-align:center;height:50px;} .paging ul{display:inline-block;zoom:1;*display:inline;} .paging ul li{float:left;background:#fff;} .paging ul li a{float:left;text-align:center;height:30px;line-height:30px;font-size:14px;padding:0 10px;color:#999;background:url(../img/gradation.png) repeat-x;border:1px solid #e0e0e0;margin-left:-1px;} .paging ul li a.on{color:#fff;background:#000;font-weight:600;border:1px solid #000;} } /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* PC /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media screen and (min-width:1025px){ /* 상단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .w1200{position:relative;width:1200px;margin:0 auto;} #h_top{position:relative;float:left;width:100%;height:39px;background:#f9f9f9;border-bottom:1px solid #e4e4e4;z-index:10000000000;} #h_top ul{position:absolute;right:0;top:0;display:none;} #h_top ul li{float:left;margin-left:15px;} #h_top ul li a{float:left;line-height:40px;font-size:13px;color:#aaa;} .top_cs{position:absolute;right:0;top:12px;} .top_cs p{float:left;line-height:15px;font-size:13px;color:#333;padding-left:15px;background:url(../img/top_cs.png) no-repeat 0 2px;background-size:10px;margin-right:8px;} .top_cs b{display:inline-block;line-height:16px;vertical-align:top;font-size:15px;letter-spacing:-0.05em;font-weight:600;color:#ff673f;} /* 로고 */ #logo{position:relative;float:left;z-index:1000;} #logo a{float:left;width:300px;padding:5px 0;} #logo a img{float:left;} /* 전화아이콘, 모바일아이콘 숨기기 */ .page_cover,a#call,.mBtn,.mClose{display:none;} #header{position:fixed;float:left;width:100%;background:#fff;transition:background 1s, height 1s; height:120px;overflow:hidden;z-index:1000000;border-bottom:1px solid #aaa;} #header:hover{background:#fff;height:245px;border-bottom:1px solid #e4e4e4;} #header header{position:relative;width:1200px;height:32px;margin:0 auto;} /* 내비게이션 */ #menu{position:absolute;right:0;top:71px;} #menu ul{display:inline-block;zoom:1;*display:inline;} #menu ul li{position:relative;float:left;width:160px;text-align:center;} #menu ul li a{position:relative;float:left;width:100%;line-height:100%;font-size:20px;color:#000;padding-bottom:30px;z-index:1000000;} #menu ul li ul{position:absolute;top:-30px;left:0;width:100%;height:260px;padding-top:74px;} #menu ul li ul:hover{background:#f9f9f9;} #menu ul li li{float:left;width:100%;border:none;padding:0;margin:0;} #menu ul li li a{float:left;width:100%;height:26px;line-height:26px;font-size:13px;letter-spacing:0.08em !important;color:#aaa;padding:0;margin:0;} #menu a:hover{color:#ff673f;} /* 메인 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 메인 100% 슬라이드 PC */ .slide{position:relative;float:left;width:100%;height:780px;background:#fff;overflow:hidden;} #main_slider{position:absolute;left:50%;top:350px;width:2000px;height:auto;margin:0 0 0 -1000px;} #main_slider .bx-wrapper{margin-top:-12%;} #main_slider .bx-wrapper img{max-width:100%;height:auto;display:block;/*filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;*/} #main_slider .bx-pager{position:absolute;left:0;bottom:50px;width:100%;z-index:100;display:block !important;} #main_slider .bx-controls-direction{display:none;} #main_slider .bx-wrapper .bx-pager{text-align:center;} #main_slider .bx-wrapper .bx-pager.bx-default-pager a{display:block;float:left;width:40px;height:7px;margin:0 4px;text-indent:-9999px;border-radius:10px;background:rgba(255, 255, 255, 0.3);} #main_slider .bx-wrapper .bx-pager.bx-default-pager a:hover{background:rgba(255, 255, 255, 1)} #main_slider .bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:rgba(255, 255, 255, 0.7);} #main_slider .bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline;} #main_slider .bx-wrapper .bx-pager-item{font-size:0;line-height:0;} .ment{position:absolute;top:28%;right:0;width:100%;text-align:center;} .ment p{display:inline-block;line-height:50px;font-size:32px;letter-spacing:-2px;color:#666;background:rgba(255, 255, 255, 0.7); padding:10px 20px;} .ment p b{font-size:46px;font-weight:600;color:#ff673f;} .ment p strong{font-size:46px;font-weight:600;color:#e4a51e;} /* 메인 타이틀 */ .mTitle{position:relative;float:left;width:100%;text-align:center;margin-bottom:50px;} .mTitle b{float:left;width:100%;line-height:100%;font-size:50px;color:#000;margin-bottom:16px;} .mTitle span{float:left;width:100%;line-height:22px;font-size:16px;color:#888;} .mTitle2{position:relative;float:left;width:100%;text-align:center;margin-bottom:50px;} .mTitle2 b{float:left;width:100%;line-height:100%;font-size:50px;color:#fff;margin-bottom:16px;} .mTitle2 span{float:left;width:100%;line-height:22px;font-size:16px;color:#fff;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;} /* ABOUT */ #about{position:relative;float:left;width:100%;padding:80px 0;background:#f8f6f3;} /* 숫자카운트 */ #counter{position:relative;float:left;width:100%;} #counter ul{position:relative;width:1200px;margin:0 auto;} #counter ul li{position:relative;float:left;width:24.9%;border-left:1px solid #ccc;text-align:center;} #counter ul li:first-child{border:none;} #counter ul li p{float:left;width:100%;line-height:100%;font-size:20px;letter-spacing:1px;font-weight:400;color:#000;} .cNum{position:relative;float:left;width:100%;line-height:70px;height:70px;font-size:20px;color:#fa6d33;text-align:center;overflow:hidden;margin-bottom:30px;} .cNum b{display:inline-block !important;font-size:70px !important;letter-spacing:-4px;font-weight:600;color:#fa6d33;} .cNum span{display:inline-block;line-height:110px;vertical-align:top;font-size:24px;color:#e58e6a;margin-left:8px;} /* 메인 뒤 비치는 배경 */ .main_bg{position:fixed;left:0;top:0;width:100%;height:1000px;background:url(../img/main_bg.jpg) no-repeat center top;background-size:100%;z-index:-1;overflow-x:hidden;display:none;} /* BUSINESS #business{position:relative;float:left;width:100%;padding:80px 0;background:rgba(255, 255, 255, 0.6);} .busi_bn{float:left;width:100%;} .busi_bn ul{float:left;width:102%;text-align:center;margin-left:-1%;} .busi_bn ul li{float:left;width:48%;margin:0% 1%;background:#dad0c2;} .busi_bn ul li a{position:relative;float:left;width:80%;height:100px;text-align:center;padding:90px 10% 34px 10%;} .busi_bn ul li a b{float:left;width:100%;line-height:34px;font-size:28px;font-weight:600;color:#000;margin-bottom:14px;} .busi_bn ul li a p{float:left;width:100%;line-height:24px;font-size:16px;letter-spacing:-0.02em;text-align:center;color:#000;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;} .busi_con1{position:absolute;right:12%;top:32px;width:42px;height:42px;background:url(../img/busi_icon1.png) no-repeat;background-size:100%;} .busi_con2{position:absolute;right:12%;top:32px;width:42px;height:42px;background:url(../img/busi_icon2.png) no-repeat;background-size:100%;} .busi_con3{position:absolute;right:12%;top:32px;width:42px;height:42px;background:url(../img/busi_icon3.png) no-repeat;background-size:100%;} .busi_con4{position:absolute;right:12%;top:32px;width:42px;height:42px;background:url(../img/busi_icon4.png) no-repeat;background-size:100%;} .busi_con5{position:absolute;right:12%;top:32px;width:42px;height:42px;background:url(../img/busi_icon5.png) no-repeat;background-size:100%;} .busi_con6{position:absolute;right:12%;top:32px;width:42px;height:42px;background:url(../img/busi_icon6.png) no-repeat;background-size:100%;} .busi_bn ul li a span,.busi_bn ul li a:hover p{display:none;font-size:12px;height:22px;line-height:22px;background:rgba(255, 255, 255, 0.1);color:#000;border:1px solid #000;} .busi_bn ul li a:hover span{display:inline-block;position:absolute;left:50%;bottom:54px;width:70px;height:22px;margin-left:-35px;} .busi_bn ul li a span:hover{background:#fa6d33;color:#fff;border:1px solid #fa6d33;} .busi_bn ul li a span{display:none;} */ /* WHY WE ARE? */ #hexagon{position:relative;float:left;width:100%;height:760px;padding:80px 0;background:url(../img/bg.gif) repeat-y;background-size:100%;} .hex_shape{position:relative;width:600px;height:600px;margin:0 auto;background:url(../img/hexagon.png) no-repeat center center;;margin-top:130px;} .hex1{position:absolute;left:-320px;top:50px;width:350px;padding:20px 30px;text-align:right;} .hex2{position:absolute;left:-380px;top:300px;width:350px;padding:20px 30px;text-align:right;} .hex3{position:absolute;left:-220px;top:540px;width:350px;padding:20px 30px;text-align:right;} .hex4{position:absolute;right:-220px;top:-15px;width:350px;padding:20px 30px;text-align:left;} .hex5{position:absolute;right:-390px;top:176px;width:350px;padding:20px 30px;text-align:left;} .hex6{position:absolute;right:-320px;top:430px;width:350px;padding:20px 30px;text-align:left;} .hex_shape b{float:left;width:100%;line-height:34px;font-size:24px;color:#fff;margin-bottom:20px;} .hex_shape p{float:left;width:100%;line-height:18px;font-size:13px;color:#fff;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;} /* 마우스 오버시 효과 */ .hex_shape div:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s} /* 마우스 아웃시 효과 */ .hex_shape div{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s} .hex_shape div:hover b{color:#e4a51e;} .hex_shape div:hover p{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;} /* 게시판~온라인상담 */ #information{position:relative;float:left;width:100%;padding:80px 0;background:#fff;} #board_w{position:relative;float:left;width:600px;height:432px;background:gold;padding-top:1px;} .board{position:relative;float:left;width:519px;height:148px;padding:40px;background:#fff;border:1px solid #ccc;border-right:none;margin-top:-1px;} .board2{position:relative;float:left;width:519px;height:122px;padding:40px;background:#fff;border:1px solid #ccc;border-right:none;margin-top:-1px;} .board_title{float:left;width:100%;line-height:100%;font-size:28px;font-weight:600;letter-spacing:-1px;color:#000;margin-bottom:15px;} ul.ticker{float:left;width:100%;height:auto;overflow:hidden;} ul.ticker li{float:left;width:100%;height:25px;margin:5px 0;} ul.ticker li p{float:left;width:75%;line-height:25px;font-size:16px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} ul.ticker li p b.tic1{float:left;width:70px;line-height:25px;font-size:13px;font-weight:400;text-align:center;color:#fff;background:#fb6e34;margin-right:8px;} ul.ticker li p b.tic2{float:left;width:68px;line-height:23px;font-size:13px;font-weight:400;text-align:center;color:#555;background:#fff;border:1px solid #555;margin-right:8px;} ul.ticker li span{float:left;width:25%;line-height:25px;text-align:right;font-size:14px;color:#999;} ul.board_list{float:left;width:100%;height:auto;overflow:hidden;} ul.board_list li{float:left;width:100%;} ul.board_list li a{float:left;width:75%;line-height:28px;font-size:16px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} ul.board_list li span{float:left;width:25%;line-height:28px;text-align:right;font-size:14px;color:#999} a.more{position:absolute;right:40px;top:40px;line-height:12px;font-size:12px;color:#fff;padding:8px 14px;background:#666;border-radius:3px;} .contact{position:relative;float:left;width:500px;height:333px;padding:50px;background:#e7e6e5;} .contact_title{position:relative;float:left;width:100%;line-height:40px;font-size:36px;font-weight:600;letter-spacing:-1px;color:#000;margin-bottom:30px;} .contact_title span{float:left;width:100%;line-height:22px;font-size:16px;font-weight:400;letter-spacing:-0.01em;color:#888;margin-top:20px;} a.call_num{display:none;} .cs_num{float:left;width:100%;padding-bottom:30px;border-bottom:2px dashed #bbb;} .cs_num b{float:left;width:100%;line-height:56px;font-size:56px;font-weight:800;color:#fb6e34;padding-left:74px;letter-spacing:-3px;background:url(../img/cs_icon.png) no-repeat 0 50%;background-size:56px;} .cs_text{float:left;width:100%;padding-top:30px;;border-top:2px dashed #fff;} .cs_text p{float:left;width:100%;line-height:30px;font-size:18px;margin-bottom:8px;} .cs_text p span{float:left;width:100px;font-size:16px;text-align:center;background:#999;color:#fff;margin-right:12px;} /*.contact input.ip1{float:left;width:46%;height:52px;line-height:100%;font-size:18px;color:#000;padding-left:2%;margin-right:2%;border:none;background:#fff;} .contact textarea{float:left;width:94%;padding:2%;height:120px;line-height:26px;font-size:18px;color:#000;margin:2% 0 0 0;border:none;background:#fff;} .contact input::placeholder,.contact textarea::placeholder{color:#777 !important;} /* 체크박스, 전문보기 */ /*.coun_check{float:left;width:100%;height:15px;margin:15px 0 25px 0;} .coun_check input{float:left;width:15px;height:15px;line-height:14px;margin-right:8px;} .coun_check span{float:left;font-size:14px;line-height:14px;color:#555;} a.layer_btn{float:left;line-height:14px;font-size:14px;color:#000;margin-left:10px;} button.coun_btn{float:left;width:100%;height:64px;line-height:61px;font-size:26px;font-weight:600;text-align:center;color:#fff;background:#fb6e34;cursor:pointer;border-bottom:4px solid #cd5523;} button:hover.coun_btn{background:#f08052;border-bottom:4px solid #cd6d46;} /* 전문보기 개인정보취급방침 */ /*.layer{display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999999999} .layer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=70);} .layer .pop-layer{display:block;overflow-x:hidden;} .pop-layer{display:none;position:absolute;top:50%;left:50%;width:46%;min-height:300px;background:#fff;border:1px solid #000;} .pop-layer .pop-container{position:relative;float:left;padding:4%;} .assembly_title{position:relative;float:left;width:100%;color:#000;font-size:20px;font-weight:600;} .btn-r{position:absolute;right:0;top:0;width:6%;z-index:100;} a.cbtn{float:left;display:block;width:100%;height:42px;line-height:42px;background:#000;font-size:26px;color:#fff;text-align:center;} .rule_pop{float:left;width:100%;font-size:12px;line-height:16px;color:#777;margin-top:2%;}*/ /* 하단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 카피라이트 */ #footer{position:relative;float:left;width:100%;background:#eee;padding:50px 0;z-index:1000;} .footer_w{position:relative;width:1200px;margin:0 auto;} ul.copy{float:left;width:70%;} ul.copy li{float:left;line-height:100%;font-size:13px;color:#222;font-weight:100;margin:0 12px 8px 0;padding-right:12px;border-right:1px solid #aaa;} ul.copy li:last-child{border:none;} .footer_w p{float:left;width:100%;line-height:100%;font-size:13px;font-weight:100;color:#999;margin-top:4px;} .f_sns{position:absolute;top:0;right:0;} .f_sns ul li{float:left;width:42px;margin-left:10px;} .f_sns ul li a{float:left;width:100%;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;} .f_sns ul li a:hover{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;} .f_sns ul li a img{float:left;width:100%;} /* 서브 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* 서브 뒤 비치는 배경 */ .sub_bg{position:fixed;left:0;top:0;width:2000px;height:1300px;background:url(../img/sub_bg.jpg) no-repeat left -480px;z-index:1;overflow-x:hidden;} #sub_visual{position:relative;float:left;width:100%;height:160px;padding:200px 0 20px 0;background:rgba(51, 16, 0, 0.5);z-index:100;} .s_visual{position:relative;width:1200px;text-align:center;margin:0 auto;} .s_visual h1{float:left;width:100%;line-height:100%;font-size:42px;font-weight:400;color:#fff;margin:0;padding:0;margin-bottom:25px;} .navi{display:inline-block;height:14px;text-align:center;background:url(../img/home1.png) no-repeat;background-size:13px;padding-left:12px;} .navi p{float:left;line-height:100%;font-size:14px;color:#ccc;padding-left:15px;margin-left:15px;background:url(../img/navi_arrow.png) no-repeat left 1px;} #contents{position:relative;float:left;width:100%;background:#fff;z-index:1000;} #page_navi{position:relative;float:left;width:99.8%;height:54px;text-align:center;background:#faf7f4;border:1px solid #ccc;box-shadow:0 3px 3px #e0e0e0;margin-top:-27px;} #page_navi a.icon_home{float:left;width:64px;height:54px;background:url(../img/home2.png) no-repeat center center;text-indent:-999px;border-right:1px solid #ccc;} #page_navi b{float:left;width:220px;line-height:54px;font-size:18px;font-weight:400;color:#000;border-right:1px solid #ccc;} .navi_m{position:relative;float:left;height:54px;width:220px;border-right:1px solid #ccc;} .navi_m p{float:left;width:100%;line-height:54px;font-size:18px;color:#666;} .navi_m p:hover{color:#333;} .navi_m ul{position:absolute;left:-1px;top:54px;width:101%;background:#fb6e34;display:none;z-index:1000;} .navi_m:hover ul{display:block;} .navi_m ul li{float:left;width:100%;} .navi_m ul li a{float:left;width:100%;line-height:40px;font-size:15px;color:#fff;border-top:1px solid #fb946a;} .navi_m ul li a:hover{background:#cf4a13;} .arrow{display:none;} .page{position:relative;float:left;width:100%;margin:60px 0;} /* 서브 타이틀 */ h3.stitle1{position:relative;float:left;width:100%;height:93px;text-align:center;background:url(../img/line.gif) no-repeat center 90px;background-size:60px;margin:60px 0 40px 0;overflow:hidden;} h3.stitle1 span{float:left;width:100%;line-height:100%;font-size:16px;font-weight:300;color:#552c1b;margin-bottom:12px;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;margin-top:15px;} h3.stitle1 b{float:left;width:100%;line-height:100%;font-size:36px;color:#552c1b;} /* 서브 공통 style */ .sub_txt{position:relative;float:left;width:94%;padding:2.6% 3% 3%;background:#f4f1ed;} .sub_txt p{float:left;width:100%;line-height:24px;font-size:18px;font-weight:300;text-align:justify;} img.is_img{float:left;width:30%;vertical-align:top;margin:0 3% 3% 0;} .sub_txt2{position:relative;float:left;width:100%;} .sub_txt2 dl{position:relative;float:left;width:100%;border-top:1px solid #aaa;background:#f9f7f3;} .sub_txt2 dl dt{clear:left;float:left;display:block;width:18%;line-height:100%;font-size:22px;font-weight:500;letter-spacing:-1px;color:#000;padding-left:2.5%} .sub_txt2 dl dd {padding:0 2.5% 0 20.5%;line-height:22px;font-size:16px;font-weight:300;text-align:justify;color:#333;border-bottom:1px solid #aaa;} .sub_txt2 dl dd:after{content: "";display: table;clear: both;} .sub_txt2 dl dt,.sub_txt2 dl dd{padding-top:30px;padding-bottom:30px;} .hashtag{float:left;width:100%;padding-top:8px;margin-top:20px;border-top:1px solid rgba(0, 0, 0, 0.1);} .hashtag small{float:left;line-height:100%;font-size:16px;margin:12px 20px 0 0;color:#a05f1a;} /* 인사말 */ #greeting{position:relative;float:left;width:100%;text-align:center;margin-bottom:100px;} #greeting p{float:left;width:100%;line-height:34px;font-size:22px;color:#666;} #greeting b{float:left;width:100%;line-height:100%;font-size:40px;letter-spacing:-2px;text-align:center;color:#444;margin-bottom:40px;} #greeting b span{color:#fb6e34;} img.gree_img{float:right;width:40%;vertical-align:top;margin:0 0 30px 40px;} /* 인허가증 */ #certification{position:relative;float:left;width:100%;} #certification ul{position:relative;float:left;width:1230px;margin:-15px 0 0 -15px;} #certification ul li{position:relative;float:left;width:380px;margin:15px 15px 40px 15px;} #certification ul li .certi_frame{position:absolute;left:0;top:0;width:380px;height:490px;background:url(../img/certi_frame.png) no-repeat;background-size:100%;z-index:100;} #certification ul li img{float:left;width:360px;margin:10px;} #certification ul li p{float:left;width:100%;line-height:28px;font-size:24px;font-weight:600;letter-spacing:-1px;text-align:center;margin-top:15px;} /* 오시는길 */ h5.ad_title{position:relative;float:left;width:100%;line-height:100%;font-size:30px;text-align:center;} .wrap_controllers{display:none;} .wrap_map{height:480px !important;margin-bottom:-30px;} .address{position:relative;float:left;width:100%;} .address table{float:left;width:100%;background:#fff;border-top:1px solid #ccc;} .address table th{width:16%;background:#f4f4f4;} .address table td{line-height:22px;font-size:16px;color:#333;} .address table th,.address table td{padding:12px 15px;text-align:left;border:1px solid #ccc;} .address table th b{float:left;width:75%;height:20px;line-height:20px;font-size:18px;padding-left:28px;font-weight:400 !important;color:#000;background-size:20px;} .iCon1{background:url(../img/sicon1.png) no-repeat;} .iCon2{background:url(../img/sicon2.png) no-repeat;} .iCon3{background:url(../img/sicon3.png) no-repeat;} .iCon4{background:url(../img/sicon4.png) no-repeat;} .iCon5{background:url(../img/sicon4.png) no-repeat;} /* 하나팜물류 */ .promise{position:relative;float:left;width:100%;} .promise ul{float:left;width:101%;margin:-0.5% 0 0 -0.5%;} .promise ul li{float:left;width:26.333%;height:170px;text-align:center;padding:3%;margin:0.5%;background:#dad0c2;} .promise ul li img{width:100px;} .promise ul li b{float:left;width:100%;line-height:30px;font-size:22px;font-weight:600;letter-spacing:-1px;color:#333;margin-bottom:20px;} .promise ul li b span{float:left;width:100%;line-height:24px;font-size:16px;font-weight:400;color:#666;} .cptns{position:relative;float:left;width:100%;} .cptns ul{position:relative;float:left;width:101%;text-align:center;margin:-0.5% 0 0 -0.5%;} .cptns ul li{float:left;width:20%;height:330px;margin:0.5%;padding:2%;background:#f1ebe3;} .cptns ul li b{float:left;width:100%;line-height:30px;font-size:22px;color:#552c1b;margin:10px 0;} .cptns ul li b span{float:left;font-size:16px;margin-left:6px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;} .cptns ul li p{float:left;width:100%;line-height:22px;font-size:15px;font-weight:300;text-align:center;color:#2f1f00;} /* 시설물안내 */ .cptns2{position:relative;float:left;width:100%;} .cptns2 ul{position:relative;float:left;width:101%;text-align:center;margin:-0.5% 0 0 -0.5%;} .cptns2 ul li{float:left;width:45%;margin:0.5%;padding:2%;background:#f1ebe3;} .cptns2 ul li b{float:left;width:100%;line-height:30px;font-size:22px;color:#552c1b;margin:10px 0;} .cptns2 ul li b span{float:left;font-size:16px;margin-left:6px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;} .cptns2 ul li p{float:left;width:100%;line-height:22px;font-size:15px;font-weight:300;text-align:center;color:#2f1f00;} /*#competitiveness{position:relative;float:left;width:98%;padding:1%;background:#574b3c;margin-top:60px;overflow:hidden;} #competitiveness:before{content:' ';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url(../img/pattern.png) repeat;filter:alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;z-index:0;} .cptns{position:relative;float:left;width:94%;padding:5% 2.9% 2.9%;border:1px solid #fff;} .cptns ul{position:relative;float:left;width:101%;margin:1% 0 0 -0.5%;} .cptns ul li{display:inline-block;width:26%;min-height:180px;vertical-align:top;margin:0.5%;padding:3%;background:#f1ebe3;} .cptns ul li b{float:left;width:100%;line-height:26px;font-size:26px;color:#552c1b;padding:3px 0 0 5px;margin-bottom:10px;background:url(../img/line.gif) no-repeat left top;background-size:15px;} .cptns ul li b span{display:inline-block;font-size:16px;margin-left:6px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;} .cptns ul li p{float:left;width:100%;line-height:22px;font-size:16px;font-weight:300;text-align:justify;color:#2f1f00;}*/ /* 온라인상담 */ .tbl{position:relative;float:left;width:100%;} .tbl table{float:left;width:100%;border-top:3px solid #fb6e34;} .tbl table th{width:15% !important;font-size:18px;font-weight:400;background:#f9f9f9;text-align:left;} .tbl table td span{float:left;height:38px;line-height:38px;font-size:16px;margin:0 10px;color:#000;} .tbl table td .ip01{float:left;width:400px;height:36px;line-height:36px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;margin-right:20px;} .tbl table td .ip02{float:left;width:240px;height:36px;line-height:36px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;} .tbl table td .ip03{float:left;width:80px;height:36px;line-height:36px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;} .tbl table td textarea{float:left;width:98%;height:120px;padding:10px;line-height:22px;font-size:14px;color:#777;border:1px solid #e0e0e0;} .tbl table td select.sct1{float:left;width:90px;height:38px;line-height:38px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;} .tbl table td select.sct2{float:left;width:240px;height:38px;line-height:38px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;} .sct2_1{margin-left:5px} .tbl table th,.tbl table td{padding:15px;border-bottom:1px solid #e0e0e0;} input.tbl_btn{float:left;width:110px;height:38px;line-height:38px;font-size:16px;font-weight:600;cursor:pointer;text-align:center;color:#fff;background:#999;border:none;} input:hover.tbl_btn{background:#777;} /* 라디오버튼 */ ul.tbl_radio{float:left;height:16px;margin:11px 0;} ul.tbl_radio li{float:left;line-height:14px !important;font-size:16px;color:#555;margin-right:30px;} ul.tbl_radio li input.rd_ip{float:left;width:16px;height:16px;line-height:16px;margin:0 5px 0 0;} /* 파일첨부 */ .tbl_file{float:left;width:100%;} input.up_text{float:left;width:300px;height:38px;line-height:38px;padding-left:12px;border:1px solid #ccc;border-right:none;font-size:14px;vertical-align:top;color:#777;} .tbl_file label{float:left;width:100px;height:40px;line-height:40px;font-size:16px;text-align:center;color:#fff !important;background:#999;cursor:pointer;;} .tbl_file label input{display:none;} /* 약관 */ .terms_w{position:relative;float:left;width:96%;height:160px;padding:2%;overflow-x:hidden;overflow-y:scroll;background:#f4f4f4;margin-top:30px;} .terms_title{float:left;width:100%;font-size:22px;font-weight:600;color:#000;} .terms_list dl{float:left;width:100%;padding-top:10px;} .terms_list dl dt{padding-bottom:8px;font-weight:600;font-size:14px;color:#555;} .terms_list dl dd{padding-bottom:5px;font-size:13px;line-height:18px;color:#999;} /* 동의 */ .agree{float:left;width:100%;margin:20px 0;} .agree input{float:left;width:16px;height:16px;line-height:16px;margin-right:8px;} .agree label{float:left;font-size:15px;line-height:16px;} /* 자주묻는질문 */ .accordion{position:relative;float:left;width:100%;} input[id*="answer"]{display:none;} input[id*="answer"] + label{position:relative;display:block;line-height:26px;font-size:18px;font-weight:400;color:#fff;background:#666;padding:22px 3%;border:1px solid #fff;border-bottom:0;cursor:pointer;} input[id*="answer"] + label + div{max-height:0;transition:all .35s;overflow:hidden;background:#eee;font-size:11px;} input[id*="answer"]:checked + label + div{display:table;line-height:26px;font-size:18px;font-weight:300;padding:35px 3%;;} input[id*="answer"] + label i{position:absolute;top:50%;right:2.5%;width:30px;height:30px;margin-top:-15px;display:inline-block;background:url('../img/acc_arrow.png') 0 0 no-repeat;} input[id*="answer"]:checked + label i{background-position:0 -30px;} /* 상세페이지 */ #detail2{position:relative;float:left;width:100%;} .dtl_img2{float:left;width:42%;margin-right:4%;} .dtl_text2{float:left;width:54%;} .dtl_text2 h3{float:left;width:100%;line-height:100%;font-size:32px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #666;} .dtl_text2 dl{float:left;width:100%;} .dtl_text2 dl dt{float:left;width:18%;line-height:24px;font-size:18px;color:#000;padding-left:2%;margin:10px 0;background:url(../img/bullet.gif) no-repeat 0 50%;} .dtl_text2 dl dd{float:left;width:80%;line-height:24px;font-size:18px;color:#999;margin:10px 0;} .dtl_cont2{position:relative;float:left;width:100%;min-height:600px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:60px 0;margin:60px 0;} /* 버튼 */ .btn_w{position:relative;float:left;width:100%;text-align:center;margin:60px 0 0 0;} .btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;} input.btn{display:inline-block;width:20%;height:60px;line-height:100%;font-size:22px;font-weight:600;cursor:pointer;background:#fb6e34;text-align:center;color:#fff;border:2px solid #d5480d;margin:0 2px;} input.btn2{display:inline-block;width:20%;height:60px;line-height:100%;font-size:22px;font-weight:600;cursor:pointer;background:#eee;text-align:center;color:#555;border:2px solid #ccc;margin:0 2px;} input.btn3{display:inline-block;width:20%;height:60px;line-height:100%;font-size:22px;font-weight:600;cursor:pointer;background:#fff;text-align:center;color:#555;border:2px solid #555;margin:0 2px;} input.btn4{display:inline-block;width:20%;height:60px;line-height:100%;font-size:22px;font-weight:600;cursor:pointer;background:#999;text-align:center;color:#fff;border:2px solid #666;margin:0 2px;} /* 게시판 - 리스트 */ .board_w{position:relative;float:left;width:100%;background:#fff;} table.board{position:relative;float:left;width:100%;} table.board th{line-height:50px;font-size:16px;text-align:center;background:#f5f5f5;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} table.board td{line-height:40px;font-size:14px;text-align:center;border-bottom:1px solid #eee;} table.board th.bd_num{width:6%;} table.board th.bd_name,table.board th.bd_date{width:7%;} table.board td.bd_title{text-align:left !important;padding-left:1%;} table.board tr:hover td{background:#fafafa} .board_btm{position:relative;float:left;width:100%;height:34px;margin-top:40px;} .bd_search{float:left;height:34px;}/* 게시판 - 리스트 글 검색 */ .bd_search input.bd_search_bar{float:left;width:200px;height:32px;line-height:32px;font-size:12px;color:#bbb;padding-left:10px;border:1px solid #ccc;background:#fff;border-radius:6px 0 0 6px;} .bd_search input.bd_search_btn{float:left;width:80px;height:34px;line-height:100%;font-size:14px;font-weight:600;color:#fff;border:none;border-radius:0 6px 6px 0;background:#888;margin-left:-1px;} .bd_btn_w{position:absolute;right:0;height:32px;}/* 게시판 - 리스트 하단 버튼 */ .bd_btn_w input:hover{cursor:pointer;filter:alpha(opacity=20);opacity:0.8;-moz-opacity:0.8;} .bd_btn_w input{float:left;width:70px;height:32px;line-height:100%;font-size:12px;text-align:center;color:#555;cursor:pointer;margin-left:3px;border-radius:6px;border:1px solid #ccc;background:url(../img/gradation.png) repeat-x left bottom;} /* 게시판 글 보기 */ #board_Cont{position:relative;float:left;width:100%;} .bdC_top{position:relative;float:left;width:100%;height:40px;} .bdC_top h3{float:left;width:100%;line-height:40px;font-size:20px;} .bdC_top dl{position:absolute;right:0;top:0;height:40px;} .bdC_top dl dt{float:left;line-height:40px;font-size:12px;color:#000;margin-left:25px;} .bdC_top dl dd{float:left;line-height:40px;font-size:12px;color:#888;margin-left:3px;} .bdC_cont{position:relative;float:left;width:100%;min-height:400px;padding:80px 0;margin-top:10px;border-top:2px solid #333;border-bottom:1px solid #333;} .bdC_btn{position:absolute;right:0;top:20px;} .bdC_btn input{float:left;width:58px;height:28px;line-height:100%;font-size:12px;text-align:center;color:#fff;cursor:pointer;margin-left:3px;border-radius:4px;background:#888;} .bdC_reply{position:relative;float:left;width:96%;height:90px;padding:2%;background:#f5f5f5;border-bottom:1px solid #333;} .bdC_reply textarea.reply_box{float:left;width:87.5%;height:68px;padding:10px 0.8%;background:#fff;border:1px solid #aaa;} .bdC_reply input.reply_btn{float:left;width:10%;height:90px;line-height:100%;font-size:16px;text-align:center;color:#fff;cursor:pointer;background:#555;margin-left:0.5%;} .bdC_reply input:hover.reply_btn{background:#000;} ul.bdC_list{position:relative;float:left;width:100%;} ul.bdC_list li{float:left;width:100%;line-height:16px;padding:15px 0;border-bottom:1px solid #e0e0e0;} ul.bdC_list li p{float:left;height:16px;font-size:14px;text-align:center;color:#000;padding:0 20px;margin-right:20px;border-right:1px solid #ccc;} ul.bdC_list li a{float:left;height:16px;font-size:13px;color:#888;} /* 게시판 글 수정/작성 */ .bd_White{position:relative;float:left;width:100%;border-bottom:1px solid #333;} .bd_White table{float:left;width:100%;border-top:2px solid #000;} .bd_White table th{width:15% !important;font-size:16px;font-weight:600;background:#f9f9f9;text-align:left;} .bd_White table td{font-size:13px;} .bd_White table td .ip01{float:left;width:98%;height:38px;line-height:38px;font-size:14px;padding:0 6px;border:1px solid #ccc;} .bd_White table th,.bd_White table td{padding:15px;border-bottom:1px solid #e0e0e0;} input.rd_ip{float:left;width:14px;height:14px;margin:3px 8px 0 0;} .bdW_cont{position:relative;float:left;width:100%;min-height:200px;} .bdW_file{position:relative;float:left;width:96%;min-height:90px;padding:2%;background:#eee;margin-top:40px;} .bd_File{float:left;width:100%;height:22px;padding:5px 0;} .bd_File input{float:left;width:20%;height:22px;vertical-align:bottom;font-size:12px;border:none;} .bd_File span{float:left;line-height:22px;font-size:14px;font-weight:600;margin-right:15px;} .bdW_btn{position:absolute;right:2%;bottom:26px;} .bdW_btn input{float:left;width:68px;height:32px;line-height:100%;font-size:14px;text-align:center;color:#fff;cursor:pointer;margin-left:3px;border-radius:4px;background:#888;} /* 페이징 */ .paging_w{position:relative;float:left;width:100%;height:50px;margin-top:40px;} .paging{text-align:center;height:50px;} .paging ul{display:inline-block;zoom:1;*display:inline;} .paging ul li{float:left;background:#fff;} .paging ul li a{float:left;text-align:center;height:30px;line-height:30px;font-size:14px;padding:0 10px;color:#999;background:url(../img/gradation.png) repeat-x;border:1px solid #e0e0e0;margin-left:-1px;} .paging ul li a.on{color:#fff;background:#000;font-weight:600;border:1px solid #000;} } /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #ifrm { width: 100%; min-height: 300px; overflow: hidden; border: 0; } /*조직도*/ .orga-img img{width:100%; max-width:1200px;} /*인사말*/ /*후원문의*/ .support-img img{width:100%; max-width:1200px;}