@charset "utf-8";
@import url("member.css");

/* reset style [start] */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0;	border:0; } /* vertical-align: baseline; outline: 0; ie 외 브라우저 포커싱 사라지는 문제로 제거 */

body {line-height: 16px;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
/*table {border-spacing:0;} /* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;} /* font-weight:normal */
/* reset style [end] */
.radio {margin-bottom:-2px;border:none;}
textarea {border:1px solid #969696;}
caption, hr {display: none;}
legend { visibility:hidden; height:0; width:0; font-size:0;display:none;}






@font-face{ font-family:NanumGothic !important;  font-style:normal; font-weight:normal; src:url('../css/NanumGothic.eot');}
@font-face{ font-family:NanumGothicBold !important;  font-style:normal; font-weight:normal; src:url('../css/NanumGothicBold.eot');}
@font-face{ font-family:NanumGothicExtraBold !important;  font-style:normal; font-weight:normal; src:url('../css/NanumGothicExtraBold.eot');}


/* default */

body {font-size:12px; line-height:18px; font-family:"NanumGothic", "돋움", "굴림", "Lucida Grande", "Verdana"; color:#666; letter-spacing:0; background:#495860;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {  display: block }

a:link {text-decoration:none; color:#666; }
a:visited {text-decoration:none; color:#666;}
a:active {text-decoration:none; color:#666;}
a:hover {text-decoration:none; color:#e2161a;}




.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}


.f_left {float:left;}
.f_right {float:right;}
.img_center {width:100%; text-align:center;}

.cboth {clear:both;}

img,video,embed,object {max-width:100%}




/* Layout */
#wrapper{position: relative; width:100%; background:#fff url(../images/common/top_bg.jpg) repeat-x top;}
#header {position:absolute; width:100%; height:94px; z-index:10000; border-bottom:1px solid #9a2231;}


/* common */
#top {width:960px; height:95px;margin:0 auto;}
#top .logo {float:left;}

#gnb {float:right; margin-top:25px; margin-right:15px;}
#gnb ul li {float:left; font-size:12px; height:12px; border-left:1px solid #fff;  padding:0 15px; line-height:12px;}
#gnb ul li a {color:#fff; }
#gnb ul .first {border-left:none;}

#totalmenu {display:none;}
.allmenu .menulist {display:none;}


#totalmenu {position:absolute; display:block; width:33px; height:33px; top:45px; right:30px; z-index:1000000; }
/*상단 788px allmenu*/
.allmenu {position:absolute;  width:100%; top:95px; margin:0 auto; z-index:100000000000;}
.allmenu dl {display:block; width:100%;background:#f5f5f5;}
.allmenu dl dt {width:96%; font-size:14px; font-weight:bold;padding:15px 2%;  background:#404040; border-bottom:1px solid #555;}
.allmenu dl dt a {color:#f5f5f5;}
.allmenu dl dt .allbtn {float:right; }
.allmenu dl dd ul li {width:96%; height:20px; padding:7px 2%; background:#f5f5f5; border-bottom:1px solid #dfdfdf;}



#footer {clear:both; width:80%; height:100px; padding:20px 10%;text-align:center; color:#a4a4a4; font-size:11px;background:#495860;}




/* main */
#m_container  h2 {font-size:15px; color:#fff; margin-bottom:7px;}
#m_container div {font-size:12px; color:#fff; line-height:18px;}
#m_container a {color:#fff;}
.call {font-size:32px; color:#fff; letter-spacing:-3px; line-height:35px;}



/* sub */
#footer_sub {clear:both; width:80%; height:25px; padding:15px 10%;text-align:center; color:#a4a4a4; font-size:11px;background:#484848;}

#sub_top {position: relative; clear:both;  width:100%; height:95px; background:url(../images/sub/top_bg.jpg) no-repeat center; }
#s_container {position: relative; clear:both; width:90%;min-height:400px; background:#fff url(../images/sub/con_bg.jpg) repeat-x top;padding:70px 5% 0 5%;}
#s_container .s_contents {width:100%;}
#stitle {float:left;  height:75px;}
#stitle .txt1 {float:left; color:#6f0114;  font-size:18px; font-weight:bold; border-bottom:1px solid #6e6e6e; padding-bottom:5px;}
#stitle .txt2 {float:left; color:#6f0114;  font-size:14px; font-weight:bold;margin-left:10px; padding-left:10px; border-left:1px solid #6e6e6e;}
#stitle .txt3 {clear:both; color:#6e6e6e; font-size:12px; font-weight:bold; line-height:14px; padding-top:10px;}
#snb {float:right; height:75px;}
#snb h2 {width:100%; height:30px; text-align:right; font-family:Tahoma; color:#5a0111; font-size:36px; font-weight:bold; letter-spacing:-1px;}
#snb ul li  {float:left;   font-size:13px;  font-weight:bold; background:#fff; margin-left:1px;}
#snb ul li a {display:block; padding:7px 12px;}
#snb ul li a.left_off {color:#d61920; padding:7px 12px;}
#snb ul li a:hover {color:#5a0111;}
#snb ul li a.left_on{color:#fff; background:#d61920; padding:7px 12px;}

#s_container .s_contents .con {clear:both; width:100%;}



#sub_bottom {clear:both; width:100%; background:#495860;color:#a4a4a4; font-size:13px;}
#sub_bottom .cen {width:960px; height:245px;  margin:0 auto;}
#sub_bottom h2 {font-size:18px; margin-bottom:15px; color:#bfbcbc;}
.contactus {float:left; margin-top:30px;}
.contactus ul li {padding-bottom:15px;}
.contactus ul .tel {float:left; width:210px;}
.contactus ul li strong {color:#bfbcbc;}
.sitemap {float:left; margin-top:30px; margin-left:65px;}
.sitemap dl {float:left; margin-right:30px;}
.sitemap dl dt {font-size:14px; font-weight:bold; margin-bottom:7px; color:#bfbcbc;}
.sitemap dl dd {height:18px; font-size:12px; font-weight:bold; color:#8f9294;}
.sitemap dl dd a, .sitemap dl dt a {color:#fff;}

.gray14_b {color:#666;  font-size:14px; font-weight:bold; line-height:15px;}
.gray18_b {color:#666;  font-size:18px; font-weight:bold; line-height:25px;}


#ceo {clear:both; width:100%; padding-bottom:70px;}
#ceo .text1 {float:left; width:48%;}
#ceo .text1 .tit {color:#000; font-family:'NanumGothicBold';  font-size:30px;  line-height:30px; letter-spacing:-1px;}
#ceo .text1 .tit span {color:#000;  font-size:48px; font-weight:bold; line-height:50px; letter-spacing:-3px;}
#ceo .img1 {float:right; width:48%;}
#ceo .text2 {clear:both; float:left; width:48%;}
#ceo .text2 .bg {min-height:47px; color:#fff; font-size:16px; font-weight:bold; text-align:center;  padding-top:15px; background:url(../images/introduce/0102.jpg) no-repeat left bottom; margin-bottom:15px;}
#ceo .text3 {float:right; width:48%; background:url(../images/introduce/0104.jpg) no-repeat right;}
#ceo .text3 .bgred {border-bottom:1px solid #d61920; margin-bottom:20px;}
#ceo .text3 .bgred span {background:#d61920; color:#fff; font-size:22px; line-height:26px;}

#his {clear:both; width:100%; padding-bottom:70px; background:url(../images/introduce/0203.jpg) no-repeat right top;}
#his .text1 {float:left; width:100%;}
#his .text1 .tit {color:#000; font-family:'NanumGothicBold';  font-size:30px;  line-height:30px; letter-spacing:-1px;}
#his .text1 .tit span {color:#000;  font-size:48px; font-weight:bold; line-height:50px; letter-spacing:-3px;}
#his .img1 {float:left; width:100%; height:40px;}
#his .text2 {clear:both; float:left; width:48%;}
#his .text3 {float:right; width:48%;}
#his .history {clear:both; width:100%; font-size:13px; border-top:1px solid #dfdfdf; margin-top:20px; padding:20px 0;}
#his .history .year {float:left; width:120px; font-size:30px; color:#6f0114; font-family:'NanumGothicBold'; padding-top:10px;}
#his .history .hislist {float:left;}
#his .history .hislist ul {clear:both;}
#his .history .hislist ul li {float:left; padding:5px 0;}
#his .history .hislist ul .month {width:40px;  font-family:'NanumGothicBold'; color:#333;}

#org {clear:both; width:100%; padding-bottom:70px; min-height:426px; background:url(../images/introduce/0301.png) no-repeat right top;}
#org .text1 {float:left; width:100%; }
#org .text1 .tit {color:#000; font-family:'NanumGothicBold';  font-size:30px; line-height:30px; letter-spacing:-1px;}
#org .text1 .tit span {color:#000;  font-size:48px; font-weight:bold; line-height:50px; letter-spacing:-3px;}
#org .text2 {clear:both; width:100%; text-align:center; padding-top:50px;}


#road {clear:both; width:100%; padding-bottom:70px; min-height:349px; background:url(../images/introduce/0401.png) no-repeat right top;}
#road .text1 {float:left; width:100%;}
#road .text1 .tit {color:#000; font-family:'NanumGothicBold';  font-size:30px; line-height:30px; letter-spacing:-1px;}
#road .text1 .tit span {color:#000;  font-size:48px; font-weight:bold; line-height:50px; letter-spacing:-3px;}
#road .text2 {clear:both; width:100%; padding-bottom:10px; min-height:391px; background:url(../images/introduce/0402.jpg) no-repeat center top;}
#road .gray30 {height:45px; font-size:18px; color:#000; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-1px; bottom }
#road .gray31 {height:45px; font-size:18px; color:#000; line-height:18px; letter-spacing:-1px;}
#road .bus1 {float:left; width:48%;}
#road .transit{clear:both; width:100%;}
#road .transit ul li {float:left; width:45%; margin-right:5%; margin-bottom:20px; line-height:22px;}
#road .transit ul li span {font-size:18px; line-height:25px;color:#222;}


#recr {clear:both; width:100%; padding-bottom:70px;}
#recr .text1 {float:left; width:100%; background:url(../images/introduce/0301.jpg) no-repeat right;}
#recr .text1 .tit {color:#000; font-family:'NanumGothicBold';  font-size:30px; line-height:30px; letter-spacing:-1px;}
#recr .text1 .tit span {color:#000;  font-size:48px; font-weight:bold; line-height:50px; letter-spacing:-3px;}

/* 입사지원 */
#recruit {clear:both; width:100%; background:url(../images/introduce/0501.png) no-repeat right top;  padding-bottom:70px;}
#recruit .tit {font-size:36px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:40px; padding-top:40px;}
#recruit .tit .black {font-size:70px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:70px; }
#recruit .text { font-size:12px;color:#484848; font-family:'NanumGothicBold';margin-top:30px;}
#recruit .text span {font-size:18px;line-height:40px; }
#recruit .text1 { font-size:14px; margin-top:50px;}
#recruit .text1 span {font-size:16px; font-weight:bold; color:#6f0114; line-height:30px; text-decoration:underline;}
#recruit .btn {clear:both; margin-top:15px;}
#recruit .text2 {clear:both; background:url(../images/introduce/0502.jpg) no-repeat left; padding-left:40px; font-size:12px; margin-top:30px;}

#news {clear:both; width:100%; padding-bottom:70px;  background:url(../images/service/0301.png) no-repeat right top; }
#news .txt {float:left; width:100%; padding-top:50px; }
#news .txt .tit {font-size:40px; color:#000; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-3px; margin-bottom:30px; }
#news .txt span {font-size:24px; color:#fff; background:#6f0114; margin-top:1px; line-height:29px;}
#news .img {float:right; width:48%;}

/* 공지사항 */
#notice {clear:both; width:100%; padding-bottom:70px;}
#notice .txt {float:left; width:52%; padding-top:50px; }
#notice .txt .tit {font-size:40px; color:#6f0114; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-3px; margin-bottom:30px; }
#notice .txt span {font-size:24px; color:#fff; background:#6f0114; margin-top:1px; line-height:29px;}
#notice .img {float:right; width:48%;}

/* 소리소리매거진 */
#magazine {clear:both; width:100%; background:url(../images/magazine/0201.png) no-repeat right top; padding-bottom:70px;}
#magazine .txt {width:100%; padding-top:30px; padding-bottom:70px;}
#magazine .txt .tit {font-size:40px; color:#000; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-3px; margin-bottom:30px; }
#magazine .txt span {font-size:24px; color:#fff; background:#6f0114; margin-top:1px; line-height:29px;}


/* 경영철학 */
#philosophy {clear:both; width:100%; min-height:635px; background:url(../images/philosophy/0101.png) no-repeat right bottom;}
#philosophy .tit {font-size:36px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:40px; padding-top:40px;}
#philosophy .tit .red {color:#6f0114;}
#philosophy .tit .black {font-size:70px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:70px; }
#philosophy .text {width:45%; font-size:14px; margin-top:50px;}
#philosophy .text span {font-size:16px; font-weight:bold; color:#000; line-height:30px; text-decoration:underline;}

/* 핵심가치 */
#corevalue {clear:both; width:100%; min-height:830px; background:url(../images/philosophy/0401.png) no-repeat right bottom;}
#corevalue .tit {font-size:36px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:36px; padding-top:40px; padding-left:125px; background:url(../images/philosophy/0402.png) no-repeat top left;}
#corevalue .tit .black {font-size:60px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:60px; }
#corevalue .text {width:100%; font-size:14px; margin-top:30px;}
#corevalue .text span {font-size:16px; font-weight:bold; color:#6f0114; line-height:25px; text-decoration:underline;}

/* 비전 */
#vision {clear:both; width:100%;  background:url(../images/philosophy/0301.png) no-repeat top right; padding-bottom:70px;}
#vision .tit {font-size:36px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:36px; padding-top:40px; }
#vision .tit .black {font-size:60px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:60px; }
#vision .text {width:100%; font-size:13px; margin-top:75px;line-height:20px;}
#vision .text span {font-size:18px; font-weight:bold; color:#000; line-height:30px;}


/* 브랜드스토리 */
#brandstory {clear:both; width:100%; background:url(../images/philosophy/0201.png) no-repeat right top; padding-bottom:70px;}
#brandstory .tit {font-size:36px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:40px; padding-top:40px;}
#brandstory .text .red {font-size:24px;  color:#d61920; letter-spacing:-2px; line-height:30px; text-decoration:none;}
#brandstory .text .red span {font-size:24px; font-family:'NanumGothicExtraBold'; color:#d61920;  text-decoration:none;}
#brandstory .tit .black {font-size:45px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:45px; }
#brandstory .text {width:100%; font-size:14px; margin-top:50px;}
#brandstory .text span {font-size:16px; font-weight:bold; color:#6f0114; line-height:30px; text-decoration:underline;}
#brandstory .text .txt1 {width:55%;}
#brandstory .b1 {clear:both; width:100%; border-top:1px solid #dfdfdf; margin:30px 0;}
#brandstory .text2 {width:100%; font-size:14px;}
#brandstory .text2 .img {float:left; margin:0 20px 10px 0;}
#brandstory .text2 span {font-size:18px; font-family:'NanumGothicBold'; color:#6f0114; line-height:24px;}


/* 고객센터 */
#center_customer {clear:both; width:100%; background:url(../images/center/0101.png) no-repeat top right; padding-bottom:70px;}
#center_customer .txt {width:100%; padding:30px 0; }
#center_customer .txt .tit {font-size:40px; color:#000; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-3px; margin-bottom:20px; }
#center_customer .txt .blue24 {font-size:24px; color:#6d9ec1;  margin-top:1px; line-height:29px; font-weight:bold;  letter-spacing:-1px;}
#center_customer .txt .blue45 {font-size:45px; color:#6d9ec1; font-family:'NanumGothicBold';  letter-spacing:-2px; line-height:45px; padding-bottom:20px;}
#center_customer .txt .phone {clear:both; float:left; height:30px;  font-size:36px; line-height:36px; color:#666; font-family:'NanumGothicBold'; letter-spacing:-2px;}
#center_customer .txt .time {float:left; height:30px;  font-size:13px; font-weight:bold; line-height:16px; padding:5px 0 0 15px;}
#center_customer .txt .text {clear:both; font-size:14px; font-weight:bold; padding-top:15px;}

/* 고객소리상담 */
#center_consult {clear:both; width:100%; background:url(../images/center/0201.png) no-repeat top right; padding-bottom:70px;}
#center_consult .txt {width:100%; min-height:260px; padding:30px 0; }
#center_consult .txt .tit {font-size:40px; color:#000; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-3px; margin-bottom:20px; }
#center_consult .txt .blue24 {font-size:24px; color:#6d9ec1;  margin-top:1px; line-height:29px; font-weight:bold;  letter-spacing:-1px;}
#center_consult .txt .blue45 {font-size:45px; color:#6d9ec1; font-family:'NanumGothicBold';  letter-spacing:-2px; line-height:45px; padding-bottom:20px;}
#center_consult .txt .phone {clear:both; float:left; height:30px;  font-size:36px; line-height:36px; color:#666; font-family:'NanumGothicBold'; letter-spacing:-2px;}
#center_consult .txt .time {float:left; height:30px;  font-size:13px; font-weight:bold; line-height:16px; padding:5px 0 0 15px;}
#center_consult .txt .text {clear:both; font-size:14px; font-weight:bold; padding-top:15px;}
#center_consult .box {width:100%;}
#center_consult .box div {float:left; width:27%; height:100px; border:1px solid #f0eff0; padding:3%;}
#center_consult .box div h2 {color:#454545; font-size:14px; margin-bottom:10px;}
#center_consult .box .box1 {background:#f0eff0 url(../images/center/0202.png) no-repeat right top;}
#center_consult .box .box2 {background:#fff url(../images/center/0203.png) no-repeat right top;}
#center_consult .box .box3 {background:#f0eff0 url(../images/center/0204.png) no-repeat right top;}
#center_consult .box .box4 {background:#fff url(../images/center/0205.png) no-repeat right top;}
#center_consult .box .box5 {background:#6f0114; text-align:center;}
#center_consult .box .box5 img {margin-top:15px;}
#center_consult .box .box6 {background:#fff url(../images/center/0207.png) no-repeat right top;}
#center_consult .box .box7 {background:#f0eff0 url(../images/center/0208.png) no-repeat right top;}
#center_consult .box .box8 {background:#fff url(../images/center/0209.png) no-repeat right top;}
#center_consult .box .box9 {background:#f0eff0 url(../images/center/0210.png) no-repeat right top;}
#center_consult .box div a{color:#be8555; font-size:12px; font-weight:bold;} 
#center_consult .box_b {clear:both; border:1px solid #c4c4c4; padding:25px; margin-top:30px;}
#center_consult .box_b ul li {float:left; padding:0 15px;}
#center_consult .box_b .btxt {clear:both; width:100%; text-align:center; padding-top:10px;}


/* 제품소개 */
#proinfo {clear:both; width:100%; background:url(../images/service/0201.png) no-repeat top right; padding-bottom:70px;}
#proinfo .txt {width:100%; min-height:260px; padding:30px 0; }
#proinfo .txt .tit {font-size:45px; color:#000; font-family:'NanumGothicBold'; line-height:45px; letter-spacing:-3px; margin-bottom:20px; }
#proinfo .txt .red24 {font-size:24px; color:#6f0114;  margin-top:50px; line-height:29px; font-weight:bold;  letter-spacing:-1px;}
#proinfo .txt .text {clear:both; font-size:18px; color:#6f0114;font-weight:bold; line-height:24px;padding-top:5px;}
#proinfo .txt .box_b {clear:both; border:1px solid #c4c4c4; padding:25px; margin-top:300px;}
#proinfo .txt .box_b ul li {float:left; padding:0 15px;}
#proinfo .txt .box_b .btxt {clear:both; width:100%; text-align:center; padding-top:10px;}
#proinfo .gray30 {height:45px; font-size:30px; color:#000; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-3px; }
#proinfo .info {clear:both; width:100%;}
#proinfo .info ul li {margin-bottom:25px; font-size:14px;}
#proinfo .info ul li .red18 {font-size:18px; color:#6f0114; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-1px;}
#proinfo .info ul li img {margin-top:40px;}


/* 비지니스 */
#business {clear:both; width:100%; background:url(../images/service/0101.png) no-repeat right top; padding-bottom:70px;}
#business .txt {width:100%; padding-top:50px; padding-bottom:120px;font-size:24px; color:#6f0114;   line-height:29px; font-weight:bold;  letter-spacing:-1px;}
#business .txt .tit {font-size:30px; color:#000; font-family:'NanumGothicBold'; line-height:32px; letter-spacing:-3px; margin-bottom:30px; }
#business .offline {clear:both; float:left; width:70%;font-size:13px;}
#business .offline .tt1 {height:25px;color:#f05858;font-size:16px;  font-family:'NanumGothicBold'; text-decoration:underline; margin-top:20px;}
#business .txt2 {font-size:15px; color:#333;}



/* 비지니스 
#business {clear:both; width:100%; background:url(../images/service/0101.png) no-repeat right top; padding-bottom:70px;}
#business .txt {width:100%; padding-top:50px; padding-bottom:70px; font-size:14px;font-family:'NanumGothicBold';line-height:24px;}
#business .txt .tit {font-size:30px; color:#000; font-family:'NanumGothicBold'; line-height:32px; letter-spacing:-3px; margin-bottom:60px; }
#business .txt span {font-size:24px; color:#fff; font-family:'NanumGothic'; background:#6f0114; margin-top:1px; line-height:29px;}
#business .offline {clear:both; float:left; width:70%;font-size:13px;}
#business .offline .tt1 {color:#f05858;font-size:16px;  font-family:'NanumGothicBold'; text-decoration:underline;}
#business .offline .tt2 {height:25px; color:#314480;font-size:14px;  font-family:'NanumGothicBold'; margin-top:30px;}
#business .offline table .redb13 {color:#b41d2c;font-family:'NanumGothicBold';}
#business .offline table a.red13 {color:#f16868;}
#business .offline table td {padding:3px 0;}
#business .offlinemap {float:right; margin-top:50px;}*/


/* tsc발명자 */
#tsc {clear:both; width:100%; background:url(../images/service/0501.png) no-repeat right top; padding-bottom:70px;}
#tsc .txt {width:100%; padding-top:50px; padding-bottom:30px; font-size:14px;font-family:'NanumGothicBold';line-height:24px;}
#tsc .txt .tit {font-size:30px; color:#000; font-family:'NanumGothicBold'; line-height:32px; letter-spacing:-3px; margin-bottom:50px; }
#tsc .txt span {font-size:24px; color:#fff; font-family:'NanumGothic'; background:#6f0114; margin-top:1px; line-height:29px;}
#tsc .text {width:530px; font-size:14px; line-height:24px; font-family:'NanumGothicBold';}
#tsc .profile {clear:both; width:100%; margin-top:40px;}
#tsc .profile .img {float:left; width:30%;}
#tsc .profile .info {float:right; width:68%; margin-left:2%;}
#tsc .profile .info .name {width:130px; font-size:16px; color:#fff; font-family:'NanumGothicBold'; background:#6f0114; margin-top:1px; line-height:30px; padding:0 10px;}
#tsc .profile .info .list1 {border-bottom:1px solid #565656; font-size:14px; font-family:'NanumGothicBold'; padding:10px 0; }
#tsc .profile .info .list1 ul {float:left;}
#tsc .profile .info .list1 ul li {padding-bottom:10px; margin-right:30px;}
#tsc .profile .info .list2 {margin-top:25px; font-size:13px;}
#tsc .profile .info .list2 ul {float:left; }
#tsc .profile .info .list2 ul li {padding-bottom:10px; margin-right:30px;}


/* =================== 851이상 style ===================*/
@media screen and (min-width:851px) {

/* common */
#top {width:960px; height:95px;margin:0 auto; }


#totalmenu {display:none !important;}
.allmenu .menulist {display:none;  !important}



.menuWrap {position:relative;height:0;}
.hidden{visibility:hidden;width:0;height:0;overflow:hidden;position:absolute;top:-10000px;line-height:0;}

#lnb {position:absolute;overflow:hidden; width:668px; left:50%; margin-left:-153px; margin-top:-50px; height:42px; padding-top:10px;cursor:pointer; }
#lnb ul li {float:left; font-size:15px; padding:0 25px; font-weight:bold; border-left:2px solid #fff; line-height:15px; height:15px;} 
#lnb ul li a {color:#fff;}
#lnb ul .first {padding:0 25px 0 0; border-left:none;}

#allMenuView {position:absolute; z-index:10000; width:100%; height:145px; overflow:hidden; display: none; background:#6f0114; opacity:0.7; }
#allMenuView .menu_cen {position:absolute;width:633px; left:50%; margin-left:-153px;}
#allMenuView .menu {float:left; height:115px; padding:15px 0; }
#allMenuView .menu ul li{height:24px; font-weight:bold;}
#allMenuView .menu ul li a {color:#e7acb2;}
#allMenuView .menu ul li a:hover {color:#fff;}






/* main */
#m_container {position:absolute; width:960px; height:140px; left:50%; margin-left:-480px; margin-top:-141px; z-index:100;}
#customer {float:left; width:160px; height:80px; padding:30px 40px;background:#5e5c5c; }
#brand {float:left; width:160px; height:80px;  padding:30px 40px; background:#5e5c5c; margin-left:1px;}
#product {float:left; width:160px; height:80px;  padding:30px 40px; background:#5e5c5c;margin-left:1px;}
#talk {float:left; width:187px; height:80px; padding:30px 25px; background:#ffe304;margin-left:1px;}



/* visual */
#full_visual_wrap{ position:relative; overflow:hidden; width:100%; }
#full_visual_wrap #full_visual{width:1970px; margin-left:-985px; padding-left:50%;}
#full_visual .flex-direction-nav a{ display:block; position:absolute;  overflow:hidden; width:45px; height:83px; margin-top:-21px; text-indent:-5000px;}
#full_visual .flex-direction-nav a.flex-prev{ top:360px; left:50%; margin-left:-530px; background:url(../images/main/btn_prev.png) no-repeat 0 0;}
#full_visual .flex-direction-nav a.flex-next{  top:360px; left:50%; margin-left:480px; background:url(../images/main/btn_next.png) no-repeat 0 0;}


/* sub */
#s_container .s_contents { width:960px; margin:0 auto;}








}





/* =================== 850 style =================== */
@media screen and (max-width:850px) {

/* common */
#top {width:100% !important; height:95px;margin:0 auto;}
#gnb {float:right; margin-top:25px; margin-right:15px;}


.menuWrap {display:none;}






/* main */

/* visual */
#full_visual_wrap{ position:relative; overflow:hidden; width:100%; }
#full_visual_wrap #full_visual{width:1200px; margin-left:-600px; padding-left:50%;}
#full_visual .flex-direction-nav a{ display:block; position:absolute;  top:50%; overflow:hidden; width:45px; height:83px; margin-top:-21px; text-indent:-5000px;}
#full_visual .flex-direction-nav a.flex-prev{top:250px; left:50%; margin-left:-350px; background:url(../images/main/btn_prev.png) no-repeat 0 0;}
#full_visual .flex-direction-nav a.flex-next{ top:250px; left:50%; margin-left:300px; background:url(../images/main/btn_next.png) no-repeat 0 0;}


#m_container {position:relative; width:94%; padding:3%;height:none; left:0; margin-left:0; margin-top:0; z-index:100; }
#customer {float:left; width:39% !important; height:60px; padding:5%; background:#5e5c5c; }
#brand {float:right; width:39%; height:60px;  padding:5%; background:#5e5c5c; margin-left:1px;}
#product {clear:both; float:left; width:39% !important; height:76px; padding:5%; background:#5e5c5c;margin-left:0; margin-top:1px;}
#talk {float:right; width:39%; height:76px; padding:5%; background:#ffe304;margin-left:1px; text-align:center; margin-top:1px;}



/* sub */
#snb {display:none;}


#sub_bottom .cen {width:90%; height:none !important;  padding:0 5%; margin:0 auto;}
.contactus {float:left; width:100%;margin-top:30px;}
.contactus ul li {padding-bottom:15px;}
.contactus ul .tel {float:left; width:30%;}
.contactus ul .fax {float:left; width:30%;}
.contactus ul li strong {color:#bfbcbc;}
.sitemap {clear:both; float:both; width:100%; margin-top:30px; margin-left:0;}
.sitemap dl {float:left; width:18%;margin-right:2%; padding-bottom:30px;}
.sitemap dl dt {font-size:14px; font-weight:bold; margin-bottom:7px; color:#bfbcbc;}
.sitemap dl dd {padding-bottom:5px; font-size:12px; font-weight:bold; color:#8f9294;}
.sitemap dl dd a, .sitemap dl dt a {color:#fff;}

#contents {float:both;width:100%;}

#ceo .text1 {float:both; width:100%; background:url(../images/introduce/0103.png) no-repeat right top;}
#ceo .text1 .tit {color:#000; font-family:'NanumGothicBold';  font-size:25px; font-weight:bold; line-height:30px; letter-spacing:-1px;}
#ceo .text1 .tit span {color:#000;  font-size:40px; font-weight:bold; line-height:50px; letter-spacing:-3px;}
#ceo .img1 {display:none;}
#ceo .text2 {clear:both; float:left; width:100%;}
#ceo .text2 .bg {min-height:47px; color:#fff; font-size:16px; font-weight:bold; text-align:center;  padding-top:15px; background:url(../images/introduce/0102.jpg) no-repeat left bottom !important; margin-bottom:15px;}
#ceo .text3 {float:both; width:100%;}


#his {clear:both; width:100%; padding-bottom:70px; background:url(../images/introduce/0203.png) no-repeat right top; background-size:100%;}
#his .text1 {float:left; width:100%;}
#his .text1 .tit {color:#000; font-family:'NanumGothicBold';  font-size:25px;  line-height:30px; letter-spacing:-1px;}
#his .text1 .tit span {color:#000;  font-size:35px; font-weight:bold; line-height:40px; letter-spacing:-3px;}
#his .img1 {float:left; width:100%;}
#his .text2 {clear:both; float:left; width:48%;}
#his .text3 {float:right; width:48%;}


#org {clear:both; width:100%; padding-bottom:70px; min-height:426px; background:url(../images/introduce/0301.png) no-repeat right top;background-size:60%;}
#org .text1 {float:left; width:100%; }
#org .text1 .tit {color:#000; font-family:'NanumGothicBold';  font-size:25px; line-height:30px; letter-spacing:-1px;}
#org .text1 .tit span {color:#000;  font-size:35px; font-weight:bold; line-height:40px; letter-spacing:-3px;}
#org .text2 {clear:both; width:100%; text-align:center; padding-top:50px;}


#road {clear:both; width:100%; padding-bottom:70px; min-height:349px; background:url(../images/introduce/0401.png) no-repeat right top;background-size:60%;}
#road .text1 {float:left; width:100%;}
#road .text1 .tit {color:#000; font-family:'NanumGothicBold';  font-size:25px; line-height:30px; letter-spacing:-1px;}
#road .text1 .tit span {color:#000;  font-size:35px; font-weight:bold; line-height:40px; letter-spacing:-3px;}
#road .text2 {clear:both; width:100%; padding-bottom:10px; min-height:391px; background:url(../images/introduce/0402.jpg) no-repeat center top;}
#road .gray30 {height:45px; font-size:18px; color:#000; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-1px; bottom }
#road .gray31 {height:45px; font-size:18px; color:#000; line-height:18px; letter-spacing:-1px;}
#road .bus1 {float:left; width:48%;}



#news {clear:both; width:100%; padding-bottom:70px; background:url(../images/service/0301.png) no-repeat right top;  background-size:65%;}
#news .txt {float:left; width:100%; padding-top:50px; }
#news .txt .tit {font-size:35px; color:#000; font-family:'NanumGothicBold'; line-height:35px; letter-spacing:-3px; margin-bottom:30px; }
#news .txt span {font-size:20px; color:#fff; background:#6f0114; margin-top:1px; line-height:20px;}
#news .img {float:right; width:48%;}


/* 입사지원 */
#recruit {clear:both; width:100%;  background:url(../images/introduce/0501.png) no-repeat right top; background-size:65%;  padding-bottom:70px;}
#recruit .tit {font-size:30px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:35px; padding-top:40px;}
#recruit .tit .black {font-size:60px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:60px; }
#recruit .text { font-size:12px;color:#484848; font-family:'NanumGothicBold';margin-top:30px;}



#notice {clear:both; width:100%; padding-bottom:70px;}
#notice .txt {float:left; width:60%; padding-top:30px; }
#notice .txt .tit {font-size:35px; color:#6f0114; font-family:'NanumGothicBold'; line-height:35px; letter-spacing:-3px; margin-bottom:30px; }
#notice .txt span {font-size:20px; color:#fff; background:#6f0114; margin-top:1px; line-height:20px;}
#notice .img {float:right; width:40%; margin-top:20px;}

#magazine {clear:both; width:100%; background:url(../images/magazine/0201.png) no-repeat right top; background-size:50%; padding-bottom:70px;}
#magazine .txt {width:100%; padding-top:30px; padding-bottom:40px;}
#magazine .txt .tit {font-size:35px; color:#000; font-family:'NanumGothicBold'; line-height:35px; letter-spacing:-3px; margin-bottom:30px; }
#magazine .txt span {font-size:20px; color:#fff; background:#6f0114; margin-top:1px; line-height:20px;}


/* 경영철학 */
#philosophy {clear:both; width:100%; min-height:none !important; background:url(../images/philosophy/0102.png) no-repeat right top; padding-bottom:70px;}
#philosophy .tit {font-size:30px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:30px; padding-top:40px;}
#philosophy .tit .black {font-size:60px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:70px; }
#philosophy .text {width:100%; font-size:14px; margin-top:50px;}

/* 핵심가치 */
#corevalue {clear:both; width:100%; min-height:830px; background:url(../images/philosophy/0403.png) no-repeat right bottom; }
#corevalue .tit {font-size:30px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:30px; padding-top:40px; padding-left:125px; background:url(../images/philosophy/0402.png) no-repeat top left;}
#corevalue .tit .black {font-size:50px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:50px; }

/* 비전 */
#vision {clear:both; width:100%;  background:url(../images/philosophy/0301.png) no-repeat top right; background-size:40%; padding-bottom:70px;}
#vision .tit {font-size:30px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:30px; padding-top:40px; }
#vision .tit .black {font-size:50px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:50px; }


/* 브랜드스토리 */
#brandstory {clear:both; width:100%; background:url(../images/philosophy/0201.png) no-repeat right top; background-size:65%; padding-bottom:70px;}
#brandstory .tit {font-size:30px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:35px; padding-top:40px;}
#brandstory .text .red {font-size:20px;  color:#d61920; letter-spacing:-2px; line-height:25px; text-decoration:none;}
#brandstory .text .red span {font-size:20px; font-family:'NanumGothicExtraBold'; color:#d61920;  text-decoration:none;}
#brandstory .tit .black {font-size:40px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:40px; }
#brandstory .text {width:100%; font-size:14px; margin-top:50px;}
#brandstory .text span {font-size:16px; font-weight:bold; color:#6f0114; line-height:30px; text-decoration:underline;}
#brandstory .text .txt1 {width:100%;}
#brandstory .b1 {clear:both; width:100%; border-top:1px solid #dfdfdf; margin:30px 0;}
#brandstory .text2 {width:100%; font-size:14px;}
#brandstory .text2 .img {float:left; margin:0 20px 10px 0;}
#brandstory .text2 span {font-size:18px; font-family:'NanumGothicBold'; color:#6f0114; line-height:24px;}

/* 고객센터 */
#center_customer {clear:both; width:100%; background:url(../images/center/0102.png) no-repeat top right; padding-bottom:70px;}
#center_customer .txt {width:100%; padding:30px 0; }
#center_customer .txt .tit {font-size:35px; color:#000; font-family:'NanumGothicBold'; line-height:35px; letter-spacing:-3px; margin-bottom:20px; }
#center_customer .txt .blue24 {font-size:20px; color:#6d9ec1;  margin-top:1px; line-height:20px; font-weight:bold;  letter-spacing:-1px;}
#center_customer .txt .blue45 {font-size:40px; color:#6d9ec1; font-family:'NanumGothicBold';  letter-spacing:-2px; line-height:40px; padding-bottom:20px;}
#center_customer .txt .phone {clear:both; float:left; height:30px;  font-size:36px; line-height:36px; color:#666; font-family:'NanumGothicBold'; letter-spacing:-2px;}
#center_customer .txt .time {float:left; height:30px;  font-size:13px; font-weight:bold; line-height:16px; padding:5px 0 0 15px;}
#center_customer .txt .text {clear:both; font-size:14px; font-weight:bold; padding-top:15px;}


/* 고객소리상담 */
#center_consult {clear:both; width:100%; background:url(../images/center/0201_2.png) no-repeat top right; padding-bottom:70px;}
#center_consult .txt {width:100%; padding:30px 0; min-height:200px;}
#center_consult .txt .tit {font-size:35px; color:#000; font-family:'NanumGothicBold'; line-height:35px; letter-spacing:-3px; margin-bottom:20px; }
#center_consult .txt .blue24 {font-size:20px; color:#6d9ec1;  margin-top:1px; line-height:20px; font-weight:bold;  letter-spacing:-1px;}
#center_consult .txt .blue45 {font-size:40px; color:#6d9ec1; font-family:'NanumGothicBold';  letter-spacing:-2px; line-height:40px; padding-bottom:20px;}
#center_consult .txt .phone {clear:both; float:left; height:30px;  font-size:36px; line-height:36px; color:#666; font-family:'NanumGothicBold'; letter-spacing:-2px;}
#center_consult .txt .time {float:left; height:30px;  font-size:13px; font-weight:bold; line-height:16px; padding:5px 0 0 15px;}
#center_consult .txt .text {clear:both; font-size:14px; font-weight:bold; padding-top:15px;}
#center_consult .box {width:100%;}
#center_consult .box div {float:left; width:43%; height:100px; border:1px solid #f0eff0; padding:3%;}
#center_consult .box div h2 {color:#454545; font-size:14px; margin-bottom:10px;}
#center_consult .box .box1 {background:#f0eff0 url(../images/center/0202.png) no-repeat right top;}
#center_consult .box .box2 {background:#fff url(../images/center/0203.png) no-repeat right top;}
#center_consult .box .box3 {background:#fff url(../images/center/0204.png) no-repeat right top;}
#center_consult .box .box4 {background:#f0eff0 url(../images/center/0205.png) no-repeat right top;}
#center_consult .box .box5 {display:none; background:#6f0114; text-align:center;}
#center_consult .box .box5 img {margin-top:15px;}
#center_consult .box .box6 {background:#f0eff0 url(../images/center/0207.png) no-repeat right top;}
#center_consult .box .box7 {background:#fff url(../images/center/0208.png) no-repeat right top;}
#center_consult .box .box8 {background:#fff url(../images/center/0209.png) no-repeat right top;}
#center_consult .box .box9 {background:#f0eff0 url(../images/center/0210.png) no-repeat right top;}
#center_consult .box div a{color:#be8555; font-size:12px; font-weight:bold;} 
#center_consult .box_b {clear:both; border:1px solid #c4c4c4; padding:25px; margin-top:30px;}
#center_consult .box_b ul li {float:left; padding:5px 0;width:33%; text-align:center;}
#center_consult .box_b .btxt {clear:both; width:100%; text-align:center; padding-top:10px;}

/* 제품소개 */
#proinfo {clear:both; width:100%; background:url(../images/service/0201.png) no-repeat top right; background-size:70%;padding-bottom:70px;}
#proinfo .txt {width:100%; min-height:260px; padding:30px 0; }
#proinfo .txt .tit {font-size:40px; color:#000; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-3px; margin-bottom:20px; }
#proinfo .txt .red24 {font-size:20px; color:#6f0114;  margin-top:50px; line-height:25px; font-weight:bold;  letter-spacing:-1px;}
#proinfo .txt .text {clear:both; font-size:16px; color:#6f0114;font-weight:bold; line-height:20px;padding-top:5px;}
#proinfo .txt .box_b {clear:both; border:1px solid #c4c4c4; padding:25px; margin-top:50px;}
#proinfo .txt .box_b ul li {float:left; padding:0 0; width:33%;  text-align:center;}
#proinfo .txt .box_b .btxt {clear:both; width:100%; text-align:center; padding-top:10px;}
#proinfo .gray30 {height:45px; font-size:30px; color:#000; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-3px; }
#proinfo .info {clear:both; width:100%;}
#proinfo .info ul li {margin-bottom:25px; font-size:14px;}
#proinfo .info ul li .red18 {font-size:18px; color:#6f0114; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-1px;}
#proinfo .info ul li img {margin-top:40px;}

/* 비지니스
#business {clear:both; width:100%; background:url(../images/service/0101.png) no-repeat right top; background-size:60%; padding-bottom:70px;}
#business .txt {width:100%; padding-top:50px; padding-bottom:70px; font-size:14px;font-family:'NanumGothicBold';line-height:24px;}
#business .txt .tit {font-size:30px; color:#000; font-family:'NanumGothicBold'; line-height:32px; letter-spacing:-3px; margin-bottom:60px; }
#business .txt span {font-size:24px; color:#fff; font-family:'NanumGothic'; background:#6f0114; margin-top:1px; line-height:29px;}
#business .offline {clear:both; float:left; width:100%;font-size:13px;}
#business .offline .tt1 {color:#f05858;font-size:16px;  font-family:'NanumGothicBold'; text-decoration:underline;}
#business .offline .tt2 {height:25px; color:#314480;font-size:14px;  font-family:'NanumGothicBold'; margin-top:30px;}
#business .offline table .redb13 {color:#b41d2c;font-family:'NanumGothicBold';}
#business .offline table a.red13 {color:#f16868;}
#business .offline table td {padding:3px 0;}
#business .offlinemap {display:none} */

/* 비지니스 */
#business {clear:both; width:100%; background:url(../images/service/0101.png) no-repeat right top;background-size:60%;  padding-bottom:70px;}
#business .txt {width:100%; padding-top:50px; padding-bottom:120px;font-size:18px; color:#6f0114;   line-height:29px; font-weight:bold;  letter-spacing:-1px;}
#business .txt .tit {font-size:28px; color:#000; font-family:'NanumGothicBold'; line-height:32px; letter-spacing:-3px; margin-bottom:30px; }
#business .offline {clear:both; float:left; width:70%;font-size:13px;}
#business .offline .tt1 {height:25px;color:#f05858;font-size:16px;  font-family:'NanumGothicBold'; text-decoration:underline; margin-top:20px;}
#business .txt2 {font-size:15px; color:#333;}



.board_delete {border-top:1px solid #4d4d4d;border-bottom:1px solid #dbdbdb; padding:20px 20px 20px 200px; height:155px; background:url(../images/sub/logo.png) no-repeat;}
.board_delete .txt {clear:both; float:both;  font-size:14px;  margin-top:30px !important;}
.board_delete .txt span {font-size:18px; color:#6f0114;   line-height:29px; font-weight:bold;}
.board_delete .form {clear:both;  float:both; margin:20px 0 0 0 !important; border-left:0 !important; padding-left:0 !important;}
.board_delete .form ul li {float:left;}
.board_delete .form ul .tit {font-weight:bold; width:70px; padding-top:5px;}

}





/* =================== 360 style =================== */
@media screen and (max-width:500px) {

/* common */
#header {position:absolute; width:100%; height:70px; z-index:10000; border-bottom:1px solid #9a2231;}
#top {width:100%;  height:70px;margin:0 auto;}
#top .logo {float:left; width:190px;}
#gnb {float:right; margin-top:10px; margin-right:50px;}
#gnb ul li {clear:both; float:both; font-size:11px; height:11px; border-left:1px solid #fff;  padding:0 10px; line-height:12px; text-align:right; margin-top:5px;}
#gnb ul .first {border-left:1px solid #fff;}

#totalmenu {position:absolute; display:block; width:33px; height:33px; top:25px !important; right:10px; z-index:1000000; }
.allmenu {position:absolute;  width:100%; top:71px; margin:0 auto; z-index:100000000000;}

.menuWrap {display:none;}




/* main */
#m_container {position:relative; width:94%; padding:3%;height:none; left:0; margin-left:0; margin-top:0; z-index:100; }
#customer {float:both; width:90% !important; height:80px !important; padding:5%; background:#5e5c5c; }
#brand {float:both; width:90%; height:none !important;  padding:5%; background:#5e5c5c; margin-left:0;margin-top:1px;}
#product {clear:both; float:both; width:90% !important; height:none !important; padding:5%; background:#5e5c5c;margin-left:0; margin-top:1px;}
#talk {float:both; width:90%; height:none !important; padding:5%; background:#ffe304;margin-left:0; text-align:center; margin-top:1px;}



/* visual */
#full_visual_wrap{ position:relative; overflow:hidden; width:100%; }
#full_visual_wrap #full_visual{width:700px; margin-left:-350px; padding-left:50%;}
#full_visual .flex-direction-nav a{ display:none;}



/* sub */
#sub_top {position: relative; clear:both;  width:100%; height:70px; background:url(../images/sub/top_bg.jpg) no-repeat center; }
#loca #loca_cen {width:100%; margin:0 auto; padding-top:10px;}
#contents_cen {width:100%; margin:0 auto; margin-top:45px;}
#snb {display:none;}

#sub_bottom .cen {width:90%; height:none !important;  padding:0 5%; margin:0 auto;}
.contactus {float:left; margin-top:30px;}
.contactus ul li {padding-bottom:15px;}
.contactus ul .tel {float:left !mportant; width:50%;}
.contactus ul .fax {float:both; width:50%;}
.contactus ul .mail {clear:both;}
.contactus ul li strong {color:#bfbcbc;}
.sitemap {clear:both; float:both; width:100%; margin-top:30px; margin-left:0;}
.sitemap dl {float:left; width:30%;margin-right:3%; padding-bottom:30px;}
.sitemap dl dt {font-size:14px; font-weight:bold; margin-bottom:7px; color:#bfbcbc;}
.sitemap dl dd {padding-bottom:5px; font-size:12px; font-weight:bold; color:#8f9294;}
.sitemap dl dd a, .sitemap dl dt a {color:#fff;}

#contents {float:both;width:100%;}


#ceo .text1 {float:both; width:100%; background:none;}
#ceo .img1 {position:relative; float:both; width:100% !important; display:block;}
#ceo .img1 img {width:100%;}
#ceo .text2 {clear:both; float:left; width:100%;}
#ceo .text2 .bg {min-height:55px; color:#fff; font-size:13px; font-weight:bold; text-align:center;  padding-top:20px; background:url(../images/introduce/0102.jpg) no-repeat left bottom; margin-bottom:15px;}
#ceo .text3 {float:both; width:100%;}


#news {clear:both; width:100%; padding-bottom:70px; background:none;}
#news .txt {float:left; width:100%; padding-top:50px; background:url(../images/service/0301.png) no-repeat right top; background-size:100%;}
#news .txt .tit {font-size:28px; color:#000; font-family:'NanumGothicBold'; line-height:35px; letter-spacing:-3px; margin-bottom:150px; }
#news .txt span {font-size:18px; color:#fff; background:#6f0114; margin-top:1px; line-height:20px;}
#news .img {float:right; width:48%;}


/* 입사지원 */
#recruit {clear:both; width:100%;  background:url(../images/introduce/0501.png) no-repeat right top; background-size:65%;  padding-bottom:70px;}
#recruit .tit {font-size:18px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:32px; padding-top:40px;}
#recruit .tit .black {font-size:28px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:40px; }
#recruit .text { font-size:12px;color:#484848; font-family:'NanumGothicBold';margin-top:30px;}


#notice {clear:both; width:100%; padding-bottom:70px;}
#notice .txt {float:left; width:100%; padding-top:30px; }
#notice .txt .tit {font-size:28px; color:#6f0114; font-family:'NanumGothicBold'; line-height:30px; letter-spacing:-3px; margin-bottom:30px; }
#notice .txt span {font-size:18px; color:#fff; background:#6f0114; margin-top:1px; line-height:20px;}
#notice .img {display:none;}

#magazine {clear:both; width:100%; background:none; padding-bottom:70px;}
#magazine .txt {width:100%; padding-top:30px; padding-bottom:30px;}
#magazine .txt .tit {font-size:28px; color:#000; font-family:'NanumGothicBold'; line-height:30px; letter-spacing:-3px; margin-bottom:30px; }
#magazine .txt span {font-size:18px; color:#fff; background:#6f0114; margin-top:1px; line-height:20px;}


/* 경영철학 */
#philosophy {clear:both; width:100%; min-height:none; background:none; padding-bottom:70px;}
#philosophy .tit {font-size:25px; height:250px;color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:30px; padding-top:40px; background:url(../images/philosophy/0101.png) no-repeat 0 100px; background-size:100%;}
#philosophy .tit .black {font-size:28px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:30px; }
#philosophy .text {width:100%; font-size:14px; margin-top:10px;}

/* 핵심가치 */
#corevalue {clear:both; width:100%; min-height:none; background:none; padding-bottom:70px;}
#corevalue .tit {font-size:18px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:30px; padding-top:40px; padding-left:125px; background:url(../images/philosophy/0402.png) no-repeat top left;}
#corevalue .tit .black {font-size:28px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:30px; }

/* 비전 */
#vision {clear:both; width:100%;  background:url(../images/philosophy/0301.png) no-repeat 20px 120px;background-size:80%; padding-bottom:70px;}
#vision .tit {height:250px;font-size:18px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:30px; padding-top:40px; }
#vision .tit .black {font-size:35px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:50px; }


/* 브랜드스토리 */
#brandstory {clear:both; width:100%; background:none; padding-bottom:70px;}
#brandstory .tit {height:250px;font-size:22px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-2px; line-height:35px; padding-top:40px; background:url(../images/philosophy/0201.png) no-repeat 0 100px;  background-size:100%;}
#brandstory .text .red {font-size:20px;  color:#d61920; letter-spacing:-2px; line-height:25px; text-decoration:none;}
#brandstory .text .red span {font-size:20px; font-family:'NanumGothicExtraBold'; color:#d61920;  text-decoration:none;}
#brandstory .tit .black {font-size:28px; color:#000; font-family:'NanumGothicBold'; letter-spacing:-3px; line-height:40px; }
#brandstory .text {width:100%; font-size:14px; margin-top:0;}
#brandstory .text span {font-size:16px; font-weight:bold; color:#6f0114; line-height:30px; text-decoration:underline;}
#brandstory .text .txt1 {width:100%;}
#brandstory .b1 {clear:both; width:100%; border-top:1px solid #dfdfdf; margin:30px 0;}
#brandstory .text2 {width:100%; font-size:14px;}
#brandstory .text2 .img {float:both; width:100%; text-align:center; margin:0 0 20px 0;}
#brandstory .text2 span {font-size:18px; font-family:'NanumGothicBold'; color:#6f0114; line-height:24px;}

/* 고객센터 */
#center_customer {clear:both; width:100%; background:none; padding-bottom:70px;}
#center_customer .txt {width:100%; padding:30px 0; }
#center_customer .txt .tit {font-size:35px; color:#000; font-family:'NanumGothicBold'; line-height:35px; letter-spacing:-3px; margin-bottom:20px; }
#center_customer .txt .blue24 {font-size:20px; color:#6d9ec1;  margin-top:1px; line-height:20px; font-weight:bold;  letter-spacing:-1px;}
#center_customer .txt .blue45 {font-size:35px; color:#6d9ec1; font-family:'NanumGothicBold';  letter-spacing:-2px; line-height:40px; padding-bottom:20px;}
#center_customer .txt .phone {clear:both; float:left; height:30px;  font-size:36px; line-height:36px; color:#666; font-family:'NanumGothicBold'; letter-spacing:-2px;}
#center_customer .txt .time {float:left; height:30px;  font-size:13px; font-weight:bold; line-height:16px; padding:5px 0 0 15px;}
#center_customer .txt .text {clear:both; font-size:14px; font-weight:bold; padding-top:15px;}


/* 고객소리상담 */
#center_consult {clear:both; width:100%; background:none; padding-bottom:70px;}
#center_consult .txt {width:100%; padding:30px 0; min-height:200px;}
#center_consult .txt .tit {font-size:35px; color:#000; font-family:'NanumGothicBold'; line-height:35px; letter-spacing:-3px; margin-bottom:20px; }
#center_consult .txt .blue24 {font-size:20px; color:#6d9ec1;  margin-top:1px; line-height:20px; font-weight:bold;  letter-spacing:-1px;}
#center_consult .txt .blue45 {font-size:35px; color:#6d9ec1; font-family:'NanumGothicBold';  letter-spacing:-2px; line-height:40px; padding-bottom:20px;}
#center_consult .txt .phone {clear:both; float:left; height:30px;  font-size:36px; line-height:36px; color:#666; font-family:'NanumGothicBold'; letter-spacing:-2px;}
#center_consult .txt .time {float:left; height:30px;  font-size:13px; font-weight:bold; line-height:16px; padding:5px 0 0 15px;}
#center_consult .txt .text {clear:both; font-size:14px; font-weight:bold; padding-top:15px;}
#center_consult .box {width:100%;}
#center_consult .box div {float:left; width:93%; height:100px; border:1px solid #f0eff0; padding:3%;}
#center_consult .box div h2 {color:#454545; font-size:14px; margin-bottom:10px;}
#center_consult .box .box1 {background:#f0eff0 url(../images/center/0202.png) no-repeat right top;}
#center_consult .box .box2 {background:#fff url(../images/center/0203.png) no-repeat right top;}
#center_consult .box .box3 {background:#f0eff0 url(../images/center/0204.png) no-repeat right top;}
#center_consult .box .box4 {background:#fff url(../images/center/0205.png) no-repeat right top;}
#center_consult .box .box5 {display:block; background:#6f0114; text-align:center;}
#center_consult .box .box5 img {margin-top:15px;}
#center_consult .box .box6 {background:#fff url(../images/center/0207.png) no-repeat right top;}
#center_consult .box .box7 {background:#f0eff0 url(../images/center/0208.png) no-repeat right top;}
#center_consult .box .box8 {background:#fff url(../images/center/0209.png) no-repeat right top;}
#center_consult .box .box9 {background:#f0eff0 url(../images/center/0210.png) no-repeat right top;}
#center_consult .box div a{color:#be8555; font-size:12px; font-weight:bold;} 
#center_consult .box_b {clear:both; border:1px solid #c4c4c4; padding:25px; margin-top:30px;}
#center_consult .box_b ul li {float:left; padding:5px 0; width:50%; text-align:center;}
#center_consult .box_b .btxt {clear:both; width:100%; text-align:center; padding-top:10px;}

/* 제품소개 */
#proinfo {clear:both; width:100%; background:none;padding-bottom:70px;}
#proinfo .txt {width:100%; min-height:260px; padding:30px 0; background:url(../images/service/0201.png) no-repeat 0 60px ; background-size:100%;}
#proinfo .txt .tit {font-size:28px; color:#000; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-3px; margin-bottom:20px; }
#proinfo .txt .red24 {font-size:18px; color:#6f0114;  margin-top:130px; line-height:25px; font-weight:bold;  letter-spacing:-1px;}
#proinfo .txt .text {clear:both; font-size:16px; color:#6f0114;font-weight:bold; line-height:20px;padding-top:5px;}
#proinfo .txt .box_b {clear:both; border:1px solid #c4c4c4; padding:25px; margin-top:50px;}
#proinfo .txt .box_b ul li {float:left; padding:0 0; width:50%; text-align:center;}
#proinfo .txt .box_b .btxt {clear:both; width:100%; text-align:center; padding-top:10px;}
#proinfo .gray30 {height:45px; font-size:28px; color:#000; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-3px; }
#proinfo .info {clear:both; width:100%;}
#proinfo .info ul li {margin-bottom:25px; font-size:14px;}
#proinfo .info ul li .red18 {font-size:18px; color:#6f0114; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-1px;}
#proinfo .info ul li img {margin-top:40px;}

/* 비지니스 
#business {clear:both; width:100%; background:none; padding-bottom:70px;}
#business .txt {width:100%; padding-top:50px; padding-bottom:70px; font-size:14px;font-family:'NanumGothicBold';line-height:24px; background:url(../images/service/0101.png) no-repeat 0 130px; background-size:100%;}
#business .txt .tit {font-size:26px; color:#000; font-family:'NanumGothicBold'; line-height:32px; letter-spacing:-3px; margin-bottom:200px; }
#business .txt span {font-size:18px; color:#fff; font-family:'NanumGothic'; background:#6f0114; margin-top:1px; line-height:20px;}
#business .offline {clear:both; float:left; width:100%;font-size:13px;}
#business .offline .tt1 {color:#f05858;font-size:16px;  font-family:'NanumGothicBold'; text-decoration:underline;}
#business .offline .tt2 {height:25px; color:#314480;font-size:14px;  font-family:'NanumGothicBold'; margin-top:30px;}
#business .offline table .redb13 {color:#b41d2c;font-family:'NanumGothicBold';}
#business .offline table a.red13 {color:#f16868;}
#business .offline table td {padding:3px 0;}
#business .offlinemap {display:none}*/

/* 비지니스 */
#business {clear:both; width:100%; background:none;  padding-bottom:70px;}
#business .txt {width:100%; padding-top:50px; padding-bottom:250px;font-size:18px; color:#6f0114;   line-height:29px; font-weight:bold;  letter-spacing:-1px; background:url(../images/service/0101.png) no-repeat 0 200px; background-size:100%; }
#business .txt .tit {font-size:28px; color:#000; font-family:'NanumGothicBold'; line-height:32px; letter-spacing:-3px; margin-bottom:30px; }
#business .offline {clear:both; float:left; width:70%;font-size:13px;}
#business .offline .tt1 {height:25px;color:#f05858;font-size:16px;  font-family:'NanumGothicBold'; text-decoration:underline; margin-top:20px;}
#business .txt2 {font-size:15px; color:#333;}



#his {clear:both; width:100%; padding-bottom:70px; background:url(../images/introduce/0203.png) no-repeat 0 100px; background-size:100%;}
#his .text1 {float:left; width:100%;}
#his .text1 .tit {color:#000; font-family:'NanumGothicBold';  font-size:18px;  line-height:20px; letter-spacing:-1px;}
#his .text1 .tit span {color:#000;  font-size:28px; font-weight:bold; line-height:32px; letter-spacing:-3px;}
#his .img1 {float:left; width:100%; height:40px;}
#his .text2 {clear:both; float:left; width:48%;}
#his .text3 {float:right; width:48%;}
#his .history {clear:both; width:100%; font-size:13px; border-top:1px solid #dfdfdf; margin-top:20px; padding:20px 0;}
#his .history .year {clear:both;float:both; width:120px; height:40px; font-size:30px; color:#6f0114; font-family:'NanumGothicBold'; padding-top:0;}
#his .history .hislist {clear:both;float:both;}
#his .history .hislist ul {clear:both;}
#his .history .hislist ul li {float:left; padding:5px 0;}
#his .history .hislist ul .month {width:40px;  font-family:'NanumGothicBold'; color:#333;}


#org {clear:both; width:100%; padding-bottom:70px; min-height:426px; background:url(../images/introduce/0301.png) no-repeat 130px 100px;background-size:60%;}
#org .text1 {float:left; width:100%; }
#org .text1 .tit {color:#000; font-family:'NanumGothicBold';  font-size:18px; line-height:20px; letter-spacing:-1px; margin-bottom:50px;}
#org .text1 .tit span {color:#000;  font-size:28px; font-weight:bold; line-height:32px; letter-spacing:-3px;}
#org .text2 {clear:both; width:100%; text-align:center; padding-top:50px;}


#road {clear:both; width:100%; padding-bottom:70px; min-height:349px; background:url(../images/introduce/0401.png) no-repeat 130px 120px;background-size:60%;}
#road .text1 {float:left; width:100%;}
#road .text1 .tit {color:#000; font-family:'NanumGothicBold';  font-size:18px; line-height:20px; letter-spacing:-1px; margin-bottom:60px;}
#road .text1 .tit span {color:#000;  font-size:28px; font-weight:bold; line-height:32px; letter-spacing:-3px;}
#road .text2 {clear:both; width:100%; padding-bottom:10px; min-height:391px; background:url(../images/introduce/0402.jpg) no-repeat center top;}
#road .gray30 {height:45px; font-size:18px; color:#000; font-family:'NanumGothicBold'; line-height:40px; letter-spacing:-1px; bottom }
#road .gray31 {height:45px; font-size:18px; color:#000; line-height:18px; letter-spacing:-1px;}
#road .bus1 {float:left; width:48%;}
#road .transit{clear:both; width:100%;}
#road .transit ul li {clear:both; float:both; width:100%; margin-right:0; margin-bottom:20px; line-height:22px;}
#road .transit ul li span {font-size:18px; line-height:25px;color:#222;}



/* tsc발명자 */
#tsc {clear:both; width:100%; padding-bottom:70px; background:none;}
#tsc .txt {width:100%; padding-top:50px; padding-bottom:30px; font-size:14px;font-family:'NanumGothicBold';line-height:24px;background:url(../images/service/0501.png) no-repeat right ; background-size:100%;}
#tsc .txt .tit {font-size:24px; color:#000; font-family:'NanumGothicBold'; line-height:32px; letter-spacing:-3px; margin-bottom:100px; }
#tsc .txt span {font-size:18px; color:#fff; font-family:'NanumGothic'; background:#6f0114; margin-top:1px; line-height:20px;}
#tsc .text {width:320px; font-size:14px; line-height:24px; font-family:'NanumGothicBold';}
#tsc .profile {clear:both; width:100%; margin-top:40px;}
#tsc .profile .img {clear:both;float:both; width:100%;}
#tsc .profile .info {clear:both; float:both; width:100%; margin-left:0;}
#tsc .profile .info .name {width:130px; font-size:16px; color:#fff; font-family:'NanumGothicBold'; background:#6f0114; margin-top:1px; line-height:30px; padding:0 10px;}
#tsc .profile .info .list1 {border-bottom:1px solid #565656; font-size:14px; font-family:'NanumGothicBold'; padding:10px 0; }
#tsc .profile .info .list1 ul {float:left;}
#tsc .profile .info .list1 ul li {padding-bottom:10px; margin-right:30px;}
#tsc .profile .info .list2 {margin-top:25px; font-size:13px;}
#tsc .profile .info .list2 ul {float:left; }
#tsc .profile .info .list2 ul li {padding-bottom:10px; margin-right:30px;}


.board_delete {border-top:1px solid #4d4d4d;border-bottom:1px solid #dbdbdb; padding:20px 0 20px 35% !important; height:155px; background:url(../images/sub/logo.png) no-repeat left bottom !important; background-size:30% !important;}
.board_delete .txt {clear:both; float:both;  font-size:11px !important;  margin-top:20px !important;}
.board_delete .txt span {font-size:15px !important; color:#6f0114;   line-height:29px; font-weight:bold;}
.board_delete .form {clear:both;  float:both; margin:20px 0 0 0 !important; border-left:0 !important; padding-left:0 !important;}
.board_delete .form ul li {float:left;}
.board_delete .form ul .tit {font-weight:bold; width:70px; padding-top:5px;}



}