html{overflow:auto}
body{background:#fff}
#wrap {width:100%; min-width:1200px; overflow:hidden;}

#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {width:1200px; margin:0 auto; position:relative;}
.inner:after {content:""; display:block; clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;}

/*header*/
#header{position:fixed; top:0; left:0; width:100%; height:100px; border-bottom:1px solid #7e7e7e; background:#464646; z-index:100;}
.headerWrap	h1{float:left; padding-top:15px;}

/* GNB */
#topmenu {position: absolute; top:0; right:-40px; color:#fff; z-index:100;}
#topmenu ul:after {display:block; content:""; clear:both;}
#topmenu ul a {display:block; color:#fff;}
#topmenu ul a span {display:block; font-size:14px;}
#topmenu ul a b {font-weight:400;}
#topmenu > ul > li {position:relative; float:left; padding:0 40px; line-height:22px; font-size:20px; font-weight:400;}
#topmenu > ul > li > a {display:block; padding:28px 0; text-align:left;}
#topmenu > ul > li.m_active > a, #topmenu > ul > li > a.on {color:#fdc625; border-bottom:1px solid #fdc625;}

#topmenu div.submenu {position:absolute; top:100px; display:none; z-index:100; border-top:0px;}
#topmenu div.submenu ul {margin:0; padding:0px; font-size:13px;}
#topmenu div.submenu ul li {position:relative; height:auto; width:100%; border-bottom:1px solid #f0f0f0; background:#fff; font-size:16px; text-align:left; line-height:36px;}
#topmenu div.submenu ul li a {display:block; padding:0 20px; font-weight:600; color:#464646 !important; text-align:left;}
#topmenu div.submenu ul li a b {padding-left:15px; font-size:14px; font-weight:300; color:#777;}
#topmenu div.submenu ul li a:hover {background:#ffc614; color:#fff !important;}
#topmenu div.submenu ul li a:hover b {color:#fff;}
#topmenu ul li.m1 div.submenu{left:-40px; width:230px; z-index:100;}
#topmenu ul li.m2 div.submenu{left:-70px; width:285px; z-index:100;}
#topmenu ul li.m3 div.submenu{left:0px; width:200px; z-index:100;}
#topmenu ul li.m4 div.submenu{left:-38px; width:230px; z-index:100;}
#topmenu ul li.m5 div.submenu{left:-45px; width:250px; z-index:100;}

#topmenu .productmenu {display:none; position:absolute; top:100px; left:-783px; width:1170px; height:670px; padding:20px 0 20px 30px; border:1px solid #e4e4e4; background:#fff url('/images/common/submenu02_bg.jpg') no-repeat center center; color:#464646; z-index:100;}
#topmenu .productmenu strong {display:block; height:75px; font-size:16px; font-weight:600;}
#topmenu .productmenu strong span {display:block; padding-top:5px; font-size:12px; font-weight:300; color:#777; line-height:13px;}
#topmenu .productmenu > ul > li {float:left; width:20%;}
#topmenu .productmenu li a {color:#464646;}
#topmenu .productmenu .submenu02 {width:200px;}
#topmenu .productmenu .submenu02 li {border-bottom:1px solid #f0f0f0; font-size:15px; font-weight:300; line-height:26px; text-indent:5px;}
#topmenu .productmenu .submenu02 li:hover {background:#ffc614;}
#topmenu .productmenu .submenu02 li:hover a {color:#fff;}

/*visual*/
#mainVisual{width:100%; height:686px; position:relative; margin-top:101px; z-index:1; !important; overflow:hidden;}
#mainVisual:after {content:''; position:absolute; top:0; left:0; width:100%; height:599px; z-index:0; background:#464646;}
#mainVisual .mainSlide { min-width:1200px;}
#mainVisual li {position:relative; width:100%; height:686px; text-align:center;}
#mainVisual li > img {position:absolute; top:0; left:50%; margin-left:-960px;}
#mainVisual li .VisualTxt {position:absolute; top:95px; left:50%; width:1200px; margin-left:-600px; font-size:20px; font-weight:300; line-height:25px; color:#fff; text-align:center;}
#mainVisual li .VisualTxt p {padding-top:15px;}

/*메인비주얼 블릿*/
#mainVisual .bx-pager {position:relative; top:-140px; text-align:center; z-index:99;}
#mainVisual .bx-pager-item {display:inline-block; zoom:1; *display:inline; }
#mainVisual .bx-pager-item .bx-pager-link {font-size:0; line-height:0; display:inline-block; margin:0 5px; width:10px; height:10px; background:#7a7a7a;}
#mainVisual .bx-pager-item .bx-pager-link.active {background:#fff;}

#subVisual {position:relative; height:290px; margin-top:101px; text-align:center;}
#subVisual img {position:absolute; top:0; left:50%; margin-left:-960px;}
#subVisual p {position:relative; top:160px; font-size:18px; font-weight:300; color:#fff; z-index:10; line-height:24px;}

/*main contents*/
.main #contents {/*width:1200px; margin:0 auto;*/}
.mainConWrap h3 {font-size:50px; font-weight:600; color:#2d2d2d; text-align:center; line-height:45px;}
.mainConWrap h3 span {display:block; font-size:22px; color:#fdc625;}
.mainConWrap h4 {margin-bottom:25px; font-size:26px; font-weight:600; color:#2d2d2d; line-height:28px;}
.mainConWrap h4 span {display:block; font-size:18px; font-weight:400; color:#777;}

.productWrap {padding-bottom:100px;}
.productWrap ul {margin-top:50px; overflow:hidden;}
.productWrap ul li {float:left; padding-left:15px;}
.productWrap ul li:first-child {padding-left:0;}
.productWrap ul li a {font-size:14px; font-weight:300; color:#777; line-height:20px;}
.productWrap ul li .imgArea {position:relative;}
.productWrap ul li .imgArea .border {display:block; position:absolute; top:0; left:0; width:228px; height:126px; transition-duration: 0.3s; transition-property: box-shadow; -webkit-tap-highlight-color: transparent; transform: translateZ(0);}
.productWrap ul li .txtArea {padding-top:10px;}
.productWrap ul li .txtArea .title {display:block; padding-bottom:8px; font-size:21px; font-weight:600; color:#000; line-height:25px;}
.productWrap ul li .txtArea .title span {display:block; font-size:14px; font-weight:400; color:#464646;}
.productWrap ul li:hover .imgArea .border {box-shadow: inset 0 0 0 5px #fdc625, 0 0 5px transparent;}
.productWrap ul li:hover .btn_more02 {width:95px; height:35px; background:#fdc625; color:#fff; text-align:center; text-decoration:none;}
.productWrap ul li:hover .btn_more02 span {border-bottom:none;}

.main_H_banner {height:630px; background:url('/images/main/main_half_banner.jpg') no-repeat center 0; overflow:hidden;}
.main_H_banner .txtArea {padding-left:700px;}
.main_H_banner .txtArea h3 {padding:90px 0 28px; text-align:left;}
.main_H_banner .txtArea h3 span {color:#7d6c3c;}
.main_H_banner .txtArea p {padding-bottom:15px; font-size:17px; font-weight:400; color:#464646; line-height:22px;}
.main_H_banner .txtArea table th {padding:4px 0;}
.main_H_banner .txtArea table td {padding-left:15px; font-size:14px; font-weight:400; color:#464646; line-height:25px; text-align:left;}
.main_H_banner .txtArea table td strong {display:block; font-size:21px; font-weight:600;}
.main_H_banner .txtArea .btn_more03 {margin-top:30px;}

.colWrap {padding:90px 0;}
.colWrap .col {float:left;}
.colWrap .col.col01 {width:435px;}
.colWrap .col.col02 {width:435px;}
.colWrap .col.col03 {float:right; width:330px;}
.colWrap .col.col03 table {width:100%; border:1px solid #dfdfdf;}
.colWrap .col.col03 table tbody td {width:50%; border-left:1px solid #dfdfdf; font-size:14px; font-weight:400; color:#777; text-align:center; line-height:22px;}
.colWrap .col.col03 table tbody td:first-child {border-left:none;}
.colWrap .col.col03 table tbody td a {display:block; padding:48px 0;}
.colWrap .col.col03 table tbody td a:hover {text-decoration:none; background:#fdc625; -webkit-transition:background 0.5s; transition:background 0.5s;}
.colWrap .col.col03 table tbody td img {display:inline-block; *display:inline; *zoom:1; padding-bottom:20px;}
.colWrap .col.col03 table tbody td strong {display:block; font-size:18px; font-weight:600; color:#2d2d2d;}

.main_B_banner ul {width:100%; height:120px; background:#fdc625; overflow:hidden;}
.main_B_banner ul li {float:left; padding:37px 110px 37px 110px; font-size:14px; line-height:23px; box-sizing:border-box;}
.main_B_banner ul li.MB_banner01 {background:url('/images/main/icon_data.png') no-repeat 30px center; margin-left:80px;}
.main_B_banner ul li.MB_banner02 {background:url('/images/main/icon_inquiry.png') no-repeat 30px center;}
.main_B_banner ul li.MB_banner03 {background:url('/images/main/icon_sample.png') no-repeat 30px center; padding-right:0;}
.main_B_banner ul li a {display:block; color:#777;}
.main_B_banner ul li a strong {display:block; font-size:19px; font-weight:600; color:#2d2d2d;}

/*sub contents*/
#container {width:1200px; overflow:hidden; margin:0 auto;}

#SNB {padding-top:50px;}
#SNB .titleArea {padding-top:15px; background:url('/images/common/title_bul.gif') no-repeat center 0; text-align:center; line-height:45px;}	
#SNB .titleArea h3 {font-size:40px; font-weight:600; color:#2d2d2d;}	
#SNB .titleArea span {display:block; font-size:18px; font-weight:400; color:#ababab; letter-spacing:2px;}

#SNB .SNBWrap {margin:30px auto 0; overflow:hidden;}
#SNB .SNBWrap .menu {font-size:0; text-align:center;}
#SNB .SNBWrap .menu li {display:inline-block; *display:inline; *zoom:1; width:240px; height:47px; margin-left:5px; background:#efefee; font-size:18px; text-align:center; line-height:47px;}
#SNB .SNBWrap .menu li:first-child {margin-left:0;}
#SNB .SNBWrap .menu li a {display:block;}
#SNB .SNBWrap .menu li:hover,
#SNB .SNBWrap .menu li.snb_on {background:#f3be17; -webkit-transition:background 0.5s; transition:background 0.5s;}
#SNB .SNBWrap .menu li:hover a,
#SNB .SNBWrap .menu li.snb_on a {color:#fff;}
#SNB .SNBWrap .menu.menu_product li {width:230px;}

.sub #contents {min-height:400px; text-align:left;}

/*contents*/
.contentsArea {padding:100px 0; font-weight:300; line-height:27px;}
.contentsArea .section {padding-bottom:100px;}
.contentsArea .Big_txt {display:block; padding-bottom:50px; font-size:22px; font-weight:500; color:#a7a5a6;}

.titleArea02 {margin-bottom:45px; background:url('/images/common/title_border.gif') repeat-x 0 center; text-align:center; line-height:32px;}
.titleArea02 div {display:inline-block; padding:0 75px; background:#fff;}
.titleArea02 h4 {font-size:26px; font-weight:600;}
.titleArea02 span {font-size:22px; color:#7d7d7d;}

/* TableType */
.TableType01 {width:100%;}
.TableType01 thead th {border-top:3px solid #f3be17; border-bottom:3px solid #f3be17; font-size:17px; font-weight:600; color:#2d2d2d; text-align:center; line-height:45px;}
.TableType01 thead th:first-child {border-left:3px solid #f3be17;}
.TableType01 thead th.last {border-right:3px solid #f3be17;}
.TableType01 thead th em {position:relative; display:inline-block; *display:inline; *zoom:1;}
.TableType01 thead th span {position:absolute; display:block; top:0; left:45px; font-size:17px; font-weight:300; color:#777;}
.TableType01 tbody td {border-bottom:1px solid #aaaaaa; font-size:16px; font-weight:300; text-align:center; line-height:47px;}

.TableType02 {width:100%;}
.TableType02 thead th {padding:10px 0 !important; border-bottom:1px solid #dfdfdf !important; border-left:1px solid #dfdfdf !important; background:#464646; font-size:16px; font-weight:600; color:#fff; line-height:20px; text-align:center;}
.TableType02 thead th:first-child {border-left:none !important;}
.TableType02 thead th.bggray {background:#6b6b6b;}
.TableType02 thead th span {display:block; padding-top:5px; font-size:14px; font-weight:400;}
.TableType02 thead th span.ib {display:inline-block; *display:inline; *zoom:1; padding-left:10px; padding-top:0;}
.TableType02 tbody th {border-bottom:1px solid #dfdfdf !important; background:#b5b5b5; font-size:16px; font-weight:600; color:#fff; line-height:20px; text-align:center;}
.TableType02 tbody th span {display:block; padding-top:5px; font-size:14px; font-weight:400;}
.TableType02 tbody td {border-bottom:1px solid #dfdfdf !important; border-left:1px solid #dfdfdf !important; padding:5px 0 !important; font-size:14px; font-weight:300; color:#666; text-align:center;}




/* CEO인사말 */
.company {background:url('/images/company/ceo.jpg') no-repeat right top;}
.company .section {padding-bottom:50px;}
.company .section span {display:block; padding-bottom:10px; font-size:26px;}

/* 연혁 */
.history_con {padding-left:50px; xbackground:url('/images/company/cable_bg.png') no-repeat 0 0;}
.history_con dl {background:url('/images/company/history_border.gif') repeat-y 135px 0; overflow:hidden; line-height:35px;}
.history_con dl:first-child {background:url('/images/company/history_border.gif') no-repeat 135px 15px; background-size:1px 25px;}
.history_con dl.LastList {background:url('/images/company/history_border.gif') no-repeat 135px 0; background-size:1px 22px;}
.history_con dl dt {float:left; width:90px; font-size:18px; font-weight:600; color:#231f20;}
.history_con dl dt b {display:inline-block; *display:inline; *zoom:1; width:60px;}
.history_con dl dt span {display:inline-block; *display:inline; *zoom:1; width:30px; text-align:center;}
.history_con dl dd {float:left; padding-left:50px; margin-left:40px; font-size:16px; color:#231f20;}
.history_con dl dd.First {background:url('/images/company/history_bul.png') no-repeat 0 13px;}
.history_con dl dd span {padding-left:25px; font-size:15px; font-weight:300; color:#777;}

/* 조직도 */
.organization {padding-bottom:380px; background:url('/images/company/history_bg.jpg') no-repeat center bottom;}

/* 사업장 안내 */
.location #map {width:100%; height:435px;}
.location table {margin-top:30px;}
.location table tbody td span {display:block; padding-top:5px; font-size:16px; color:#777; line-height:20px;}
.location table tbody td strong {padding-right:5px; letter-spacing:1px;}

/* 경영방침 */
.policy .culture_con table {width:850px; margin:0 auto;}
.policy .culture_con table td {width:33.33333%; font-size:20px; font-weight:400; text-align:center; vertical-align:top;}
.policy .culture_con table td img {display:block; padding-bottom:15px; margin:0 auto;}
.policy .culture_con table td span {display:block; padding-top:5px; font-size:17px; font-weight:300; color:#777; line-height:20px;}

.policy .policyConWrap {width:1134px; margin:0 auto;}
.policy .policyConWrap:after {content:""; display:block; clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;}
.policy .policyConWrap .policy_con {float:left; width:352px; height:280px; margin-left:30px; border:3px solid #f3be17; text-align:center; -webkit-box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.25);}
.policy .policyConWrap .policy_con:first-child {margin-left:0;}
.policy .policyConWrap .policy_con img {padding-top:48px;}
.policy .policyConWrap .policy_con strong {display:block; padding-top:35px; font-size:22px; font-weight:600; color:#f3be17;}
.policy .policyConWrap .policy_con span {display:block; padding-top:3px; color:#777;}



























/*foot*/
#foot {width:100%; background:#222222; color:#aaaaaa;}
.footWrap {padding:45px 0;}
.footWrap .f_util {position:relative; width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #4c4c4c;}
.footWrap .f_util ul {overflow:hidden;}
.footWrap .f_util ul li {float:left; padding-left:25px; font-size:15px; line-height:25px;}
.footWrap .f_util ul li:first-child {padding-left:0;}
.footWrap .f_util ul li a {color:#aaa;}
.footWrap .f_util ul li a:hover {text-decoration:underline;}
.footWrap .f_util .btn_top {position:absolute; top:-5px; right:0; display:block; width:26px; height:26px; background:url('/images/common/btn_top.png') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px;}
.footWrap .f_util .btn_top:hover {background-image:url('/images/common/btn_top_ov.png');}
.footWrap .footCnt address {font-size:15px; font-weight:300;}
.footWrap .footCnt address span {padding-left:12px; margin-left:13px; background:url('/images/common/f_bullet.gif') no-repeat 0 center; font-size:15px; font-weight:300; line-height:22px;}
.footWrap .footCnt p {font-size:15px; font-weight:300; line-height:22px;}
.footWrap .footCnt p a {color:#aaa;}
.footWrap .footCnt p a:hover {text-decoration:underline;}

/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:60px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}











/*2021 04 15*/





/* 정회원 로그인 페이지 /member/login_member.php  */

.login-member-container {position:relative; max-width:1920px; height:100vh; margin:0 auto;   background:url("/images/common/login_memeber_bg.jpg") no-repeat center;  }
.login-member-container .inlogin-box { position:absolute; left:50%; top:50%; width:350px; min-height:200px; margin-left:303px; 
transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);-moz-transform:translateY(-50%); -o-transform:translateY(-50%);}
.login-member-container .inlogin-box .logos-area {  text-align:center; padding-bottom:45px; }

.login-member-container .inlogin-box .login-box { }
.login-member-container .inlogin-box .login-box .inp {  }
.login-member-container .inlogin-box .login-box .inp input[type=text],
.login-member-container .inlogin-box .login-box .inp input[type=password] { width:100%; box-sizing:border-box; height:52px; padding:0 20px;  border-radius:27px; border:1px solid #172459; background:#fff; font-size:18px; color:#000; font-weight:400; padding-right:70px; }
.login-member-container .inlogin-box .login-box .inp > div { position:relative; margin-bottom:10px; }
.login-member-container .inlogin-box .login-box .inp > div i { position:absolute; right:0; top:0; width:70px; height:52px; background-position:center; background-repeat:no-repeat; }
.login-member-container .inlogin-box .login-box .inp .id-in i { background-image:url("/images/common/login_mem_icon1.png"); }
.login-member-container .inlogin-box .login-box .inp .pw-in i { background-image:url("/images/common/login_mem_icon2.png"); }
.login-member-container .inlogin-box .login-box .inp .save-box {padding:0 20px; font-size:16px; color:#707070;  }


.login-member-container .inlogin-box .login-box .btns { margin-top:40px;  }
.login-member-container .inlogin-box .login-box .btns a { display:block; height:50px; line-height:50px; text-align:center;  font-size:17px; border-radius:25px;  }
.login-member-container .inlogin-box .login-box .btns a.btn-login { background:#06144d; color:#fff; font-weight:600; }
.login-member-container .inlogin-box .login-box .btns div { font-size:0; margin-top:15px; }
.login-member-container .inlogin-box .login-box .btns div a { display:inline-block; width:49%; margin-right:2%; background:#e1e1e1; color:#222; }
.login-member-container .inlogin-box .login-box .btns div a + a {margin-right:0;  }







/*온라인 발주*/

.online-oder-container { max-width:1920px; margin:0 auto; margin-top:100px; }
.online-oder-container .ooc-visual { width:100%; height:342px; background:url("/images/common/online_order_subvisual.jpg") no-repeat center; }

.online-oder-container #Board.list .type1 table { table-layout:fixed;  }
.online-oder-container #Board.list .type1 th,
.online-oder-container #Board.list .type1 td { vertical-align:middle;  }
.online-oder-container #Board.list .type1 input.text.num { width:62px; }

.online-oder-container .order-contain { max-width:1200px; margin:60px auto 100px;  }
.online-oder-container .order-contain .order-title { text-align:center; font-size:50px; color:#231f20;  font-weight:600; padding-bottom:50px; }
.online-oder-container .order-contain .order-title span {  display:block; font-size:22px; color:#1f457c; }


.online-oder-container a.odbtn { display:inline-block; vertical-align:middle; height:30px; line-height:30px; border:1px solid #7f7f7f; color:#000; border-radius:4px; width:122px; text-align:center;  text-decoration:none; }
.online-oder-container a.odbtn i { display:inline-block; vertical-align:middle; width:19px; height:21px; background-repeat:no-repeat; background-position:center; margin:0 0 3px 10px; }

.online-oder-container a.odbtn.order {color:#808080;  }
.online-oder-container a.odbtn.order i { background-image:url("/images/common/order_btn_icon1.png"); }
.online-oder-container a.odbtn.estim { color:#2384c6; border-color:#2384c6; }
.online-oder-container a.odbtn.estim i { background-image:url("/images/common/order_btn_icon2.png");  }

.online-oder-container a.odbtn.blue { color:#2384c6 !important; border-color:#2384c6; }
.online-oder-container a.odbtn.red {width:70px;  color:#f00020; border-color:#f00020; }
.online-oder-container a.odbtn.bluebox { color:#fff; border-color:#2384c6; background:#2384c6; }
.online-oder-container a.odbtn.navy { color:#09134d; border-color:#09134d; }
.online-oder-container a.odbtn.navybox { color:#fff; border-color:#09134d; background:#09134d; }


.online-oder-container .order-btn-area { text-align:center; margin-top:48px; }
.online-oder-container .order-btn-area a { display:inline-block; width:214px; height:55px; line-height:55px; text-align:center; background:#2384c6; border-radius:8px; font-size:20px; color:#fff;   }


.online-oder-container a.btn-add { display:inline-block; vertical-align:middle; width:120px; height:32px; line-height:32px; border:1px solid #7f7f7f; border-radius:4px; text-align:center; font-size:15px; color:#808080; text-decoration:none; font-weight:400; }
.online-oder-container a.btn-add i { display:inline-block; vertical-align:middle; width:19px; height:19px; background:url("/images/common/order_line_addicon.png") no-repeat center; margin:0 0 3px 5px; }
.online-oder-container a.btn-remove { display:inline-block; vertical-align:middle; width:120px; height:32px; line-height:32px; border:1px solid #7f7f7f; border-radius:4px; text-align:center; font-size:15px; color:#808080; text-decoration:none; font-weight:400; }
.online-oder-container a.btn-remove i { display:inline-block; vertical-align:middle; width:19px; height:19px; background:url("/images/common/order_line_removeicon.png") no-repeat center; margin:0 0 3px 5px; }



/* 견적문의 */
.estimate-notice {margin-bottom:20px; text-align:center;}
.estimate-notice p span {color:red;}