/* Written By MJS */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@font-face { font-family: 'NotoSerifKR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff'); font-weight: normal; font-style: normal; }

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{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{background:#fff;font-family:'Noto Sans KR', sans-serif;}





 /* 공통 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;}


#ifrm {
    width: 100% !important;
	position:absolute;left:0;top:200px;
	display: block;
	min-height: 300px;
    overflow: hidden;
    border: 0;
}
/* pc */
@media screen and (min-width:1025px){
	.view-cont  img { max-width:1150px; }
	.ww { width:560px;height:306px; }
	.memofile { max-width:1100px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
	.view-cont  img { width:98%; }
	.ww { width:560px;height:306px; }
	.memofile { max-width:1000px;  width:98%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
	.view-cont img { width:98%; }
	.ww { width:100%;height:300px; }
	.memofile { max-width:760px; width:98%; }
}



/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/






















 /* MOBILE //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:0) and (max-width:767px){
/* 상단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header{position:relative;float:left;width:100%;z-index:100;z-index:10000000000;}
/*#header header{position:relative;float:left;width:100%;height:40px;padding:12px 0;0;background:#2E2E66;}*/
#header header{position:relative;float:left;width:100%;height:40px;padding:12px 0;0;background:#eaeaea;}


/* 로고 */
#logo{float:left;width:100%;height:40px;text-align:center;}
#logo a{display:block;}
#logo a img{height:40px;}


/* 전화걸기 */
a#call{position:absolute;right:16px;top:13px;width:40px;height:40px;background:url(../img/icon_call.png) no-repeat;background-size:40px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;z-index:1000;background-color:#000;}


/* 토글 버튼 */
.menuBtn{position:absolute;left:16px;top:13px;width:40px;height:40px;background:url(../img/icon_menu.png) no-repeat;background-size:38px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;z-index:1000;background-color:#000;}
.menuBtn:focus{outline:none;}


/* 내비게이션 숨기기 */
.menuNav{position:absolute;left:0;top:64px;width:100%;display:none;background:#3b3b82;}
.menuNav ul{float:left;width:100%;}
.menuNav ul li{float:left;width:100%;border-bottom:1px solid #5858a6;}
.menuNav ul li:first{border:none;}
.menuNav ul li a{float:left;width:100%;line-height:40px;font-size:15px;font-weight:600;color:#fff;text-align:center;}
.menuNav ul li ul{display:none;}





/* 메인 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 메인비주얼 */
.slider_w{position:relative;float:left;width:100%;height:260px;background:#eee;overflow:hidden;}
/* 메인비주얼 */
#slideshow-banner{position:relative;float:left;width:100%;height:270px;}
#slideshow-banner ul{position:absolute;top:0;left:50%;width:1024px;margin:0 0 0 -440px;}
#slideshow-banner ul .slideshow-item{position:absolute;}
.arrow_w{position:absolute;left:0;top:50%;width:100%;height:40px;margin:-20px 0 0 0;z-index:10000;}
#controller-left{position:absolute;left:0;width:40px;height:40px;line-height:40px;color:#fff;text-align:center;cursor:pointer;background:rgba(0, 0, 0, 0.8);}
#controller-right{position:absolute;right:0;width:40px;height:40px;line-height:40px;color:#fff;text-align:center;cursor:pointer;background:rgba(0, 0, 0, 0.8); z-index:999;}
#slideshow-controller{display:none;}
.controller-item{display:inline-block;width:20px;height:20px;background:#fff;margin:0 7px;border-radius:20px;opacity:0.7;cursor:pointer;text-align:center;}
.controller-item-hover{opacity:1;background:#00c0ff;transition:transform 2s;}
.slideshow-transform{transform:scale(1.1, 1.1);transition:transform 8s;}
/* 고정멘트 */
.ment_w{position:absolute;top:50%;left:60px;width:100%;height:90px;margin:-45px 0 0 0;z-index:1000;}
.ment{position:relative;float:left;width:100%;}
.ment p{display:inline;width:100%;line-height:30px;font-size:22px;padding:0 10px;;box-shadow:inset 0 -28px 0 #35328f;color:#fff;}
.ment p b{font-size:24px;}

/* 회원리스트 */
#member{position:relative;float:left;width:100%;overflow:hidden;z-index:10000 !important;}
#rolling{position:relative;float:left;width:100%;box-sizing:border-box;padding:30px;background:#6868ac;z-index:999;}
#rolling ul{position:relative;float:left;width:100%;}
#rolling ul li{position:relative;float:left;display:block;width:100% !important;height:320px;box-sizing:border-box !important;padding:70px 5% 5% 5% !important;background:#fff;}
#rolling ul li a{position:relative;float:left;display:block !important;width:98% !important;margin:0 1% !important;z-index:100 !important;}
#rolling ul li a .img-wrapper {position:relative;width:100%;height:160px;overflow:hidden !important;}
#rolling ul li a .img-wrapper img {position:absolute;top:0;left:0;transform:translate(50, 50);width:100%;height:100%;object-fit:cover;margin:auto;}
.owlBtn{position:absolute;left:50%;top:30px;width:81px;height:50px;margin:0 0 0 -40px;z-index:1000}
.owlBtn .customPrevBtn{float:left;display:block;width:40px;height:40px;background:url('../img/arrow_left.gif') no-repeat;border-radius:0 0 0 10px;background-size:100%;}
.owlBtn .customNextBtn{float:left;display:block;width:40px;height:40px;margin-left:1px;background:url('../img/arrow_right.gif') no-repeat;border-radius:0 0 10px 0;background-size:100%;}
.owl-dots{display:none !important;}
/* 마우스오버 이미지 확대 */
#rolling li a:hover .img-wrapper img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
#rolling li b{float:left;width:100%;text-align:center;line-height:100%;font-size:14px;color:#6868ac;margin:0 0 10px 0px !important;}
#rolling li p{position:relative;width:70px;text-align:center;line-height:26px;font-size:12px;padding:0 15px;margin:0 auto;color:#6868ac;border:1px solid #6868ac;background:#fff;}
#rolling li:hover p{color:#fff;border:1px solid #6868ac;background:#6868ac;}


/* 협회소개~회원사업장 */
#bn_3{position:relative;float:left;width:100%;}
.bn1{position:relative;float:left;width:100%;height:200px;padding:6%;box-sizing:border-box;background:#e7e1f5;overflow:hidden;}
.bn2{position:relative;float:left;width:100%;height:200px;padding:6%;box-sizing:border-box;background:#9975c6;overflow:hidden;}
.bn3{position:relative;float:left;width:100%;height:200px;padding:6%;box-sizing:border-box;background:#5b467e;overflow:hidden;}
.bn_txt{position:relative;float:left;width:100%;display:block;text-decoration:none;color:#fff;}
a.bn_txt:hover{text-decoration:none}
.bn_txt h3{position:relative;float:left;width:100%;line-height:30px;font-size:25px;font-weight:800;color:#000;margin:30px 0 10px 0;z-index:10;}
.bn_txt h3 span{display:block;font-size:13px;font-weight:300;opacity:0.5;}
.bn_txt p{position:relative;display:block;line-height:30px;font-size:13px;font-weight:400;color:#000;z-index:10;opacity:0.8;}
.bn_txt_r h3{text-align:right;margin-top:40px;}
.bn_txt_r p{text-align:right;}
.bn_txt .bn_img1{position:absolute;left:-30px;top:-50px;width:130%;height:300px;background:url('../img/bn_img1.jpg') no-repeat;z-index:1;background-size:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
.bn_txt .bn_img2{position:absolute;left:-30px;top:-60px;width:130%;height:300px;background:url('../img/bn_img2.jpg') no-repeat;z-index:1;background-size:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
.bn_txt .bn_img3{position:absolute;left:-30px;top:-60px;width:130%;height:300px;background:url('../img/bn_img3.jpg') no-repeat;z-index:1;background-size:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
.bn_txt:hover .bn_img1,.bn_txt:hover .bn_img2,.bn_txt:hover .bn_img3{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;}


/* 새소식, 자료실 */
#board_2{position:relative;float:left;width:100%;padding:3% 4%;box-sizing:border-box;overflow:hidden;background:rgba(0, 0, 0, 0.6);}
.bd_w{position:relative;float:left;width:100%;}
.bd_title{float:left;width:100%;line-height:26px;font-size:20px;font-weight:800;text-align:center;color:#333;margin-bottom:4%;}
.bd_title span{display:block;font-size:13px;font-weight:400;}
.bd_list{position:relative;float:left;width:100%;padding:8%;box-sizing:border-box;background:#fff;margin:3% 0;}
.bd_list ul{float:left;width:100%;margin-top:10px;}
.bd_list ul li{float:left;width:100%;padding-top:10px;margin-top:10px;border-top:1px solid #ccc;}
.bd_list ul li:first-child{padding-top:0;margin-top:0;border-top:none;}
.bd_list ul li a{float:left;width:100%;line-height:100%;font-size:13px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bd_list ul li a:hover{color:#5198da;}
.bd_list ul li span{float:left;width:100%;line-height:100%;font-size:12px;font-weight:300;color:#999;padding-left:15px;margin-top:8px;box-sizing:border-box;background:url(../img/icon_watch.png) no-repeat 0 1px;background-size:11px;}
a.more{position:absolute;right:0;top:0;width:40px;height:40px;line-height:38px;font-size:30px;text-align:center;color:#fff;background:#9975c6;}
a:hover.more{text-decoration:none;}


/* 지도, 고객센터 */
#map_cs{position:relative;float:left;width:100%;overflow:hidden;z-index:100;}
.main_map{float:left;width:100%;height:320px;background:#fff;}
.main_map iframe{float:left;width:100%;height:420px;}
.wrap_controllers{display:none;}
.wrap_map{width:100% !important;height:420px !important;margin-bottom:-30px;}
.customer{float:left;width:100%;padding:6% 4%;box-sizing:border-box;background:#2E2E66;}
.customer h3{float:left;width:100%;line-height:26px;font-size:22px;font-weight:600;color:#fff;}
.customer h3 span{display:block;font-size:16px;font-weight:300;}
.cs_tel{position:relative;float:left;width:100%;height:50px;margin-top:15px;}
.cs_tel:after {content:"";display:block;width:40px;border-top:2px solid #fff;opacity:0.6;}
.cs_tel a{float:left;width:100%;line-height:40px;padding:15px 0 0 26px;font-size:30px;letter-spacing:-1px;font-weight:1000;color:#fff;box-sizing:border-box;background:url(../img/icon_call2.png) no-repeat left 27px;background-size:17px;}
.cs_tel a:hover{text-decoration:none;}
.customer dl{float:left;width:100%;line-height:20px;margin-top:10px;opacity:0.6;}
.customer dl dt{float:left;width:15%;font-size:13px;color:#fff;}
.customer dl dd{float:left;width:85%;font-size:13px;color:#fff;}


/* 메인 뒷 배경 */
.main_bg{position:fixed;left:0;top:0;width:100%;height:1000px;background:url(../img/main_bg.jpg) repeat-y center top;background-size:120%;z-index:-10;overflow-x:hidden;}





/* 하단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#quick-top{position:fixed;right:4%;bottom:4%;width:40px;height:40px;cursor:pointer;background:url(../img/top.gif) no-repeat;background-size:100%;z-index:1000000;}
/* 카피라이트 */
#footer{position:relative;float:left;width:100%;background:#ddd;padding:6% 4%;box-sizing:border-box;}
#footer h3{float:left;width:100%;font-size:14px;color:#000;}
ul.copy{float:left;margin:3% 0;margin-left:-10px;}
ul.copy li{float:left;line-height:100%;font-size:12px;text-align:center;color:#999;margin:2px 0;padding:0 10px;border-right:1px solid #aaa;}
ul.copy li:last-child{border-right:none;}
#footer p{float:left;width:100%;line-height:15px;font-size:11px;color:#777;}





/* 서브 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#sub_visual{position:relative;float:left;width:100%;height:120px;background:rgba(0, 0, 0, 0.5);}
.sv_bg{position:fixed;left:0;top:-100px;width:100%;height:400px;background:url(../img/sub_bg.jpg) no-repeat center center;background-size:100%;z-index:-1;}
.sv_txt{float:left;width:100%;height:120px;line-height:120px;font-size:26px;text-align:center;color:#fff;}


#contents{position:relative;float:left;width:100%;background:#fff;}
.contents{position:relative;float:left;width:100%;}
.sub_tab{position:relative;float:left;width:100%;height:38px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.sub_tab ul{text-align:center;margin-left:-20px;}
.sub_tab ul li{display:inline-block;}
.sub_tab ul li a{float:left;width:100%;height:38px;line-height:38px;font-size:14px;letter-spacing:-0.07em;color:#666;padding:0 10px;}
.sub_tab ul li a.on{height:36px;font-weight:600;color:#9975c6;border-bottom:3px solid #9975c6;}


.page{position:relative;float:left;width:92%;padding:60px 4%;min-height:400px;height:auto;}
.sub_title{position:relative;float:left;width:100%;line-height:100%;font-size:26px;font-weight:600;color:#000;text-align:center;margin-bottom:8%;}
.sub_title2{position:relative;float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;color:#9975c6;text-align:center;margin-bottom:6%;}
.sub_title2:after{content:"";display:block;width:30px;border-top:2px solid #9975c6;margin:15px auto;opacity:0.6;}


/* 서브 공통 style */
.sub_table{position:relative;float:left;width:100%;overflow:auto;z-index:100;}
.sub_table table{float:left;width:100.5%;}
.sub_table table.stbl{float:left;width:800px;}
.sub_table table th,.sub_table table td{text-align:center;line-height:18px;padding:1%;border:1px solid #ccc;border-left:none}
.sub_table table th{font-size:13px;color:#fff;border:none;border-bottom:2px solid #5b467e;background:#9975c6;}
.sub_table table th.sth{width:60px !important;}
.sub_table table td{font-size:12px;font-weight:300;color:#333;}
.sub_table ul{float:left;margin-left:10px;}
.sub_table ul li{display:block;text-align:left;line-height:18px;font-size:12px;font-weight:300;color:#333;margin:3px 0;padding-left:5px;box-sizing:border-box;background:url(../img/bullet.png) no-repeat 0 50%;background-size:3px;}


/* 로고 배경 */
.bg_logo{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;background:url(../img/logo_bg3.png) no-repeat center center;background-size:cover;opacity:0.05;z-index:1;}


/* 협회소개 */
#about{position:relative;float:left;width:100%;overflow:hidden;}
#about h3{float:left;width:100%;line-height:24px;font-weight:200;font-size:14px;text-align:center;color:#555;}
#about h3 span{font-size:18px;font-weight:500;}

.about_bs{float:left;width:100%;margin-top:8%;}
.about_bs ul{float:left;width:100%;text-align:center;margin-left:11px;}
.about_bs ul li{float:left;width:35.3%;height:130px;padding:25px;margin:0 -2% -4% -2%;box-sizing:border-box;border-radius:100%;background:#9975c6;opacity:0.8;}
.about_bs ul li p{float:left;width:100%;line-height:100%;font-size:18px;font-weight:600;color:#fff;margin-top:5px;}
.about_bs ul li.cc1 i{display:inline-block;width:40px;height:40px;background:url(../img/cmt_icon1.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc2 i{display:inline-block;width:40px;height:40px;background:url(../img/cmt_icon2.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc3 i{display:inline-block;width:40px;height:40px;background:url(../img/cmt_icon3.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc4 i{display:inline-block;width:40px;height:40px;background:url(../img/cmt_icon4.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc5 i{display:inline-block;width:40px;height:40px;background:url(../img/cmt_icon5.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc6 i{display:inline-block;width:40px;height:40px;background:url(../img/cmt_icon6.png) no-repeat center center;background-size:100%;}

.about_list{float:left;width:100%;margin-top:8%;}
.about_list ul{float:left;width:101%;margin:-0.5% 0 0 -0.5%;}
.about_list ul li{float:left;width:49%;margin:0.5%;}
.about_list ul li img{float:left;width:100%;}


/* 설립목적&비전 */
.busi_box{position:relative;float:left;width:100%;padding:5%;box-sizing:border-box;background:#2E2E66;border:5px solid #4b4b94;margin-bottom:8%;}
.busi_box p{float:left;width:100%;line-height:26px;font-size:15px;font-weight:200;word-break:keep-all;text-align:center;color:#d2b28c;}

.img_txt{position:relative;float:left;width:100%;overflow:hidden;}
.img_txt_left{position:relative;float:left;width:100%;height:240px;background:#999;overflow:hidden;}
.img_txt_right{position:relative;float:right;width:100%;height:240px;background:#999;overflow:hidden;}
.img_txt_w{float:left;width:100%;box-sizing:border-box;padding:5% 4%;text-align:center;}
.img_txt_w h3{float:left;width:100%;color:#000;line-height:100%;font-size:16px;text-align:center;margin-bottom:4%;}
.img_txt_w p{float:left;width:100%;line-height:18px;font-size:12px;text-align:center;color:#888;}


/* 찾아오시는길 */
iframe.sub_map{position:relative;float:left;width:100%;height:260px !important;}
.adr_txt{float:left;width:100%;margin-top:5%;}
.adr_txt dl{float:left;width:100%;line-height:24px;}
.adr_txt dt{float:left;width:10%;font-size:14px;font-weight:600;color:#5b467e;}
.adr_txt dd{float:left;width:90%;font-size:13px;color:#666;}


/* 회원사업장 */
.sub_search{position:relative;float:left;width:100%;background:#9975c6;padding:5%;box-sizing:border-box;margin-bottom:8%;}
.sub_search h3{float:left;width:20%;line-height:32px;font-size:14px;color:#fff;}
.sub_search input.ip01{float:left;width:100%;height:32px;line-height:36px;font-size:13px;padding:0 6px;box-sizing:border-box;color:#777;margin-right:20px;border:none;margin:8px 0;}
.sub_search button{float:left;width:100%;height:50px;line-height:48px;font-size:18px;text-align:center;color:#fff;background:#5b467e;border:none;}
.sub_search select{float:left;width:80%;height:32px;line-height:32px;font-size:13px;padding:0 6px;box-sizing:border-box;color:#777;border:none;}

.gallery_list{position:relative;float:left;width:100%;}
.gallery_list ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
.gallery_list ul li{position:relative;float:left;width:48%;height:280px;;margin:1%;}
.gallery_list ul li a{position:relative;float:left;width:100%;height:140px;text-align:center;background:#f9f9f9;overflow:hidden;}
.gallery_list ul li a .img-wrapper {position:relative;width:100%;height:140px;}
.gallery_list ul li a .img-wrapper img {position:absolute;top:0;left:0;transform:translate(50, 50);width:100%;height:100%;object-fit:cover;margin:auto;}
/* 마우스오버 이미지 확대 */
.gallery_list ul li a:hover .img-wrapper img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}

.gallery_list dl{float:left;width:100%;font-size:12px;margin-top:20px;}
.gallery_list dl dt{float:left;width:28%;line-height:18px;margin-bottom:3px;font-weight:500;padding-left:7px;box-sizing:border-box;background:url(../img/bullet.png) no-repeat 0 50%;background-size:2px;}
.gallery_list dl dd{float:left;width:72%;line-height:18px;margin-bottom:3px;font-weight:200;}


#ifrm {
    width: 92% !important;
	position:absolute;left:4%;top:120px;
	display: block;
	min-height: 300px;
    overflow: hidden;
    border: 0;
}

/* 후원안내 */
#support{position:relative;float:left;width:100%;background:#f0e2f2;padding:8%;box-sizing:border-box;margin-bottom:90px;}
#support:after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url(../img/support_bg.png) no-repeat 50% 120px;background-size:80%;}

#support h3{float:left;width:100%;line-height:100%;text-align:center;font-size:20px;letter-spacing:-1px;font-weight:600;color:#5b467e;}
#support p{float:left;width:100%;line-height:20px;text-align:center;font-size:13px;color:#5b467e;margin:4% 0 150px 0;}
.sp_bank{float:left;width:100%;margin-bottom:2%;background:#fff;text-align:center;padding:6% 4%;box-sizing:border-box;}
.sp_bank b{float:left;width:100%;line-height:100%;font-size:22px;padding-top:24px;background:url(../img/logo_bank.png) no-repeat center top;background-size:100px;}
.sp_cs{float:left;width:100%;padding:6% 4%;text-align:center;background:#fff;box-sizing:border-box;}
.sp_cs a{float:left;width:100%;line-height:100%;font-size:30px;font-weight:1000;color:#9975c6;}
.sp_bank h5,.sp_cs h5{display:inline-block;line-height:31px;font-size:14px;padding:0 30px;font-weight:600;color:#fff;background:#9975c6;border-radius:50px;margin:0 0 4% 0;}
.sp_bank span,.sp_cs span{float:left;width:100%;line-height:18px;font-size:12px;color:#555;margin-top:4%;;}


/* 상세페이지 */
#detail{position:relative;float:left;width:100%;}
.dtl_text{float:left;width:100%;}
.dtl_text h3{float:left;width:100%;line-height:100%;font-size:20px;font-weight:600;text-align:center;padding-bottom:20px;border-bottom:2px solid #666;}
.dtl_text table{float:left;width:100%;}
.dtl_text table th{width:20%;font-weight:600;color:#000;background:#f8f8f8;}
.dtl_text table td{color:#999;}
.dtl_text table th,.dtl_text table td{border:1px solid #ccc;line-height:20px;font-size:13px;padding:1%;}
.dtl_cont{position:relative;float:left;width:100%;min-height:300px;border-bottom:1px solid #ccc;padding:8% 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:120px;height:42px;line-height:100%;font-size:14px;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:120px;height:42px;line-height:100%;font-size:14px;cursor:pointer;background:url(../img/gradation.png) repeat-x left bottom;text-align:center;color:#555;border:1px solid #ccc;margin-left:5px;}
input.dtl_btn3{position:absolute;right:0;top:0;width:120px;height:42px;line-height:100%;font-size:14px;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:125px;top:0;width:120px;height:42px;line-height:100%;font-size:14px;cursor:pointer;font-weight:600;background:#333;text-align:center;color:#fff;border:none;}







/* 온라인상담 */
.tbl{position:relative;float:left;width:100%;}
.tbl table{float:left;width:100%;border-top:2px solid #000;}
.tbl table th{width:24% !important;font-size:13px;font-weight:600;background:#f9f9f9;text-align:left;}
.tbl table td span{float:left;height:30px;line-height:30px;font-size:12px;margin:0 10px;color:#000;}
.tbl table td .ip01{float:left;width:94%;height:28px;line-height:28px;font-size:12px;padding:0 6px;color:#777;border:1px solid #e0e0e0;margin-right:20px;}
.tbl table td .ip02{float:left;width:22%;height:28px;line-height:28px;font-size:12px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table td .ip03{float:left;width:16%;height:28px;line-height:28px;font-size:12px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table td textarea{float:left;width:98%;height:80px;padding:1%;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 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table td select.sct2{float:left;width:32%;height:30px;line-height:30px;font-size:12px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table th,.tbl table td{padding:2%;border-bottom:1px solid #e0e0e0;}
input.tbl_btn{float:left;height:30px;line-height:30px;font-size:14px;font-weight:600;padding:0 2%;cursor:pointer;text-align:center;color:#fff;background:#999;border:none;}
input:hover.tbl_btn{background:#777;}
.ip01_1{margin-bottom:3px;}
.ip02_1{width:60% !important;}
.ip03_1{width:38% !important;}
.sct2_1{width:50% !important;}
.sct1_1{width:98% !important;margin:3px 0 0 0 !important;}

/* 첨부파일 */
.input-file{display:inline-block;}
.input-file [type="file"]{position:absolute;width:0;height:0;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0 none;}
.input-file .file-label{float:left;display:inline-block;height:30px;line-height:30px;font-size:12px;text-align:center;padding:0 5%;margin-left:-1px;background:#999;color:#fff;}
.input-file .file-name{float:left;width:260px;height:28px;line-height:28px;border:1px solid #e0e0e0;background:#fff;}
.file-focus{outline:1px dotted #d2310e;}
/* 체크 */
ul.tbl_radio{float:left;}
ul.tbl_radio li{float:left;line-height:13px !important;font-size:12px;color:#555;margin:0.5% 6% 0.5% 0;}
ul.tbl_radio li input.rd_ip{float:left;width:13px;height:13px;line-height:13px;margin:0 3px 0 0;}


/* 약관 */
.terms_w{position:relative;float:left;width:92%;height:100px;padding:4%;overflow-x:hidden;overflow-y:scroll;background:#f4f4f4;margin-top:30px;}
.terms_title{float:left;width:100%;font-size:16px;font-weight:600;color:#000;margin-bottom:10px;}
.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:13px;line-height:18px;color:#999;}
/* 동의 */
.agree{float:left;width:100%;margin:20px 0;}
.agree input{float:left;width:14px;height:14px;line-height:14px;margin-right:5px;}
.agree label{float:left;font-size:14px;line-height:14px;}


/* 버튼 */
.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:42%;height:44px;line-height:100%;font-size:18px;font-weight:600;cursor:pointer;background:#444;text-align:center;color:#fff;border:2px solid #000;margin:0 2px;}
input.btn2{display:inline-block;width:42%;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:42%;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:42%;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;}


/* 페이징 */
.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:767px) and (max-width:1024px){
/* 상단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header{position:relative;float:left;width:100%;}
/*#header header{position:relative;float:left;width:100%;height:60px;padding:20px 0;background:#2E2E66;}*/
#header header{position:relative;float:left;width:100%;height:60px;padding:20px 0;background:#eaeaea;}


/* 로고 */
#logo{float:left;width:100%;height:60px;text-align:center;}
#logo a{display:block;}
#logo a img{height:60px;}

/* 전화걸기 */
a#call{position:absolute;right:15px;top:10px;width:80px;height:80px;background:url(../img/icon_call.png) no-repeat;background-size:80px;z-index:1000;background-color:#000;}


/* 토글 버튼 */
.menuBtn{position:absolute;left:15px;top:10px;width:80px;height:80px;background:url(../img/icon_menu.png) no-repeat;background-size:80px;z-index:1000;background-color:#000;}
.menuBtn:focus{outline:none;}


/* 내비게이션 숨기기 */
.menuNav{position:fixed;left:0;top:100px;width:100%;display:none;background:#3b3b82;z-index:10000000000;}
.menuNav ul{float:left;width:100%;}
.menuNav ul li{float:left;width:100%;border-top:1px solid #5858a6;}
.menuNav ul li:first{border:none;}
.menuNav ul li a{float:left;width:100%;line-height:60px;font-size:18px;font-weight:600;color:#fff;text-align:center;}
.menuNav ul li ul{display:none;}





/* 메인 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 메인비주얼 */
.slider_w{position:relative;float:left;width:100%;height:500px;background:#eee;overflow:hidden;}
/* 메인비주얼 */
#slideshow-banner{position:relative;float:left;width:100%;height:600px;}
#slideshow-banner ul{position:absolute;top:0;left:50%;width:2000px;margin:0 0 0 -800px;}
#slideshow-banner ul .slideshow-item{position:absolute;}
.arrow_w{position:absolute;left:0;top:36%;width:100%;height:60px;z-index:10000;}
#controller-left{position:absolute;left:0;width:60px;height:60px;line-height:60px;font-size:30px;letter-spacing:10px;color:#fff;text-align:center;cursor:pointer;background:rgba(0, 0, 0, 0.8);}
#controller-right{position:absolute;right:0;width:60px;height:60px;line-height:60px;font-size:30px;letter-spacing:-10px;color:#fff;text-align:center;cursor:pointer;background:rgba(0, 0, 0, 0.8);}
.arrow_w div:hover{background:#00a7a5 !important;}
#slideshow-controller{display:none;}
.controller-item{display:inline-block;width:20px;height:20px;background:#fff;margin:0 7px;border-radius:20px;opacity:0.7;cursor:pointer;text-align:center;}
.controller-item-hover{opacity:1;background:#00c0ff;transition:transform 2s;}
.slideshow-transform{transform:scale(1.1, 1.1);transition:transform 8s;}
/* 고정멘트 */
.ment_w{position:absolute;top:50%;left:110px;width:100%;height:180px;margin:-150px 0 0 0;z-index:1000;}
.ment{position:relative;float:left;width:100%;}
.ment p{display:inline;width:100%;line-height:60px;font-size:36px;padding:0 10px;;box-shadow:inset 0 -52px 0 #35328f;color:#fff;}
.ment p b{font-size:42px;}

	@media screen and (min-width:1024px) and (max-width:1025px){
		.slider_w,#slideshow-banner{background:gold;height:700px;}
		#slideshow-banner ul{width:2250px;margin:0 0 0 -970px;}
		.slideshow-item img{position:relative;float:left;width:100%;height:700px;}
		.ment_w{left:150px;width:100%;height:180px;margin:-100px 0 0 0;}
	}


/* 회원리스트 */
#member{position:relative;float:left;width:100%;overflow:hidden;z-index:10000 !important;}
#rolling{position:relative;float:left;width:100%;box-sizing:border-box;padding:50px;background:#6868ac;z-index:999;}
#rolling ul{position:relative;float:left;width:100%;}
#rolling ul li{position:relative;float:left;display:block;width:100% !important;height:310px;padding-top:80px;background:#fff;}
#rolling ul li a{position:relative;float:left;display:block !important;width:100% !important;z-index:100 !important;}
#rolling ul li a .img-wrapper {position:relative;width:100%;height:180px;overflow:hidden !important;}
#rolling ul li a .img-wrapper img {position:absolute;top:0;left:0;transform:translate(50, 50);width:100%;height:100%;object-fit:cover;margin:auto;}
.owlBtn{position:absolute;left:50%;top:50px;width:101px;height:50px;margin:0 0 0 -50px;z-index:1000}
.owlBtn .customPrevBtn{float:left;display:block;width:50px;height:50px;background:url('../img/arrow_left.gif') no-repeat;border-radius:0 0 0 10px;}
.owlBtn .customNextBtn{float:left;display:block;width:50px;height:50px;margin-left:1px;background:url('../img/arrow_right.gif') no-repeat;border-radius:0 0 10px 0;}
.owl-dots{display:none !important;}
/* 마우스오버 이미지 확대 */
#rolling li a:hover .img-wrapper img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
#rolling li b{float:left;width:100%;text-align:center;line-height:100%;font-size:20px;color:#6868ac;margin:0 0 10px 0 !important;}
#rolling li p{position:relative;width:100px;text-align:center;line-height:34px;font-size:15px;padding:0 20px;margin:20px auto;color:#6868ac;border:1px solid #6868ac;background:#fff;}
#rolling li:hover p{color:#fff;border:1px solid #6868ac;background:#6868ac;}

	@media screen and (min-width:1024px) and (max-width:1025px){
		#rolling ul li{height:380px;}
		#rolling ul li a .img-wrapper {height:240px;}
	}



/* 협회소개~회원사업장 */
#bn_3{position:relative;float:left;width:100%;}
.bn1{position:relative;float:left;width:100%;height:400px;padding:60px 50px;box-sizing:border-box;background:#e7e1f5;overflow:hidden;}
.bn2{position:relative;float:left;width:100%;height:300px;padding:60px 50px;box-sizing:border-box;background:#9975c6;overflow:hidden;}
.bn3{position:relative;float:left;width:100%;height:300px;padding:60px 50px;box-sizing:border-box;background:#5b467e;overflow:hidden;}
.bn_txt{position:relative;float:left;width:100%;display:block;text-decoration:none;color:#fff;}
a.bn_txt:hover{text-decoration:none}
.bn_txt h3{position:relative;float:left;width:100%;line-height:50px;font-size:50px;font-weight:800;color:#000;margin-bottom:30px;z-index:10;}
.bn_txt h3 span{display:block;font-size:22px;font-weight:300;opacity:0.5;}
.bn_txt p{position:relative;display:block;line-height:30px;font-size:22px;font-weight:400;color:#000;z-index:10;opacity:0.8;}
.bn_txt_r h3{text-align:right;margin-top:110px;}
.bn_txt_r p{text-align:right;}
.bn_txt .bn_img1{position:absolute;left:-70px;top:-60px;width:130%;height:400px;background:url('../img/bn_img1.jpg') no-repeat;z-index:1;background-size:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
.bn_txt .bn_img2{position:absolute;left:-70px;top:-60px;width:130%;height:400px;background:url('../img/bn_img2.jpg') no-repeat;z-index:1;background-size:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
.bn_txt .bn_img3{position:absolute;left:-70px;top:-60px;width:130%;height:400px;background:url('../img/bn_img3.jpg') no-repeat 0 -120px;;z-index:1;background-size:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
.bn_txt:hover .bn_img1,.bn_txt:hover .bn_img2,.bn_txt:hover .bn_img3{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;}


/* 새소식, 자료실 */
#board_2{position:relative;float:left;width:100%;padding:30px 50px 50px 50px;box-sizing:border-box;overflow:hidden;background:rgba(0, 0, 0, 0.6);}
.bd_w{position:relative;float:left;width:100%;}
.bd_title{float:left;width:100%;line-height:40px;font-size:40px;font-weight:800;text-align:center;color:#333;margin-bottom:30px;}
.bd_title span{display:block;font-size:22px;font-weight:400;}
.bd_list{position:relative;float:left;width:100%;padding:40px;box-sizing:border-box;background:#fff;margin-top:20px;}
.bd_list ul{float:left;width:100%;margin-top:10px;}
.bd_list ul li{float:left;width:100%;padding-top:20px;margin-top:20px;border-top:1px solid #ccc;}
.bd_list ul li:first-child{padding-top:0;margin-top:0;border-top:none;}
.bd_list ul li a{float:left;width:100%;line-height:100%;font-size:18px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bd_list ul li a:hover{color:#5198da;}
.bd_list ul li span{float:left;width:100%;line-height:100%;font-size:14px;font-weight:300;color:#999;padding-left:18px;margin-top:15px;box-sizing:border-box;background:url(../img/icon_watch.png) no-repeat 0 1px;background-size:13px;}
a.more{position:absolute;right:0;top:0;width:50px;height:50px;line-height:48px;font-size:42px;text-align:center;color:#fff;background:#9975c6;}
a:hover.more{text-decoration:none;}


/* 지도, 고객센터 */
#map_cs{position:relative;float:left;width:100%;overflow:hidden;z-index:100;}
.main_map{float:left;width:100%;height:420px;background:#fff;}
.main_map iframe{float:left;width:100%;height:420px;}
.wrap_controllers{display:none;}
.wrap_map{width:100% !important;height:420px !important;margin-bottom:-30px;}
.customer{float:left;width:100%;height:420px;padding:70px;box-sizing:border-box;background:#2E2E66;}
.customer h3{float:left;width:100%;line-height:46px;font-size:44px;font-weight:600;color:#fff;}
.customer h3 span{display:block;font-size:20px;font-weight:300;}
.cs_tel{position:relative;float:left;width:100%;height:70px;margin-top:30px;}
.cs_tel:after {content:"";display:block;width:50px;border-top:2px solid #fff;opacity:0.6;}
.cs_tel a{float:left;width:100%;line-height:40px;padding:30px 0 0 36px;font-size:40px;letter-spacing:-1px;font-weight:1000;color:#fff;box-sizing:border-box;background:url(../img/icon_call2.png) no-repeat left 38px;background-size:22px;}
.cs_tel a:hover{text-decoration:none;}
.customer dl{float:left;width:100%;line-height:30px;margin-top:20px;opacity:0.6;}
.customer dl dt{float:left;width:10%;color:#fff;}
.customer dl dd{float:left;width:90%;color:#fff;}


/* 메인 뒷 배경 */
.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:-10;overflow-x:hidden;}





/* 하단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#quick-top{position:fixed;right:30px;bottom:30px;width:50px;height:50px;cursor:pointer;background:url(../img/top.gif) no-repeat;z-index:1000000;}
/* 카피라이트 */
#footer{position:relative;float:left;width:100%;background:#ddd;padding:50px;box-sizing:border-box;}
#footer h3{float:left;width:100%;color:#000;}
ul.copy{float:left;margin:15px 0;margin-left:-10px;}
ul.copy li{float:left;line-height:100%;font-size:13px;text-align:center;color:#999;margin:5px 0;padding:0 10px;border-right:1px solid #aaa;}
ul.copy li:last-child{border-right:none;}
#footer p{float:left;width:100%;line-height:100%;font-size:12px;color:#777;}





/* 서브 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#sub_visual{position:relative;float:left;width:100%;height:240px;background:rgba(0, 0, 0, 0.5);}
.sv_bg{position:fixed;left:0;top:-100px;width:100%;height:1300px;background:url(../img/sub_bg.jpg) no-repeat center center;z-index:-1;}
.sv_txt{float:left;width:100%;height:240px;line-height:240px;font-size:40px;text-align:center;color:#fff;}


#contents{position:relative;float:left;width:100%;background:#fff;}
.contents{position:relative;float:left;width:100%;}
.sub_tab{position:relative;float:left;width:100%;height:48px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.sub_tab ul{text-align:center;}
.sub_tab ul li{display:inline-block;}
.sub_tab ul li a{float:left;width:150px;height:48px;line-height:48px;font-size:16px;letter-spacing:-1px;color:#666;}
.sub_tab ul li a.on{height:46px;font-weight:600;color:#9975c6;border-bottom:3px solid #9975c6;}


.page{position:relative;float:left;width:100%;padding:80px 50px;box-sizing:border-box;min-height:700px;}
.sub_title{position:relative;float:left;width:100%;line-height:100%;font-size:36px;font-weight:600;color:#000;text-align:center;margin-bottom:50px;}
.sub_title2{position:relative;float:left;width:100%;line-height:100%;font-size:36px;font-weight:600;color:#9975c6;text-align:center;margin-bottom:30px;}
.sub_title2:after{content:"";display:block;width:50px;border-top:4px solid #9975c6;margin:20px auto;opacity:0.6;}


/* 서브 공통 style */
.sub_table{position:relative;float:left;width:100%;overflow:hidden;z-index:100;}
.sub_table table{float:left;width:100.3%;}
.sub_table table th,.sub_table table td{text-align:center;line-height:24px;padding:10px;border:1px solid #ccc;border-left:none}
.sub_table table th{font-size:18px;color:#fff;border:none;border-bottom:4px solid #5b467e;background:#9975c6;}
.sub_table table td{font-size:15px;font-weight:300;color:#333;}
.sub_table ul{float:left;margin-left:10px;}
.sub_table ul li{display:block;text-align:left;line-height:22px;font-size:15px;font-weight:300;color:#333;margin:7px 0;padding-left:8px;box-sizing:border-box;background:url(../img/bullet.png) no-repeat 0 50%;background-size:4px;}


/* 로고 배경 */
.bg_logo{position:absolute;left:50%;top:50%;width:500px;height:500px;margin:-250px 0 0 -250px;background:url(../img/logo_bg.png) no-repeat center center;background-size:cover;opacity:0.05;z-index:1;}


/* 협회소개 */
#about{position:relative;float:left;width:100%;overflow:hidden;}
#about h3{float:left;width:100%;line-height:54px;font-weight:200;font-size:26px;text-align:center;color:#555;}
#about h3 span{font-size:38px;font-weight:500;}

.about_bs{float:left;width:100%;margin-top:60px;}
.about_bs ul{float:left;width:100%;text-align:center;margin-left:15px;}
.about_bs ul li{float:left;width:35.3%;height:230px;padding:45px;margin:0 -2% -4% -2%;box-sizing:border-box;border-radius:100%;background:#9975c6;opacity:0.8;}
.about_bs ul li p{float:left;width:100%;line-height:100%;font-size:30px;font-weight:600;color:#fff;margin-top:10px;}
.about_bs ul li.cc1 i{display:inline-block;width:70px;height:70px;background:url(../img/cmt_icon1.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc2 i{display:inline-block;width:70px;height:70px;background:url(../img/cmt_icon2.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc3 i{display:inline-block;width:70px;height:70px;background:url(../img/cmt_icon3.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc4 i{display:inline-block;width:70px;height:70px;background:url(../img/cmt_icon4.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc5 i{display:inline-block;width:70px;height:70px;background:url(../img/cmt_icon5.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc6 i{display:inline-block;width:70px;height:70px;background:url(../img/cmt_icon6.png) no-repeat center center;background-size:100%;}

.about_list{float:left;width:100%;margin-top:90px;}
.about_list ul{float:left;width:101%;margin:-0.5% 0 0 -0.5%;}
.about_list ul li{float:left;width:49%;margin:0.5%;}
.about_list ul li img{float:left;width:100%;}

	@media screen and (min-width:1024px) and (max-width:1025px){
		.about_bs ul li{width:35.3%;padding:70px 0;height:300px;margin:0 -2% -4% -1.2%;}
		.about_bs ul li.cc1 i,.about_bs ul li.cc2 i,.about_bs ul li.cc3 i,.about_bs ul li.cc4 i,.about_bs ul li.cc5 i,.about_bs ul li.cc6 i{width:90px;height:90px;}
		.about_bs ul li p{font-size:34px;}
	}


/* 설립목적&비전 */
.busi_box{position:relative;float:left;width:100%;padding:5% 11%;box-sizing:border-box;background:#2E2E66;border:10px solid #4b4b94;margin-bottom:60px;}
.busi_box p{float:left;width:100%;line-height:40px;font-size:26px;font-weight:200;text-align:center;color:#d2b28c;}

.img_txt{position:relative;float:left;width:100%;height:220px;overflow:hidden;}
.img_txt_left{float:left;width:50%;height:220px;background:#999;}
.img_txt_right{float:right;width:50%;height:220px;background:#999;}
.img_txt_w{float:left;width:50%;box-sizing:border-box;padding:5%;text-align:center;}
.img_txt_w h3{float:left;width:100%;color:#000;line-height:100%;font-size:26px;text-align:center;margin-bottom:20px;}
.img_txt_w p{float:left;width:100%;line-height:22px;font-size:16px;text-align:center;color:#888;}

	@media screen and (min-width:1024px) and (max-width:1025px){
		.img_txt,.img_txt_left,.img_txt_right{height:300px;}
		.img_txt_w h3{font-size:32px;margin-bottom:30px;}
		.img_txt_w p{line-height:26px;font-size:20px;}
	}


/* 찾아오시는길 */
iframe.sub_map{position:relative;float:left;width:100%;height:400px !important;}
.adr_txt{float:left;width:100%;margin-top:30px;}
.adr_txt dl{float:left;width:100%;line-height:34px;}
.adr_txt dt{float:left;width:10%;font-size:20px;font-weight:600;color:#5b467e;}
.adr_txt dd{float:left;width:90%;font-size:18px;color:#666;}

	@media screen and (min-width:1024px) and (max-width:1025px){
		iframe.sub_map{height:460px !important;}
	}


/* 회원사업장 */
.sub_search{position:relative;float:left;width:100%;background:#9975c6;padding:5%;box-sizing:border-box;margin-bottom:90px;}
.sub_search h3{float:left;width:15%;line-height:40px;font-size:18px;color:#fff;}
.sub_search input.ip01{float:left;width:100%;height:40px;line-height:36px;font-size:16px;padding:0 12px;box-sizing:border-box;color:#777;margin-right:20px;border:none;margin:8px 0;}
.sub_search button{float:left;width:100%;height:40px;line-height:36px;font-size:18px;text-align:center;color:#fff;background:#5b467e;border:none;}
.sub_search select{float:left;width:85%;height:40px;line-height:40px;font-size:16px;padding:0 1%;box-sizing:border-box;color:#777;border:none;}

.gallery_list{position:relative;float:left;width:100%;}
.gallery_list ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
.gallery_list ul li{position:relative;float:left;width:48%;height:420px;;margin:1%;}
.gallery_list ul li a{position:relative;float:left;width:100%;height:240px;text-align:center;background:#f9f9f9;overflow:hidden;}
.gallery_list ul li a .img-wrapper {position:relative;width:100%;height:240px;}
.gallery_list ul li a .img-wrapper img {position:absolute;top:0;left:0;transform:translate(50, 50);width:100%;height:100%;object-fit:cover;margin:auto;}
/* 마우스오버 이미지 확대 */
.gallery_list ul li a:hover .img-wrapper img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}

.gallery_list dl{float:left;width:100%;font-size:16px;margin-top:20px;}
.gallery_list dl dt{float:left;width:17%;margin-bottom:5px;font-weight:500;padding-left:10px;box-sizing:border-box;background:url(../img/bullet.png) no-repeat 0 50%;background-size:3px;}
.gallery_list dl dd{float:left;width:83%;margin-bottom:5px;font-weight:200;line-height:26px;}

	@media screen and (min-width:1024px) and (max-width:1025px){
		.gallery_list ul li{width:31.3%;}
		.gallery_list ul li{height:420px;}
		.gallery_list ul li a,.gallery_list ul li a .img-wrapper{height:220px;}
		.gallery_list dl dt{width:22%;}
		.gallery_list dl dd{width:78%;}
	}


#ifrm {
    width: 92% !important;
	position:absolute;left:4%;top:160px;
	display: block;
	min-height: 300px;
    overflow: hidden;
    border: 0;
}

	@media screen and (min-width:1024px) and (max-width:1025px){
		#ifrm {top:180px;}
	}

/* 후원안내 */
#support{position:relative;float:left;width:100%;background:#f0e2f2;padding:8%;box-sizing:border-box;margin-bottom:90px;}
#support:after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url(../img/support_bg.png) no-repeat 50% 180px;background-size:50%;}

#support h3{float:left;width:100%;line-height:100%;text-align:center;font-size:32px;font-weight:600;color:#5b467e;}
#support p{float:left;width:100%;line-height:26px;text-align:center;font-size:18px;color:#5b467e;margin:20px 0 200px 0;}
.sp_bank{float:left;width:100%;margin-bottom:2%;background:#fff;text-align:center;padding:6% 4%;box-sizing:border-box;}
.sp_bank b{float:left;width:100%;line-height:100%;font-size:26px;padding-top:34px;background:url(../img/logo_bank.png) no-repeat center top;background-size:120px;}
.sp_cs{float:left;width:100%;padding:6% 4%;text-align:center;background:#fff;box-sizing:border-box;}
.sp_cs a{float:left;width:100%;line-height:100%;font-size:38px;font-weight:1000;color:#9975c6;}
.sp_bank h5,.sp_cs h5{display:inline-block;line-height:41px;font-size:18px;padding:0 30px;font-weight:600;color:#fff;background:#9975c6;border-radius:50px;margin:0 0 20px 0;}
.sp_bank span,.sp_cs span{float:left;width:100%;line-height:24px;font-size:16px;color:#555;margin-top:15px;;}

	@media screen and (min-width:1024px) and (max-width:1025px){
		#support:after{background:url(../img/support_bg.png) no-repeat 50% 200px;}
		#support p{margin:20px 0 260px 0;}
	}


/* 상세페이지 */
#detail{position:relative;float:left;width:100%;}
.dtl_text{float:left;width:100%;}
.dtl_text h3{float:left;width:100%;line-height:100%;font-size:26px;font-weight:600;text-align:center;padding-bottom:20px;border-bottom:3px solid #666;}
.dtl_text table{float:left;width:100%;}
.dtl_text table th{width:20%;font-weight:600;color:#000;background:#f8f8f8;}
.dtl_text table td{color:#999;}
.dtl_text table th,.dtl_text table td{border:1px solid #ccc;line-height:30px;font-size:18px;padding:10px 15px;}
.dtl_cont{position:relative;float:left;width:100%;min-height:600px;border-bottom:1px solid #ccc;padding:60px 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:120px;height:42px;line-height:100%;font-size:14px;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:120px;height:42px;line-height:100%;font-size:14px;cursor:pointer;background:url(../img/gradation.png) repeat-x left bottom;text-align:center;color:#555;border:1px solid #ccc;margin-left:5px;}
input.dtl_btn3{position:absolute;right:0;top:0;width:120px;height:42px;line-height:100%;font-size:14px;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:125px;top:0;width:120px;height:42px;line-height:100%;font-size:14px;cursor:pointer;font-weight:600;background:#333;text-align:center;color:#fff;border:none;}










/* 온라인상담 */
.tbl{position:relative;float:left;width:100%;}
.tbl table{float:left;width:100%;border-top:2px solid #000;}
.tbl table th{width:20% !important;font-size:16px;font-weight:600;background:#f9f9f9;text-align:left;}
.tbl table td span{float:left;height:34px;line-height:34px;font-size:13px;margin:0 10px;color:#000;}
.tbl table td .ip01{float:left;width:38%;height:32px;line-height:32px;font-size:13px;padding:0 6px;color:#777;border:1px solid #e0e0e0;margin-right:20px;}
.tbl table td .ip02{float:left;width:22%;height:32px;line-height:32px;font-size:13px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table td .ip03{float:left;width:16%;height:32px;line-height:32px;font-size:13px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table td textarea{float:left;width:98%;height:120px;padding:1%;line-height:18px;font-size:13px;color:#777;border:1px solid #e0e0e0;}
.tbl table td select.sct1{float:left;width:12%;height:34px;line-height:34px;font-size:13px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table td select.sct2{float:left;width:24%;height:34px;line-height:34px;font-size:13px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table th,.tbl table td{padding:2%;border-bottom:1px solid #e0e0e0;}
input.tbl_btn{float:left;width:110px;height:34px;line-height:34px;font-size:16px;font-weight:600;cursor:pointer;text-align:center;color:#fff;background:#999;border:none;}
input:hover.tbl_btn{background:#777;}
/* 첨부파일 */
.input-file{display:inline-block;}
.input-file [type="file"]{position:absolute;width:0;height:0;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0 none;}
.input-file .file-label{float:left;display:inline-block;min-width:53px;height:34px;line-height:34px;font-size:14px;text-align:center;padding:0 20px;margin-left:-1px;background:#999;color:#fff;}
.input-file .file-name{float:left;width:260px;height:32px;line-height:32px;border:1px solid #e0e0e0;background:#fff;}
.file-focus{outline:1px dotted #d2310e;}

.ip01_1{}
.sct2_1{width:46% !important;}

/* 체크 */
ul.tbl_radio{float:left;}
ul.tbl_radio li{float:left;line-height:15px !important;font-size:14px;color:#555;margin:0.5% 6% 0.5% 0;}
ul.tbl_radio li input.rd_ip{float:left;width:15px;height:15px;line-height:15px;margin:0 5px 0 0;}


/* 약관 */
.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;margin-bottom:10px;}
.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;}


/* 버튼 */
.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:24%;height:54px;line-height:100%;font-size:22px;font-weight:600;cursor:pointer;background:#444;text-align:center;color:#fff;border:2px solid #000;margin:0 2px;}
input.btn2{display:inline-block;width:24%;height:54px;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:24%;height:54px;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:24%;height:54px;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;}


/* 자주묻는질문 */
.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;}
/* 마우스오버 이미지 확대 */
a:hover .img img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
a .img {transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}




/* 상단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*#header{position:fixed;float:left;width:100%;background:#2E2E66;transition: background 1s, height 1s; height:80px;overflow:hidden;z-index:1000000;}*/
#header{position:fixed;float:left;width:100%;background:#eaeaea;transition: background 1s, height 1s; height:80px;overflow:hidden;z-index:1000000;}
#header:hover{height:260px;}
#header header{position:relative;width:1140px !important;height:80px;margin:0 auto;}


/* 내비게이션 숨기기 */
.menuNav{position:absolute;right:0;top:-15px;}
.menuNav ul{position:relative;float:left;width:100%;}
.menuNav ul li{position:relative;float:left;width:170px;text-align:center;}
.menuNav ul li a{position:relative;float:left;width:100%;line-height:100%;font-size:20px;font-weight:600;color:#000;z-index:1000000;padding-top:45px;}
.menuNav ul li ul{position:absolute;top:15px;left:0;width:100%;height:400px;;padding-top:80px;}

.menuNav ul li li{float:left;width:100%;border:none;padding:0;margin:0;}
.menuNav ul li li a{float:left;width:100%;height:28px;line-height:28px;font-size:13px;color:#000;opacity:0.8;padding:0;margin:0;}
.menuNav a:hover{color:#000;opacity:1;}


/* 로고 */
#logo{position:absolute;left:0;top:14px;z-index:100;}
#logo a{display:block;}
#logo a img{width:220px;}


/* 전화아이콘, 모바일아이콘 숨기기 */
a#call,.menuBtn{display:none;}




/* 메인 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 메인비주얼 */
.slider_w{position:relative;width:100%;height:520px;padding-top:80px;background:#333383;overflow:hidden;}

/* 메인비주얼 */
#slideshow-banner{position:relative;float:left;width:100%;height:520px;overflow:hidden;z-index:1000;margin-top:}
#slideshow-banner ul{position:absolute;top:0;left:50%;width:2000px;height:520px;margin-left:-1000px;overflow:hidden;}
#slideshow-banner ul .slideshow-item{position:absolute;}
.arrow_w{position:absolute;left:0;top:50%;width:100%;height:80px;margin:-40px 0 0 0;z-index:10000;}
#controller-left{position:absolute;left:0;width:80px;height:80px;line-height:80px;font-size:50px;letter-spacing:10px;color:#fff;text-align:center;cursor:pointer;background:rgba(0, 0, 0, 0.2);}
#controller-right{position:absolute;right:0;width:80px;height:80px;line-height:80px;font-size:50px;letter-spacing:-10px;color:#fff;text-align:center;cursor:pointer;background:rgba(0, 0, 0, 0.2);}
.arrow_w div:hover{background:#6868ac !important;}
#slideshow-controller{display:none;}
.controller-item{display:inline-block;width:20px;height:20px;background:#fff;margin:0 7px;border-radius:20px;opacity:0.7;cursor:pointer;text-align:center;}
.controller-item-hover{opacity:1;background:#00c0ff;transition:transform 2s;}
.slideshow-transform{transform:scale(1.1, 1.1);transition:transform 8s;}
/* 고정멘트 */
.ment_w{position:absolute;top:30%;left:5%;width:100%;z-index:1000;}
.ment{position:relative;width:1200px;margin:0 auto;}
.ment p{display:inline;width:100%;line-height:60px;font-size:36px;padding:0 10px;;box-shadow:inset 0 -52px 0 #35328f;color:#fff;}
.ment p b{font-size:42px;}


/* 회원리스트 */
#member{position:absolute;left:0;top:80px;width:100%;height:520px;overflow:hidden;z-index:10000 !important;}
#rolling{position:relative;float:right;width:400px;height:520px;box-sizing:border-box;padding:50px;background:#6868ac;z-index:999;}
#rolling ul{position:relative;float:left;width:100%;}
#rolling ul li{position:relative;float:left;display:block;width:300px !important;height:310px;padding:70px 40px 40px 40px;background:#fff;}
#rolling ul li a{position:relative;float:left;display:block !important;width:220px !important;z-index:100 !important;}
#rolling ul li a .img-wrapper {position:relative;width:100%;height:220px;overflow:hidden !important;}
#rolling ul li a .img-wrapper img {position:absolute;top:0;left:0;transform:translate(50, 50);width:100%;height:100%;object-fit:cover;margin:auto;}
.owlBtn{position:absolute;left:50%;top:50px;width:101px;height:50px;margin:0 0 0 -50px;z-index:1000}
.owlBtn .customPrevBtn{float:left;display:block;width:50px;height:50px;background:url('../img/arrow_left.gif') no-repeat;border-radius:0 0 0 10px;}
.owlBtn .customNextBtn{float:left;display:block;width:50px;height:50px;margin-left:1px;background:url('../img/arrow_right.gif') no-repeat;border-radius:0 0 10px 0;}
.owl-dots{display:none !important;}
/* 마우스오버 이미지 확대 */
#rolling li a:hover .img-wrapper img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
#rolling li b{float:left;width:100%;text-align:center;line-height:100%;font-size:20px;color:#6868ac;margin:0 0 20px -40px !important;}
#rolling li p{float:left;width:100px;text-align:center;line-height:34px;font-size:15px;padding:0 20px;margin:20px 38px 0 38px;color:#6868ac;border:1px solid #6868ac;background:#fff;}
#rolling li:hover p{color:#fff;border:1px solid #6868ac;background:#6868ac;}


/* 협회소개~회원사업장 */
#bn_3{position:relative;float:left;width:100%;}
.bn1{position:relative;float:left;width:50%;height:600px;padding:60px 70px;box-sizing:border-box;background:#e7e1f5;overflow:hidden;}
.bn2{position:relative;float:left;width:50%;height:300px;padding:60px 70px;box-sizing:border-box;background:#9975c6;overflow:hidden;}
.bn3{position:relative;float:left;width:50%;height:300px;padding:60px 70px;box-sizing:border-box;background:#5b467e;overflow:hidden;}
.bn_txt{position:relative;float:left;width:100%;display:block;text-decoration:none;color:#fff;}
a.bn_txt:hover{text-decoration:none}
.bn_txt h3{position:relative;float:left;width:100%;line-height:50px;font-size:50px;font-weight:800;color:#000;margin-bottom:30px;z-index:10;}
.bn_txt h3 span{display:block;font-size:22px;font-weight:300;opacity:0.5;}
.bn_txt p{position:relative;display:block;line-height:30px;font-size:22px;font-weight:400;color:#000;z-index:10;opacity:0.8;}
.bn_txt_r h3{text-align:right;margin-top:310px;}
.bn_txt_r p{text-align:right;}
.bn_txt .bn_img1{position:absolute;left:-70px;top:-60px;width:1200px;height:800px;background:url('../img/bn_img12.jpg') no-repeat;z-index:1;background-size:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
.bn_txt .bn_img2{position:absolute;left:-70px;top:-60px;width:1200px;height:800px;background:url('../img/bn_img2.jpg') no-repeat;z-index:1;background-size:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
.bn_txt .bn_img3{position:absolute;left:-70px;top:-60px;width:1200px;height:800px;background:url('../img/bn_img3.jpg') no-repeat 0 -120px;;z-index:1;background-size:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
.bn_txt:hover .bn_img1,.bn_txt:hover .bn_img2,.bn_txt:hover .bn_img3{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;}


/* 새소식, 자료실 */
#board_2{position:relative;float:left;width:100%;padding:70px 0;box-sizing:border-box;overflow:hidden;background:rgba(0, 0, 0, 0.6);}
.bd_w{position:relative;width:1220px;height:300px;margin:0 auto;}
.bd_title{float:left;width:100%;line-height:40px;font-size:40px;font-weight:800;text-align:center;color:#333;margin-bottom:30px;}
.bd_title span{display:block;font-size:22px;font-weight:400;}
.bd_list{position:relative;float:left;width:590px;margin:0 10px;padding:40px 50px 60px 50px;box-sizing:border-box;background:#fff;}
.bd_list ul{float:left;width:100%;margin-top:10px;}
.bd_list ul li{float:left;width:100%;padding-top:20px;margin-top:20px;border-top:1px solid #ccc;}
.bd_list ul li:first-child{padding-top:0;margin-top:0;border-top:none;}
.bd_list ul li a{float:left;width:100%;line-height:100%;font-size:18px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bd_list ul li a:hover{color:#5198da;}
.bd_list ul li span{float:left;width:100%;line-height:100%;font-size:14px;font-weight:300;color:#999;padding-left:18px;margin-top:15px;box-sizing:border-box;background:url(../img/icon_watch.png) no-repeat 0 1px;background-size:13px;}
a.more{position:absolute;right:0;top:0;width:50px;height:50px;line-height:48px;font-size:42px;text-align:center;color:#fff;background:#9975c6;}
a:hover.more{text-decoration:none;}


/* 지도, 고객센터 */
#map_cs{position:relative;float:left;width:100%;overflow:hidden;z-index:100;}
.main_map{float:left;width:50%;height:420px;background:#fff;}
.main_map iframe{float:left;width:100%;height:420px;}
.wrap_controllers{display:none;}
.wrap_map{width:100% !important;height:420px !important;margin-bottom:-30px;}
.customer{float:left;width:50%;height:420px;padding:70px;box-sizing:border-box;background:#2E2E66;}
.customer h3{float:left;width:100%;line-height:46px;font-size:44px;font-weight:600;color:#fff;}
.customer h3 span{display:block;font-size:20px;font-weight:300;}
.cs_tel{position:relative;float:left;width:100%;height:70px;margin-top:30px;}
.cs_tel:after {content:"";display:block;width:50px;border-top:2px solid #fff;opacity:0.6;}
.cs_tel a{float:left;width:100%;line-height:40px;padding:30px 0 0 36px;font-size:40px;letter-spacing:-1px;font-weight:1000;color:#fff;box-sizing:border-box;background:url(../img/icon_call2.png) no-repeat left 38px;background-size:22px;}
.cs_tel a:hover{text-decoration:none;pointer-events: none;}
.customer dl{float:left;width:100%;line-height:30px;margin-top:20px;opacity:0.6;}
.customer dl dt{float:left;width:10%;color:#fff;}
.customer dl dd{float:left;width:90%;color:#fff;}


/* 메인 뒷 배경 */
.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:-10;overflow-x:hidden;}





/* 하단 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#quick-top{position:fixed;right:30px;bottom:30px;width:50px;height:50px;cursor:pointer;background:url(../img/top.gif) no-repeat;z-index:1000000;}
/* 카피라이트 */
#footer{position:relative;float:left;width:100%;background:#ddd;padding:50px 0;}
#footer h3{float:left;width:100%;color:#000;}
ul.copy{float:left;}
ul.copy li{float:left;line-height:100%;font-size:13px;text-align:center;color:#999;margin:15px 0 10px 0;padding:0 10px;border-left:1px solid #aaa;}
ul.copy li:first-child{padding-left:0;border-left:none;}
#footer p{float:left;width:100%;line-height:100%;font-size:12px;color:#777;}





/* 서브 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#sub_visual{position:relative;float:left;width:100%;height:300px;background:rgba(0, 0, 0, 0.7);}
.sv_bg{position:fixed;left:0;top:-100px;width:100%;height:1300px;background:url(../img/sub_bg.jpg) no-repeat;z-index:-1;}
.sv_txt{float:left;width:100%;height:230px;line-height:230px;font-size:60px;text-align:center;color:#fff;margin-top:70px;}


#contents{position:relative;float:left;width:100%;height:100%;height:auto;background:#fff;}
.contents{position:relative;width:1200px;height:100%;height:auto;margin:0 auto;}
.sub_tab{position:relative;float:left;width:100%;height:68px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.sub_tab ul{text-align:center;}
.sub_tab ul li{display:inline-block;}
.sub_tab ul li a{float:left;min-width:200px;height:68px;line-height:65px;font-size:20px;padding:0 15px;letter-spacing:-0.05em;color:#666;}
.sub_tab ul li a.on{height:65px;font-weight:600;color:#9975c6;border-bottom:4px solid #9975c6;}
.sub_tab ul li a:hover{text-decoration:none;color:#000;}


.page{position:relative;float:left;width:100%;display: block;height:100%;height:auto;min-height:700px;padding:100px 0;z-index:100;}
.sub_title{position:relative;float:left;width:100%;line-height:100%;font-size:42px;font-weight:600;color:#000;text-align:center;margin-bottom:50px;}
.sub_title2{position:relative;float:left;width:100%;line-height:100%;font-size:36px;font-weight:600;color:#9975c6;text-align:center;margin-bottom:30px;}
.sub_title2:after{content:"";display:block;width:50px;border-top:4px solid #9975c6;margin:20px auto;opacity:0.6;}


/* 서브 공통 style */
.sub_table{position:relative;float:left;width:100%;overflow:hidden;z-index:100;}
.sub_table table{position:relative;float:left;width:100.1%;z-index:100;}
.sub_table table th,.sub_table table td{text-align:center;line-height:24px;padding:15px 10px;border:1px solid #ccc;border-left:none}
.sub_table table th{font-size:20px;padding:20px 0;color:#fff;border:none;border-bottom:4px solid #5b467e;background:#9975c6;}
.sub_table table td{font-size:17px;font-weight:300;color:#333;}
.sub_table ul{float:left;margin-left:10px;}
.sub_table ul li{display:block;text-align:left;line-height:24px;font-size:17px;font-weight:300;color:#333;margin:7px 0;padding-left:12px;box-sizing:border-box;background:url(../img/bullet.png) no-repeat 0 50%;background-size:4px;}


/* 로고 배경 */
.bg_logo{position:absolute;left:50%;top:50%;width:800px;height:800px;margin:-400px 0 0 -400px;background:url(../img/logo_bg3.png) no-repeat center center;background-size:cover;opacity:0.05;z-index:1;}


/* 협회소개 */
#about{position:relative;float:left;width:100%;overflow:hidden;}
#about h3{float:left;width:100%;line-height:54px;font-weight:200;font-size:30px;text-align:center;color:#555;}
#about h3 span{font-size:42px;font-weight:500;}

.about_bs{float:left;width:100%;margin-top:60px;}
.about_bs ul{float:left;width:100%;text-align:center;margin-left:15px;}
.about_bs ul li{float:left;width:225px;height:220px;padding:45px;margin:0 -15px;box-sizing:border-box;border-radius:100%;background:#9975c6;opacity:0.8;}
.about_bs ul li p{float:left;width:100%;line-height:100%;font-size:30px;font-weight:600;color:#fff;margin-top:10px;}
.about_bs ul li.cc1 i{display:inline-block;width:70px;height:70px;background:url(../img/cmt_icon1.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc2 i{display:inline-block;width:70px;height:70px;background:url(../img/cmt_icon2.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc3 i{display:inline-block;width:70px;height:70px;background:url(../img/cmt_icon3.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc4 i{display:inline-block;width:70px;height:70px;background:url(../img/cmt_icon4.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc5 i{display:inline-block;width:70px;height:70px;background:url(../img/cmt_icon5.png) no-repeat center center;background-size:100%;}
.about_bs ul li.cc6 i{display:inline-block;width:70px;height:70px;background:url(../img/cmt_icon6.png) no-repeat center center;background-size:100%;}

.about_list{float:left;width:100%;margin-top:60px;}
.about_list ul{float:left;width:101%;margin:-0.5% 0 0 -0.5%;}
.about_list ul li{float:left;width:24%;margin:0.5%;}
.about_list ul li img{float:left;width:100%;}


/* 설립목적&비전 */
.busi_box{position:relative;float:left;width:100%;padding:5% 11%;box-sizing:border-box;background:#2E2E66;border:10px solid #4b4b94;margin-bottom:60px;}
.busi_box p{float:left;width:100%;line-height:40px;font-size:26px;font-weight:200;text-align:center;color:#d2b28c;}

.img_txt{position:relative;float:left;width:100%;height:400px;}
.img_txt_left{float:left;width:50%;height:400px;background:#999;}
.img_txt_right{float:right;width:50%;height:400px;background:#999;}
.img_txt_w{float:left;width:50%;box-sizing:border-box;padding:5%;text-align:center;}
.img_txt_w h3{float:left;width:100%;color:#000;line-height:100%;font-size:32px;text-align:center;margin-bottom:30px;}
.img_txt_w p{float:left;width:100%;line-height:30px;font-size:22px;text-align:center;color:#888;}


/* 찾아오시는길 */
iframe.sub_map{position:relative;float:left;width:100%;height:460px !important;}
.adr_txt{float:left;width:100%;margin-top:30px;}
.adr_txt dl{float:left;width:100%;line-height:40px;}
.adr_txt dt{float:left;width:5%;font-size:20px;font-weight:600;color:#5b467e;}
.adr_txt dd{float:left;width:95%;font-size:18px;color:#666;}


/* 회원사업장 */
.sub_search{position:relative;float:left;width:100%;background:#9975c6;padding:2%;box-sizing:border-box;margin-bottom:90px;}
.sub_search h3{float:left;line-height:40px;font-size:18px;color:#fff;margin-right:15px;}
.sub_search input.ip01{float:left;width:700px;height:40px;line-height:36px;font-size:16px;padding:0 12px;color:#777;margin-right:20px;border:none;}
.sub_search button{float:left;width:120px;height:40px;line-height:36px;font-size:18px;text-align:center;color:#fff;background:#5b467e;border:none;}
.sub_search select{float:left;width:180px;height:40px;line-height:40px;font-size:16px;padding:0 12px 0 6px;color:#777;margin-right:20px;border:none;}

.gallery_list{position:relative;float:left;width:100%;}
.gallery_list ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
.gallery_list ul li{position:relative;float:left;width:31.333%;height:420px;;margin:1%;}
.gallery_list ul li a{position:relative;float:left;width:100%;height:260px;text-align:center;background:#f9f9f9;overflow:hidden;}
.gallery_list ul li a .img-wrapper {position:relative;width:100%;height:260px;}
.gallery_list ul li a .img-wrapper img {position:absolute;top:0;left:0;transform:translate(50, 50);width:100%;height:100%;object-fit:cover;margin:auto;}
/* 마우스오버 이미지 확대 */
.gallery_list ul li a:hover .img-wrapper img{transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}

.gallery_list dl{float:left;width:100%;font-size:16px;margin-top:20px;}
.gallery_list dl dt{float:left;width:17%;margin-bottom:5px;font-weight:500;padding-left:10px;box-sizing:border-box;background:url(../img/bullet.png) no-repeat 0 50%;background-size:3px;}
.gallery_list dl dd{float:left;width:83%;margin-bottom:5px;font-weight:200;line-height:26px;}


/* 후원안내 */
#support{position:relative;float:left;width:100%;background:#f0e2f2;padding:8%;box-sizing:border-box;margin-bottom:90px;}
#support:after{content:"";position:absolute;right:8%;top:4%;display:block;width:460px;height:100%;background:url(../img/support_bg.png) no-repeat right 0;background-size:100%;}

#support h3{float:left;width:100%;line-height:100%;font-size:32px;font-weight:600;color:#5b467e;}
#support p{float:left;width:100%;line-height:26px;font-size:18px;color:#5b467e;margin:20px 0 40px 0;}
.sp_bank{float:left;width:48%;margin-right:4%;height:240px;background:#fff;text-align:center;padding:4%;box-sizing:border-box;}
.sp_bank b{float:left;width:100%;line-height:100%;font-size:26px;padding-top:34px;background:url(../img/logo_bank.png) no-repeat center top;background-size:120px;}
.sp_cs{float:left;width:48%;height:240px;padding:4%;text-align:center;background:#fff;box-sizing:border-box;}
.sp_cs a{float:left;width:100%;line-height:100%;font-size:38px;font-weight:1000;color:#9975c6;}
.sp_bank h5,.sp_cs h5{display:inline-block;line-height:41px;font-size:18px;padding:0 30px;font-weight:600;color:#fff;background:#9975c6;border-radius:50px;margin:0 0 20px 0;}
.sp_bank span,.sp_cs span{float:left;width:100%;line-height:24px;font-size:16px;color:#555;margin-top:15px;;}


/* 상세페이지 */
#detail{position:relative;float:left;width:100%;}
.dtl_text{float:left;width:100%;}
.dtl_text h3{float:left;width:100%;line-height:100%;font-size:26px;font-weight:600;text-align:center;padding-bottom:20px;border-bottom:3px solid #666;}
.dtl_text table{float:left;width:100%;}
.dtl_text table th{width:20%;font-weight:600;color:#000;background:#f8f8f8;}
.dtl_text table td{color:#999;}
.dtl_text table th,.dtl_text table td{border:1px solid #ccc;line-height:30px;font-size:18px;padding:10px 15px;}
.dtl_cont{position:relative;float:left;width:100%;min-height:600px;border-bottom:1px solid #ccc;padding:60px 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:120px;height:42px;line-height:100%;font-size:14px;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:120px;height:42px;line-height:100%;font-size:14px;cursor:pointer;background:url(../img/gradation.png) repeat-x left bottom;text-align:center;color:#555;border:1px solid #ccc;margin-left:5px;}
input.dtl_btn3{position:absolute;right:0;top:0;width:120px;height:42px;line-height:100%;font-size:14px;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:125px;top:0;width:120px;height:42px;line-height:100%;font-size:14px;cursor:pointer;font-weight:600;background:#333;text-align:center;color:#fff;border:none;}







/* 온라인상담 */
.tbl{position:relative;float:left;width:100%;}
.tbl table{float:left;width:100%;border-top:2px solid #000;}
.tbl table th{width:15% !important;font-size:18px;font-weight:600;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:13px;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:13px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table td .ip03{float:left;width:80px;height:36px;line-height:36px;font-size:13px;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:13px;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:13px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.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;}
/* 첨부파일 */
.input-file{display:inline-block;}
.input-file [type="file"]{position:absolute;width:0;height:0;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0 none;}
.input-file .file-label{float:left;display:inline-block;min-width:53px;height:40px;line-height:40px;font-size:14px;text-align:center;padding:0 20px;margin-left:-1px;background:#999;color:#fff;}
.input-file .file-name{float:left;width:260px;height:38px;line-height:38px;border:1px solid #ccc;background:#fff;}
.file-focus{outline:1px dotted #d2310e;}
/* 체크 */
ul.tbl_radio{float:left;height:16px;margin:11px 0;}
ul.tbl_radio li{float:left;line-height:16px !important;font-size:15px;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;}

/* 약관 */
.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;margin-bottom:10px;}
.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;}


/* 버튼 */
.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:#444;text-align:center;color:#fff;border:2px solid #000;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;}


/* 자주묻는질문 */
.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;}


/* 페이징 */
.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;}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/