/* Written By MJS */

@font-face{font-family:'NotoSerifKR'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img,fieldset,header,a{font-family:'Noto Sans KR', sans-serif;border:0;margin:0;padding:0;color:#282828;font-weight:normal;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,ol,i,li,ui{list-style:none}
a{border:0;cursor:pointer;color:#333;}
a:link{border:0;color:#333;text-decoration:none}
a:visited,a:hover,a:active{border:0;color:#333;text-decoration:none}
table{border-spacing:0;padding:0;border:0;border-collapse:collapse}
br{font-size:9pt; font-family:'굴림', sans-serif; color:#000000;}
html, body{font-family:'Noto Sans KR', sans-serif;height:100%;min-width:1200px;}

.wrap{position:relative;float:left;width:100%;padding:70px 0;background:#fff;}
.w1200{position:relative;width:1200px;margin:0 auto;z-index:100;}
.font{font-family:'NotoSerifKR' !important;}
/* 이미지 틀에 맞추는 소스 */
.img{position:relative;float:left;width:100%;height:100%;vertical-align:middle;text-align:center;}
.img img{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;}


/*=================================== 상단 ===================================*/
#header{position:relative;float:left;width:100%;height:90px;background:#fff;z-index:1000000;
-webkit-box-shadow: 0 5px 5px rgba(0,0,0, 0.1),0 0 1px rgba(0,0,0, 0.1);
-moz-box-shadow: 0 5px 5px rgba(0,0,0, 0.1),0 0 1px rgba(0,0,0, 0.1);
box-shadow: 0 5px 5px rgba(0,0,0, 0.1),0 0 1px rgba(0,0,0, .1);}
#header .header_w{position:relative;width:1200px;margin:0 auto;}
.menu_line{position:absolute;right:0;top:0;width:400px;height:90px;background:url(../img/menu_line.png) no-repeat left top;z-index:1000;}


/* 로고 */
a#logo{position:relative;float:left;margin-top:19px;z-index:100000000;}
a#logo img{float:left;width:auto;height:52px;}


/* 메뉴 */
.menuNav{position:absolute;left:0;top:36px;width:100%;text-align:center;z-index:10000000;}
.menuNav ul{display:inline-block;zoom:1;*display:inline;}
.menuNav ul li{position:relative;float:left;margin:0 20px;}
.menuNav ul li:first-child{border-left:none;}
.menuNav ul li a{position:relative;float:left;width:100%;line-height:100%;font-size:18px;font-weight:400;letter-spacing:-1px;color:#444;text-align:center;padding-bottom:30px;z-index:1000000;}
.menuNav ul li a:hover{color:#0084cf;}
.menuNav ul li ul{display:none;}
.menuNav ul li:hover ul{position:absolute;left:50%;top:40px;display:block;width:160px;margin-left:-80px;background:#0084cf;z-index:100000;}
.menuNav ul li:hover ul li{float:left;width:100%;height:34px;border:none;padding:0;margin:0;}
.menuNav ul li:hover ul li a{float:left;width:100%;height:34px;line-height:34px;font-size:13px;letter-spacing:0 !important;color:#fff;padding:0;margin:0;}
.menuNav ul li:hover ul li a:hover{color:gold;background:#066cc2;}
.menuNav ul li:hover a ul{color:red}


/*=================================== 메인 ===================================*/
/* 메인비주얼 */
#main_visual{position:relative;float:left;width:100%;height:650px;overflow:hidden;border-bottom:1px solid #ccc;}
.main_slide{position:absolute;left:50%;top:0;width:2000px;height:650px;margin:0 0 0 -1000px;}
.main_slide ul li{position:absolute;top:0;left:0;width:2000px;height:650px;}
.main_slide .nav_wrap{position:absolute;bottom:40px;height:16px;z-index:2;}
.main_slide .nav_wrap ul{display:block;position:relative;margin:0;padding:0;}
.main_slide .nav_wrap ul li{display:inline-block;position:relative;width:16px;height:16px;margin:0 6px;cursor:pointer;}
.main_slide .nav_wrap.bullet{text-align:center;height:16px;}
.main_slide .nav_wrap.bullet ul{display:inline-block;zoom:1;*display:inline;}
.main_slide .nav_wrap.bullet ul li{float:left;width:16px;height:16px;text-indent:-100000px;background:url(../img/bullet_off.png) no-repeat center center;}
.main_slide .nav_wrap.bullet ul li.on{float:left;background:url(../img/bullet_on.png) no-repeat center center;}
.main_slide ul li img{position:absolute;right:0;bottom:0}

.ment{position:relative;float:left;width:100%;}
.ment p{float:left;width:100%;line-height:100%;font-size:24px;font-weight:100;color:#000;margin:110px 0 20px 0;}
.ment b{float:left;width:100%;line-height:40px;font-size:30px;font-weight:600;text-align:left;color:#000;}
.ment a{position:relative;float:left;width:112px;line-height:44px;font-size:16px;font-weight:100;text-align:left;color:#000;padding:0 18px;border:1px solid #000;margin-top:140px;}
.ment a span{position:absolute;right:18px;top:0;display:inline-block;line-height:43px;vertical-align:top;font-size:24px;}


/* 메인 타이틀 */
.m_title{float:left;width:100%;text-align:center;margin-bottom:50px;}
.m_title span{float:left;width:100%;line-height:100%;font-size:24px;font-weight:100;color:#000;margin-bottom:20px;}
.m_title b{float:left;width:100%;line-height:100%;font-size:38px;letter-spacing:-2px;color:#000;}


/* BUSINESS */
#business{position:relative;float:left;width:100%;}
#business ul{float:left;width:102%;height:310px;margin:0 0 0 -1%;}
#business ul li{float:left;width:23%;padding:3.5% 3%;margin:0 1%;text-align:center;border:1px solid #aaa;box-shadow:4px 4px 0 #ccc;box-sizing:border-box;}
/* 마우스 오버시 효과 */
#business ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/*  마우스 아웃시 효과 */
#business ul li img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}

#business ul li img{width:90px;}
#business ul li b{float:left;width:100%;line-height:100%;font-size:28px;letter-spacing:-1px;margin:15px 0;color:#000;}
#business ul li p{float:left;width:100%;line-height:26px;font-size:18px;font-weight:100;color:#000;}
#business ul li:hover{border:1px solid #4450ff;box-shadow:4px 4px 0 #cdcfef;}
#business ul li:hover b{color:#4450ff;}


/* SERVICE */
#service{position:relative;float:left;width:100%;}
#service ul{float:left;width:100%;margin:60px 0;}
#service ul li{float:left;width:25%;padding:0 3%;text-align:center;border-left:1px solid #e0e0e0;box-sizing:border-box;}
#service ul li:first-child{border-left:none;}
#service ul li a{float:left;width:100%;text-align:center;}
/* 마우스 오버시 효과 */
#service ul li a:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/*  마우스 아웃시 효과 */
#service ul li a{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}

#service ul li a img{width:90px;}
#service ul li a b{float:left;width:100%;line-height:100%;font-size:28px;letter-spacing:-1px;margin:15px 0;color:#000;}
#service ul li a p{float:left;width:100%;line-height:26px;font-size:18px;font-weight:100;color:#000;}


/*=================================== 하단 ===================================*/
footer{position:relative;float:left;width:100%;background:#fff;}
/* 하단메뉴 */
.fm_w{position:relative;float:left;width:100%;height:58px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.fm{position:relative;width:1200px;margin:0 auto;}
.fm ul{float:left;width:100%;}
.fm ul li{float:left;margin-right:40px;}
.fm ul li a{float:left;line-height:58px;font-size:16px;font-weight:300;color:#333;}
a.f_top{position:absolute;right:0;top:0;height:58px;border-left:1px solid #ccc;border-right:1px solid #ccc;}


/* 카피라이트 */
.copy{float:left;width:100%;line-height:22px;font-size:13px;font-weight:300;letter-spacing:0.02em;color:#777;margin:40px 0;}


/*=================================== 서브 ===================================*/
/* 서브비주얼 */
#sub_visual{position:relative;float:left;width:100%;height:300px;background:#000220;overflow:hidden;}
.back_bg1{position:fixed;left:0;top:-300px;width:100%;height:700px;background:url(../img/sub_visual1.jpg) no-repeat center center;opacity:0.4;}
.back_bg2{position:fixed;left:0;top:-300px;width:100%;height:700px;background:url(../img/sub_visual2.jpg) no-repeat center center;opacity:0.4;}
.back_bg3{position:fixed;left:0;top:-300px;width:100%;height:700px;background:url(../img/sub_visual3.jpg) no-repeat center center;opacity:0.4;}
.back_bg4{position:fixed;left:0;top:-300px;width:100%;height:700px;background:url(../img/sub_visual4.jpg) no-repeat center center;opacity:0.4;}
.back_bg5{position:fixed;left:0;top:-300px;width:100%;height:700px;background:url(../img/sub_visual5.jpg) no-repeat center center;opacity:0.4;}
.back_bg6{position:fixed;left:0;top:-300px;width:100%;height:700px;background:url(../img/sub_visual6.jpg) no-repeat center center;opacity:0.4;}

.sv_title{position:absolute;left:0;top:96px;width:100%;text-align:center;z-index:1000;}
.sv_title span{float:left;width:100%;line-height:100%;font-size:18px;font-weight:100;color:#fff;}
.sv_title b{float:left;width:100%;line-height:100%;font-size:50px;font-weight:600;letter-spacing:-2px;color:#fff;margin-top:15px;}


/* 서브컨텐츠 */
#contents{position:relative;float:left;width:100%;background:#fff;}
.page{position:relative;float:left;width:100%;min-height:800px;margin:100px 0;overflow:hidden;}


/* 서브탭메뉴 */
.sub_tab{position:relative;float:left;width:100%;height:60px;text-align:center;margin-top:-30px;}
.sub_tab ul{display:inline-block;zoom:1;*display:inline;height:58px;
-webkit-box-shadow: 0 10px 20px rgba(0,0,0, 0.1),0 0 1px rgba(0,0,0, 0.1);
-moz-box-shadow: 0 10px 20px rgba(0,0,0, 0.1),0 0 1px rgba(0,0,0, 0.1);
box-shadow: 0 10px 20px rgba(0,0,0, 0.1),0 0 1px rgba(0,0,0, .1);
}
.sub_tab ul li{float:left;width:270px;height:60px;}
.sub_tab ul li a{float:left;width:100%;line-height:58px;font-size:20px;font-weight:300;letter-spacing:-0.03em;text-align:center;color:#666;background:#fff;}
.sub_tab ul li a.on{font-weight:600;color:#fff;background:#0084cf;}/* #4450ff */

.sub_title{position:relative;float:left;width:100%;line-height:100%;font-size:40px;font-weight:600;letter-spacing:-2px;color:#000;text-align:center;margin:60px 0 40px 0;}


/* 인사말 */
/*#greeting{position:relative;float:left;width:100%;background:url(../img/greeting.jpg) no-repeat;}
.gree_title{position:absolute;left:0;top:110px;width:100%;text-align:center;}
.gree_title p{display:inline-block;padding:40px 0;border-top:2px solid #fff;border-bottom:2px solid #fff;}
.gree_title p span{float:left;width:100%;line-height:100%;font-size:18px;font-weight:100;color:#fff;}
.gree_title p b{float:left;width:100%;line-height:100%;font-size:26px;font-weight:600;color:#fff;margin-top:15px;}
.gree_text{position:relative;float:left;width:52%;padding:6%;line-height:32px;font-size:20px;font-weight:100;color:#333;background:#fff;z-index:100;margin-top:360px;border-bottom:5px solid #4450ff;}
*/

/* 2021-03-29 수정·추가 css*/
.design_box{position:relative;float:left;width:100%;background:#90aed5;box-sizing:border-box;margin-top:4%;}
.design_box2{position:relative;float:left;width:100%;background:#fff;box-sizing:border-box;margin-top:2%;}
.design_box p{float:left;width:67%;padding:10% 30% 5% 3%;line-height:34px;font-size:22px;font-weight:300;text-align:center;color:#fff;margin-top:-5%;background:url(../img/img2-1.png) no-repeat 96% top;background-size:240px;z-index:0;}
.dbox{float:left;width:49%;box-sizing:border-box;text-align:center;border:8px solid #e3ebf8;}
.dbox b{display:inline-block;line-height:40px;font-size:28px;font-weight:600;color:#000;padding:0 25px;margin-top:-23px;vertical-align:top;background:#fff;}
.dbox ul{float:left;width:88%;padding:3% 6%;height:270px;text-align:left;}
.dbox ul li{float:left;line-height:38px;font-size:18px;color:#555;box-sizing:border-box;border:1px solid #eee;background:#f9f9f9;padding:0 10px;margin:5px;}
.dbox ul li:hover{border:1px solid #4f87dc;color:#4f87dc;}
.dbox ul li.lastchild{border:none;color:#000;background:none}

#greeting{position:relative;float:left;width:1000px;margin:0 100px;background:url(../img/greeting.png) no-repeat right bottom;}
.gree_title p{position:relative;float:left;width:100%;line-height:46px;font-weight:100;font-size:26px;margin-bottom:40px;color:#888;}
.gree_title p b{float:left;width:100%;font-size:34px;font-weight:600;letter-spacing:-1px;color:#1460d2;}
.gree_text{float:left;width:100%;line-height:32px;font-size:20px;font-weight:100;color:#333;}
.gree_text img{float:right;}


/* 찾아오시는길 */
.root_daum_roughmap{width:100% !important;border:none !important;padding:0 !important;height:430px !important;}
.wrap_map{height:460px !important;}
.adr_tbl{position:relative;float:left;width:100%;overflow:hidden;}
.adr_tbl table{float:left;width:100.3%;margin-left:-1px;}
.adr_tbl table th{font-weight:600;color:#000;background:#f7f7f7;text-align:center;}
.adr_tbl table th b{width:80%;text-align:justify;text-align-last:justify;display:inline-block;margin:0 10%;}
.adr_tbl table td{color:#666;}
.adr_tbl table th,.adr_tbl table td{line-height:100%;font-size:20px;text-align:left;padding:20px;border:1px solid #ccc;}
.adr_tbl a{padding:4px 8px;font-size:11px;font-weight:600;color:#fff;background:#666;}


/* 실험실 안전환경 */
.sub_txt{position:relative;float:left;width:92%;padding:4%;line-height:30px;font-size:20px;font-weight:100;background:#f3f4f9;overflow:hidden;}
.sub_txt:before{content:' ';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url(../img/box_point.png) no-repeat left top;z-index:0;}


/* 실험장비 */
.equip_box{position:relative;float:left;width:100%;}
.equip_box2{position:relative;float:left;width:94%;padding:2% 3%;background:#f0f0f0;}
.eq_img{position:relative;float:left;width:100%;height:400px;padding:30px 0;border:10px solid #f0f0f0;box-sizing:border-box;overflow:hidden;margin-bottom:40px;}
.eq_img2{position:relative;float:left;width:100%;padding:50px 0;border:10px solid #f0f0f0;box-sizing:border-box;overflow:hidden;margin-bottom:40px;text-align:center;}
.eq_img3{position:relative;float:left;width:50%;height:430px;padding:-10px 0;overflow:hidden;margin-right:3%;}
.list_txt{position:relative;float:left;width:94%;padding:2.5% 3%;line-height:26px;font-size:18px;font-weight:300;background:#f3f4f9;}
.list_txt strong{float:left;line-height:36px;padding:0 30px;color:#fff;background:#0084cf;margin-bottom:20px;}
.list_txt p{float:left;width:100%;padding-top:20px;margin-top:15px;border-top:1px solid #d6dbf2;}
.list_txt b{float:left;width:100%;line-height:30px;font-size:24px;font-weight:500;letter-spacing:-0.02em;color:#000;padding-bottom:20px;margin-bottom:15px;border-bottom:1px solid #d6dbf2;}
.list_txt font{float:left;width:100%;line-height:20px;font-size:14px;font-weight:300;color:#555;margin-top:20px;}

ul.bullet_list{float:left;width:100%;}
ul.bullet_list li{float:left;width:98%;line-height:26px;font-size:18px;font-weight:400;color:#222;padding-left:15px;margin:5px 0;background:url(../img/bullet.gif) no-repeat 0 10px;background-size:6px;}
ul.bullet_list li span{font-size:15px;color:#777;}
ul.bullet_list li b{float:left;line-height:26px;padding:0 10px;color:#fff;background:#4450ff;}

ul.point_box{float:left;width:100.2%;margin:40px 0 0 0;}
ul.point_box li{float:left;width:25%;padding:2.2%;height:210px;border:1px solid #4450ff;box-sizing:border-box;margin-right:-1px;}
ul.point_box li:hover{background:#f6f7ff;}
ul.point_box li b{float:left;width:100%;line-height:28px;font-size:20px;color:#000;margin-bottom:15px;}
ul.point_box li p{float:left;width:100%;line-height:24px;font-size:16px;font-weight:300;color:#000;}

ul.point_box2{float:left;width:100.2%;}
ul.point_box2 li{float:left;width:20%;padding:2.2%;height:220px;text-align:center;border:1px solid #4450ff;box-sizing:border-box;margin-right:-1px;}
ul.point_box2 li img{width:80px;}
ul.point_box2 li:hover{background:#f6f7ff;}
ul.point_box2 li b{float:left;width:100%;line-height:28px;font-size:20px;color:#000;margin-top:15px;}

dl.eq_dl{float:left;width:47%;}
dl.eq_dl dt{float:left;width:98%;line-height:26px;font-size:18px;margin-top:10px;padding-left:2%;background:url(../img/bullet.gif) no-repeat 0 10px;background-size:6px;}
dl.eq_dl dd{float:left;width:95%;line-height:20px;font-size:14px;color:#777;margin:2px 0 2px 3.5%;padding-left:1.5%;background:url(../img/bullet2.gif) no-repeat 0 11px;background-size:5px;}

.small_txt{float:right;width:100%;line-height:16px;font-size:12px;font-weight:300;text-align:right;margin-top:20px;}


/* ERA 국제숙련도 참여 방법 */
.step_list{position:relative;float:left;width:80.5%;padding:3% 5% 3% 14%;background:#f3f4f9;border:1px solid #aaa;box-shadow:4px 4px 0 #e0e0e0;margin-bottom:30px;}
.step_list span{position:absolute;left:6%;top:-16px;width:60px;line-height:60px;font-size:26px;padding-right:14px;font-weight:600;text-align:center;color:#fff;background:url(../img/num_bg.png) no-repeat;}
.step_list b{float:left;width:100%;line-height:34px;font-size:26px;letter-spacing:-1px;color:#0084cf;margin-bottom:20px;}/*color:#4450ff;*/


/* 인허가증 */
#certification{position:relative;float:left;width:100%;}
#certification ul{position:relative;float:left;width:1230px;margin:-15px 0 0 -15px;}
#certification ul li{position:relative;float:left;width:380px;margin:15px 15px 40px 15px;}
#certification ul li .certi_frame{position:absolute;left:0;top:0;width:380px;height:490px;background:url(../img/certi_frame.png) no-repeat;background-size:100%;z-index:100;}
#certification ul li img{float:left;width:360px;margin:10px;}
#certification ul li p{float:left;width:100%;line-height:28px;font-size:22px;font-weight:600;letter-spacing:-1px;text-align:center;margin-top:15px;}


/* 테이블 공통, 견적문의 */
.tbl{position:relative;float:left;width:100%;overflow:hidden;}
.tbl table{float:left;width:100.3%;margin-left:-1px;}
.tbl table th{font-weight:600;color:#000;background:#f7f7f7;text-align:center;}
.tbl table td{color:#333;}
.tbl table th,.tbl table td{font-size:18px;text-align:left;padding:14px;border:1px solid #ccc;}

.tbl table td span{float:left;height:38px;line-height:38px;font-size:16px;margin:0 10px;color:#000;}
.tbl table td .ip01{float:left;width:400px;height:36px;line-height:36px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;margin-right:20px;}
.tbl table td .ip02{float:left;width:240px;height:36px;line-height:36px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table td .ip03{float:left;width:80px;height:36px;line-height:36px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table td textarea{float:left;width:98%;height:120px;padding:10px;line-height:22px;font-size:14px;color:#777;border:1px solid #e0e0e0;}
.tbl table td select.sct1{float:left;width:90px;height:38px;line-height:38px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.tbl table td select.sct2{float:left;width:240px;height:38px;line-height:38px;font-size:14px;padding:0 6px;color:#777;border:1px solid #e0e0e0;}
.sct2_1{margin-left:5px}

/* 약관 */
.terms_w{position:relative;float:left;width:96%;height:160px;padding:2%;overflow-x:hidden;overflow-y:scroll;background:#f4f4f4;margin-top:30px;}
.terms_title{float:left;width:100%;font-size:22px;font-weight:600;color:#000;}
.terms_list dl{float:left;width:100%;padding:10px 0 20px 0;}
.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:#4450ff;text-align:center;color:#fff;border:2px solid #1520c6;margin:0 2px;}
input.btn2{display:inline-block;width:20%;height:60px;line-height:100%;font-size:22px;font-weight:600;cursor:pointer;background:#fff;text-align:center;color:#4450ff;border:2px solid #4450ff;margin:0 2px;}


/* 페이지 상단 탭 메뉴 */
.page_tab{position:relative;float:left;width:100%;text-align:center;margin:50px 0 -56px 0;}
.page_tab ul{text-align:center;}
.page_tab ul li{display:inline-block;margin:-1px 0;}
.page_tab ul li a{float:left;min-width:60px;height:48px;line-height:48px;font-size:18px;font-weight:500;letter-spacing:-0.03em;padding:0 40px;color:#888;background:#eee;border:2px solid #eee;}
.page_tab ul li a:hover{color:#333;}
.page_tab ul li a.on{color:#0c3f9c;background:#fff;border:2px solid #0c3f9c;}


/* 상품리스트 */
.fc_list{position:relative;float:left;width:100%;}
.fc_list ul{position:relative;float:left;width:1220px;margin:-10px 0 0 -10px;}
.fc_list ul li{position:relative;float:left;width:285px;height:400px;margin:10px;}
.fc_list ul li a{position:relative;float:left;width:283px;height:283px;background:#fff;border:1px solid #ccc;overflow:hidden;}
.fc_list  ul li:hover a{border:1px solid #2793f8;}

/* 마우스 오버시 효과 */
.fc_list ul li a:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/*  마우스 아웃시 효과 */
.fc_list ul li a img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.fc_list ul li p{float:left;width:100%;line-height:24px;font-size:18px;font-weight:400;text-align:center;color:#000;margin-top:15px;}


/* 페이징 */
.paging_w{position:relative;float:left;width:100%;height:32px;margin-top:40px;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;margin:0 10px}
.paging ul li{float:left;margin:0 3px;}
.paging ul li a{float:left;text-align:center;height:30px;line-height:30px;font-size:14px;padding:0 8px;color:#666;background:#fff;border:1px solid #ccc;}
.paging ul li a.on{color:#fff;background:#000;font-weight:600;border:1px solid #000;}