
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
* { font-family: 'Noto Sans KR', '맑은 고딕', 'MalgunGothic';margin: 0; padding: 0;}

body * {font-size: 1em;line-height: 1.4;color:#666; font-weight:normal;}
ul, ol { list-style: none;}
a:hover, a:focus, a:link, a:visited { color: #666; text-decoration: none; font-style: normal; }
.wrapper { width: 1024px; margin: 0 auto; position: relative; overflow:hidden;content:""; display:block; clear:both;}

.padding0 { padding: 0 !important; }
.p-top30 { padding-top: 30px; !important; }
.p-top50 { padding-top: 50px; !important; }
.m-top100 { margin-top: 100px; !important; }

.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }
.fright10 { float: right; margin-right:20px;}
.fleft10 { float: left; padding-top:30px;}

.tleft { text-align: left}
.tright { text-align: right }
.tcenter { text-align: center !important; }
.tjustify { text-align: justify !important; }
.hidden { display: none !important; }
.center { text-align: center !important; }



.green {color:#3c6d2f}
.blue  {color:#00a651}
.org {color:#fda134}
.red {color:#ff3312}
.col1 { color:#4a97cc; }
.col2 { color:#009fe3; }
.col3 { color:#f7941e; }


.hidd {display:none;}

.pc_none { display: none;}
.mobile_none {display:block;}


#header {position:absolute;top:0;left:0;width:100%;min-width:1024px;z-index:9999;overflow:hidden;  transition : all 0.5s ease; -webkit-transition : all 0.5s ease;  background:url('../img/common/bg_header.png') repeat-x 0 117px;}
#header h1.logo {position: absolute;left: 0px;top:25px;z-index: 11;margin: 0; }
#header h1 a {display: block; width:240px;height:73px; background:url('../img/common/logo.png') no-repeat 0 0; }
#header #top { position:absolute; right:50%;  margin-right:-500px; height: 30px;line-height: 30px; text-align: right; top:18px;  transition : all 0.5s ease; -webkit-transition : all 0.5s ease;}



/*gnb*/
#header > .wrapper {height: 120px; }
#header #gnb{ height:200px;}
#header #gnb>ul { position:absolute; top:18px; left:50%; margin-left:-150px;}
#header #gnb>ul>li{	float:left;	  width: 170px; padding: 0 16px; box-sizing:border-box;  transition : all 0.5s ease;}
#header #gnb>ul>li>a { display:block;height:101px;line-height:101px;overflow:hidden;font-size:19px;font-weight:500;letter-spacing: -1.2px;text-align:center; }
#header #gnb>ul>li.active>a { color:#050659;}
#header #gnb ul li a { position:relative; color:#050659; border:0px solid red;}
#header #gnb ul li a span {position:absolute; left:28%; bottom:23px; height:4px; width:0%; background:#4a97cc;   transition : all 0.5s ease;}
#header #gnb>ul>li.active>a span {  width:45%; }

#header #gnb>ul ul { position:absolute; margin-top:0px; margin-left:-15px; padding-top:10px; background:#313259; }
#header #gnb>ul ul.sub_gnb01 { width:165px;}
#header #gnb>ul ul.sub_gnb02 { width:200px;}
#header #gnb>ul ul li { display: block;  text-align:center}
#header #gnb>ul ul li:last-child { border-bottom:10px solid #313259;}

#header #gnb>ul ul a{ display:block; font-size: 14px; line-height:1.4;  color:#fff; padding:6px 15px 6px 15px; margin:1px 0; }
#header #gnb>ul ul a:hover{	color:#313259; background:#fff; transition : all 0.5s ease;  }

#gnb li ul {display:none;  transition : all 0.5s ease; box-shadow:3px 3px 3px rgba(0,0,0,.2);} 
#gnb li:hover>ul  {display:block;}


/*footer*/
#footer {background: #313259; }
#footer > .wrapper {padding: 30px 0 35px;}
#footer address {font-size: 14px;letter-spacing: -0.4px;color: #dfdfdf; line-height: 1.5em;font-style: normal;}
#footer p {margin-top:10px; color: #dfdfdf; font-size:0.8em;}
#footer .fleft { float: left; width:15% }
#footer .fright { float: right; width:85%;}

#footer span { display:inline block; padding:0 10px; color:#ccc;}



#sub_visual { clear: both;position: relative;margin-top: 120px;height:230px}
#sub_visual  p{margin-top: 70px;font-size: 2.8em; color: #fff;letter-spacing: 0px; text-align:center; text-shadow: 3px 3px 3px #666;}
.sv01 {height:270px;background: url('../img/custom/sub-visual-01.jpg');  background-repeat:no-repeat; background-position:50% 0;}
.sv02 {height:270px;background: url('../img/custom/sub-visual-02.jpg');  background-repeat:no-repeat; background-position:50% 0;}
.sv03 {height:270px;background: url('../img/custom/sub-visual-03.jpg');  background-repeat:no-repeat; background-position:50% 0;}



.aside {width:100%;  position: absolute; bottom:-15px; height: 40px; }
.aside .wrapper {width:1024px;}

.aside ul {margin:0; padding:0; overflow:hidden;}
.aside ul li {float:left; background:#fff; border:1px solid #ddd; text-align:center; height:51px;  border-right:none;  transition : all 0.5s ease; -webkit-transition : all 0.5s ease;}
.aside ul li:last-child {  border-right:1px solid #ddd;   }
.aside ul li a { font-size:16px; color:#2b2b2b; display: block; line-height:51px;  }
.aside ul li.on,
.aside ul li:hover {background: #e9f2f9; border:none; border-bottom:1px solid #e9f2f9;}
.aside ul li.on a,
.aside ul li:hover a { color:#1a267e; font-weight:500;}
ul.w1 li {width: 100%;}
ul.w2 li {width: 49.85%;}
ul.w3 li {width: 33.1%;}
ul.w4 li {width: 24.8%;}
ul.w5 li {width: 19.9%;}
ul.w6 li {width: 16.5%;}
ul.w7 li {width: 14.2%;}


ul.list-a li { width:100%; background:url('../img/common/bullet04.png') no-repeat 0 8px; padding-left:15px; box-sizing:border-box; height:30px;}
ul.list-a li span {font-weight:bold;}

ul.list-a2 li { width:100%; background:url('../img/common/bullet04.png') no-repeat 0 8px; padding-left:15px; margin-left:30px;  box-sizing:border-box; height:30px;}
ul.list-a2 li span {font-weight:bold;}

ul.list-b li { width:100%; background:url('../img/common/ding_01.gif') no-repeat 0 10px; padding-left:10px; box-sizing:border-box; font-size:0.9em;}
ul.list-b li span {font-weight:bold;}

p.bar {background:#4a97cc; height:4px;clear: both; margin-bottom:30px; }



/*return-top*/
.stbtn {right:15px; bottom:15px; position:fixed; z-index:9999; display:block; padding:19px 12px 15px 12px; background:#000 url('../img/common/top_arr.png') no-repeat center 12px; color:#fff !important; font-weight:bold; }
.reader { position: absolute; left: -1000%; top: 0px; width: 1px; heght: 1px; font-size: 0px; line-height: 0px; overflow: hidden; }
caption { display: none; }


.content {margin: 40px 0 80px 0; }
.sub_title {clear: both;margin: 50px 0 50px;  background:url('../img/common/bg_h4.png') no-repeat 0 8px; padding:0 0 20px 40px;	font-size: 40px;font-weight: 500;color: #000;   transition : all 0.5s ease; -webkit-transition : all 0.5s ease; 	}

.sub_title2 {clear: both;margin: 20px 0 0 0px;   padding:0 0 0px 0px;	font-size: 30px;font-weight: 500;color: #000;   transition : all 0.5s ease; -webkit-transition : all 0.5s ease; 	}
.sub_title3 {clear: both;margin: 0px 0 0px 10px;  background:url('../img/common/sub_title3_bg.jpg') no-repeat 0 13px; padding:0 0 10px 20px;	font-size: 24px;font-weight: 500;color: #3034d7;   transition : all 0.5s ease; -webkit-transition : all 0.5s ease; 	}
h5 { clear: both;margin: 0 0 20px; font-size:25px; padding-top:10px; color:#000;  font-weight:500;  background:url('../img/common/h5_bg.png') no-repeat 0 0;}


/*제품소개*/
.pimg {}
.pimg li {float:left; width:30%; margin-right:30px;text-align:center;}
.pimg li:nth-child(3) {margin-right:0px;}
.pimg li p.txt {color:#4a97cc; font-size:20px; margin-bottom:20px;}
.pimg li p.img img {border-radius:20px 0 20px 0; }



/*#####  table style   #####*/
table.table-a { clear: both; margin: 0 0 10px 1px; width: 100%; border-top: solid 1px #b4b5cd; border-bottom: solid 1px #b4b5cd;  border-collapse: collapse; border-spacing: 0;}
table.table-a tr.first th, table.table-a tr.first td { border-top: none; }
table.table-a tfoot tr.first th, table.table-a tfoot tr.first td { border-top: solid 1px #dcdbdc; }
table.table-a th,
table.table-a td { padding:10px 0px; border-top: solid 1px #dddddd; border-right: solid 0px #dddddd; text-align: center; font-size: 14px; font-weight:400;  color:#282828; }
table.left td,
table.table-a .left { text-align: left; padding-left: 10px; }
table.table-a .right { text-align: right; padding-right: 10px; }
table.table-a .center { padding-left: 0; }

table.table-a thead th {  font-size: 14px; border-top: none; border-bottom: 1px solid #dddddd; border-right-color: #dddddd; background-color:  #313259; color: #fff; font-weight: bold; }
table.table-a tbody th { font-weight: normal; background:#b4b5cd; }
table.table-a .last-child { border-right: none; }
table.table-a .line { border-right: solid 1px #dddddd; }
table.table-a tbody tr:nth-child(odd) td { background:#f9f9f9; }

img.ico_img {width:20px; margin:0 0 0 10px;}

table.table-a tr:hover td{background:#f3f3f3; border-right: solid 1px #fff;}
table.table-a tr:hover th{border-right: solid 1px #fff;}



/*#####  기본 style   #####*/
.f_bold{font-weight: bold;}
.f_color1{color:#f90808;}
.f_color2{color:#0808f9;}
.f_color3{color:#006a91;}
.f_colorf{color:#fff;}
.f_size16{ font-size: 16px;}
.f_size18{ font-size: 18px;}
.f_size20{ font-size: 20px;}
.f_size24{ font-size: 24px;;}
.f_size28{ font-size: 28px;;}
.b_color1{background:#f6f5f2;}
.b_color2{background:#446199;}




.m-btm0 {margin-bottom: 0px !important;}
.m-btm10 {margin-bottom: 10px !important;}
.m-btm20 {margin-bottom: 20px !important;}
.m-btm30 {margin-bottom: 30px !important;}
.m-btm35 {margin-bottom: 35px !important;}
.m-btm40 {margin-bottom: 40px !important;}
.m-btm50 {margin-bottom: 50px !important;}
.m-top-10 {margin-top: -10px !important;}
.m-top-20 {margin-top: -20px !important;}
.m-top-30 {margin-top: -30px !important;}
.m-top5 {margin-top: 5px !important;}
.m-top10 {margin-top: 10px !important;}
.m-top15 {margin-top: 15px !important;}
.m-top20 {margin-top: 20px !important;}
.m-top30 {margin-top: 30px !important;}
.m-top40 {margin-top: 40px !important;}
.m-top50 {margin-top: 50px !important;}
.m-left-10 {margin-left: -10px !important;}
.m-left-20 {margin-left: -20px !important;}
.m-left10 {margin-left: 10px !important;}
.m-left20 {margin-left: 20px !important;}
.m-left25 {margin-left: 25px !important;}
.m-left30 {margin-left: 30px !important;}
.m-left40 {margin-left: 40px !important;}
.m-right10 {margin-right: 10px !important;}
.m-right14 {margin-right: 14px !important;}
.m-right20 {margin-right: 20px !important;}
.p-left10 {padding-left: 10px !important;}
.p-left20 {padding-left: 20px !important;}
.p-right10 {padding-right: 10px !important;}
.p-right20 {padding-right: 20px !important;}

button{overflow:visible;border:0 none;background-color:transparent;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}


.fs0 {font-size:0px;}





/*  게시판 */
.ess_itm {color:#f25953; padding-right:5px}

/* 게시판 VIew */
.BD_table {position:relative; margin-top:5px; font-family:"NotoR"; border-top:2px solid #2e2e2e; font-size:14px; overflow:hidden;}
.BD_table > table {position:relative; width:100%; border-collapse:collapse; margin-left:-1px;}
.BD_table > table > caption > span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.BD_table > table > tbody > tr > th {padding:13px 20px; color:#2e2e2e; font-family:"NotoM"; font-size:14px; border-bottom:1px solid #b2b7c7; border-left:1px solid #b2b7c7; background:#f9f9f9; font-weight:600;}
.BD_table > table > tbody > tr > th.title {padding:16px 20px; font-size:18px; border-bottom:1px solid #2e2e2e; background:#fafcfe;}
.BD_table > table > tbody > tr > td {padding:10px 20px; color:#444; border-left:1px solid #b2b7c7; border-bottom:1px solid #b2b7c7; word-wrap:break-word; word-break:break-all;}
.BD_table > table > tbody > tr > td .input_txt {width:99%; height:26px; line-height:26px; border:1px solid #9298af;}
.BD_table > table > tbody > tr > td .input_txt50 {width:50%; height:26px; line-height:26px; border:1px solid #9298af;}
.BD_table > table > tbody > tr > td .input_txt30 {width:30%; height:26px; line-height:26px; border:1px solid #9298af;}
.BD_table > table > tbody > tr > td .write_txt {width:99%; height:350px; line-height:26px; border:1px solid #9298af;}
.BD_table > table > tbody > tr > td select {height:28px;  border:1px solid #9298af;}
.BD_table > table > tbody > tr > td img {max-width:850px;}
.BD_table table tbody tr td table {width: 100% !important; table-layout: auto !important;}
.BD_table table tbody tr td table td p { word-break: break-all !important; } 
.BD_table > table > tbody > tr > td video {width:100%; height:auto; margin:0 auto;}


/* 버튼 */
.btn_st a {display: inline-block;line-height: 20px;padding: 8px 20px;margin: 1px;text-decoration: none;border: 1px solid #9298af;font-size: 15px;text-align: center;color: #111;background: #fff;}
.btn_st .ok {display: inline-block;line-height: 20px;padding: 8px 20px;margin: 1px;text-decoration: none;border: 1px solid #9298af;font-size: 15px;text-align: center;color: #fff;background: #313259;}

a.btn_bbs03 { display: inline-block;line-height: :15px;padding: 7px 20px;margin: 1px;text-decoration: none;font-size: 15px;text-align: center;color: #fff;background: #25476a; vertical-align:baseline;}

/*문의하기*/
div.scroll { overflow-y:scroll; width:100%; height:200px; border:1px solid #ccc; padding:10px 15px;  box-sizing:border-box;  margin:10px 0 30px; background:#f9f9f9;  }
p.red-box {text-align:center; margin:20px 0;}
p.red-box span {display:inline block; padding:5px 20px; background:#ff2400; color:#fff;}
p.tit { margin:20px 0 10px; color:#000; font-weight:600;}
#agree+label {padding-left:10px; color:#4a97cc; }
.wm15 {width:15%;}

/*기술소개 */
.greeting p {margin:0 0 30px;}
.greeting strong {color:#4a97cc; font-weight:600;}
.video-box {text-align:center;}
.video-box video {width:80%;}

@media screen and (max-width:640px){

	body{min-width:100%}
	.wrapper {width:auto; padding:0 10px;}    
    .pc_none{display:block} 
	.mobile_none {display:none;}
	


	#header {width:100%;min-width:340px;height:76px; }
	
	#header h1.logo{ top:12px;left:35%;margin-left:-130px; width:160px;height:49px; }
	#header h1.logo a { position:absolute; display:block; top:0; left:45px;background:url('../img/common/logo.png') no-repeat 0 0; background-size:98% 70%;   width:160px;}
	/*
	#header h1.logo a { position:absolute; display:block; top:0; left:45px;background:url('../img/common/logo.png') no-repeat 0 0; background-size:90% 70%;   width:180px;}
	*/
	#header #top {left:0%; height: 20px;line-height: 20px; top:13px; box-sizing:border-box; width:100%; text-align: right; padding-right:20%;}
	#header #top div img { width:70px;}


	



	#header > .wrapper {height: 100px; }
	#header #gnb{  display:none; }
    #header{overflow:visible;  }

    .btn_gnb{display:none;position:absolute;top:25px;right:15px;width:30px;height:30px; } 
    .btn_gnb.open{background:url('../img/common/btn_bg.png') no-repeat 0 0; }
    .btn_gnb.close{background:url('../img/common/btn_bg.png') no-repeat -49px 0px;  }

	.btn_tel {position:absolute;top:25px;left:50px;width:34px; height:34px;  background:url('../img/common/ico_tel.png') no-repeat 0 0; border:0px solid #fff;}
	.btn_map {position:absolute;top:25px;left:15px;width:34px; height:34px;  background:url('../img/common/ico_map.png') no-repeat 0 0;}


    .wrap_btn_gnb.open .btn_gnb.open{display:block} 
    .wrap_btn_gnb.close .btn_gnb.close{display:block} 
    .gnb_mobile{display:none;position:absolute;top:73px;left:0;width:100%;border-top: 1px solid #181938;background-color:rgba(0, 0, 0, 0.8)}




    .gnb_mobile a{font-size:14px;text-decoration:none}
    .gnb_dp1_list{background-color:#313259;text-align:left;border-bottom:1px solid #48486c}
    .gnb_dp1_list>li{position:relative;border-top:1px solid #48486c}
    a.gnb_dp1{display:block;font-weight:500;font-size:15px;padding-left:20px;height:45px;line-height:45px;color:#fff}
    a.gnb_dp1:after{position:absolute;top:0;right:20px;width:15px;height:45px;display:inline-block;overflow:hidden;background:url('../img/common/sp_com.png') no-repeat 0 0;background-position:-340px -30px;line-height:999px;vertical-align:top;content:'';background-size:400px 400px}
    .gnb_dp2_list{background-color:#e9f2f9; color:#313259;}
    .gnb_dp2_list>li{position:relative;border-top:1px solid #181938;display:none}   
    a.gnb_dp2{display:block;font-weight:500;padding-left:45px;height:45px;line-height:45px} 
	a.gnb_dp2:after,a.gnb_dp2.child_Y:after{position:absolute;top:0;right:20px;width:15px;height:45px;display:inline-block;overflow:hidden;background:url('../img/common/sp_com.png') no-repeat 0 0;background-position:-370px -30px;line-height:999px;vertical-align:top;content:'';background-size:400px 400px} 
	a.gnb_dp2.child_N:after{display:none}
    .gnb_dp3_list{padding:0 25px}
    .gnb_dp3_list>li{border-top:1px solid #181938;display:none}
    .gnb_dp1_list>li:first-child,.gnb_dp2_list>li:first-child,.gnb_dp3_list>li:first-child{border-top:0}
    a.gnb_dp3{display:block;padding-left:30px;height:40px;line-height:40px}
    .gnb_dp2_list>li.open>a{border-bottom:1px solid #181938; color:#313259;} 
    .gnb_dp1_list>li.open a.gnb_dp1:after{right:auto;left:20px;background-position:-355px -30px}
    .gnb_dp1_list>li.open a.gnb_dp1.none_open:after{display:none}
    .gnb_dp1_list>li.open a.gnb_dp1{padding-left:45px}
    .gnb_dp2_list>li.open a.gnb_dp2:after{background-position:-385px -30px}





	#footer_logo {width:100%; text-align:center;}
	#footer .fleft {text-align:center; width:96%; padding:0 2%;}	
	#footer .fright { text-align:center; width:96%; padding:0 2%;}
	#footer address {text-align:center; padding:0 2%; font-size:0.7em;  line-height:1.5em;}
    #footer p {color: #fff; text-align:center;}





	section.content {margin:60px 0 20px 0; }
	h4.sub_title {background:#4a97cc;  color:#fff; padding-bottom: 20px; font-size:20px; line-height:50px; font-weight:bold; padding:0; height:50px; margin:50px 0 50px 0; text-align:center;}


	
	.mimg100 {width:100%;}

	.pimg li {width:100%; margin-right:0px;}
	.wm15 {width:25%;}
	.BD_table > table > tbody > tr > th {padding:13px 10px; }




}
