@charset "utf-8";

/***** ���� *****/
*{margin:0;padding:0;}
body{ font-size:11px; line-height:110%; color:#666; text-align:center;}		
input, select, textarea{ color:#666; font-family:Dotum,Gulim,AppleGothic,Sans-serif; }
img,fieldset,iframe{border:0 none;}
ul li{list-style:none; margin:0; padding:0;}
legend{ display:none;}
.text{white-space:nowrap;}/*텍스트줄바꿈방지*/

a:link {font-size:12px;color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
a:visited {font-size:12px;color:#818181; text-decoration:none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
a:hover {font-size:12px;color:#333333; text-decoration: none; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}


input[type=text]{vertical-align:middle; position:relative; bottom:1px; border:1px solid #999; height:20px; line-height:20px; padding:0px 10px 0px 10px;}
input[type=radio]{bottom: 2px;}
textarea{border:1px solid #999;}
select{border:1px solid #999; height:20px; line-height:20px;}

#dvzMenu{width:0px; height: 100%; background:#393d4e; float: left; overflow:hidden;}
#dvzBody{background:#fff; float:left; overflow:hidden;}
#blackBlank{position:absolute; width:100%; height:100%; background:#000; opacity:0; z-index:999; display:none;}	


#LNB{position:relative; width:173px; margin:0px 0px 0px 0px; text-align:left;}
	#LNB dt{overflow:hidden; border-top:1px solid #4e536c; position:relative; width:100%; background:url(../image/total/dot.gif) 11px center no-repeat; }
	#LNB dt a{font-size:15px; width:140px; font-weight:normal; font-family:nanumB; color:#FFF; padding:20px 0px; display:inline-block;}
	#LNB dt span{display:inline-block; margin:0px 0px 0px 20px;}
	#LNB .last{cursor:default; background:none;}
	#LNB dd{display:none;}
	#LNB dd ul{margin:0px 0px 30px 0px;}
	#LNB .on{display:block;}
	#LNB dd a{font-size:14px; color:#b2b2b2; margin:0px 0px 0px 30px;}
	#LNB dd .on{color:#FFF; font-family:nanumB;}
	#LNB dd li{margin:7px 0px;}
	
#TOP{position:relative; width:100%; height:56px; background:url(../image/total/top_bg.gif) left top repeat-x;}
	#toggleBtn{width:35px; height:34px; background:url(../image/total/gnb_btn.gif) left top no-repeat; background-size:100%; margin:11px; float:left;}
	#logo{position:absolute; width:100px; top:20px; left:50%; margin:0px 0px 0px -50px;}
	#lang{position:relative; float:right;}
	#lang a{display:inline-block; font-size:8px; color:#949494; float:left; margin:20px 3px 0px 0px; border:1px solid #c7c7c7; padding:3px 10px 2px 2px; background:url(../image/total/arrow2.gif) 37px center no-repeat; background-size:8%;}
	#lang .on{color:#e5770d; background:url(../image/total/arrow.gif) 35px center no-repeat; background-size:8%;}

#Wrap{position:relative; float:left; width:100%;}
	.Mmain_visual{position:absolute; left:0px; top:0px; opacity:0; display:none; width:100%;}	
	.Mmain_visual img{width:100%;}

	
#product{position:relative; width:40%; background:#f33900; height:230px; float:left; text-align:left;}
	#product strong{font-weight:normal; font-size:16px; font-family:nanumB; color:#FFF; display:inline-block; margin:30px 0px 0px 10px;}
	#product ul{position:relative; width:90%; margin:0 auto; margin-top:10px;}
	#product ul li{width:100%; border:1px solid #ff7f58; background:url(../image/index/arrow1.gif) right center no-repeat; background-size:7%; margin:7px 0px 0px 0px;}
	#product ul li a{font-size:12px; color:#FFF; display:inline-block; padding:2px 2px 2px 10px; width:100%; background:url(../image/index/dot.gif) 5px center no-repeat;}
	
#location{position:relative; width:30%; height:230px; background-color:#e96516; float:left; background-image:url(../image/index/location_bg.gif); background-position:center bottom; background-repeat:no-repeat; background-size:100%;}
	#location strong a{display:inline-block; width:100%; font-weight:normal; font-size:16px; font-family:nanumB; color:#FFF; display:inline-block; margin:20px 0px 0px 0px;}
	#location ul{margin:0 auto; position:relative; width:70%; margin-top:10px;}
	#location ul li{width:100%; border-bottom:1px solid #f6b188; padding:5px;}
	#location ul li a{color:#fff; font-size:11px;}
	#location ul li a span{color:#ff852f;}
	
#history{position:relative; width:30%; height:230px; background-color:#f19d2f; float:left; background-image:url(../image/index/company_bg.gif); background-position:center bottom; background-repeat:no-repeat; background-size:100%;}
	#history strong a{display:inline-block; width:100%; font-weight:normal; font-size:16px; font-family:nanumB; color:#FFF; display:inline-block; margin:20px 0px 0px 0px;}
	#history span{font-size:12px; color:#FFF; display:inline-block; margin:13px 0px 0px 0px; line-height:180%;}


#callCenter{background-color:#f4f3f4; width:40%; height:137px; float:left; background-image:url(../image/index/callcenter.gif); background-position:right 15px; background-repeat:no-repeat; background-size:100%;}
	#callCenter strong{display:inline-block; width:90%; font-weight:normal; font-size:16px; font-family:nanumB; color:#161616; display:inline-block; margin:30px 0px 0px 0px; text-align:left;}
	#callCenter span a{font-size:16px; color:#933e1d; font-family:nanumB; display:inline-block; margin:10px 0px 0px 0px;}

#ceomessage{position:relative; width:60%; height:137px; float:left; background-color:#336699; background-image:url(../image/index/ceomessage.gif); background-position:right 40px; background-repeat:no-repeat; background-size:100%;}
	#ceomessage strong a{display:inline-block; width:80%; font-weight:normal; font-size:16px; font-family:nanumB; color:#FFF; display:inline-block; margin:20px 0px 0px 0px; text-align:left;}


#Footer{position:relative; width:100%; background:#393d4e; float:left; padding:0px 0px 30px 0px;}
	#Footer #copymenu{display:inline-block; margin:20px 0px 10px 0px;}
	#Footer #copymenu li a{font-size:12px; color:#ababab;}
	#Footer #copymenu li{float:left; margin:0px 5px;}
	#Footer address{font-size:12px; color:#ababab; line-height:180%;}
	#Footer address strong{font-size:12px; font-weight:normal; font-family:nanumB;}
	#Footer span{font-size:12px; color:#ababab; display:inline-block; margin:10px 0px 0px 0px;}



#title{position:relative; height:44px; width:100%; background:url(../image/total/title_bg.gif) left top repeat-x; text-align:left;}
	#title span{display:inline-block; margin:10px 0px 0px 10px; font-size:14px; font-weight:normal; font-family:nanumB; color:#fff; float:left;}

#ceomessageWrap{position:relative; width:100%; border-top:1px solid #cccccc; text-align:left; padding:0px 0px 50px 0px;}
	#ceomessageWrap .Maximg{width:100%;}
	#ceomessageWrap .type1{position:absolute; top:85px; left:12px; text-align:left; font-size:12px; font-family:nanum; color:#6b593f;}
	#ceomessageWrap .type2{display:inline-block; font-size:12px; color:#595959; font-weight:normal; font-family:nanumB; text-align:left; margin:20px 0px 0px 10px;}
	#ceomessageWrap .type3{display:inline-block; font-size:12px; color:#6f6f6f; line-height:180%; margin:20px 10px 0px 10px;}

#historyWrap{position:relative; width:100%; border-top:1px solid #cccccc; text-align:left; padding:0px 0px 50px 0px;}
	#historyWrap .Maximg{width:100%;}
	#historyWrap .type1{position:absolute; top:60px; left:12px; text-align:left; font-size:12px; font-family:nanumB; color:#6b593f;}
	#historyWrap .type1 strong{font-weight:normal; font-family:nanumB; color:#f06f1c; font-size:13px; display:inline-block; margin:0px 0px 4px 0px;}
	#historyWrap .cont1{position:relative; color:#6f6f6f; margin:20px 0px 0px 12px;}
	#historyWrap .cont1 li{font-size:12px; color:#6f6f6f; background-size:4px; padding:0px 0px 0px 10px; margin:20px 0px;}
	#historyWrap .cont1 strong{font-family:futuraStdHeavy; font-weight:normal; font-size:12px; color:#555555; display:inline-block; margin:0px 10px 0px 0px;}
	#historyWrap .cont1 .month{font-family:nanumB; font-size:12px; color:#6a6969; display:inline-block; margin:0px 10px 0px 0px;}

#Sublocation{position:relative; width:100%; border-top:1px solid #cccccc; text-align:left; padding:0px 0px 50px 0px;}
	#Sublocation .type1{font-size:16px; font-family:nanumB; font-weight:normal; color:#575757; margin:10px; display:inline-block;}
	#Sublocation .type2{font-size:12px; font-family:nanum; font-weight:normal; color:#383838; margin:0px 0px 0px 10px; display:inline-block; width:100%; box-sizing:border-box;}
	#Sublocation .type2 strong{color:#f72a01;}
	#Sublocation #btnarea{margin:10px 0px 0px 10px; display:inline-block; position:relative;}
	#Sublocation #btnarea .mapbtn1{width:70px;}
	#Sublocation #maparea{width:100%; text-align:center; padding:10px 0px;}
	#Sublocation .map1{width:94%;}
	



#addarea{position:relative; width:100%;}
	#addarea strong{font-size:14px; color:#3a3a3a; font-family:nanumB; font-weight:normal; display:inline-block; margin:0px 0px 0px 10px; width:100%; box-sizing:border-box;}
	#addarea .addre{font-size:14px; color:#6f6f6f; display:inline-block; margin:0px 10px 0px 10px; width:100%; box-sizing:border-box;}
	#addarea .tel{display:inline-block; font-size:14px; color:#3f3f3f; font-family:nanumB; font-weight:normal; box-sizing:border-box; margin:0px 10px;}
	#addarea .tel img{width:40px;}

#procata{position:relative; padding:20px; box-sizing:border-box; width:100%; background:#f6f6f6; display:inline-block; overflow:hidden;}
	#procata li{width:18%; box-sizing:border-box; position:relative; float:left; margin:0px 1%;}
	#procata li a{display:inline-block; width:100%; height:100%;}
	#procata li a span{display:inline-block; width:100%; text-align:center; font-size:10px; margin:4px 0px 0px 0px; padding:0px 0px 4px 0px;}
	#procata li a .on{color:#ff4e00; background:url(../image/menu2/cont6.jpg) center bottom no-repeat; background-size:5px;}
	#procata li a img{width:90%; border:1px solid #d9d9d9;}


#proarea{position:relative; display:inline-block; width:100%; float:left;}
#touchSlider { width:100%; position:relative;}
#touchSlider .blank{width:100%; border:1px solid red;}
#touchSlider ul { width:99999px; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider ul li { float:left; width:100%; font-size:14px; color:#fff; position:relative; }
#touchSlider ul li img{width:100%;}

.btn_prev { position:absolute; z-index:99; left:10px; width:25px; top:40%; }
.btn_next { position:absolute; z-index:99; right:10px; width:25px; top:40%;}
#detail_text{position:relative; display:inline-block; width:100%; font-size:12px; background:url(../image/menu2/cont9.gif) left top repeat-x; background-size:3px; padding:15px 20px 50px 20px; font-size:11px; line-height:180%; box-sizing:border-box;}



 /* 스마트폰 가로 */
@media only screen and (min-width : 321px) {
#callCenter{background-color:#f4f3f4; width:40%; height:137px; float:left; background-image:url(../image/index/callcenter.gif); background-position:right -5px; background-repeat:no-repeat; background-size:100%;}
	#callCenter strong{display:inline-block; width:90%; font-weight:normal; font-size:16px; font-family:nanumB; color:#161616; display:inline-block; margin:30px 0px 0px 0px; text-align:left;}
	#callCenter span{font-size:20px; color:#933e1d; font-family:nanumB; display:inline-block; margin:20px 0px 0px 0px;}
	
#ceomessage{position:relative; width:60%; height:137px; float:left; background-color:#336699; background-image:url(../image/index/ceomessage.gif); background-position:right top; background-repeat:no-repeat; background-size:90%;}
	#ceomessage strong a{display:inline-block; width:80%; font-weight:normal; font-size:16px; font-family:nanumB; color:#FFF; display:inline-block; margin:20px 0px 0px 0px; text-align:left;}
	
#ceomessageWrap .type1{position:absolute; top:140px; left:25px; text-align:left; font-size:16px; font-family:nanum; color:#6b593f; line-height:160%;}
#ceomessageWrap .type2{display:inline-block; font-size:14px; color:#595959; font-weight:normal; font-family:nanumB; text-align:left; margin:20px 0px 0px 25px;}
#ceomessageWrap .type3{display:inline-block; font-size:14px; color:#6f6f6f; line-height:180%; margin:20px 25px 0px 25px;}

#historyWrap .type1{position:absolute; top:110px; left:20px; text-align:left; font-size:16px; font-family:nanumB; color:#6b593f;}
#historyWrap .type1 strong{font-weight:normal; font-family:nanumB; color:#f06f1c; font-size:17px; display:inline-block; margin:0px 0px 4px 0px;}

#historyWrap .cont1{position:relative; color:#6f6f6f; margin:20px 0px 0px 30px;}
	#historyWrap .cont1 li{font-size:14px; color:#6f6f6f; background-size:4px; padding:0px 0px 0px 10px; margin:20px 0px;}
	#historyWrap .cont1 strong{font-family:futuraStdHeavy; font-weight:normal; font-size:14px; color:#555555; display:inline-block; margin:0px 10px 0px 0px;}
	#historyWrap .cont1 .month{font-family:nanumB; font-size:14px; color:#6a6969; display:inline-block; margin:0px 10px 0px 0px;}
	
#Sublocation{position:relative; width:100%; border-top:1px solid #cccccc; text-align:left; padding:0px 0px 50px 0px;}
	#Sublocation .type1{font-size:18px; font-family:nanumB; font-weight:normal; color:#575757; margin:10px 10px 10px 20px; display:inline-block;}
	#Sublocation .type2{font-size:14px; font-family:nanum; font-weight:normal; color:#383838; margin:0px 0px 0px 20px; display:inline-block; width:100%; box-sizing:border-box;}
	#Sublocation .type2 strong{color:#f72a01;}
	#Sublocation #btnarea{margin:10px 0px 0px 20px; display:inline-block; position:relative;}
	#Sublocation #btnarea .mapbtn1{width:100px;}
	#Sublocation #maparea{width:100%; text-align:center; padding:10px 0px;}
	#Sublocation .map1{width:94%;}
	
#addarea{position:relative; width:100%;}
	#addarea strong{font-size:14px; color:#3a3a3a; font-family:nanumB; font-weight:normal; display:inline-block; margin:0px 20px 0px 20px; width:100%; box-sizing:border-box;}
	#addarea .addre{font-size:14px; color:#6f6f6f; display:inline-block; margin:0px 20px 0px 20px; width:100%; box-sizing:border-box;}
	#addarea .tel{display:inline-block; font-size:14px; color:#3f3f3f; font-family:nanumB; font-weight:normal; box-sizing:border-box; margin:0px 20px;}

	#procata li a span{display:inline-block; width:100%; text-align:center; font-size:13px; margin:4px 0px 0px 0px;}

	#procata li a .on{background-size:10px;}


#proarea{position:relative; display:inline-block; width:100%; }
#touchSlider { width:100%; position:relative; display:inline-block; float:left;}

}



 

 /* 스마트폰 세로 */
@media only screen and (max-width : 320px) {
#callCenter{background-color:#f4f3f4; width:40%; height:137px; float:left; background-image:url(../image/index/callcenter.gif); background-position:right 15px; background-repeat:no-repeat; background-size:100%;}
	#callCenter strong{display:inline-block; width:90%; font-weight:normal; font-size:16px; font-family:nanumB; color:#161616; display:inline-block; margin:30px 0px 0px 0px; text-align:left;}
	#callCenter span{font-size:12px; color:#933e1d; font-family:nanumB; display:inline-block; margin:10px 0px 0px 0px;}

#ceomessage{position:relative; width:60%; height:137px; float:left; background-color:#336699; background-image:url(../image/index/ceomessage.gif); background-position:right 40px; background-repeat:no-repeat; background-size:100%;}
	#ceomessage strong a{display:inline-block; width:80%; font-weight:normal; font-size:16px; font-family:nanumB; color:#FFF; display:inline-block; margin:20px 0px 0px 0px; text-align:left;}
}



@media only screen and (min-width:400px) and (orientation : portrait) {
	#ceomessageWrap .type1{position:absolute; top:100px; left:18px; text-align:left; font-size:12px; font-family:nanum; color:#6b593f; line-height:160%;}
	#historyWrap .type1{position:absolute; top:80px; left:15px; text-align:left; font-size:14px; font-family:nanumB; color:#6b593f;}

}

@media only screen and (min-width:400px) and (orientation : landscape) {
	#ceomessageWrap .type1{position:absolute; top:150px; left:25px; text-align:left; font-size:14px; font-family:nanum; color:#6b593f; line-height:160%;}
	#historyWrap .type1{position:absolute; top:150px; left:22px; text-align:left; font-size:16px; font-family:nanumB; color:#6b593f;}

}

@media only screen and (min-width:360px) and (orientation : portrait) {
	#ceomessageWrap .type1{position:absolute; top:100px; left:18px; text-align:left; font-size:12px; font-family:nanum; color:#6b593f; line-height:160%;}
	#historyWrap .type1{position:absolute; top:70px; left:15px; text-align:left; font-size:12px; font-family:nanumB; color:#6b593f;}

}

@media only screen and (min-width:360px) and (orientation : landscape) {
	#ceomessageWrap .type1{position:absolute; top:150px; left:25px; text-align:left; font-size:14px; font-family:nanum; color:#6b593f; line-height:160%;}
	#historyWrap .type1{position:absolute; top:150px; left:22px; text-align:left; font-size:16px; font-family:nanumB; color:#6b593f;}

}


	
	
	
	
	
/* 갤럭시탭+iPad 가로 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#toggleBtn{width:45px; height:44px; position:absolute; left:0px; top:0px;}	
#logo{position:absolute; width:130px; top:20px; left:50%; margin:0px 0px 0px -65px;}


	
#product{height:330px;}
	#product ul{margin-top:30px;}
	#product ul li a{font-size:12px; color:#FFF; display:inline-block; padding:5px 2px 5px 10px;}
	
#location{height:330px;}
	#location ul{margin-top:20px;}

#history{height:330px;}
	#history ul{margin-top:20px;}
	
#callCenter{background-color:#f4f3f4; width:40%; height:160px; float:left; background-image:url(../image/index/callcenter.gif); background-position:right 15px; background-repeat:no-repeat; background-size:100%;}
	#callCenter strong{display:inline-block; width:90%; font-weight:normal; font-size:16px; font-family:nanumB; color:#161616; display:inline-block; margin:30px 0px 0px 0px; text-align:left;}
	#callCenter span{font-size:16px; color:#933e1d; font-family:nanumB; display:inline-block; margin:10px 0px 0px 0px; text-align:left; width:90%;}

#ceomessage{position:relative; width:60%; height:160px; float:left; background-color:#336699; background-image:url(../image/index/ceomessage.gif); background-position:right top; background-repeat:no-repeat; background-size:60%;}
	#ceomessage strong a{display:inline-block; width:80%; font-weight:normal; font-size:16px; font-family:nanumB; color:#FFF; display:inline-block; margin:20px 0px 0px 0px; text-align:left;}

	#ceomessageWrap .type1{position:absolute; top:280px; left:40px; text-align:left; font-size:24px; font-family:nanum; color:#6b593f;}
	
	#historyWrap .type1{position:absolute; top:200px; left:35px; text-align:left; font-size:24px; font-family:nanumB; color:#6b593f;}
	#historyWrap .type1 strong{font-weight:normal; font-family:nanumB; color:#f06f1c; font-size:25px; display:inline-block; margin:0px 0px 4px 0px;}

#historyWrap .cont1{position:relative; color:#6f6f6f; margin:20px 0px 0px 40px;}
	#historyWrap .cont1 li{font-size:24px; color:#6f6f6f; background-size:4px; padding:0px 0px 0px 10px; margin:20px 0px;}
	#historyWrap .cont1 strong{font-family:futuraStdHeavy; font-weight:normal; font-size:24px; color:#555555; display:inline-block; margin:0px 10px 0px 0px;}
	#historyWrap .cont1 .month{font-family:nanumB; font-size:24px; color:#6a6969; display:inline-block; margin:0px 10px 0px 0px;}

	#Sublocation .map1{width:97%;}
	#procata li a span{display:inline-block; width:100%; text-align:center; font-size:18px; margin:4px 0px 0px 0px; padding:0px 0px 10px 0px;}
	#procata li a .on{background-size:20px;}
	
#detail_text{ font-size:15px;}
	
}


/* 갤럭시탭+iPad 세로 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
#toggleBtn{width:45px; height:44px; position:absolute; left:0px; top:0px;}	
#logo{position:absolute; width:130px; top:20px; left:50%; margin:0px 0px 0px -65px;}	
	
#product{height:330px;}
	#product ul{margin-top:30px;}
	#product ul li a{font-size:12px; color:#FFF; display:inline-block; padding:5px 2px 5px 10px;}
	
#location{height:330px;}
	#location ul{margin-top:20px;}

#history{height:330px;}
	#history ul{margin-top:20px;}
	
#callCenter{background-color:#f4f3f4; width:40%; height:160px; float:left; background-image:url(../image/index/callcenter.gif); background-position:right 15px; background-repeat:no-repeat; background-size:100%;}
	#callCenter strong{display:inline-block; width:90%; font-weight:normal; font-size:16px; font-family:nanumB; color:#161616; display:inline-block; margin:30px 0px 0px 0px; text-align:left;}
	#callCenter span{font-size:16px; color:#933e1d; font-family:nanumB; display:inline-block; margin:10px 0px 0px 0px; text-align:left; width:90%;}

#ceomessage{position:relative; width:60%; height:160px; float:left; background-color:#336699; background-image:url(../image/index/ceomessage.gif); background-position:right top; background-repeat:no-repeat; background-size:80%;}
	#ceomessage strong a{display:inline-block; width:80%; font-weight:normal; font-size:16px; font-family:nanumB; color:#FFF; display:inline-block; margin:20px 0px 0px 0px; text-align:left;}

	#ceomessageWrap .type1{position:absolute; top:200px; left:30px; text-align:left; font-size:18px; font-family:nanum; color:#6b593f;}

#historyWrap .type1{position:absolute; top:140px; left:25px; text-align:left; font-size:18px; font-family:nanumB; color:#6b593f;}
#historyWrap .type1 strong{font-weight:normal; font-family:nanumB; color:#f06f1c; font-size:19px; display:inline-block; margin:0px 0px 4px 0px;}
	#Sublocation .map1{width:95%;}

	#procata li a span{display:inline-block; width:100%; text-align:center; font-size:15px; margin:4px 0px 0px 0px; padding:0px 0px 4px 0px;}
	#procata li a .on{background-size:10px;}

#detail_text{font-size:15px;}
	
}