@charset "utf-8";


.company {position: relative;}
.company .img {}
.company .img img {max-width:100%;}
.company .con_txt {padding:85px 0;text-align:center;}
.company .con_txt h3 {font-size:2.5em;font-weight:400;margin-bottom:40px;position: relative;}
.company .con_txt h3:after {content:""; display:block;width:40px; height:3px; background:#000;position: absolute;bottom:-20px;left:50%;margin-left:-20px;}
.company .con_txt p {color:#666666;font-size:1.1em;line-height:1.5;    word-break: keep-all;padding:0 150px;}
.company .con_txt p strong {color:#333;}

.company .con_box {display:table;width:100%;border-collapse: collapse;margin-bottom:100px;}
.company .con_box div.con_box_row {display: table-row;}
.company .con_box div.box {display:table-cell;vertical-align: middle;width:350px;height:350px;border: solid #ddd;border-width:1px;text-align:center;}
.company .con_box div.box.first {background:#f6f6f6;} 
.company .con_box div.box div.bg {margin-bottom:20px;}
.company .con_box div.box div.con h4 {margin-bottom:10px;color:#303434;font-size:1.3em;line-height:1.5;font-weight:700;}
.company .con_box div.box div.con p {color:#666666;font-size:1.1em;line-height:1.5;}


.useList {padding:85px 0 0;background:#f6f6f6;position: relative;}
.useList:before {content: '';position: absolute;top: 0;bottom:  -100%;left: -100%;right: -100%;background: #f6f6f6;z-index: -1;}
.useList:after {}


.useList .title {width:100%;clear:both;text-align:center;margin-bottom:100px;}
.useList .title h4 {font-size:2.5em;font-weight:400;position: relative;}
.useList .title h4:after {content:""; display:block;width:40px; height:3px; background:#000;position: absolute;bottom:-20px;left:50%;margin-left:-20px;}
.useList:after {content:'';clear:both;overflow:hidden;display:block;}
.useList div.useOrder {float:left;width:264px;height:160px;margin-right:20px;position:relative;margin-bottom:60px;display:table;}
.useList div.useOrder:nth-child(6n) {margin-right:0;}

.useList div.useOrder div.thumb {display:table-cell;vertical-align: middle;position:relative;background:#fff;border:1px solid #ff9016;text-align:center;padding:20px 40px}
.useList div.useOrder div.thumb h5 {position:absolute;top:-25px;left:50%;margin-left:-25px; width:50px;height:50px;line-height:50px;border-radius:50%;background:#ff9016;color:#fff;font-size:1.1em;}
.useList div.useOrder div.thumb p {color:#666666;font-size:1.1em;line-height:1.5;word-break: keep-all;font-weight:400;}




@media( max-width:1024px) {
	.company .con_txt {padding:20px 0}
	.company .con_txt h3 {font-size:1.5em;}
	.company .con_txt p {font-size:0.8em;padding:0 10px;}

	.company .con_box div.box {display:inline-block;width:50%;height:auto;min-height:180px;margin-top:-1px;margin-left:-1px;padding:20px 0;}
	.company .con_box div.box.first {padding:50px 0}
	.company .con_box div.box div.bg {margin-bottom:5px;}
	.company .con_box div.box div.con h4 {font-size:1.0em;margin-bottom:5px;}
	.company .con_box div.box div.con p {font-size:0.9em;}
	
	.useList {padding:20px 0;}
	.useList .title h4 {font-size:1.5em;}
	.useList div.useOrder {width:48%;height:160px;margin-right:2%;margin-bottom:6%;}
	.useList div.useOrder:nth-child(6n) {margin-right:2%;}


}

@media( max-width:640px) {
	
	.company .con_box div.box {width:100%;min-height:auto;}

 	.useList div.useOrder {width:100%;height:auto;margin-right:0;margin-bottom:20px;}
	.useList div.useOrder:nth-child(6n) {margin-right:0;}
	.useList div.useOrder div.thumb h5 {width:30px;height:30px;line-height:30px;top:-15px;margin-left:-15px;font-size:1.0em;}
	.useList div.useOrder div.thumb p {font-size:0.8em;}
}


/* message */
.message h4 {font-size:2.5em; color:#333;line-height:1.5;margin-bottom:60px;position: relative;font-weight:400;}
.message h4 em {color:#ff9d32;font-style:normal;}
.message h4 strong {font-weight:bold;display:block;}
.message h4:after {content:""; display:block;width:40px; height:3px; background:#000;position: absolute;bottom:-20px;left:0;}

.message .img{float:left; margin:0px 150px 0 0;text-align:center;}
.message .img img {max-width:100%}
.message .txt{float:left; width:650px; margin:0 0 0 0;}
.message .txt p{font-size:1.0em; color:#666; line-height:1.5;margin:0 0 25px 0;word-break: keep-all;}
.message .txt p.last {font-size:1.25em;}

@media( max-width:1024px) {

	.message h4 {font-size:1.5em;}
	.message .img{float:none; margin:0px 0px 10px 0;}
	.message .txt{float:none; width:100%; margin:0 0 0 0;}
}

.history {overflow: hidden;clear: both;}
.history .img {margin:70px 0;text-align:center;}
.history .img img {max-width:100%}

.his_tab {margin:30px 0 50px ;padding:0;zoom:1;font-size:0;line-height:0;text-align:center;}
.his_tab:after {display:block;visibility:hidden;clear:both;content:""}
.his_tab li {width:20%;margin:0;display:inline-block;text-align:center;}
.his_tab li a {display:block;position:relative;padding:10px 0;margin-right: -1px;border:solid #dddddd;border-width:1px;font-weight:bold;font-size: 17px;color: #696969;line-height: 1.8;z-index:1;    white-space: nowrap;}
.his_tab li.on a {background:#fff;z-index:2;color:#ff9016;}
.his_tab li.on a:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;border:3px solid #ff9016;}

.cont {padding:0;}

.historyD {width:100%;}
.historyD:after {display:block;visibility:hidden;clear:both;content:""}
.historyD .hisTit {float:left; width:50%; text-align: center;}
.historyD .hisTit .hisTitCon {margin:-235px 115px 0;background:#f6f6f6;display:inline-block;padding:50px 30px;    position: relative;z-index: 111;}
.historyD .hisTit .hisTitCon h4 {font-size:2.5em; color:#333;line-height:1.5;margin-bottom:60px;position: relative;}
.historyD .hisTit .hisTitCon h4:after {content:""; display:block;width:40px; height:3px; background:#ff9d32 ;position: absolute;bottom:-20px;left:50%;margin-left:-20px;}
.historyD .hisTit .hisTitCon p {font-size:1.0em; color:#666; line-height:1.5;margin:0;word-break: keep-all;text-align:left;}
.historyD .hisTit .hisTitCon p strong {color:#333;}

.historyD .hisD {float:left; width:50%; padding:0;position:relative;}
.historyD .hisD:before {content:""; display:block;width:15px; height:15px; background:#fff;border-radius:50%;border:3px solid #ff9d32;position: absolute;left:-7px;top:-15px;}
.historyD .hisD:after {content:""; display:block;width:1px; height:100%; background:#ff9d32 ;position: absolute;left:0;top:0;}
.historyD .hisD li {width:100%;overflow:hidden; padding:0 0 50px 40px;}
.historyD .hisD li .year { margin:0 0 15px; color:#333333; font-size:2.5em; font-weight:bold;}
.historyD .hisD li .hisInfo {padding:0;}
.historyD .hisD li .hisInfo div.hiscon {clear:both;}
.historyD .hisD li .hisInfo div.hiscon strong {margin:0;float:left;margin-right:20px;width:20px;}
.historyD .hisD li .hisInfo div.hiscon p {margin:0;float:left;line-height:1.5;width:calc(100% - 40px);word-break: keep-all;}

@media( max-width:1024px) {
	.historyD .hisTit {float:none; width:100%;margin-bottom:20px;}
	.historyD .hisD {float:none; width:100%;}
	.historyD .hisD:before {left:0;}
	.historyD .hisD:after {left:7px;}

}

@media( max-width:768px) {
	.his_tab {margin:10px 0;}
	.his_tab li {width:40%;}
	.his_tab li a {font-size:12px}
	.history .img {margin:10px 0;}

	.historyD .hisTit .hisTitCon {margin:0 10%;padding:20px;}
	.historyD .hisTit .hisTitCon h4 {font-size:1.5em;margin-bottom:40px;position: relative;}
	.historyD .hisTit .hisTitCon p {font-size:0.8em;}

	.historyD .hisD li {padding:0 0 25px 40px;}
	.historyD .hisD li .year {font-size:1.0em;}
	.historyD .hisD li .hisInfo div.hiscon {font-size:0.8em;margin-bottom:10px}

	.historyD .hisD li .hisInfo div.hiscon strong {float:none;margin-right:0;width:auto}
	.historyD .hisD li .hisInfo div.hiscon p {float:none;width:auto}

}


.rowc {}
.rowc ul {font-size:0;line-height:0;margin:0;padding:0}
.rowc ul:after {clear: both;display: block;content: "";}
.rowc ul li {-webkit-box-sizing: border-box;-khtml-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.rowc ul li img {max-width:100%}
.rowc ul.grid2 {margin:0 0 0 -2%;}
.rowc ul.grid2 > li {width:48%;margin:0 0 0 2%;display:inline-block;text-align:center;}
.rowc ul.grid3 {margin:0 0 0 -2%;}
.rowc ul.grid3 > li {width:31%;margin:0 0 0 2%;display:inline-block;text-align:center;}
.rowc ul.grid4 {margin:0 0 0 -2%;}
.rowc ul.grid4 > li {width:23%;margin:0 0 0 2%;display:inline-block;text-align:center;}
.rowc ul.grid5 {margin:0 0 0 -2%;}
.rowc ul.grid5 > li {width:18%;margin:0 0 0 2%;display:inline-block;text-align:center;}


.rowc ul.grid5 > li.item {margin:0 0 2% 2%;}

.partner {position: relative;}
.partner .img {}
.partner .img img {max-width:100%;}
.partner .con_txt {padding:85px 0;text-align:center;}
.partner .con_txt h3 {font-size:2.5em;font-weight:400;margin-bottom:40px;position: relative;}
.partner .con_txt h3:after {content:""; display:block;width:40px; height:3px; background:#000;position: absolute;bottom:-20px;left:50%;margin-left:-20px;}
.partner .con_txt p {color:#666666;font-size:1.1em;line-height:1.5;    word-break: keep-all;padding:0 150px;}
.partner .con_txt p strong {color:#333;}



.partner .inner {background:#f6f6f6;position: relative;padding:60px 0}
.partner .inner:after {content: '';position: absolute;top:0;bottom:  -100%;left: -100%;right: -100%;background: #f6f6f6;z-index: -1;}


@media( max-width:1024px) {
	.partner .con_txt {padding:20px 0}
	.partner .con_txt h3 {font-size:1.5em;}
	.partner .con_txt p {font-size:0.8em;padding:0 10px;}

	.rowc ul.grid2 {margin:0}
	.rowc ul.grid3 > li {width:48%;}
	.rowc ul.grid5 > li {width:48%;}
	
}

.organization {position: relative;}
.organization .img {}
.organization .img img {max-width:100%;}
.organization .con_txt {padding:0 0 85px;text-align:center;}
.organization .con_txt h3 {font-size:2.5em;font-weight:400;margin-bottom:40px;position: relative;word-break: keep-all;}
.organization .con_txt h3 strong {font-weight:700;}
.organization .con_txt h3 strong em {color:#ff9d32;font-style:normal;}
.organization .con_txt h3:after {content:""; display:block;width:40px; height:3px; background:#000;position: absolute;bottom:-20px;left:50%;margin-left:-20px;}

@media( max-width:1024px) {
	.organization .con_txt {padding:20px 0}
	.organization .con_txt h3 {font-size:1.5em;}
	.organization .con_txt h3 br {display:none}
	.organization .con_txt p {font-size:0.8em;padding:0 10px;}


}



.rowc ul.grid2 > li.sig {margin:0 0 2% 2%;width:auto;}

.ci {position: relative;}
.ci .con_txt {padding:0 0 85px;text-align:center;}
.ci .con_txt h3 {font-size:2.5em;font-weight:400;margin-bottom:40px;position: relative;word-break: keep-all;}
.ci .con_txt h3 strong {font-weight:700;}
.ci .con_txt h3 strong em {color:#ff9d32;font-style:normal;}
.ci .con_txt h3:after {content:""; display:block;width:40px; height:3px; background:#000;position: absolute;bottom:-20px;left:50%;margin-left:-20px;}

.ci .ai {}
.ci .ai.first {text-align:right;}
.ci .ai.last {text-align:left;}
.ci .ai a {position:relative;display:inline-block;line-height:1.8;background:#0080ff;padding:10px 50px;}
.ci .ai a span {color:#fff;font-size:1.2rem;display: inline-block;font-weight:700;}
.ci .ai a span.ico {display: inline-block;width:24px;height:21px;background:url(../../company/images/icon_dlc.png);margin-left:10px;}

.ci .color_wrap {padding:85px 0 0;background:#f6f6f6;position: relative;margin-top:85px;}
.ci .color_wrap:before {content: '';position: absolute;top: 0;bottom:  -100%;left: -100%;right: -100%;background: #f6f6f6;z-index: -1;}
.ci .color_wrap:after {}

.ci .color_wrap h3 {font-size:2.5em;font-weight:400;margin-bottom:40px;position: relative;word-break: keep-all;text-align:center;}
.ci .color_wrap h3 strong {font-weight:700;}
.ci .color_wrap h3 strong em {color:#ff9d32;font-style:normal;}
.ci .color_wrap h3:after {content:""; display:block;width:40px; height:3px; background:#000;position: absolute;bottom:-20px;left:50%;margin-left:-20px;}

.ci .color_item {font-size:1.0rem;line-height:1.5;padding:45px;border:1px solid #e2e2e2;background:#fff;}
.ci .color_item:after {clear: both;display: block;content: "";}

.ci .color_item div.bg {float:left;margin-right:45px;width:280px;height:280px;}
.ci .color_item div.bg.gray {background:#303434;}
.ci .color_item div.bg.orange {background:#ff9016;}

.ci .color_item div.bgCon {float:left;text-align:left;}
.ci .color_item div.bgCon h4 {font-size:2.5em;font-weight:700;margin:0 0 10px 0;}
.ci .color_item div.bgCon h4.gray {color:#303434;}
.ci .color_item div.bgCon h4.orange {color:#ff9016;}
.ci .color_item div.bgCon p {color:#666666;font-size:1.0em;}
.ci .color_item div.bgCon p strong {color:#333;}


@media( max-width:1024px) {
	.ci .con_txt {padding:20px 0}
	.ci .con_txt h3 {font-size:1.5em;}
	.ci .con_txt h3 br {display:none}
	.ci .ai.first {text-align:center;}
	.ci .ai.last {text-align:center;}
	.ci .ai a {padding:10px;}
	.ci .ai a span {font-size:1.0rem}
	.ci .color_wrap h3 {font-size:1.5em;}
	.ci .color_item {padding:10px;}
	.ci .color_item div.bg {width:220px;height:220px;margin-right:5px}
}

@media( max-width:768px) {
	.ci .color_item div.bg {width:100%;height:100px;margin-right:0;margin-bottom:10px;float:none;}
	.ci .color_item div.bgCon {float:none;}
	.rowc ul.grid2 > li.color_li {width:100%;margin:0 0 10px 0;}
	.ci .color_item div.bgCon h4 {font-size:1.5em;}
}



.location {position: relative;}

.location.gray {background: #f6f6f6;padding:85px 0 0}
.location.gray:after {content: '';position: absolute;top:0;bottom:  -100%;left: -100%;right: -100%;background: #f6f6f6;z-index: -1;}

.location .con_txt {padding:0 0 15px;text-align:center;}
.location .con_txt h3 {font-size:2.5em;font-weight:400;margin-bottom:40px;position: relative;word-break: keep-all;}
.location .con_txt h3:after {content:""; display:block;width:40px; height:3px; background:#000;position: absolute;bottom:-20px;left:50%;margin-left:-20px;}

.location .con_box {display:table;width:100%;border-collapse: collapse;margin-bottom:100px;margin-top:25px;background:#fff;}
.location .con_box div.con_box_row {display: table-row;}
.location .con_box div.box {display:table-cell;vertical-align: middle;width:50%;border-bottom:1px solid #ddd;padding:10px 0}
.location .con_box div.box.first {border-top:2px solid #232c6e;} 
.location .con_box div.box span.bg {display:inline-block;width:170px;padding:0 15px; color:#333333;font-size:1.1em;line-height:1.5;font-weight:bold;}
.location .con_box div.box span.bg img {display:inline-block;margin-right:30px;}
.location .con_box div.box span.con {display:inline-block;}
.location .con_box div.box span.con p {color:#666666;font-size:1.1em;line-height:1.5;}


.rowc ul.grid2 > li.map {vertical-align: top;}
.rowc ul.grid2 > li.map img {max-width:100%}

@media( max-width:1024px) {
	.location.gray {padding:10px 0}
	.location .con_txt {padding:20px 0}
	.location .con_txt h3 {font-size:1.5em;}

	.rowc ul.grid2 > li.map {width:100%;margin:0 0 10px 0}

	.location .con_box div.box {display:inline-block;width:100%;}
	.location .con_box div.box.first:last-child {border-top:0 none;}
	.location .con_box div.box span.bg {width:auto;font-size:1.0em;}
	.location .con_box div.box span.bg img {margin-right:10px}
	.location .con_box div.box span.con p {font-size:1.0em;}

}

@media( max-width:768px) {
	.location .con_box div.box span.bg {width:auto;padding:0 5px;font-size:0.8em;}
	.location .con_box div.box span.con {width:auto;}
	.location .con_box div.box span.con p {font-size:0.8em;}

}


.tech {position: relative;}
.tech.last {padding:85px 0 0}
.tech.gray {background: #f6f6f6;padding:85px 0}
.tech.gray:after {content: '';position: absolute;top:0;bottom:0;left: -100%;right: -100%;background: #f6f6f6;z-index: -1;}
.tech .con_txt {padding:0 0 15px;text-align:center;}
.tech .con_txt h3 {font-size:2.5em;font-weight:400;margin-bottom:40px;position: relative;word-break: keep-all;}
.tech .con_txt h3:after {content:""; display:block;width:40px; height:3px; background:#000;position: absolute;bottom:-20px;left:50%;margin-left:-20px;}

.tech div.page-header {margin: 0;}
.tech div.page-header h4 {font-size:2.0em;line-height:1.5;color:#333;font-weight:400;padding:0 0 0 30px;position: relative;display: inline-block}
.tech div.page-header h4:before {content: ''; position: absolute;top:50%;margin-top:-12px;left:0;width:18px;height:24px;background:url(../../tech/images/bg_tit.png) no-repeat;}


.rowc ul.grid4 > li.tech_item {margin: 0 0 25px 2%;position:relative;}
.rowc ul.grid4 > li.tech_item div.pos {display:block;background:#ff9016;padding:15px 5px;transform: translate(0, -50%);margin:0 30px;}
.rowc ul.grid4 > li.tech_item div.pos h5 {color:#fff;font-size:1.0rem;line-height:1.3;font-weight:400;}



@media( max-width:1024px) {
	.tech.gray, .tech.last {padding:10px 0}
	.tech .con_txt {padding:20px 0}
	.tech .con_txt h3 {font-size:1.5em;}

	.rowc ul.grid4 > li.tech_item  {width:48%}
	.rowc ul.grid4 > li.tech_item div.pos h5 {font-size:0.8rem;}

	.tech div.page-header h4 {font-size:1.2em;}


}

@media( max-width:640px) {
	.rowc ul.grid4 > li.tech_item  {width:100%;margin:0 0 10px 0}
}



.rowc ul.grid3 > li.product {margin:0 0 2% 2%;vertical-align: top;}
.rowc ul.grid3 > li.product a {position:relative;display:block;padding:50px 50px 50px 50px;border:5px solid #f0f0f0;background: #f0f0f0;}
.rowc ul.grid3 > li.product a img {max-width:100%;}
.rowc ul.grid3 > li.product a div.thumb {overflow: hidden;text-align: center;background:#fff}
.rowc ul.grid3 > li.product a div.thumb span.no_img {}
.rowc ul.grid3 > li.product a div.desc {padding:10px 0;text-align: center;}
.rowc ul.grid3 > li.product a div.desc h5 {font-size:1.5rem;line-height:1.5;font-weight: 500;display: block;color:#ff9016;margin-bottom: 10px;}
.rowc ul.grid3 > li.product a div.desc span {display: block;}
.rowc ul.grid3 > li.product a div.desc span.sm {font-size:1.0rem;line-height:1.5;color:#0080ff;font-weight: 500;display: inline-block;margin-bottom: 15px;}
.rowc ul.grid3 > li.product a div.desc span.more {font-size:0.8rem;line-height:1.5;color:#666666;font-weight:700;padding-right:35px;display: inline-block;background:url(../img/contents01_btn_out.png) no-repeat;background-position: right center;}
.rowc ul.grid3 > li.product a div.desc p {font-size:0.8rem;line-height:1.5;color:#999999;word-break: keep-all;margin-bottom: 30px;text-align: left;height:40px;}
.rowc ul.grid3 > li.product a:hover {border:5px solid #ff9016;}



@media( max-width:1024px ) {
	.rowc ul.grid3 > li.product a {padding:25px;border:1px solid #fff;}
	.rowc ul.grid3 > li.product a:hover {border:1px solid #ff9016;}
	.rowc ul.grid3 > li.product a div.desc h5 {font-size: 0.9rem;}
	.rowc ul.grid3 > li.product a div.desc span.sm {font-size:0.8rem;margin-bottom: 10px;}
	.rowc ul.grid3 > li.product a div.desc span.more {font-size:0.7rem;}
	.rowc ul.grid3 > li.product a div.desc p {font-size:0.7rem;margin-bottom: 10px;height:auto;}
}

@media( max-width:420px ) {
	.rowc ul.grid3 > li.product  {width:100%;margin:0 0 10px 0}
}


.productWrap {}

.productWrap #pro_cate {margin: 30px 0;border:1px solid #dddddd;background:#f5f5f5}
.productWrap #pro_cate h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.productWrap #pro_cate ul {margin-bottom:0;padding-left:1px;zoom:1;margin-right:0;margin-left:0;list-style:none;display:table;border-collapse: collapse;table-layout:fixed;width:100%}
.productWrap #pro_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
.productWrap #pro_cate li {padding:20px;margin:0;display:table-cell;width:20%;}
.productWrap #pro_cate a {display:block;position:relative;font-size: 16px; color:#333333;line-height:1.5;text-decoration:none;padding-left:15px;}
.productWrap #pro_cate a:before {content: '·'; position: absolute;left:0}
.productWrap #pro_cate #bo_cate_on {z-index:2;}
.productWrap #pro_cate #bo_cate_on a {color:#ff9016;font-weight:bold;}

@media( max-width:1024px ) {
	.productWrap #pro_cate li {padding:10px;display:block;width:100%}
	.productWrap #pro_cate a {font-size:12px;}

}

.rowc ul.grid4 > li.pro {margin:0 0 2% 2%;vertical-align:top;}
.rowc ul.grid4 > li.pro a {position:relative;display:block;overflow:hidden;border:1px solid #dddddd;}
.rowc ul.grid4 > li.pro a img {max-width:100%;}
.rowc ul.grid4 > li.pro div.thumb {overflow: hidden;text-align: center;background: #fff;border-bottom:1px solid #dddddd;}
.rowc ul.grid4 > li.pro div.thumb span.no_img {}
.rowc ul.grid4 > li.pro div.desc {padding:10px 20px;text-align: left;background:#f9f9f9}
.rowc ul.grid4 > li.pro div.desc h5 {font-size:1.1rem;line-height:1.5;color:#333;font-weight: 400;margin:0;word-break: keep-all;}
.rowc ul.grid4 > li.pro a:hover {border:1px solid #0274e6;}
.rowc ul.grid4 > li.pro a:hover div.desc {background: #0274e6}
.rowc ul.grid4 > li.pro a:hover div.desc h5 {color:#fff}


@media( max-width:1024px ) {
	.rowc ul.grid4 > li.pro {width:48%;}
	.rowc ul.grid4 > li.pro div.desc {padding:5px;}
	.rowc ul.grid4 > li.pro div.desc h5 {font-size:12px;}
}

@media( max-width:640px ) {
	.rowc ul.grid4 > li.pro {width:98%;}
}


/* 상품 상세보기 - 개요 */
.sit_ov_wrap {margin:0;zoom:1;padding:0;}
.sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}

/* 상품 상세보기 - 이미지 미리보기 */
.sit_pvi {float:left;width:700px;padding:0;}
.sit_pvi_big {margin:0 10px 0 0;text-align:center;position:relative;border:1px solid #ddd;    width: 560px;float:left;}
.sit_pvi_big button {position: absolute; top:50%;margin-top:-19px; width: 38px;height:38px;background: rgba(30,30,30,.6); border: 0;border-radius: 0; box-shadow: none;cursor: pointer;display: inline-block;z-index: 99997;}
.sit_pvi_big button i {color:#fff}
.sit_pvi_big button.prev {left: 7px;padding: 7px;}
.sit_pvi_big button.next {right: 7px;padding: 7px;}
.sit_pvi_big span {display:none}
.sit_pvi_big span.visible {display:block}
.sit_pvi_big img {max-width: 100%;    max-height: 560px;}
.sit_pvi_thumb {margin:0;padding:0;list-style:none;text-align:center;zoom:1;float:left;    width: 100px;}
.sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:""}
.sit_pvi_thumb li {display:block;margin:0 0 10px 0;width:100px;}
.sit_pvi_thumb .li_last {margin:0 !important}
.sit_pvi_thumb img {max-width: 100%;max-height:100px;vertical-align:middle;}
.sit_pvi_thumb li a {position:relative;display:block;height:100px;line-height:100px;overflow:hidden;}
.sit_pvi_thumb li a div.overlay {display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #ddd;}
.sit_pvi_thumb li a:hover div.overlay,
.sit_pvi_thumb li a.selected div.overlay {border:1px solid #0a104a;}


/* 상품 상세보기 - 간략정보 및 구매기능 */
.sit_ov {position:relative;float:right;padding:0;width:600px;height:auto !important;}
.sit_ov h4 {font-size:1.1em;font-weight:700;margin: 0 0 10px 0;color:#333333}
.sit_ov div.desc table {width:100%;border-collapse:collapse;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;margin:0 0 50px;}
.sit_ov div.desc table caption {display:none}
.sit_ov div.desc table th,
.sit_ov div.desc table td {text-align:left;padding:20px 10px;font-size:1.1em;vertical-align:top;}
.sit_ov div.desc table th {color:#999999;font-weight:400;}
.sit_ov div.desc table td {}
.sit_ov div.desc table td span.blue {color:#1e3b94;font-weight:700;font-size:1.0em;    line-height: 1.3;display:block;}


#sit_ov_btn {}
#sit_ov_btn a {color:#fff;display:inline-block;padding:15px;text-align: center;font-size:0.9em;line-height:1.5;width:190px;}
#sit_ov_btn a#dlc {background:#1e3b94;border:1px solid #1e3b94;margin-right:10px;}
#sit_ov_btn a#cus {background:#ff9016;border:1px solid #ff9016;}
#sit_ov_btn a#dlc:hover {background:#fff;color:#1e3b94;}
#sit_ov_btn a#cus:hover {background:#fff;color:#ff9016;}

.p_detail_tit {background:#f9f9f9;border:solid #dddddd;border-width:1px 0;padding:20px;margin:50px 0}
.p_detail_tit p {font-size:1.1em;font-weight:700;margin: 0;color:#333333}
.p_detail {}
.p_detail div.con {margin-bottom:50px;}
.p_detail div.con img {max-width:100%;}
.p_detail div.con h5 {font-size:1.5em;font-weight:700;margin: 0;color:#333333;border-bottom:2px solid #ff9016;padding:10px 0}
.p_detail div.con ul {padding:20px 0}
.p_detail div.con ul li {display:block;position:relative;font-size: 1.0em; color:#666666;line-height:1.5;text-decoration:none;padding-left:10px;}
.p_detail div.con ul li:before {content: ''; position: absolute;left:0;top:50%;width:4px;height:4px;background:#ff9016;transform:translate(0,-50%);}
.p_detail div.con .spec_tbl {display:table;width:100%;border-collapse: collapse;}
.p_detail div.con .spec_tbl div.spec_row {display: table-row;}
.p_detail div.con .spec_tbl div.col {display:table-cell;vertical-align: middle;border: solid #dedede;border-width:0 0 1px;padding:20px;}
.p_detail div.con .spec_tbl div.col.th {background:#f9f9f9;width:170px;color:#333;font-size:0.9em;line-height:1.5;font-weight:700;} 
.p_detail div.con .spec_tbl div.col.td {color:#666;font-size:0.9em;line-height:1.5;} 
.p_detail div.con .spec_tbl div.col.th.blank {background: transparent;}
.p_detail div.con .spec_tbl div.col.td.blank {}

.p_detail div.conDi {margin-bottom:50px;}
.p_detail div.conDi img {max-width:100%;}
.p_detail div.conDi h5 {font-size:1.5em;font-weight:700;margin-bottom:30px;color:#333333;border-bottom:2px solid #ff9016;padding:10px 0}


@media( max-width:1024px) {

	.sit_pvi {float:none;width:100%;padding:0;}
	.sit_pvi_big {margin:0;width: 100%;float:none;}
	.sit_pvi_big img {max-height: auto;}

	.sit_pvi_thumb {width:100%;float:none;margin:10px 0}
	.sit_pvi_thumb li {display:inline-block;margin:0 10px 0 0;}


	.sit_ov {float:none;padding:0;width:100%;}
	.sit_ov h4 {font-size:1.0em;}
	.sit_ov div.desc table {margin:0 0 10px;}
	.sit_ov div.desc table th,
	.sit_ov div.desc table td {padding:10px;font-size:1.0em;}
	.sit_ov div.desc table td span.blue {font-weight:700;font-size:1.0em;}

	#sit_ov_btn {text-align:center;}
	#sit_ov_btn a {padding:10px;width:auto;}

	.p_detail div.con h5, .p_detail div.conDi h5 {font-size:1.0em;}

	.p_detail div.con .spec_tbl div.col {display:block;padding:10px;}
	.p_detail div.con .spec_tbl div.col.th {width:100%;font-size:0.8em;}
	.p_detail div.con .spec_tbl div.col.td {width:100%;font-size:0.8em;}

	.p_detail div.con .spec_tbl div.col.th.blank {display: none}
    .p_detail div.con .spec_tbl div.col.td.blank {display: none}

}

@media( max-width:640px) {

}