@charset "utf-8";
/* common.css */

@import url(http://fonts.googleapis.com/css?family=Oswald);

@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejuhallasan.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/*폰트 지정*/
.webfont_oswald { font-family: 'oswald', serif; }  /* oswald */

.webfont_hanna { font-family: 'Hanna', serif; }  /* 한나 */
.webfont_jejugo { font-family: 'Jeju Gothic', '제주고딕', serif; }  /* 제주고딕 */
.webfont_jejuhan { font-family: 'Jeju Hallasan', '제주한라산', serif; }  /* 제주한라산 */
.webfont_jejum { font-family: 'Jeju Myeongjo', '제주명조', serif; }  /* 제주명조  */
.webfont_kopub { font-family: 'KoPub Batang', 'KoPub바탕체', serif; }  /* kopub 바탕 */
.webfont_nnb { font-family: 'Nanum Brush Script', '나눔손글씨 붓', serif; }  /* 나눔 브러시 */
.webfont_nng { font-family: 'Nanum Gothic', '나눔고딕', serif; }  /* 나눔 고딕 */
.webfont_nngc { font-family: 'Nanum Gothic Coding', '나눔고딕코딩', serif; }  /*  나눔 고딕 코딩 */
.webfont_nnm { font-family: 'Nanum Myeongjo', '나눔명조', serif; }  /* 나눔 명조 */
.webfont_nnp { font-family: 'Nanum Pen Script', '나눔손글씨 붓', serif; }  /* 나눔 펜 */

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGEMbjGELOEJD5J8DUmxkO-A.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGNNE-IuDiR70wI4zXaKqWCM.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGBPPOa1q11iOmmM9mDHHHX4.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightIt'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6BzYcsdbdSWRnnT3pSZS3xU.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6Iue0YgdIF4L_q7PS4yTQOQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/M2Jd71oPJhLKp0zdtTvoM0DauxaEVho0aInXGvhmB4k.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local('Source Sans Pro Semibold Italic'), local('SourceSansPro-SemiboldIt'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6EfrksRSinjQUrHtm_nW72g.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6Edtd7Dq2ZflsctMEexj2lw.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackIt'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/fpTVHK8qsXbIeTHTrnQH6DiS5Fc5Bg1xsygf01vWWOU.ttf) format('truetype');
}

@font-face {
  font-family: "LinotypeUnivers-Thin";
  font-style: normal;
  font-weight: 220;
  src: url("/fonts/LinotypeUnivers-220CnThin.eot") format("eot"), url("/fonts/LinotypeUnivers-220CnThin.eot?") format("embedded-opentype"), url("/fonts/LinotypeUnivers-220CnThin.ttf") format("truetype"), url("/fonts/LinotypeUnivers-220CnThin.svg") format("svg");
}
@font-face {
  font-family: "LinotypeUnivers-Regular";
  font-style: normal;
  font-weight: 420;
  src: url("/fonts/LinotypeUnivers-420Cn.eot") format("eot"), url("/fonts/LinotypeUnivers-420Cn.eot?") format("embedded-opentype"), url("/fonts/LinotypeUnivers-420Cn.ttf") format("truetype"), url("/fonts/LinotypeUnivers-420Cn.svg") format("svg");
}
@font-face {
  font-family: "Din-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/DINEngschriftLT.eot") format("eot"), url("/fonts/DINEngschriftLT.eot?") format("embedded-opentype"), url("/fonts/DINEngschriftLT.ttf") format("truetype"), url("/fonts/DINEngschriftLT.svg") format("svg");
}

/* reset */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea, img{margin:0; padding:0;}
hr{display:none;}
ul, ol, li{list-style:none;}
img, fieldset{border:none;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
table{border-collapse:collapse;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
input, button, select{vertical-align:middle;} 
select{padding:1px 0;}

img{
	display: block;
}

/* font */
body{color:#333333; font-size:12px; font-family: "Source Sans Pro", "helvetica-neue", helvetica, sans-serif; line-height:14px; overflow-y: scroll;}
table td{color:#333333; font-size:12px; font-family: "Source Sans Pro", "helvetica-neue", helvetica, sans-serif; line-height:14px;}
input, select, textarea{color:#333333; font-size:100%; font-family: "Source Sans Pro", "helvetica-neue", helvetica, sans-serif; line-height:14px;}

/* linkStyle */
a{color:#8c9092; text-decoration:none;}
a:hover, a:active, a:focus{color:#8c9092; text-decoration:none;}

/* skip */
.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}


/* border-box */
.border-box{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.contents-box{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
span.blod{font-weight:bold;}

/* @media */
@media screen and (max-width: 480px){
	#container { }
	.media_mobile{display:block;}
	.media_pc{display:none;}
	.logo_height { height:1px; border-bottom:0px solid #ef2a20; }
}
@media screen and (min-width: 480px){
	#container { }
	.media_mobile{display:block;}
	.media_pc{display:none;}
	.logo_height { height:3px; border-bottom:3px solid #ef2a20; }
}
@media screen and (min-width: 768px){
	#container { }
	.media_mobile{display:block;}
	.media_pc{display:none;}
	.logo_height { height:3px; border-bottom:3px solid #ef2a20; }
}
@media screen and (min-width: 900px){
	#container { }
	.media_mobile{display:block;}
	.media_pc{display:none;}
	.logo_height { height:3px; border-bottom:3px solid #ef2a20; }
}

/* header */	
#header_wrap{height:76px; border-bottom:1px solid #f3f3f3; background:#fff; position:relative; position:fixed; top:0; bottom:auto; left:0; right:0; z-index:20;}
#header{max-width:720px; margin:0 auto;}
#header.main_header{max-width:1280px;}
#header>nav>h1{float:left; margin:18px 0 0 15px;}
#header>nav>h1 img{max-height:39px;}
#header>nav>button{float:left; padding: 0; margin-top:17px; width:35px;}
#header>nav>div{float:left; margin:29px 0 0 15px;}
#header nav div.media_pc ul>li{height:14px; display:inline-block; *display:inline; *zoom:1; border-left:1px solid #d7d7d7; position:relative; z-index:10; padding:0px 10px 0px 12px;}
#header nav ul>li#m01{border-left:none;}
#header nav ul>li#m05{padding-right:0px;}
#header nav.is-open>div.media_mobile{position:fixed; top:45px; left:0; right:0; bottom:0; margin:0;}
#header nav .nav_open{display:none; background:rgba(0,0,0,0.65); padding:10px 10px 17px; position:absolute; top:0; bottom:0; left:0; right:0;}
#header nav.is-open .nav_open{display:block;}
#header nav.is-open .nav_open>ul>li{float:left; margin-right:5px;}
#header nav.is-open .nav_open>ul>li>span>a{font-weight:bold; font-size:16px; color:#d7d7d7; border-bottom:1px solid #fff; padding:0 3px;}
#header nav.is-open .nav_open>ul>li.select>span>a, #header nav.is-open .nav_open>ul>li>span>a:hover{color:#69d369; border-bottom:1px solid #69d369;}
#header nav.is-open .nav_open>ul>li>ul{padding:5px 2px 5px; min-height:100px; min-width:85px;}
#header nav.is-open .nav_open>ul>li>ul>li{font-size:14px; padding:2px 0;}
#header nav.is-open .nav_open>ul>li>ul>li>span>a{font-weight:bold; color:#a7a7a7;}
#header nav.is-open .nav_open>ul>li>ul>li>span>a:hover, #header nav.is-open .nav_open>ul>li>ul>li.select>span>a{border-bottom:1px dotted #d7d7d7; color:#fff;}
/*
#header nav.is-open .nav_open>ul>li{padding:5px 0 3px;}

#header nav.is-open .nav_open>ul>li.first>span>a{border-top:none;}
#header nav.is-open .nav_open>ul>li>ul{display:none;}
#header nav.is-open .nav_open>ul>li.select>ul{display:block;}
*/

@media screen and (max-width: 899px){
	#header>nav>h1 img{max-height:20px;}
	#header_wrap{height:49px;}
	#header>nav>h1{margin:16px 0 0 5px;}
}

.ui-nav-toggle .Trigger {
  cursor: pointer;
  position: relative;
  left: 10px;
  width: 20px;
  height: 15px;
  display: block;
}
.ui-nav-toggle .Trigger-middle {
  height: 3px;
  width: 100%;
  background: #ef2a20;
  position: absolute;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  display: block;
  top: 5.5px;
  -webkit-transition: opacity .2s;
          transition: opacity .2s;
}
.ui-nav-toggle .Trigger-top {
  height: 3px;
  width: 100%;
  background: #ef2a20;
  position: absolute;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  display: block;
  top: 0;
  -webkit-animation-name: topreverse;
          animation-name: topreverse;
  -webkit-animation-duration: 0.45s;
          animation-duration: 0.45s;
  -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.ui-nav-toggle .Trigger-bottom {
  height: 3px;
  width: 100%;
  background: #ef2a20;
  position: absolute;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  display: block;
  bottom: 0;
  -webkit-animation-name: bottomreverse;
          animation-name: bottomreverse;
  -webkit-animation-duration: 0.45s;
          animation-duration: 0.45s;
  -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.is-open .ui-nav-toggle .Trigger .Trigger-top {
  top: 43.33333%;
  -webkit-animation-name: top;
          animation-name: top;
  -webkit-animation-duration: 0.45s;
          animation-duration: 0.45s;
  -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.is-open .ui-nav-toggle .Trigger .Trigger-bottom {
  bottom: 43.33333%;
  -webkit-animation-name: bottom;
          animation-name: bottom;
  -webkit-animation-duration: 0.45s;
          animation-duration: 0.45s;
  -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.is-open .ui-nav-toggle .Trigger .Trigger-middle {
  opacity: 0;
}

.btn-clear {
  background: none;
  border: none;
  -webkit-appearance: none;
  box-shadow: none;
  text-shadow: none;
}
.btn-clear:hover, .btn-clear:focus, .btn-clear:active {
  outline: none;
}

.ui-nav-list-container .ui-nav-list {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
  max-width: none;
  height: 42px;
  margin-top: -150px;
  -webkit-transition: margin-top .2s;
          transition: margin-top .2s;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
  padding: 0px;
}
.is-open .ui-nav-list-container .ui-nav-list {
  margin-top: 0;
}

@-webkit-keyframes top {
  0% {
    top: 0%;
  }
  60% {
    top: 43.33333%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes top {
  0% {
    top: 0%;
  }
  60% {
    top: 43.33333%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes bottom {
  0% {
    bottom: 0%;
  }
  60% {
    bottom: 43.33333%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
@keyframes bottom {
  0% {
    bottom: 0%;
  }
  60% {
    bottom: 43.33333%;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
@-webkit-keyframes topreverse {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 43.33333%;
  }
  60% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: 43.33333%;
  }
  100% {
    top: 0%;
  }
}
@keyframes topreverse {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 43.33333%;
  }
  60% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: 43.33333%;
  }
  100% {
    top: 0%;
  }
}
@-webkit-keyframes bottomreverse {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: 43.33333%;
  }
  60% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    bottom: 43.33333%;
  }
  100% {
    bottom: 0%;
  }
}
@keyframes bottomreverse {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: 43.33333%;
  }
  60% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    bottom: 43.33333%;
  }
  100% {
    bottom: 0%;
  }
}
.no-animation {
  -webkit-animation: none;
          animation: none;
}


#footer_wrap{margin-bottom:20px;}
#footer p.footer_logo img{max-height:30px;}

/* linkStyle */
a{color:#313131; text-decoration:none;}
a:hover, a:active, a:focus{color:#313131; text-decoration:none;}

/* main */
body.main{overflow-x:hidden}
#container.main{height:100%; padding:0; overflow:hidden;}
#container.main li{backface-visibility: hidden; overflow: visible; vertical-align: top; position: absolute; left: 0; right: 0; white-space: normal; padding: 0; margin: 0; list-style-type: none; width: 100%; height: 100%; display:none;}
#container.main li.prev, #container.main li.next, #container.main li.current{display:block;}
#container.main li.prev{margin-left:-100%;}
#container.main li.next{margin-left:100%;}
#container.main li div.slide01{background:url(../img/01.jpg) no-repeat;}
#container.main li div.slide02{background:url(../img/02.jpg) no-repeat;}
#container.main li div.slide03{background:url(../img/03.jpg) no-repeat;}
#container.main li div.slide04{background:url(../img/04.jpg) no-repeat;}
#container.main li div.slide{position: absolute; top: 77px; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center;}


#container.main li div.slide::after {
  position: absolute;
  top: 42%;
  right: 0;
  bottom: auto;
  left: auto;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "FontAwesome";
  content: '\f104';
  font-size: 26px;
  display: block;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.65);
  color: white;
}


#container.main li div.slide{position: absolute; top: 50px; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center;}
#container.main li div>span{display:block;}
#container.main{position:relative; padding-bottom:66.75%;}

#container{max-width:720px; margin:0 auto;}
#container .sub{padding:20px;}

#pg img { }

/*  떠있는 레이어 */
.float_layer{position:absolute; top:0px; left:0px;}

/* 중앙정렬 */
.centered { display: table; margin-left: auto; margin-right: auto;  }


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.text_align_center { text-align:center; }

#child_100percent {
    float:left;
    height:40px;
    width:-webkit-calc(100%/2);
    width:-moz-calc(100%/2);
    width:calc(100%/2);  
	text-align:center;
	font-size:13px;
}
#child_100percent a {color:#707070; }
#child_100percent a:hover {color:#ef2a20;}
#child_100percent a.on {font-weight:bold; color:#ef2a20;}

#child_50percent {
    float:left;
    height:40px;
    width:-webkit-calc(100%/2);
    width:-moz-calc(100%/2);
    width:calc(100%/2);  
	text-align:center;
	font-size:13px;
}
#child_50percent a {color:#707070; }
#child_50percent a:hover {color:#ef2a20;}
#child_50percent a.on {font-weight:bold; color:#707070;}

#child_50percent_product_category {
    float:left;
    height:50px;
	line-height:14px;
    width:-webkit-calc(100%/2);
    width:-moz-calc(100%/2);
    width:calc(100%/2);  
	text-align:center;
	font-size:13px;
}
#child_50percent_product_category a {color:#707070; }
#child_50percent_product_category a:hover {color:#ef2a20;}
#child_50percent_product_category a.on {font-weight:bold; color:#ef2a20;}

#child_33percent {
    float:left;
    height:40px;
    width:-webkit-calc(100%/3);
    width:-moz-calc(100%/3);
    width:calc(100%/3);  
	text-align:center;
	font-size:13px;
}
#child_33percent a {color:#707070; }
#child_33percent a:hover {color:#ef2a20;}
#child_33percent a.on {font-weight:bold; color:#343434;}

#child_25percent {
    float:left;
    height:40px;
    width:-webkit-calc(100%/4);
    width:-moz-calc(100%/4);
    width:calc(100%/4);  
	text-align:center;
	font-size:13px;
}
#child_25percent a {color:#707070;}
#child_25percent a:hover {color:#707070;}
#child_25percent a.on {font-weight:bold; color:#ef2a20;}

#child_20percent {
    float:left;
    height:40px;
    width:-webkit-calc(100%/5);
    width:-moz-calc(100%/5);
    width:calc(100%/5);  
	text-align:center;
	font-size:13px;
}
#child_20percent a {color:#707070;}
#child_20percent a:hover {color:#ef2a20;}
#child_20percent a.on {font-weight:bold; color:#ef2a20;}

.bor_right { border-right:1px solid #dddddd; }
.bor_left { border-left:1px solid #dddddd; }
.bor_bottom { border-bottom:1px solid #dddddd; }
.bor_top { border-top:1px solid #dddddd; }

#wrapper_vc_w100percent { display: table; height:100%; width:100%;}
#cell_vc_w100percent { display: table-cell; vertical-align: middle; width:100%;}

#wrapper_vc { display: table; height:100%;}
#cell_vc { display: table-cell; vertical-align: middle;}

/* 회사소개 > 연혁1 */
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {width:70px; height:30px; line-height:30px; border-top:2px solid #ef2a20;border-bottom:1px solid #d1dee2;background:#f8f8f8;color:#313131;font-size:13px;text-align:center;letter-spacing:0em}
.tbl_head01 thead a {color:#313131}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tbody th {width:70px; height:30px; line-height:30px; font-size:13px; border-top:0px solid #dddddd; border-bottom:1px solid #dddddd; background:#f8f8f8; text-align:center; }
.tbl_head01 td {padding:8px 5px; height:30px; border-top:0px solid #dddddd;border-bottom:1px solid #dddddd;line-height:13px;word-break:normal; font-size:13px; }
.tbl_head01 tfoot th {width:70px; height:30px; font-size:13px; border-top:0px solid #707070;border-bottom:1px solid #707070;background:#f8f8f8;text-align:center}
.tbl_head01 tfoot td {padding:8px 5px;border-top:0px solid #707070;border-bottom:1px solid #707070;background:#ffffff; }
.tbl_head01 a {}
.tbl_head01_td3 { text-align:center; width:130px; }

/* 회사소개 > 연혁2 */
.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {width:70px; height:60px; line-height:60px; border-top:0px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#f8f8f8;color:#313131;font-size:13px;text-align:center;}
.tbl_head02 thead a {color:#313131}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 th {width:70px; font-size:13px; text-align:center; vertical-align:text-top; }
.tbl_head02 td {padding:5px 0px; line-height:1.2em;word-break:normal; font-size:13px; vertical-align:text-top; }
.tbl_head02 a {}


/* 회사소개 > 영업망 */
.tbl_head04 {margin:0 0 10px}
.tbl_head04 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head04 thead th {width:70px; height:30px; line-height:30px; border-top:1px solid #707070;border-bottom:1px solid #d1dee2;background:#f8f8f8;color:#313131;font-size:13px;text-align:center;letter-spacing:0em}
.tbl_head04 thead a {color:#313131}
.tbl_head04 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head04 tbody th {height:30px; line-height:30px; font-size:13px; border-top:0px solid #dddddd; border-bottom:1px solid #dddddd; background:#f8f8f8; text-align:center; }
.tbl_head04 td {padding:8px 5px; height:30px;  border-top:0px solid #dddddd;border-bottom:1px solid #dddddd;line-height:1.5em;word-break:normal; font-size:13px; }
.tbl_head04 tfoot th {height:30px; border-top:0px solid #707070;border-bottom:1px solid #707070;background:#f8f8f8;text-align:center}
.tbl_head04 tfoot td {padding:8px 0px 0 5px;border-top:0px solid #707070;border-bottom:1px solid #707070;background:#ffffff; }
.tbl_head04 a {}
.tbl_head04_td1 { text-align:center; white-space:nowrap; }

/* 회사소개 > center */
.tbl_head03 {margin:0 0 10px;}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {width:160px; padding:10px 0; border-top:1px solid #707070;border-bottom:1px solid #d1dee2;background:#f8f8f8;color:#313131;font-size:13px;text-align:center;letter-spacing:0em}
.tbl_head03 thead a {color:#313131}
.tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tbody th {height:30px; line-height:30px; font-size:13px; word-break:normal; border-top:0px solid #dddddd; border-bottom:1px solid #dddddd; background:#f8f8f8; text-align:center; }
.tbl_head03 td {padding:8px 5px; height:30px;  border-top:0px solid #dddddd;border-bottom:1px solid #dddddd;line-height:14px; word-break:normal;; font-size:13px; text-align:center; }
.tbl_head03 tfoot th {height:30px; border-top:0px solid #707070;border-bottom:1px solid #707070;background:#f8f8f8;text-align:center}
.tbl_head03 tfoot td {padding:8px 5px; word-break:normal;border-top:0px solid #707070;border-bottom:1px solid #707070;background:#ffffff; }
.tbl_head03 a {}

.company07_01 { float:left; width:48%; padding-top:30px; }
.company07_02 { float:right; width:48%; padding-top:30px; }
.company07_03t { float:right; width:100%; height:49px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; display:table; }
.company07_03 { width:100%; height:49px; font-size:13px; line-height:1em; text-align:center; display:table-cell; vertical-align:middle; }

/* 제품소개 */
#category2 {
    position:relative;
    width:960px;
    height:30px;
    text-align:center;
	padding:20px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f8f8f8;
}
#category2 ul {
    display:inline;
    width:600px;
	margin:0 auto;
	padding:0;
}
#category2 ul li {
    display:inline; float:left; padding:0 8px; background:url('../img/icon_category_line.png') no-repeat 0 50%; white-space:nowrap;
}
#category2 ul li a {color:#999999;}
#category2 ul li a:hover {color:#ac4026;}
#category2 ul li a.on {font-weight:bold; color:#ef2a20;}

.category {width:960px; padding:20px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#f8f8f8; text-align:center; overflow:hidden;}
.category ul {width:660px; height:100%; margin:0 auto;}
.category ul:after {content:""; clear:both; display:block; text-align:center;}
.category li {float:left; padding:0 8px; background:url('../img/icon_category_line.png') no-repeat 0 50%; white-space:nowrap;}
.category li a {color:#999999;}
.category li a:hover {color:#ac4026;}
.category li a.on {font-weight:bold; color:#ef2a20;}


#product_category {
	list-style:none;
	width:100%; padding:0px 0 0px 0; border-top:0px solid #dfdfdf; background:#f8f8f8; text-align:center; overflow:hidden;
}
#product_category ul {
	/*margin: auto;*/
	margin:0 20px 0 0;
	line-height:1.4em;
}
#product_category li  {
	display:inline;
	 line-height:180%;
	 font-size:14px; font-weight:bold;
}
#product_category .c1 a {
	color:#ef2a20;
	background:url(../img/icon_category_line.png) right no-repeat;
	padding-right:10px;
}
#product_category .c2 a {
	color:#313131;
	background:url(../img/icon_category_line.png) right no-repeat;
	padding:0 10px;
}
#product_category .c3 a {
	color:#313131;
}
#product_category a {
	display:inline-block;
	padding:0px;
}

.product_view00 { border-bottom:1px solid #dddddd; }
.product_view01 { float:left; width:120px; min-height:60px; padding-left:10px; line-height:60px; background:url(../img/sub/product01_barm.png) left no-repeat #ffffff; background-size: 5%, auto, contain; font-size:13px; font-weight:bold; letter-spacing:-0.8px }
.product_view011 { float:left; width:120px; min-height:60px; padding-left:10px; padding-top:10px; line-height:20px; background:url(../img/sub/product01_barm.png) left no-repeat #ffffff; background-size: 5%, auto, contain; font-size:13px; font-weight:bold; letter-spacing:-0.8px }
.product_view02 { float:left; display:table; min-height:60px; word-wrap:break-word; word-break:normal; }
.product_view03 { margin-top:13px; padding-top:0px; padding-left:5px; width:120px; height:30px; line-height:30px; font-size:13px; color:#ef2a20; border:1px solid #ef2a20; background:url(../img/sub/product01_precautionsm.png) right no-repeat; background-size: 30%, auto, contain; }
.product_view04 { display:table-cell; vertical-align:middle; font-size:13px; word-wrap:break-word; word-break:normal; }

#product_left_child {
	width:105px; 
	float:left; 
}
#product_right_child {
	float:left;
	width:-webkit-calc(100% - 105px);
	width:-moz-calc(100% - 105px);
	width:calc(100% - 105px);  
}
#product_wrapper_vc { display: table; height:100%;}
#product_cell_vc { display: table-cell; vertical-align: middle; }


/* 홍보센터 > 동영상 */
#pr03_left_child {
	width:120px; 
	float:left; 
	height:80px; 
}
#pr03_right_child {
	float:left;
	height:80px;
	width:-webkit-calc(100% - 130px);
	width:-moz-calc(100% - 130px);
	width:calc(100% - 130px);  
}
#pr03_wrapper_vc { display: table; height:80px; margin-left:15px;}
#pr03_cell_vc { display: table-cell; vertical-align: middle; }


/* 홍보센터 > 보도자료 > 목록 */
.tbl_pr05 {margin:30px 0 0px; border-top:2px solid #ef2a20;border-bottom:1px solid #707070; width:100%; }
.tbl_pr05 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_pr05 thead th {line-height:30px; border-top:1px solid #ef2a20;border-bottom:1px solid #d1dee2;background:#f8f8f8;color:#313131;font-size:13px;text-align:center;letter-spacing:0em}
.tbl_pr05 thead a {color:#313131}
.tbl_pr05 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_pr05 tbody th {line-height:30px; font-size:13px; border-top:0px solid #dddddd; border-bottom:1px solid #dddddd; background:#f8f8f8; text-align:center; }
.tbl_pr05 td {padding:8px 0px; height:30px;  border-top:0px solid #dddddd;border-bottom:1px solid #dddddd;line-height:1.5em;word-break:normal; font-size:13px; }
.tbl_pr05 tfoot th {width:80px; height:30px; border-top:0px solid #707070;border-bottom:1px solid #707070;background:#f8f8f8;text-align:center}
.tbl_pr05 tfoot td {padding:8px 40px;border-top:0px solid #707070;border-bottom:1px solid #707070;background:#ffffff; }
.tbl_pr05 a {}


.image-wrap img {
	max-width: 100%;
	height: auto;
}

/* 고객센터 > 뉴스 */
.tbl_news {margin:0 0 10px}
.tbl_news caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_news thead th {height:40px; line-height:40px; border-top:2px solid #ef2a20; border-bottom:1px solid #d1dee2; background:#ffffff;color:#313131;font-size:13px;text-align:center;letter-spacing:0em}
.tbl_news thead a {color:#313131}
.tbl_news thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_news tbody th {height:3px; line-height:60px; font-size:13px; border-top:2px solid #ef2a20; border-bottom:1px solid #dddddd; background:#f8f8f8; text-align:center; }
.tbl_news td {padding:8px 0px; height:30px; font-size:13px; border-top:0px solid #dddddd;border-bottom:1px solid #dddddd;line-height:1.5em;word-break:normal; }
.tbl_news tfoot th {height:60px; border-top:0px solid #707070;border-bottom:1px solid #707070;background:#f8f8f8;text-align:center}
.tbl_news tfoot td {padding:8px 40px;border-top:0px solid #707070;border-bottom:1px solid #707070;background:#ffffff; }
.tbl_news a {}

/* 매거진 > 목록 */
.tbl_magazine01 {margin:50px 0 0px; border-top:2px solid #ef2a20;border-bottom:1px solid #707070; width:100%; }
.tbl_magazine01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_magazine01 thead th {line-height:60px; border-top:1px solid #ef2a20;border-bottom:1px solid #d1dee2;background:#f8f8f8;color:#313131;font-size:13px;text-align:center;letter-spacing:0em}
.tbl_magazine01 thead a {color:#313131}
.tbl_magazine01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_magazine01 tbody th {line-height:60px; font-size:13px; border-top:0px solid #dddddd; border-bottom:1px solid #dddddd; background:#f8f8f8; text-align:center; }
.tbl_magazine01 td {padding:8px 0px; height:60px;  border-top:0px solid #dddddd;border-bottom:1px solid #dddddd;word-break:normal; font-size:13px; }
.tbl_magazine01 tfoot th {width:160px; height:60px; border-top:0px solid #707070;border-bottom:1px solid #707070;background:#f8f8f8;text-align:center}
.tbl_magazine01 tfoot td {padding:8px 40px;border-top:0px solid #707070;border-bottom:1px solid #707070;background:#ffffff; }
.tbl_magazine01 a {}

#magazine02_left_child {
    width:150px; 
    float:left; 
}
#magazine02_right_child {
    float:left;
    width:-webkit-calc(100% - 150px);
    width:-moz-calc(100% - 150px);
    width:calc(100% - 150px);  
}

#magazine03_left_child {
    width:150px; 
    float:left; 
	height:90px;
}
#magazine03_right_child {
    float:left;
    width:-webkit-calc(100% - 150px);
    width:-moz-calc(100% - 150px);
    width:calc(100% - 150px);  
	height:90px;
}

/* 고객센터 > FAQ */
.tbl_faq01 {margin:50px 0 0px; border-top:2px solid #ef2a20;border-bottom:1px solid #707070; width:100%; }
.tbl_faq01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_faq01 thead th {line-height:30px; border-top:1px solid #ef2a20;border-bottom:1px solid #d1dee2;background:#f8f8f8;color:#313131; letter-spacing:0em}
.tbl_faq01 thead a {color:#313131}
.tbl_faq01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_faq01 tbody th {font-size:13px; border-top:1px solid #dddddd; border-bottom:0px solid #dddddd; background:#ffffff; }
.tbl_faq01 tbody td {font-size:13px; border-top:0px solid #dddddd; border-bottom:1px solid #dddddd; background:#ffffff; text-align:left; }
.tbl_faq01 td { padding:0px 0px; height:30px;  border-top:0px solid #dddddd;border-bottom:1px solid #dddddd;word-break:normal; font-size:13px; }
.tbl_faq01 a {}

/* 고객센터 > Q&A */
.helpdesk04_01 { float:left; border-left:1px solid #dddddd; border-right:1px solid #dddddd;border-top:1px solid #dddddd; height:54px; line-height:54px; border-bottom:1px solid #dddddd; width:32%; text-align:center; }
.helpdesk04_01T { float:left; border-left:1px solid #dddddd; border-right:1px solid #dddddd;border-top:1px solid #dddddd; height:54px; line-height:54px; border-bottom:1px solid #dddddd; width:32%; text-align:center; }
.helpdesk04_01B { float:left; border-left:1px solid #dddddd; border-right:1px solid #dddddd;border-top:0px solid #dddddd; height:54px; line-height:54px; border-bottom:1px solid #dddddd; width:32%; text-align:center; }
.helpdesk04_01TL { float:left; border-left:1px solid #dddddd; border-right:0px solid #dddddd;border-top:1px solid #dddddd; height:54px; line-height:54px; border-bottom:1px solid #dddddd; width:32%; text-align:center; }
.helpdesk04_01TR { float:left; border-left:0px solid #dddddd; border-right:1px solid #dddddd;border-top:1px solid #dddddd; height:54px; line-height:54px; border-bottom:1px solid #dddddd; width:32%; text-align:center; }
.helpdesk04_01BL { float:left; border-left:1px solid #dddddd; border-right:0px solid #dddddd;border-top:0px solid #dddddd; height:54px; line-height:54px; border-bottom:1px solid #dddddd; width:32%; text-align:center; }
.helpdesk04_01BR { float:left; border-left:0px solid #dddddd; border-right:1px solid #dddddd;border-top:0px solid #dddddd; height:54px; line-height:54px; border-bottom:1px solid #dddddd; width:32%; text-align:center; }

.tbl_helpdesk04 {margin:0px 0 0px; border-top:1px solid #313131;border-bottom:1px solid #707070; width:100%; }
.tbl_helpdesk04 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_helpdesk04 thead th {line-height:60px; border-top:1px solid #ef2a20;border-bottom:1px solid #d1dee2;background:#f8f8f8;color:#313131;font-size:13px;text-align:center;letter-spacing:0em}
.tbl_helpdesk04 thead a {color:#ffffff}
.tbl_helpdesk04 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_helpdesk04 tbody th {width:80px; line-height:30px; font-size:13px; border-top:0px solid #dddddd; border-bottom:1px solid #dddddd; background:#f8f8f8; text-align:center; font-weight:normal; }
.tbl_helpdesk04 td { color:#909090; padding:0px 5px 0 5px; height:30px; border-top:0px solid #dddddd;border-bottom:1px solid #dddddd;word-break:normal; font-size:13px; }
.tbl_helpdesk04 input { height:25px; }
.tbl_helpdesk04 textarea { width:80%; height:220px; margin:10px 0 11px 0; }
.tbl_helpdesk04 select { color:#909090 }
.tbl_helpdesk04 tfoot th {width:80px; height:30px; border-top:0px solid #707070;border-bottom:1px solid #707070;background:#f8f8f8;text-align:center}
.tbl_helpdesk04 tfoot td {padding:8px 5px;border-top:0px solid #707070;border-bottom:1px solid #707070;background:#ffffff; }
.tbl_helpdesk04 a { color:#ffffff }

/* 인재채용 > 입사지원 */
.tbl_recruit03_apply {margin:0px 0 0px; border-top:2px solid #ef2a20;border-bottom:1px solid #707070; width:100%; }
.tbl_recruit03_apply caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_recruit03_apply thead th {line-height:60px; border-top:1px solid #ef2a20;border-bottom:1px solid #d1dee2;background:#f8f8f8;color:#313131;font-size:13px;text-align:center;letter-spacing:0em}
.tbl_recruit03_apply thead a {color:#ffffff}
.tbl_recruit03_apply thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_recruit03_apply tbody th {width:140px; line-height:60px; font-size:13px; border-top:0px solid #dddddd; border-bottom:1px solid #dddddd; background:#f8f8f8; text-align:center; font-weight:normal; }
.tbl_recruit03_apply td { color:#909090; padding:0px 42px 0 38px; height:60px; border-top:0px solid #dddddd;border-bottom:1px solid #dddddd;word-break:normal; font-size:13px; }
.tbl_recruit03_apply input { height:36px; color:#707070; }
.tbl_recruit03_apply textarea { width:100%; height:220px; margin:10px 0 11px 0; }
.tbl_recruit03_apply select { height:40px; color:#909090 }
.tbl_recruit03_apply tfoot th {width:160px; height:60px; border-top:0px solid #707070;border-bottom:1px solid #707070;background:#f8f8f8;text-align:center}
.tbl_recruit03_apply tfoot td {padding:8px 40px;border-top:0px solid #707070;border-bottom:1px solid #707070;background:#ffffff; }
.tbl_recruit03_apply a { color:#ffffff }


/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:13px;font-weight:bold;text-align:center;text-decoration:none;}



/* 페이징 */
#pg img { margin:0; padding:0; border:none;display: inline; }

.pg_wrap {clear:both;margin:0 0 0px;padding:20px 0 0;text-align:center}

.paging {margin:0 auto;padding:10px 0;line-height:1.4em;font-size:13px;}
.paging img {vertical-align:middle;margin-bottom:1px;display: inline;}
.paging a {margin:0 2px;color:#666;}
.paging a:hover {text-decoration:none;color:#666;}
.paging a.current {color:#666;font-weight:bold;}
.paging .num {padding:0 4px;}
.paging .num a {margin:0;padding:0 6px;}

.pg_page, .pg_current {display:inline-block; color:#000;letter-spacing:0; vertical-align:middle; background:url(../img/icon_paging_normal.png); width:36px; height:36px; line-height:36px;}
.pg_page2             {display:inline-block; color:#000;letter-spacing:0; vertical-align:middle; width:26px; height:36px; line-height:36px;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:url(../img/icon_paging_normal.png);text-decoration:none}
.pg_start, .pg_prev { margin:10px 0 0 0; }
.pg_end, .pg_next { margin:10px 0 0 0; }
.pg_current {display:inline-block;margin:0 4px 0 0;background:url(../img/icon_paging_over.png);color:#fff;font-weight:normal}

#main_li_center {
	width: 100%; list-style:none;
}
#main_li_center ul {
	margin: auto;
}
#main_li_center li  {
	display:inline;
	width:25%;
}
#main_li_center .c1 {
	color:#ffffff;
	background:url(../img/icon_toplink_bar.png) right no-repeat;
	padding-right:10px;
	width:25%;
}
#main_li_center .c2 {
	color:#ef2a20;
	padding-left:10px;
	width:25%;
}
#main_li_center a {
	display:inline-block;
	padding:0px;
	color:#ffffff;
	font-size:13px;
	line-height:50px;
}


#submenu_li_center {
	width: 100%; list-style:none;
	padding:10px 0;
}
#submenu_li_center ul {
	margin: auto;
}
#submenu_li_center li  {
	display:inline;
	width:25%;
}
#submenu_li_center .c1 {
	color:#ffffff;
	background:url(../img/icon_toplink_bar.png) right no-repeat;
	padding:0 10px 0 5px;;
	width:25%;
}
#submenu_li_center .c2 {
	color:#ef2a20;
	padding:0 5px 0 10px;;
	width:25%;
}
#submenu_li_center a {
	display:inline-block;
	padding:0px;
	color:#707070;
	font-size:13px;
	letter-spacing:-0.5px;
	line-height:150%;
}
#submenu_li_center .on {
	color:#ef2a20;
}


#copyright_search {z-index:5;margin:0px auto;width:100%;background:#f8f8f8; padding:25px 0; color:#313131; font-size:1.6em; text-align:center; zoom:1}
/* 2024/10/14, 푸터 바탕색 변경 (#f9eee7 -> #fcf6ee) */
#copyright {z-index:5; margin:0px auto; max-width:720px; background:#fcf6ee; color:#b0b0b0; zoom:1; text-align:center;}

#copyright a { color:#b0b0b0; }