@charset"utf-8";
@font-face {font-family: NanumGothic;src: url(http://jdstyle.kr/fonts/NanumGothic.eot?#iefix) format("embedded-opentype"), url(http://jdstyle.kr/font/NanumGothic.woff) format("woff"), url(http://jdstyle.kr/fonts/NanumGothic.ttf) format("truetype"), url(http://jdstyle.kr/fonts/NanumGothic.svg#svgMothnnaFont) format("svg");}
/* reset.css */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed, 
figure,figcaption,footer,header,hgroup, 
menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0 none;font-family:"나눔고딕",NanumGothic,Arial,Dotum,Sans-serif;color:#444;line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:""; content:none}
table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:fixed}
img {vertical-align:middle}

/* HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

/* Base */
html{width:100%; height:100%; overflow-y:scroll}
body{width:100%; height:100%}
a{text-decoration:none}
a:hover{color:#444; text-decoration:none}
hr{display:none}
legend,caption{display:block;position:absolute;top:-1000em;left:-1000em;text-indent:-1000em;overflow:hidden}
button,label{cursor:pointer}
input[type=text],
input[type=password]{border:1px solid #ddd;height:20px;line-height:20px;text-indent:5px;font-size:12px;color:#444;border-radius:0;padding:0;margin:0;font-family:"나눔고딕",NanumGothic,Arial,Dotum,Sans-serif;}
input[type=text]:focus,
input[type=password]:focus{border:1px solid #444}
input[type=checkbox],
input[type=radio]{width:13px;height:13px;margin:0 5px 0 0;padding:0}
textarea{border:1px solid #ccc;line-height:1.5;font-size:12px;color:#444;resize:none;border-radius:0;font-family:"나눔고딕",NanumGothic,Arial,Dotum,Sans-serif;}
textarea:focus{border:1px solid #444}
select{height:24px;line-height:18px;border:1px solid #ccc;color:#444;border-radius:0}
.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
label{*zoom:1}
label:after{content:"";display:block;clear:both}
label span,
label input{float:left}
label input[type=check],
label input[type=radio]{position:absolute;top:0}

/* Skip */
.skip{padding:0;margin:0}
.skip a{position:absolute;top:-1000em;z-index:9999;display:block;width:100%;background:#ededed;font-size:1.5em;font-weight:bold;color:#444;text-align:center}
.skip a:hover,.skip a:focus,.skip a:active{top:0;padding:1.2em 0}

/* 헤더 */ 
#header{*zoom:1; position:fixed;top:0;left:0;z-index:10000;width:100%;min-width:320px;height:80px;background:#2b2b2b;border-bottom:1px #4f4f4f solid}
#header:after{content:""; display:block;clear:both}
#header .menubar {width:1000px;margin:0 auto}
#header h1{float:left;line-height:75px;}
#header h1 .jdhome {display:none}
#header h1 .jdlogo {line-height:75px;}
#header h1 .jdphone{display:none}

#header .gnb{*zoom:1; float:right}
#header .gnb:after{content:"";display:block;clear:both}
#header .gnb li{float:left;margin-left:5px;background-image:url('http://jdstyle.kr/images/cmm/menu_linebg.png');background-repeat:no-repeat;background-position:center right}
#header .gnb li:last-child {background-image:none}
#header .gnb li a{display:block;height:80px;line-height:80px;padding:0 15px;font-size:16px;color:#fff}
#header .gnb li a:hover{color:#ff4400}

/* 슬라이딩 */
.swiper-container{width:100%;height:550px;margin:20px auto;}
.swiper-slide{text-align:center;font-size:18px;background:#ddd;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-repeat:no-repeat;background-size:cover}
.swiper-slide img {margin-top:50px}

/* 공통 */
h1 {font-size:30px;letter-spacing:-1px}
.border_h {padding-bottom:20px;border-bottom:1px #555 solid}
#contentbox {overflow:hidden;width:1000px;margin:0 auto;}
#map {width:100%;height:305px;margin-top:20px;overflow:hidden;position:relative;border:1px #ddd solid;box-sizing:border-box}

/* 회사소개 */
#company {clear:both;margin-top:50px;overflow:hidden}
.company_intro {margin-top:25px}
.company_intro p {margin-bottom:15px;font-size:1.208em;line-height:1.300em;text-align:justify;letter-spacing:-1px}
.company_intro p:last-child {margin-bottom:0}
.company_info {margin:50px 0}
.company_info dl {overflow:hidden;padding:10px 0;border-bottom:1px #ddd solid}
.company_info dl dt {float:left;width:15%;padding:5px 0;text-indent:20px}
.company_info dl dd {float:left;width:85%;padding:5px 0;color:#888}
.company_info .ment {margin:15px 0;font-size:0.986em;text-align:right}

/* 푸터 */
#footer {width:100%;background:#444}
.copyright {overflow:hidden;width:1000px;margin:0 auto;}
.copyright p {background:#444;color:#fff}
.copyright p:first-child {float:left;width:80%;padding:50px 0 0 0}
.copyright p:first-child span {color:#fff;font-size:0.825em}
.copyright p:last-child {float:right;width:20%}
.copyright p:last-child span {display:block;width:100%;padding:50px 0;background-image:url('http://jdstyle.kr/images/cmm/btn_tel.png');background-repeat:no-repeat;background-position:center center;background-size:85%;text-align:center}

/* 서브비주얼 */
.subvisual {width:100%;height:180px;margin-top:80px;background:url('http://jdstyle.kr/images/sub/subvisual_1.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;text-align:center}
.subvisual img {margin-top:60px}

/* before & after */
.before_intro {margin-top:25px}
.before_intro p {margin-bottom:15px;font-size:1.208em;line-height:1.300em;text-align:justify;letter-spacing:-1px}

.before_photo {width:100%;}


/* 탭메뉴 */
.tabmenubox {overflow:hidden;width:100%;margin-top:30px}
.tabmenubox #tabs {overflow:hidden;float:right;margin:0;padding:0;}
.tabmenubox #tabs li {float: left;width:95px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;border-right:1px #ddd solid}
.tabmenubox #tabs li:first-child {border-left:1px #ddd solid}
.tabmenubox #tabs li a {display:block;background:#fff;width:95px;padding:5px 0;font-size:14px;line-height:33px;text-align: center;}
.tabmenubox #tabs li a:hover {background:#333 !important;color:#fff;}
.tabscontents {overflow:hidden;clear:both;display:none;width:100%}
.etc {width: 50%;height: 100px; background:#333;padding:30px;}
.active {background: #333 !important;color:#fff;}
.ba_box {overflow:hidden;width:100%;margin:25px 0;background:#f5f5f5;border:1px #ddd solid;box-sizing:border-box}
.ba_box h3 {width:96%;margin:0 auto;padding:25px 0 20px 0}
.ba_box ul {width:96%;margin:0 auto}
.ba_box ul li {float:left;width:49%;margin-bottom:25px;}
.ba_box ul li:first-child {margin-right:2%}
.ba_box ul li img {width:100%}
.ba_box ul li span {display:block;width:100%;margin-top:15px;text-align:center}
.ba_box .mentbox {clear:both;display:block;width:96%;margin:15px 0 20px 0;padding:0 20px;text-align:justify;line-height:1.428em}

/*  1024이하헤더공통 */ 
@media all and (max-width:1024px){
#header{*zoom:1; position:fixed;top:0;left:0;z-index:10000;width:100%;min-width:320px;height:120px;background:#2b2b2b;border-bottom:1px #4f4f4f solid}
#header:after{content:""; display:block;clear:both}
#header .menubar {overflow:hidden;width:94%;margin:0 auto}
#header h1{clear:both;width:100%;line-height:60px;text-align:center}
#header h1 .jdhome {width:25%;line-height:75px;float:left;display:block;text-align:left;}
#header h1 .jdlogo {width:50%;float:left;line-height:75px;text-align:center;}
#header h1 .jdphone{width:25%;line-height:75px;float:right;display:block;text-align:right}


#company {margin-top:10px}

#header nav {clear:both;width:100%;}
#header .gnb{width:100%;text-align:center;clear:both;margin:0 auto;*zoom:1}
#header .gnb:after{content:"";display:block;clear:both}
#header .gnb li{width:25%;box-sizing:border-box;float:left;margin-left:0;background-image:url('http://jdstyle.kr/images/cmm/menu_linebg.png');background-repeat:no-repeat;background-position:center right}
#header .gnb li:last-child {background-image:none}
#header .gnb li a{display:block;height:30px;line-height:30px;padding:0 7px;font-size:14px;color:#fff;box-sizing:border-box}
#header .gnb li a:hover{color:#ff4400}

/* 슬라이딩 */
#visual {overflow:hidden;clear:both;margin-top:120px;}
.swiper-container{clear:both;width:100%;height:250px;margin:20px auto;}
.swiper-slide{text-align:center;font-size:18px;background:#ddd;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-repeat:no-repeat;background-size:cover}


	/*
	
	#header h1{float:left}
	#header .menubar {width:90%;margin:0 auto}
	#header nav{*zoom:1; float:right;width:30px;height:30px;margin-top:25px;background:url(../images/cmm/btn_gnb.png) no-repeat 0 0}
	#header nav:hover .gnb{display:block}
	#header nav .gnb{display:none; margin-right:0;padding-top:40px}
	#header nav .gnb li{clear:both;float:right; width:120px; text-align:center; background:#2b2b2b}
	#header nav .gnb li a{padding:0;height:36px;line-height:35px}
	#header nav .gnb li a:hover{border-radius:0; background:#f14822; color:#fff}

*/



	#contentbox {overflow:hidden;width:94%;margin:0 auto;}

	/* 푸터 */
	#footer {width:100%;background:#444}
	.copyright {overflow:hidden;width:90%;margin:0 auto;}
	.copyright p {background:#444;color:#fff}
	.copyright p:first-child {float:left;width:50%;padding:35px 0 0 0}
	.copyright p:first-child span {color:#fff;font-size:0.825em}
	.copyright p:last-child {float:right;width:50%}
	.copyright p:last-child span {display:block;width:100%;padding:50px 0;background-image:url('http://jdstyle.kr/images/cmm/btn_tel.png');background-repeat:no-repeat;background-position:center center;background-size:85%;text-align:center}
	.left_logo span:last-child {display:none}

	.company_info dl dt {width:100%;padding:5px 0;text-indent:5px}
	.company_info dl dd {width:100%;padding:5px 0;color:#888}
	.company_info .ment {margin:15px 0;font-size:0.986em;line-height:1.326em;text-align:left}
	
	.subvisual {width:100%;height:180px;margin-top:0;background:url('http://jdstyle.kr/images/sub/subvisual_1.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;text-align:center}

	.subvisual img {width:80%;}

}

/*  1024~720px용 */ 
@media all and (min-width:720px) and (max-width:1024px){


#map {width:100%;height:305px;margin-top:20px;overflow:hidden;position:relative;border:1px #ddd solid;box-sizing:border-box}
.ba_box .mentbox {clear:both;display:block;width:100%;margin:15px 0 20px 0;padding:0 20px;text-align:justify;line-height:1.428em;box-sizing:border-box}
.subvisual img {width:80%;}
.tabmenubox {overflow:hidden;width:100%;margin-top:30px}
.tabmenubox #tabs {overflow:hidden;float:right;margin:0;padding:0;}
.tabmenubox #tabs li {float: left;width:33.3%;margin-bottom:2px;box-sizing:border-box;border-top:1px #ddd solid;border-bottom:1px #ddd solid;border-right:1px #ddd solid}
.tabmenubox #tabs li:first-child {width:33.4%;box-sizing:border-box;border-left:1px #ddd solid}
.tabmenubox #tabs li:nth-child(4) {width:33.4%;box-sizing:border-box;border-left:1px #ddd solid}
.tabmenubox #tabs li:nth-child(7) {width:33.4%;box-sizing:border-box;border-left:1px #ddd solid}
.tabmenubox #tabs li a {display:block;background:#fff;width:100px;padding:5px 0;font-size:16px;line-height:33px;text-align: center;}
.tabmenubox #tabs li a:hover {background:#333 !important;color:#fff;}


}

/*  720px~480 용 */ 
@media all and (min-width:560px) and (max-width:720px){
.ba_box ul li {width:100%;margin-bottom:25px;}
.ba_box ul li:first-child {margin-right:0}

.tabmenubox {overflow:hidden;width:100%;margin-top:30px}
.tabmenubox #tabs {overflow:hidden;float:right;margin:0;padding:0;}
.tabmenubox #tabs li {float: left;width:33.3%;margin-bottom:2px;box-sizing:border-box;border-top:1px #ddd solid;border-bottom:1px #ddd solid;border-right:1px #ddd solid}
.tabmenubox #tabs li:first-child {width:33.4%;box-sizing:border-box;border-left:1px #ddd solid}
.tabmenubox #tabs li:nth-child(4) {width:33.4%;box-sizing:border-box;border-left:1px #ddd solid}
.tabmenubox #tabs li:nth-child(7) {width:33.4%;box-sizing:border-box;border-left:1px #ddd solid}
.tabmenubox #tabs li a {display:block;background:#fff;width:100px;padding:5px 0;font-size:16px;line-height:33px;text-align: center;}
.tabmenubox #tabs li a:hover {background:#333 !important;color:#fff;}
.tabscontents {overflow:hidden;clear:both;display:none;width:100%}
.ba_box .mentbox {clear:both;display:block;width:100%;margin:15px 0 20px 0;padding:0 20px;text-align:justify;line-height:1.428em;box-sizing:border-box}
.subvisual img {width:80%;}

}

/*  480이하용 */ 
@media all and (max-width:560px){

.ba_box ul li {width:100%;margin-bottom:25px;}
.ba_box ul li:first-child {margin-right:0}
.ba_box .mentbox {clear:both;display:block;width:100%;margin:15px 0 20px 0;padding:0 20px;text-align:justify;line-height:1.428em;box-sizing:border-box}
.subvisual img {width:80%;}

.tabmenubox {overflow:hidden;width:100%;margin-top:30px}
.tabmenubox #tabs {overflow:hidden;float:right;margin:0;padding:0;}
.tabmenubox #tabs li {float: left;width:33.3%;margin-bottom:2px;box-sizing:border-box;border-top:1px #ddd solid;border-bottom:1px #ddd solid;border-right:1px #ddd solid}
.tabmenubox #tabs li:first-child {width:33.4%;box-sizing:border-box;border-left:1px #ddd solid}
.tabmenubox #tabs li:nth-child(4) {width:33.4%;box-sizing:border-box;border-left:1px #ddd solid}
.tabmenubox #tabs li:nth-child(7) {width:33.4%;box-sizing:border-box;border-left:1px #ddd solid}
.tabmenubox #tabs li a {display:block;background:#fff;width:100px;padding:5px 0;font-size:16px;line-height:33px;text-align: center;}
.tabmenubox #tabs li a:hover {background:#333 !important;color:#fff;}
.tabscontents {overflow:hidden;clear:both;display:none;width:100%}
.ba_box .mentbox {clear:both;display:block;width:100%;margin:15px 0 20px 0;padding:0 20px;text-align:justify;line-height:1.428em;box-sizing:border-box}
.subvisual img {width:80%;margin-top:60px}

}