@charset "utf-8";
/* 초기화 */
html { overflow-x:hidden; overflow-y:scroll}
body {margin:0;padding:0;height: 100%;font-size:16px;font-family:'S-Core','Titillium Web'; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'S-Core', 'Titillium Web';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul{margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd{margin:0;padding:0}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'S-Core', Titillium Web;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:'S-Core', Titillium Web;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
#wrap { border: 0px #f00 solid; width: 100%; height:100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#top_box { border: 0px #f00 solid; width: 1200px; height:96px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#top_box .logo { border: 0px #f00 solid; width: 190px; height:50px; float:left; margin-top: 30px; margin-left:550px; padding:0px; text-align:center;}
#top_box .top_menu { border: 0px #f00 solid; width: 162px; height: 93px; float:right; }
#top_box .top_menu .hm { border: 0px #f00 solid; padding: 2px 10px 2px 10px; width: 140px; height: 26px; margin-top:32px;}
/*Home Link*/
a.hm:link, a.hm:visited, a.hm:active {color: #FFF; text-decoration:none; font-family: 'Titillium Web'; font-size: 12px; font-weight:600 ; background: #205427; border-radius: 15px;}
a.hm:hover{color: #fff; background: #162117; border-radius: 15px;}
.menu { border: 0px #f00 solid; text-align: center; background-color: rgba( 21, 128, 30, 0.8 ); padding: 0px 0px; width: 100%; height:85px; z-index:999999;}
/*.jbContent { height: 1000px; }*/
.jbFixed { position: fixed; top: 0px; }
.t_menu { border: 0px #f00 solid; padding-top: 20px; width: 1200px; height:65px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
.t_menu li {border: 0px #f00 solid; list-style:none; float:left; width:180px; height:50px; margin: 0 25px; padding-top: 12px;}
/*menu Link*/
a.mm:link, a.mm:visited, a.mm:active {color: #505050; text-decoration:none; font-family: 'S-Core'; font-size: 20px; font-weight: 700; color:#bad9bc; border-radius: 0px;}
a.mm:hover{color: #FFF; background: #074c0d; border-radius: 30px; padding:15px 40px; }
/*#index_header { border: 0px #f00 solid; width: 100%; height:734px; background-image: url('../image/main_bg1.jpg'); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; z-index:-999999;} */
#index_header { border: 0px #f00 solid; width: 100%; height:774px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; z-index:-999999;}
#index_copy_box { border: 0px #f00 solid; width: 1200px; height:320px; padding-top:0px; margin-top: 60px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#index_copy_box .index_copy1 { border: 0px #f00 solid; width: 630px; height:40px; margin-top: 45px; margin-left:90px; float:left;font-family: 'S-Core'; font-size: 38px; font-weight: 700; color: #fff;}
#index_copy_box .index_copy2 { border: 0px #f00 solid; width: 580px; height:90px; margin-top: 35px; margin-left:90px; float:left;font-family: 'S-Core','Titillium Web'; font-size: 18px; font-weight: ; color: #fff; clear:both;}
#index_copy_box .index_copy3 { border: 0px #f00 solid; width: 200px; height:40px; margin-top: 45px; margin-left:90px; float:left; clear:both;}
a.indexview:link, a.indexview:visited, a.indexview:active {color: #FFF; text-decoration:none; font-family: 'S-Core','Titillium Web'; font-size: 18px; font-weight: ; background: #788973; border-radius: 20px; padding: 6px 50px 6px 50px;}
a.indexview:hover{color: #fff; background: #15801e; border-radius: 20px;}
#index_subtitle {border: 0px #f00 solid; width: 270px; height:100px; text-align:center; margin-top: 50px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#index_subtitle .subtitle_line {border-top: 4px #1ec802 solid; width: 77px; height:1px; text-align:center; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto;}
#index_subtitle .copy1 {border: 0px #f00 solid; font-family: 'Titillium Web'; font-size: 30px; color: #1c1c1c; font-weight: 700; letter-spacing:-1px; padding-top:0px; }
#index_subtitle .copy2 {border: 0px #f00 solid; font-family: 'S-Core'; font-size: 14px; color: #1c1c1c; font-weight: 400; letter-spacing:-1px; padding-top:0px; }
#index_3box { border: 0px #f00 solid; position: absolute; width: 100%; height:490px; margin-top:0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#index_3box_in { border: 0px #f00 solid; width: 1200px; height:316px; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_3box_menu {border:0px #f00 solid; height: 320px; width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px; clear: both;}
#index_3box_01 {border:0px #f00 solid; width:390px; height:252px; border-radius: 40px 10px 40px 10px; float:left; margin-top: 54px; margin-left:0px; margin-right:15px; text-align:center;
font-family: 'S-Core'; color:#FFF; line-height:20px; background: #74937c; }
#index_3box_01 .box_01_img {border:0px #f00 solid; height: 124px; width: 124px; padding-top:0px; margin-top: -68px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_3box_01 .box_01_title {border:0px #f00 solid; height: 35px; width: 128px; padding-top:25px;margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: 'S-Core'; color:#FFF; font-size: 25px; font-weight: 700;}
#index_3box_01 .box_01_copy {border:0px #f00 solid; height: 60px; width: 250px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: 'S-Core'; color:#FFF; font-size: 12px; font-weight: 400; line-height:17px;}
#index_3box_01 .box_more {border:0px #f00 solid; width:30px; height:30px; padding-top:0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_3box_01:hover {border:0px #f00 solid; background: #4c6f55; }
/*#index_3box_gab {border-right:1px #c7c7c7 solid; width:1px; height:200px; float:left; margin-top: 40px;}*/
#index_3box_02 {border:0px #f00 solid; width:390px; height:252px; border-radius: 10px 10px 40px 40px; float: left; margin-top: 54px;margin-left:0px; margin-right:15px; text-align:center;
font-family: 'S-Core'; color:#FFF; line-height:20px; background: #8594a2;}
#index_3box_02 .box_02_img {border:0px #f00 solid; height: 124px; width: 124px; padding-top:0px; margin-top: -68px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_3box_02 .box_02_title {border:0px #f00 solid; height: 35px; width: 128px; padding-top:25px;margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: 'S-Core'; color:#FFF; font-size: 25px; font-weight: 700;}
#index_3box_02 .box_02_copy {border:0px #f00 solid; height: 60px; width: 250px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: 'S-Core'; color:#FFF; font-size: 12px; font-weight: 400; line-height:17px;}
#index_3box_02 .box_more {border:0px #f00 solid; width:30px; height:30px; padding-top:0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_3box_02:hover {border:0px #f00 solid; background: #5f7386; }
#index_3box_03 {border:0px #f00 solid; width:390px; height:252px; border-radius: 10px 40px 40px 10px; float: left; margin-top: 54px;margin-left:0px; margin-right:0px; text-align:center;
font-family: 'S-Core'; color:#FFF; line-height:20px; background: #9385a2;}
#index_3box_03 .box_03_img {border:0px #f00 solid; height: 124px; width: 124px; padding-top:0px; margin-top: -68px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_3box_03 .box_03_title {border:0px #f00 solid; height: 35px; width: 128px; padding-top:25px;margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: 'S-Core'; color:#FFF; font-size: 25px; font-weight: 700;}
#index_3box_03 .box_03_copy {border:0px #f00 solid; height: 60px; width: 250px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: 'S-Core'; color:#FFF; font-size: 12px; font-weight: 400; line-height:17px;}
#index_3box_03 .box_more {border:0px #f00 solid; width:30px; height:30px; padding-top:0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_3box_03:hover {border:0px #f00 solid; background: #756388; }
a.box_more:link, a.box_more:visited, a.box_more:active {border: 1px #000 solid; display: inline-block; font-family: 'S-core';font-size:30px; color: #767676; font-weight: 100;background:#dadada; padding-top:-4px; border-radius: 40px; }
a.box_more:hover{border: 0px #000 solid; display: inline-block; font-family: 'S-core';font-size:30px; color: #fff; font-weight: 100;background: #3a5dab; padding-top:0px; border-radius: 40px;}
#index_subtitle2 {border: 0px #f00 solid; width: 270px; height:100px; text-align:center; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#index_subtitle2 .subtitle_line {border-top: 4px #1ec802 solid; width: 77px; height:1px; text-align:center; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto;}
#index_subtitle2 .copy1 {border: 0px #f00 solid; font-family: 'Titillium Web'; font-size: 30px; color: #1c1c1c; font-weight: 700; letter-spacing:-1px; padding-top:0px; }
#index_subtitle2 .copy2 {border: 0px #f00 solid; font-family: 'S-Core'; font-size: 14px; color: #1c1c1c; font-weight: 400; letter-spacing:-1px; padding-top:0px; }
#index_probox { border: 0px #f00 solid; width: 100%; height:550px; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-image: url('../image/main_pro_bg.jpg'); }
#index_probox_in { border: 0px #f00 solid; position: absolute; left:10%; right:10%; width: 1200px; height:600px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_4pro {border:0px #f00 solid; height: 355px; width: 1200px; margin-top: 95px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px;}
#index_4pro_01 {border-right:1px #33464a solid; margin-right:0px; width:299px; height:328; float:left; text-align:center; font-family: 'S-core'; color:#FFF; line-height:25px; }
#index_4pro_01 .img_01_img {border:0px #f00 solid; height: 116px; width: 116px; padding-top:0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_4pro_01 .img_01_title {border:0px #f00 solid; height: 35px; width: 268px; margin-top: 25px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 28px; font-weight: 700;}
#index_4pro_01 .img_01_copy {border:0px #f00 solid; height: 80px; width: 270px; line-height:20px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 12px; font-weight: 400;letter-spacing:-0.5px;}
#index_4pro_01 .img_01_more {border:0px #f00 solid; height: 50px; width: 50px; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto;}
#index_4pro_01:hover {border-right:1px #33464a solid; width:299px; height:328; float:left; background-image: url('../image/index_img_probg.png'); }
#index_4pro_02 {border-right:1px #33464a solid; margin-right:0px; width:299px; height:328; float: left; text-align:center; font-family: 'S-core'; color:#FFF; line-height:25px; }
#index_4pro_02 .img_02_img {border:0px #f00 solid; height: 116px; width: 116px; padding-top:0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_4pro_02 .img_02_title {border:0px #f00 solid; height: 35px; width: 268px; margin-top: 25px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 28px; font-weight: 700;}
#index_4pro_02 .img_02_copy {border:0px #f00 solid; height: 80px; width: 270px; line-height:20px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 12px; font-weight: 400;letter-spacing:-0.5px;}
#index_4pro_02 .img_02_more {border:0px #f00 solid; height: 50px; width: 50px; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto;}
#index_4pro_02:hover {border-right:1px #33464a solid; width:299px; height:328; float:left; background-image: url('../image/index_img_probg.png'); }
#index_4pro_03 {border-right:1px #33464a solid; margin-right:0px; width:299px; height:328; float: left; text-align: center; text-align:center; font-family: 'S-core'; color:#FFF; line-height:25px; }
#index_4pro_03 .img_03_img {border:0px #f00 solid; height: 116px; width: 116px; padding-top:0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_4pro_03 .img_03_title {border:0px #f00 solid; height: 35px; width: 268px; margin-top: 25px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 28px; font-weight: 700;}
#index_4pro_03 .img_03_copy {border:0px #f00 solid; height: 80px; width: 270px; line-height:20px; margin-top:10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 12px; font-weight: 400;letter-spacing:-0.5px;}
#index_4pro_03 .img_03_more {border:0px #f00 solid; height: 50px; width: 50px; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto;}
#index_4pro_03:hover {border-right:1px #33464a solid; width:299px; height:328; float:left; background-image: url('../image/index_img_probg.png'); }
#index_4pro_04 {border:0px #f00 solid; width:300px; height:328; float: left; text-align: center; text-align:center; font-family: 'S-core'; color:#FFF; line-height:25px; }
#index_4pro_04 .img_04_img {border:0px #f00 solid; height: 116px; width: 116px; padding-top:0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_4pro_04 .img_04_title {border:0px #f00 solid; height: 35px; width: 268px; margin-top: 25px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 28px; font-weight: 700;}
#index_4pro_04 .img_04_copy {border:0px #f00 solid; height: 80px; width: 270px; line-height:20px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 12px; font-weight: 400;letter-spacing:-0.5px;}
#index_4pro_04 .img_04_more {border:0px #f00 solid; height: 50px; width: 50px; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto;}
#index_4pro_04:hover {border:0px #f00 solid; background-image: url('../image/index_img_probg.png'); }
a.index_more:link, a.index_more:visited, a.index_more:active {border: 1px #767676 solid; display: inline-block; width:40px; height:40px; font-family: 'S-core';font-size:36px; color: #767676; font-weight: 100;background:#575757; padding-top:5px; }
a.index_more:hover{border: 1px #FFF solid; display: inline-block; width:40px; height:40px; font-family: 'S-core';font-size:36px; color: #fff; font-weight: 100;background: #575757; padding-top:5px; }
#index_3box2 { border: 0px #f00 solid; width: 100%; height:280px; margin-top:0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; z-index:-999999;}
#index_3box2_in { border: 0px #f00 solid; left:10%; right:10%; width: 1200px; height:182px; margin-top: 48px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_3box2_menu {border:0px #f00 solid; height: 182px; width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px; clear: both;}
#index_3box2_01 {border:0px #f00 solid; width:390px; height:182px; border-radius: 5px; float:left; margin-left:5px; margin-right:5px; text-align:center; font-family: 'S-Core'; color:#FFF; line-height:20px; background: #a1887d; }
#index_3box2_01 .box_01_img {border:0px #f00 solid; height: 60px; width: 40px; margin-left:20px; margin-top:55px; padding-top:10px; float:left;}
#index_3box2_01 .box_01_title {border:0px #f00 solid; height: 30px; width: 208px; float:left; text-align:left; margin-left:20px; margin-top:50px;padding-top:5px; font-size: 25px; font-weight: 700;}
#index_3box2_01 .box_01_copy {border:0px #f00 solid; height: 80px; width: 230px; float:left; text-align:left; margin-left:20px; font-size: 12px; font-weight: 300;}
#index_3box2_01 .box_more {border:0px #f00 solid; height: 81px; width: 45px; margin-top:50px; margin-left:0px; display: inline-block;}
#index_3box2_01:hover {border:0px #f00 solid; background: #705448; }
#index_3box2_02 {border:0px #f00 solid; width:390px; height:182px; border-radius: 5px; float: left; margin-left:5px; margin-right:5px; text-align:center; font-family: 'S-Core'; color:#FFF; line-height:20px; background: #75889e;}
#index_3box2_02 .box_02_img {border:0px #f00 solid; height: 50px; width: 50px;margin-left:20px; margin-top:65px; padding-top:0px; float:left;}
#index_3box2_02 .box_02_title {border:0px #f00 solid; height: 35px; width: 168px; float:left; text-align:left; margin-left:20px; margin-top:50px;padding-top:5px; font-size: 25px; font-weight: 700;}
#index_3box2_02 .box_02_copy {border:0px #f00 solid; height: 80px; width: 220px; float:left; text-align:left; margin-left:20px; font-size: 12px; font-weight: 300;}
#index_3box2_02 .box_more {border:0px #f00 solid; height: 81px; width: 45px; margin-top:50px; margin-left:0px; display: inline-block;}
#index_3box2_02:hover {border:0px #f00 solid; background: #3d5168;}
#index_3box2_03 {border:0px #f00 solid; width:390px; height:182px; border-radius: 5px; float: left; margin-left:5px; margin-right:5px; text-align:center; font-family: 'S-Core'; color:#FFF; line-height:20px; background: #7c8382;}
#index_3box2_03 .box_03_img {border:0px #f00 solid; height: 80px; width: 60px; margin-left:20px; margin-top:50px; padding-top:15px; float:left;}
#index_3box2_03 .box_03_title {border:0px #f00 solid; height: 35px; width: 208px; float:left; text-align:left; margin-left:20px; margin-top:50px;padding-top:5px; font-size: 25px; font-weight: 700;}
#index_3box2_03 .box_03_copy {border:0px #f00 solid; height: 80px; width: 210px; float:left; text-align:left; margin-left:20px; font-size: 12px; font-weight: 300;}
#index_3box2_03 .box_more {border:0px #f00 solid; height: 81px; width: 45px; margin-top:50px; margin-left:0px; display: inline-block;}
#index_3box2_03:hover {border:0px #f00 solid; background: #3f5c58;}
#index_subtitle3 {border: 0px #f00 solid; width: 270px; height:100px; text-align:center; margin-top: 40px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#index_subtitle3 .subtitle_line {border-top: 4px #1ec802 solid; width: 77px; height:1px; text-align:center; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto;}
#index_subtitle3 .copy1 {border: 0px #f00 solid; font-family: 'Titillium Web'; font-size: 30px; color: #1c1c1c; font-weight: 700; letter-spacing:-1px; padding-top:0px; }
#index_subtitle3 .copy2 {border: 0px #f00 solid; font-family: 'S-Core'; font-size: 14px; color: #1c1c1c; font-weight: 400; letter-spacing:-1px; padding-top:0px; }
#index_casebox { border: 0px #f00 solid; width: 100%; height:440px; margin-top:0px; background: #;}
#index_casebox_in { border: 0px #f00 solid; width: 1200px; height:500px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
/*#index_img_sonic {border: 0px #f00 solid; width: 270px; height:130px; text-align:center; margin-top: 50px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#index_img_sonic .copy1 {border: 0px #f00 solid; font-family: 'Titillium Web'; font-size: 30px; color: #1c1c1c; font-weight: 700; letter-spacing:-1px; padding-top:0px; }
#index_img_sonic .copy2 {border: 0px #f00 solid; font-family: 'S-Core'; font-size: 15px; color: #1c1c1c; font-weight: 400; letter-spacing:-1px; padding-top:0px; }*/
#index_case { border: 0px #f00 solid; border-top: 1px #dcdcdc solid; border-bottom: 1px #dcdcdc solid; width: 1200px; height:290px; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#index_board {border: 0px #3149ff solid; width: 100%; height:370px; margin-top:0px; }
#index_board_in { border: 0px #f00 solid; left:10%; right:10%; width: 1200px; height:280px; margin-top: 65px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_ntc {border:0px #979797 solid; width:400px; height:265; float:left;}
#index_ntc .ntc_title {border:0px #f00 solid; border-bottom:0px #676767 solid; float: left; height: 36px; width: 128px; padding-top:10px; margin-left: 18px; margin-top: 0px; font-family: 'S-Core'; font-size: 24px; font-weight: 700;}
#index_ntc .ntc_ic {border:0px #f00 solid; float: right; height: 36px; width: 36px; margin-top:10px; margin-right: 10px; font-size:22px; text-align: center; }
#index_ntc .ntc_content {border:0px #f00 solid; height: 100px; width: 350px; clear: both; margin-left: 22px; margin-top: 15px; float: left;}
#index_cs {border-left:1px #c1c1c1 solid; border-right:1px #c1c1c1 solid; width:396px; height:260; float: left; text-align: center; }
#index_cs .cs_title {border:0px #f00 solid; border-bottom:0px #676767 solid; height: 36px; width: 198px; text-align: center; padding-top:10px; margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; font-family: 'S-Core'; font-size: 24px; font-weight: 500;letter-spacing:-1px;}
#index_cs .cs_subcopy { border: 0px #f00 solid; width: 400px; height: 25px; text-align: center; font-family: 'S-Core'; font-size: 15px; color: #676767;font-weight: 400 ; letter-spacing:-1px; padding:0px; }
#index_cs .cs_call {border:0px #f00 solid; height: 52px; width: 77px; clear: both; margin-left: 60px; margin-top: 25px; float: left;}
#index_cs .cs_number_T {border:0px #f00 solid; height: 24px; width: 160px; margin-left: 10px; margin-top: 22px; float: left; text-align:left; font-size:20px; font-weight: 700; font-family: 'Titillium Web'; }
#index_cs .cs_number_F {border:0px #f00 solid; height: 20px; width: 160px; margin-left: 10px; margin-top: 0px; float: left; text-align:left; font-size:20px; font-weight: 700; font-family: 'Titillium Web'; }
#index_cs .cs_mail {border:0px #f00 solid; height: 52px; width: 77px; clear: both; margin-left: 60px; margin-top: 15px; float: left;}
#index_cs .cs_ment {border:0px #f00 solid; height: 30px; width: 225px; margin-left: 10px; margin-top: 16px; float: left; text-align:left; font-size:12px; font-weight: 500; color:#4F4F4F; font-family: 'S-Core'; letter-spacing:-1px; line-height: 120%;}
#index_cs .cs_mailad {border:0px #f00 solid; height: 16px; width: 225px; margin-left: 10px; margin-bottom: 20px; float: left; text-align:left; font-size:18px; font-weight: 700; font-family: 'Titillium Web'; letter-spacing:-0.02em; line-height: 120%;}
#index_use {border:0px #979797 solid; width:400px; height:245; float: left; }
#index_use .use_title {border:0px #f00 solid; border-bottom:0px #676767 solid; float: left; height: 36px; width: 128px; padding-top:10px; margin-left: 18px; margin-top: 0px; font-family: 'S-Core'; font-size: 24px; font-weight: 500;}
#index_use .use_ic {border:0px #f00 solid; float: right; height: 36px; width: 36px; margin-top:10px; margin-right: 10px; font-size:22px; text-align: center; }
#index_use .use_content {border:0px #f00 solid; height: 100px; width: 350px; clear: both; margin-left: 22px; margin-top: 15px; float: left;}
/*#index_content { border: 0px #f00 solid; width: 1200px; height:370px; background-color: #FFF; padding-top:0px; margin-top: -70px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
#index_content .index_3box { border: 0px #f00 solid; width: 1200px; height:331px; padding-top:0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }*/
.main_mov { border:0px #f00 solid; position: absolute; height: 734px; width: 1920px; margin-top: 0px; padding-top: -100px; z-index:-999999;}
#index_content2 { border: 0px #23a206 solid; clear:both; width: 100%; height:405px; background-image: url('../image/main_inq_bg.jpg'); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#index_bn { border: 0px #f00 solid; width:1200px; height: 242px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top:70px;}
#index_bn1 { border-right:1px #3e3e3e solid; height: 220px; width: 598px; float: left; text-align:center; margin-top:30px; }
#index_bn1 .bn1_copy1 { border: 0px #f00 solid; height: 40px; width: 190px; margin: 0 auto; text-align: center; font-family: 'S-Core'; font-size: 32px; color: #FFF; font-weight: 500; letter-spacing:-1px; padding-top:10px; }
#index_bn1 .bn1_copy2 { border: 0px #f00 solid; clear: both; width: 340px; height: 30px; margin: 0 auto ; text-align: center; font-family: 'S-Core'; font-size: 15px; color: #FFF; font-weight: 400; letter-spacing:-1px; padding-top:10px; }
#index_bn1 .bn1_more { border: 0px #f00 solid; margin-top: 30px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#index_bn2 { border:0px #f00 solid; height: 220px; width: 598px; float: left; text-align:center; margin-top:30px; }
#index_bn2 .bn2_copy1 { border: 0px #f00 solid; height: 40px; width: 150px; margin: 0 auto; text-align: center; font-family: 'S-Core'; font-size: 32px; color: #FFF; font-weight: 500; letter-spacing:-1px; padding-top:10px; }
#index_bn2 .bn2_copy2 { border: 0px #f00 solid; clear: both; width: 300px; height: 30px; margin: 0 auto ; text-align: center; font-family: 'S-Core'; font-size: 15px; color: #FFF; font-weight: 400; letter-spacing:-1px; padding-top:10px; }
#index_bn2 .bn2_more { border: 0px #f00 solid; margin-top: 30px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
a.plus1:link, a.plus1:visited, a.plus1:active { border: 2px solid #675096;
background-color: #;
color: white;
padding: 10px 25px;
text-align: center;
display: inline-block;
text-decoration:none; color:#FFF; font-size:15px; font-weight: 500; font-family: 'S-Core';}
a.plus1:hover {border: 2px solid #30136c; background-color: #30136c; color:#FFF; text-decoration:none; font-size:15px; font-weight: 500; font-family: 'S-Core';}
a.plus2:link, a.plus2:visited, a.plus2:active { border: 2px solid #336137;
background-color: #;
color: white;
padding: 10px 25px;
text-align: center;
display: inline-block;
text-decoration:none; color:#FFF; font-size:15px; font-weight: 500; font-family: 'S-Core';}
a.plus2:hover {border: 2px solid #336137; background-color: #336137; color:#FFF; text-decoration:none; font-size:15px; font-weight: 500; font-family: 'S-Core';}
a.plus3:link, a.plus3:visited, a.plus3:active { border: 0px solid #333;
color: white;
padding: 5px 4px;
text-align: center;
text-decoration: none;
display: inline-block;
text-decoration:none; color:#878787; font-size:24px; font-weight: 700;}
a.plus3:hover {border-bottom: 0px #f00 solid; color:#7fc241; text-decoration:none; font-size:24px; font-weight: 700; }
/*서브*/
#header_sub1 { border: 0px #f00 solid; width: 100%; height:520px; background-image: url('../image/sub_bg1.jpg'); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; z-index:-999999;}
#header_sub2 { border: 0px #f00 solid; width: 100%; height:520px; background-image: url('../image/sub_bg2.jpg'); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; z-index:-999999;}
#header_sub3 { border: 0px #f00 solid; width: 100%; height:520px; background-image: url('../image/sub_bg3.jpg'); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; z-index:-999999;}
#header_sub4 { border: 0px #f00 solid; width: 100%; height:520px; background-image: url('../image/sub_bg4.jpg'); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; z-index:-999999;}
#header_sub5 { border: 0px #f00 solid; width: 100%; height:520px; background-image: url('../image/sub_bg5.jpg'); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; z-index:-999999;}
#subcopy_box { border: 0px #f00 solid; clear: both; width: 1200px; height:260px; padding-top:0px; margin-top: -340px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#subcopy_box .subcopy1 { border: 0px #f00 solid; text-align: center; height:60px; margin-top:80px; margin-right: auto; margin-bottom: 0px; margin-left: 0px;
font-family: 'Titillium Web'; font-size: 36px; font-weight: 700; color: #FFF;}
#subcopy_box .subcopy1_line { border: 0px #f00 solid; width: 70px; height:5px; text-align: center; background-color: #FFF; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; clear:both; }
#subcopy_box .subcopy2 { border: 0px #f00 solid; width: 480px; height:90px; text-align: center; margin-top: 30px; margin-right: auto; margin-bottom: 0px; margin-left: auto;
font-family: 'S-Core','Titillium Web'; font-size: 16px; font-weight: 500; clear:both; color: #FFF;}
.loc { border:0px #f00 solid; width: 100%; height: 50px; }
.loc_menu {border:0px #f00 solid;width: 1200px; height: 50px; margin-top: 0px; margin-left: 0px; padding-right:20px; line-height:45px; font-family: 'Titillium Web','S-Core'; font-size: 13px; font-weight: 400; color:#9cbf97; text-align: left; letter-spacing: -0.03em;}
/*현재위치*/
a.loc:link, a.loc:visited, a.loc:active { text-decoration:none; color:#9cbf97; font-size: 13px; font-weight: 400; }
a.loc:hover {color:#fff; text-decoration:none;font-size: 13px; font-weight: 400;}
#content {border-top:0px #315217 solid; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-repeat: repeat-x; background-image: url(../image/sub_line.png); }
.content_box {border:0px #f00 solid; width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; clear: both; }
.content_menu_box {border:0px #f00 solid; width: 1200px; height:55px; margin-top:0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float: left;}
.content_menu { border:0px #f00 solid; width: 1200px; height: 55px; margin-top: 0px; margin-bottom: 0px; border-right: 0px solid #c1c1c1; line-height:5px; float: left;}
.content_menu ul {border:0px #f00 solid; list-style-type: none; list-style-position: inside; margin-top: 0px; padding: 0px; float: left; border-right: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; }
.content_menu ul li {display: inline; color: #666; letter-spacing: -0.02em; text-decoration: none; font-size: 18px; font-weight:500; }
.content_menu ul li a { color: #4f4f4f; text-decoration: none; font-weight: 500; border-top: 0px solid #c1c1c1; border-left: 1px solid #c1c1c1; border-right: 0px solid #c1c1c1; border-bottom: 0px solid #c1c1c1; }
.content_menu ul li a:hover { color: #fff; text-decoration: none; font-weight: 500; }
/*메뉴박스*/
a.sm:link, a.sm:visited, a.sm:active {display: inline-block; font-size: 18px; font-family: 'Titillium Web','S-Core'; width: 15.5em;height: 70px;font-weight: 600;padding: 0px;line-height: 3.4; background-color:#FFF; text-align:center; }
a.sm:hover{ font-size: 18px; font-family: 'Titillium Web','S-Core'; background-color:#315217; font-weight: 600;}
.sm_over {display: inline-block; width: 15.5em;height: 70px;padding: 0px;line-height: 3.4; font-size: 18px; font-family: 'Titillium Web','S-Core'; color:#FFF; font-weight: 600; background-color:#315217; text-align:center; }
.cc_title_box {border:0px #f00 solid; clear: both; text-align: center; height: 90px; width: 1200px; margin-top: 80px; margin-right: auto; margin-bottom: 20px; margin-left: auto; float: left; }
.cc_title {border-bottom:6px #15801e solid; display: inline-block; text-align: center; height: 55px; margin-top: 0px; padding:5px 0px 0px 0px;
font-family: 'Titillium Web','S-Core'; font-size:28px; font-weight: 600; color: #272727; letter-spacing: -0.03em; line-height: 40px;}
.content_view {border:0px #f00 solid; width: 1200px; margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; clear: both; }
.line { border-top:0px solid #CCCCCC; border-right:0px; border-left:0px; border-bottom:1px solid #E1E1E1; background:#FFFFFF; padding:40px 4px 5px 4px; vertical-align:middle;}
/*오시는 길 연락처*/
#spt_cs {border:0px #f00 solid; width:750px; height:65; margin-top: 0px; margin-right: auto; margin-bottom: 40px; margin-left: 220px; }
#spt_cs .spt_call {border:0px #f00 solid; width: 47px; height: 47px; clear: both; margin-left: 0px; margin-top: 5px; float: left;}
#spt_cs .spt_number {border:0px #f00 solid; width: 660px; height: 50px; margin-left: 10px; margin-top: 10px; float: left; text-align:left; font-size:22px; font-weight: 400; color:#4F4F4F; font-family: 'Titillium Web'; letter-spacing: -0.03em;}
#spt_cs .spt_mail {border:0px #f00 solid; height: 47px; width: 47px; clear: both; margin-left: 0px; margin-top: 15px; float: left;}
#spt_cs .lct_ment {border:0px #f00 solid; height: 100px; width: 600px; margin-left: 10px; margin-top: 25px; float: left; text-align:left; font-size:20px; font-weight: 500; color:#4F4F4F; font-family: 'Noto Sans KR'; letter-spacing:-1px; }
/*연혁*/
.history_y { font-size:32px; color:#484848; font-family:'Titillium Web','S-Core'; font-weight: bold; line-height:23px; padding:10px 0 10px 0; letter-spacing:-1px;}
.history_m { font-size:18px; color:#505050; font-family:'Titillium Web','S-Core'; font-weight: 500; line-height:183%; padding-left:5px;}
/*.history_cnt { font-size:15px; color:#282828; font-family:'Titillium Web','S-Core', ; font-weight: 200; line-height:23px;}*/
/* 브랜드스토리 작은박스*/
/*.bbox {border:1px #f00 solid; width: 440px; height:50px; margin-top:10px;}*/
.bbox li {border:4px #71afcb solid; display: inline; color: #666; border-radius: 15px; padding:10px; margin-top:30px; margin-right:5px; font-size: 16px; font-weight: 600; color:#000;}
/*서브 내용 부분*/
.t_38 { font-family: 'Titillium Web','S-Core'; font-size: 36px; font-weight: 600; color:#000; letter-spacing: -0.03em; line-height:45px;}
.t_36 { font-family: 'Titillium Web','S-Core'; font-size: 36px; font-weight: 600; color:#bc0b3a; letter-spacing: -0.03em; line-height:65px;}
.t_36B { font-family: 'Titillium Web','S-Core'; font-size: 36px; font-weight: 600; color:#333; letter-spacing: -0.03em; line-height:35px;}
.t_36C { font-family: 'Titillium Web','S-Core'; font-size: 36px; font-weight: 600; color:#1183b7; letter-spacing: -0.03em; line-height:35px;}
.t_36L { font-family: 'Titillium Web','S-Core'; font-size: 36px; font-weight: 200; color:#bc0b3a; letter-spacing: -0.03em; line-height:45px;}
.t_28 { font-family: 'Titillium Web','S-Core'; font-size: 28px; font-weight: 600; color:#1183b7; letter-spacing: -0.03em; line-height:45px;}
.t_26 { font-family: 'Titillium Web','S-Core'; font-size: 26px; font-weight: 600; color:#333; letter-spacing: -0.03em; line-height:45px;}
.t_30 { font-family: 'Titillium Web','S-Core'; font-size: 30px; font-weight: 600; color:#1183b7; letter-spacing: -0.03em; line-height:45px;}
.t_30B { font-family: 'Titillium Web','S-Core'; font-size: 30px; font-weight: 600; color:#333; letter-spacing: -0.03em; line-height:45px;}
.t_14 { font-family: 'Titillium Web','S-Core'; font-size: 20px; font-weight: 600; color:#1183b7; letter-spacing: -0.03em; line-height:45px;}
.t_14B { font-family: 'Titillium Web','S-Core'; font-size: 20px; font-weight: 600; color:#333; letter-spacing: -0.03em; line-height:45px;}
.t_14B4 { font-family: 'Titillium Web','S-Core'; font-size: 20px; font-weight: 400; color:#333; letter-spacing: -0.03em; line-height:45px;}
.t_12 { font-family: 'Titillium Web','S-Core'; font-size: 22px; font-weight: 600; color:#1183b7; letter-spacing: -0.03em; line-height:45px;}
.t_10 { font-family: 'Titillium Web','S-Core'; font-size: 28px; font-weight: 600; color:#1183b7; letter-spacing: -0.03em; line-height:45px;}
.t_10c { font-family: 'Titillium Web','S-Core'; font-size: 28px; font-weight: 600; color:#1183b7; letter-spacing: -0.03em; line-height:45px; text-align:center; }
.t_2 { font-family: 'Titillium Web','S-Core'; font-size: 18px; font-weight: 400; color:#333333; letter-spacing: -0.03em; line-height:30px;}
.t_3 { font-family: 'Titillium Web','S-Core'; font-size: 20px; font-weight: 600; color:#333333; letter-spacing: -0.03em; line-height:30px;}
.th_24 { font-family: 'Titillium Web','S-Core'; font-size: 24px; font-weight: 600; color:#2b2b2b; letter-spacing: -0.03em; line-height:30px;}
/*하단 Footer*/
#footer { border:0px #f00 solid; height: 400px; width: 100%; background-color: #eaeaea; margin-top:0px;}
#footer .copy_box { border: 0px #f00 solid; height: 250px; width: 1200px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top:0px; }
#footer .copy_box .logo { border:0px #f00 solid; display:inline-block; width: 1200px; height: 50px; text-align:center; margin-top: 80px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top:0px; }
#footer .copy_box .copy_add {border: 0px #f00 solid; font-family:'S-Core','Titillium Web'; font-size: 15px; color: #252525; font-weight: 400; text-align: center; width: 1200px; height: 90px; margin-top: 30px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding:0px; line-height: 180%;}
/* 상위로 */.arrow-up {
width:18px;
height:18px;
border-top: 3px solid #FFF;
border-left: 3px solid #FFF;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background-color:transparent;
margin:18px 13px 15px 16px;
}
.go-top{ z-index: 5000000; display:block; width:50px; height:50px; line-height:35px; text-align:center; font-size:20px; position:fixed; bottom:-60px; right:20px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
background-color:#82b2d8; color:#FFFFFF; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:50px; box-shadow: 0px 0px 6px 2px gray;}
.go-top.show{ bottom:20px;}
.go-top:hover{ background-color:#0d4876; color:#FFFFFF;}
/* 상위로 끝 */
/* contents_table - 응용제품에 사용*/
.conTable {border-collapse:collapse;margin:5px 0px 5px 0px;border-top:#819762 2px solid; border-left:#0d4876 1px solid; border-right:#0d4876 1px solid;}
.conTable caption {margin:0px;padding:0px;width:0px;height:0px;font-size:0px;line-height:0px;color:#fff;overflow:hidden;position:absolute;left:0px;top:0px;}
.conTable th {padding:2px 2px 2px 2px;color:#36451f;background:#e0e7d6;border:#a7b791 1px solid; font-size: 18px; }
.conTable td {padding:4px 4px 4px 4px;border:#a7b791 1px solid;}
.conT {border-top: 1px #989898 dotted; font-family:'S-Core','Titillium Web'; font-size: 28px; color: #252525; font-weight: 500; text-align: center; width: 1200px; height: 40px;
margin-top: 50px; margin-right: auto; margin-bottom: 0px; margin-left: auto; line-height: 24px; padding-top:70px;}
/*td {font-size:16px; font-family:"S-Core","Titillium Web"; font-weight: 400; color:#333; letter-spacing:-0.5px;}
.td_title {font-size:25px; font-family:"Titillium Web"; font-weight: 600; color:#333; letter-spacing:-0.5px;}*/