.btn_bb { display:inline-block; box-sizing:border-box; vertical-align:top; min-width:120px; height:50px; line-height:48px; padding:0 30px;
text-align:center; font-size:16px; font-weight:500; border-radius:4px; }
.btn_b { display:inline-block; box-sizing:border-box; vertical-align:top; width:120px; height:40px; line-height:38px; 
text-align:center; font-size:14px; font-weight:500; border-radius:4px; }
.btn_s { display:inline-block; box-sizing:border-box; vertical-align:top; width:100px; height:40px; line-height:38px; 
text-align:center; font-weight:500; border-radius:4px; }
.btn_ss { display:inline-block; box-sizing:border-box; vertical-align:top; width:80px; height:32px; line-height:30px; 
text-align:center; font-weight:500; border-radius:4px; }

.btn_l { display:inline-block; box-sizing:border-box; vertical-align:top; width:49%; height:32px; line-height:30px; 
text-align:center; font-size:14px; font-weight:500; border-radius:4px; }
.btn_n { display:inline-block; box-sizing:border-box; vertical-align:top; width:100px; height:30px; line-height:28px; 
text-align:center; font-size:14px; font-weight:500;  border-radius:4px; }
.btn_w { display:inline-block; box-sizing:border-box; vertical-align:top; height:30px; line-height:28px; 
text-align:center; font-size:14px; font-weight:500; margin-top:10px; padding:0 20px; border-radius:4px; }

.btn00 { background:#fff; color:#333; border:1px solid #ccc }
.btn01 { background:#6e6e6e; border:1px solid #6e6e6e; color:#fff; }
.btn02 { background:#d10f0f; border:1px solid #d10f0f; color:#fff; }
.btn03 { background:#333; border:1px solid #333; color:#fff; }
.btn04 { background:#62338f; border:1px solid #62338f; color:#fff; }
.btn05 { background:#f5f5f5; color:#333; border:1px solid #bbb }

/* 공통 */
.con_box { width:1200px; margin:0 auto; text-align:center; }

/* 인사말 */
.greeting_title { padding-top:80px }
.greeting_tit { display:inline-block; position:relative; padding:0; text-align:center; }
.greeting_tit p { font-size:27px; line-height:45px; font-weight:500; color:#000; }
.greeting_tit span { font-size:27px; line-height:45px; font-weight:600; color:#007f3a }
.greeting_tit:before { background:url('../images/contents/greeting_first_mark.png') no-repeat; width:35px; height:30px; background-size:100%; content:" "; 
position:absolute; left:-40px; top:65px; }
.greeting_tit:after { background:url('../images/contents/greeting_last_mark.png') no-repeat; width:35px; height:30px; background-size:100%; content:" "; 
position:absolute; right:-50px; bottom:-5px; }

.greeting_con { display:inline-block; position:relative; padding:30px 0 0; text-align:center; }
.greeting_con p { font-size:17px; line-height:35px; font-weight:400;color:#111111; }
.greeting_con br { display:none; }

/* 인사말 하단 제품 */
.greeting_product {
	clear:both;
	margin:50px auto;
	background:#fff;
	position:relative;
}

.greeting_product ul {
	overflow:hidden;
}
.greeting_product ul li {
	float:left;
	overflow:hidden;
	width:32.5%;
	margin-right:1.25%;
	margin-bottom:1.25%;
	border:1px solid #e1e1e1; 
	text-align:center
}
.greeting_product ul li:nth-child(3n) {
	margin-right:0;
}
.greeting_product ul li .photo { 
	width:100%; 
	height:300px; 
	text-align:center; 
}
.greeting_product ul li .photo img {
	width:100%;
	max-height:100%;
	box-sizing:border-box;
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	opacity:1;
}

.greeting_product ul li > .photo:hover img {
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
	opacity:0.7;
}

/** 인증현황 **/
.certificate { overflow:hidden; }
.certificate li { float:left; width:23.2%; margin-right:2.4%; margin-bottom:2.4%; border:1px solid #ccc }
.certificate li:nth-child(4n) { margin-right:0 }
.certificate li .wrap { display:block; padding:15px; width:100%; }
.certificate li .wrap .frame { z-index:1; width:100%; height:320px; overflow:hidden; background:#000;}
.certificate li .wrap .frame img { width:100%; z-index:1; height:100%; 
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: transform 0.6s;
}
.certificate li .wrap .frame:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
opacity:0.5; filter:alpha(opacity=50);
}

.certificate li .wrap .info p.tit {padding:15px 0 0; height:48px; text-align:center; 
font-size:14px; line-height:21px; font-weight:500; color:#333; }
.certificate li .wrap .info .con {position:relative; height:30px;}
.certificate li .wrap .info .con .view {position:absolute;left:50%;top:0;color:#333;margin-left:-50px;width:100px;border:1px solid #ccc;
height:26px;line-height:24px;padding:0 10px; border-radius:3px;font-size:13px; }
.certificate li .wrap .info .con .view i { color:#000; }

/* 레이어팝업 */
.modal { position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;background-color:rgba(0,0,0,.8);z-index: -1;opacity:0;transition:all 0.2s;}
.modal.on{opacity:1;z-index:999;}

.modal .pop_wrap { position:relative; position:absolute; left:50%; top:50%; margin-top:-340px; margin-left:-250px; border-radius:8px; 
background:#fff; width:500px; height:680px; padding-bottom:20px; }
.modal .pop_wrap h2 { display:block; font-size:24px; font-weight:bold; color:#333; text-align:center; }
.modal .pop_body { position:absolute; bottom:0; left:0; padding:20px; width:100%; height:640px; overflow-y:scroll; }
.modal .pop_body img { width:100% }

.modal .pop_close { position:relative; position:absolute; right:5px; top:5px; width:30px; height:30px; background:none; }
.modal .pop_close span {display:inline-block;position:absolute;left:50%;margin-left:-11px;top:50%;margin-top:-1px;width:22px;height:3px;background-color:none;}
.modal .pop_close span:before {position:absolute;width:22px;height:3px;left:50%;margin-left:-11px;top:0;transform:rotate(45deg);background-color:#333;
content:"";display:block;}
.modal .pop_close span:after {position:absolute;width:22px;height:3px;left:50%;margin-left:-11px;top:0;transform:rotate(-45deg);background-color:#333;
content:"";display:block;}

/** 연혁 **/
.history_img { width:1260px; padding:120px 0; margin:30px auto 0; text-align:center; background:#000 url('../images/contents/history_box_bg.jpg') center;
background-size: 100% auto; }
.history_tab {overflow:hidden;}
.history_tab li {float:left;width:26.5%;position:relative;}
.history_tab li:last-child {width:20%}
.history_tab li:last-child a {width:100%}
.history_tab li a {display:block;width:80%;max-width:240px;height:60px;line-height:60px;border-radius:60px;text-align:center;background:#eee;
font-family:'Montserrat';font-size:30px;font-weight:600;color:#000;z-index:2}
.history_tab li a span {font-size:26px;}
.history_tab li:after {position:absolute;top:30px;right:0;width:25%;height:1px;background:#c4c4c4;content:''}
.history_tab li:last-child:after {background:none}
.history_tab li.active a {background:#00b04f; color:#fff }

.history_box {clear:both;overflow:hidden;margin:85px auto;background:url('../images/contents/history_line.gif') repeat-y 50% 0}
.history0 {padding:10px 0 20px;display:block;font-family:'Montserrat';font-size:48px;font-weight:700;text-align:center;color:#007f3a;background:#fff}
.history0 span {font-size:30px}

.history1 {overflow:hidden;padding-top:65px;font-size:15px;width:100%;text-align:left;
background:url('../images/contents/history_dot.png') no-repeat center 67px }
.history1 .wrap {float:left;width:50%;}
.history1 p {display:inline-block;vertical-align:top}
.history1 .year {font-family:'Montserrat';font-size:20px;width:10%;font-weight:700;color:#000;}
.history1 .date {font-family:'Montserrat';font-size:20px;width:8%;font-weight:700;color:#000;}
.history1 .info {float:left;width:76%;margin-right:4%;font-size:16px;font-weight:500;color:#555; text-align:right; }
.history1 .info span { display:inline-block; position:relative; padding:0 13px 10px 0;}
.history1 .info span:before { position:absolute;right:0;top:8px;content:'●'; color:#007f3a; font-size:6px; }
.history1 img {width:100%;margin-top:30px}

.history2  {overflow:hidden;padding-top:65px;color:#000;font-size:15px;width:100%;text-align:left;
background:url('../images/contents/history_dot.png') no-repeat center 67px }
.history2 .wrap {float:right;width:47%;}
.history2 p {display:inline-block;vertical-align:top}
.history2 .year {font-family:'Montserrat';font-size:20px;width:10%;font-weight:700;color:#000;}
.history2 .date {font-family:'Montserrat';font-size:20px;width:8%;font-weight:700;color:#000;}
.history2 .info {width:78%;font-size:16px;font-weight:500;color:#555; }
.history2 .info span { display:inline-block; position:relative; padding:0 0 10px 13px;}
.history2 .info span:before { position:absolute;left:0;top:8px;content:'●'; color:#007f3a; font-size:6px; }
.history2 img {width:100%;margin-top:30px}

/* 오시는길 ---------------------------------------*/
.map_tab { overflow:hidden;border-left:1px solid #d8d8d8; }
.map_tab ul { border-top:1px solid #d8d8d8;}
.map_tab li { float:left;width:50%; position:relative; }
.map_tab li a { float:left; display:block; width:100%; height:55px; line-height:55px; border:1px solid #d8d8d8; border-left:none; 
border-top:none; background:#fafafa;font-size:15px; font-weight:500; text-align:center; color:#727272; overflow:hidden}
.map_tab li.active a {border:1px solid #ffc20e; background:#ffc20e; color:#000}

.map_box {clear:both;overflow:hidden;margin:50px auto;}
.map0 {padding:10px 0;display:block;font-size:30px;font-weight:600;color:#007f3a;background:#fff;text-align:left;}
.root_daum_roughmap .cont .section { font-family:'Noto Sans KR'; }

.map_box ul { margin-top:30px }
.map_box ul li { overflow:hidden; padding:10px 0; line-height:18px; border-bottom:1px solid #dcdcdc; }
.map_box ul li b { float:left; display:block; width:70px; }
.map_box ul li div { padding-left:70px }


/* 온라인상담 */
.sub_request { margin:0 auto; max-width:700px; text-align: left; }
.sub_request h3 { font-size:16px; color:#787878; font-weight:400; padding-bottom:60px }
.sub_request input.text, 
.sub_request textarea { width:100%; background:#f5f5f5; border:none; margin-bottom:10px; color:#000; padding:0 20px ; font-family:"Noto Sans KR", "맑은고딕", "돋움"; font-size:15px; height:45px; line-height:45px;}
.sub_request .input_text { float:left; width:49%; }
.sub_request .input_text.rig {float:right;}
.sub_request .input_text.full {clear:both; float:none; width:100%;}
.sub_request textarea {line-height:1.5; padding:20px; height:109px;}
/*.sub_request .input_text .radio_wrap { padding:0 0 15px }*/
.sub_request .input_text .radio_wrap { padding:0 0 15px }
.sub_request .input_text .tit { float:left; width:110px; color:#002b82; font-size:16px; text-align:left; line-height: 1.2;}
.sub_request .input_text .tit.spam { line-height:45px; }
.sub_request .input_text .select_box { padding-left:140px; text-align:left; }
.sub_request .input_text2 .radio_wrap { padding:0 0 15px }
.sub_request .input_text2 { float:left; width:49%; }
.sub_request .input_text2.rig {float:right;}
.sub_request .input_text2.full {clear:both; float:none; width:100%; margin: 10px 0 10px 0;}
.sub_request .input_text2 .tit2 { float:left; width:90px; color:#002b82; font-size:16px; text-align:left; line-height: 1.2;}
.sub_request .input_text2 .tit2.spam { line-height:45px; }
.sub_request .input_text2 .select_box {
    width: 55%;
    border-radius: 8px;
    margin-right: -8px;
    text-align: left;
    height: 38px;
    padding-left: 25px;
    margin-left: 20px;
}


.sub_request .request_tex { background:#9699a0; overflow-y:auto; width:100%; height:0; padding:0; line-height:21px; color:#fff; text-align:left;
transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease; }
.sub_request .request_tex.on { height:120px; padding:20px; }
.sub_request .request_tex h5 { font-size:16px; padding-bottom:10px; color:#fff; }
.sub_request .request_tex h6 { font-size:14px; padding-bottom:10px; color:#fff; }
.sub_request .request_tex ol li { color:#fff; font-size:14px; }
.sub_request .request_checkbox { font-size:16px; color:#000; text-align:left; padding:10px 0 }
.sub_request a.privacy_view { float:right; color:#002b82; text-decoration:underline }
.sub_request a.btn { display:block; height:54px; line-height:54px; margin:0 auto; background:#002b82; border:none; color:#fff; 
font-weight:500; font-size:18px; text-align:center;}
.add_option {width: 100%; text-align: right; line-height: 45px;}
.add_option button {padding: 2% 2.3%; background: #002b82; color:#fff; font-size: 18px; border-radius:50%;}

.sub_request input:-ms-input-placeholder,
.sub_request textarea:-ms-input-placeholder { color:#002b82 !important; }
.sub_request ::-ms-input-placeholder { color:#002b82 !important; }
.sub_request ::-webkit-input-placeholder {color:#666 !important; }
.sub_request ::-moz-placeholder { color:#002b82 !important; }
.sub_request ::-moz-placeholder { color:#002b82 !important;}

/*필수입력값*/
.ess_chk {width: 9px; margin-top: -6px; margin-left: 6px;}
.ess_input1 input::-webkit-input-placeholder {
	background: url('/images/common/icon_ess_chk.png') no-repeat 85px center;
	-webkit-background-size: 9px;
	background-size: 9px;
}
.ess_input2 input::-webkit-input-placeholder {
	background: url('/images/common/icon_ess_chk.png') no-repeat 50px center;
	-webkit-background-size: 9px;
	background-size: 9px;
}
.ess_input3 input::-webkit-input-placeholder {
	background: url('/images/common/icon_ess_chk.png') no-repeat 50px center;
	-webkit-background-size: 9px;
	background-size: 9px;
}


/*파일첨부*/

.filebox {margin-bottom: 8px; overflow: hidden;}
.filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.filebox label {
  display: inline-block;
  float: left;
  width: 100px;
  height: 45px; line-height: 45px;
  color: #fff;
  background: #002b82;
  cursor: pointer;
  text-align:center;
}

/* named upload */
.filebox .upload-name {
  display: inline-block;
  float: right;
  width: calc(100% - 110px);
  height: 45px; line-height: 45px;
  border: none;
  padding: 0 10px;
  background: #f5f5f5;
  color:#666; font-weight: 500;
}

.file_info {text-align: left; margin-bottom: 15px; font-size: 14px;}

@media (max-width: 520px) {
	.filebox label {
	  width: 80px;
	}

	/* named upload */
	.filebox .upload-name {
	  width: calc(100% - 90px);
	}

}


/* ============================================================================================================================================================== */

@media screen and (max-width:1240px) {
	.con_box,
	.history_img { width:1000px; }
	
	/* 인사말 */
	.greeting_con p { font-size:15px; line-height:30px; }
	.greeting_con:before,
	.greeting_con:after { width:30px; height:26px; }

	.greeting_product h3 {
		padding:30px 30px 30px 0;
		color:#000
	}
	.greeting_product ul {
		margin-left:0;
	}
	.greeting_product ul li .photo { 
		height:200px;
	}

	/* 연혁 */
	.history_tab li:after {width:20%;}
	.history1 .info,
	.history2 .info {padding-top:2px;font-size:16px;}
	.history1 .year, .history2 .year {margin-right: 3px;}
	.history1 .year:after,
	.history2 .year:after {content:'.';}

	/* 인증현황 */
	.certificate li .wrap .frame { height:240px; }

}
/* ============================================================================================================================================================== */

@media screen and (max-width:1040px) {
	.con_box,
	.greeting_box,
	.history_img { width:96%; }
	.history_img { padding:90px 0 }

	/* 인사말 */
	/* 인사말 */
	.greeting_tit p { font-size:24px; line-height:35px; }
	.greeting_tit span { font-size:24px; line-height:35px; }
	.greeting_con p { font-size:14px; line-height:27px; }
	.greeting_con:before,
	.greeting_con:after { width:30px; height:26px; }

	.greeting_product {
		margin:30px auto;
		width:100%;
	}
	.greeting_product ul li .photo { 
		height:200px;
	}
	/* 연혁 */
	.history_tab li a {font-size:24px;}
	.history_tab li a span {font-size:20px;}

	.history1, .history2 {padding-top:35px;background-position:center 30px}
	.history1 .year, .history1 .date,
	.history2 .year, .history2 .date {font-size:17px;}
	.history1 .year,
	.history1 .date,
	.history2 .year,
	.history2 .date {width:auto;}

	.history1 .info {float:none;text-align:left; }
	.history1 .info span { padding:0 0 10px 13px;}
	.history1 .info span:before,
	.history2 .info span:before { right:auto;left:0;top:7px; }

	.history1 .year, .history2 .year {margin-right: 0px;}
	.history1 .year:after,
	.history2 .year:after {content:'.'}
	.history1 .info,
	.history2 .info {width:100%;font-size:14px;}

	/* 인증현황 */
	.certificate li { float:left; width:32.5%; margin-right:1.25%; margin-bottom:1.25%; }
	.certificate li:nth-child(3n) { margin-right:0 }
	.certificate li:nth-child(4n) { margin-right:1.25% }
	.certificate li .wrap .frame { height:360px; }

	/* 온라인상담 */
	.sub_request h3 { font-size:14px; padding:0 0 35px }
	.sub_request input.text, 
	.sub_request textarea { padding-left:10px; font-size:14px;}
	.sub_request .request_tex h5 { font-size:16px; }
	.sub_request .request_tex h6 { font-size:14px; }
	.sub_request .request_checkbox { font-size:14px; }
	.sub_request a.btn { font-size:16px; }

}
/* ============================================================================================================================================================== */

@media screen and (max-width:820px) {

	/* 인증현황 */
	.certificate li { float:left; width:48%; margin-right:2%; margin-bottom:2%; }
	.certificate li:nth-child(2n) { margin-right:0 }
	.certificate li:nth-child(3n) { margin-right:2% }
	.certificate li .wrap .frame { height:400px; }

	/* 온라인상담 */
	.sub_request_box { padding:40px 20px; }
	.sub_request { width:100%; }
}

/* ============================================================================================================================================================== */

@media screen and (max-width:765px) {

	/* 인사말 */
	.greeting_tit p { font-size:20px; line-height:30px; }
	.greeting_tit span { font-size:20px; line-height:30px; }
	.greeting_con br { display:block; }
	.greeting_con { padding:20px 15px 0; }
	.greeting_con:before { top:10px; }
	.greeting_con:after { right:0; }
	.greeting_con p.color_w { color:#fff; margin-top:10px }

	.greeting_product {
		margin:20px auto;
	}
	.greeting_product ul li {
		width:48%;
		margin-right:2%;
		margin-bottom:20px;
	}
	.greeting_product ul li:nth-child(2n) {
		margin-right:0;
		float:right
	}
	.greeting_product ul li:nth-child(3n) {
		margin-right:3%;
	}
	.greeting_product ul li:nth-child(6) {
		margin-right:0;
	}

	/* 연혁 */
	.history_box {margin:30px auto 30px;}

	/* 연혁 */
	.history_tab {overflow:hidden;}
	.history_tab li a {height:40px;line-height:40px;border-radius:40px;font-size:16px;}
	.history_tab li a span {font-size:14px;}
	.history_tab li:after {width:20%;top:20px;}

	.history_box {background-position:14px 0}
	.history0 {margin-top:0;font-size:30px;text-align:left;}
	.history0 span {font-size:20px}

	.history1 {padding-top:30px;font-size:15px;width:100%;background-size:20px auto;background-position:5px 35px }
	.history1 div.wrap {float:none;width:100%;padding-left:40px}
	.history1 .info {font-size:13px;}
	.history1 .info span {display:block;}
	.history1 img {margin-top:20px}

	.history2  {padding-top:30px;font-size:15px;width:100%;background-size:20px auto;background-position:5px 35px }
	.history2 div.wrap {float:none;width:100%;padding-left:40px}
	.history2 .info {font-size:13px;}
	.history2 .info span {display:block;}
	.history2 img {margin-top:20px}

	/* 오시는길 */
	.map_box {margin:30px auto;}
	.map0 { font-size:27px; }

}

/* ============================================================================================================================================================== */

@media screen and (max-width:640px) {

	/* 인증현황 */
	.certificate li .wrap .frame { height:340px; }
}

/* ============================================================================================================================================================== */

@media screen and (max-width:540px) {

	/* 인증현황 */
	.certificate li .wrap .frame { height:280px; }
	.modal .pop_wrap { margin-top:-240px; margin-left:-200px; width:400px; height:480px; }
	.modal .pop_body { height:440px; }

	/* 온라인상담 */
	.sub_request h3 { font-size:13px; }
	.sub_request a.btn { font-size:15px; }
	.sub_request input.text, 
	.sub_request textarea { font-size:13px;}
	.sub_request .input_text {float:none; width:100%;}
	.sub_request .request_tex h5 { font-size:13px; }
	.sub_request .request_tex h6 { font-size:13px; }
	.sub_request .request_checkbox { font-size:13px; /*padding:0;*/ }
	.sub_request a.privacy_view { float:none; display:block; margin:20px auto 0; text-align:center; }
}

/* ============================================================================================================================================================== */

@media all and (max-width:480px) {

	/* 인사말 */
	.greeting_tit p { font-size:18px; line-height:27px; }
	.greeting_tit span { font-size:18px; line-height:27px; }
	.greeting_con { padding:30px 10px 0; }
	.greeting_con p { font-size:13px; line-height:24px; }
	.greeting_con:before,
	.greeting_con:after { width:25px; height:21px; }
	.greeting_con:before { top:0; }

	.greeting_product ul li .photo { height:130px; }

	/* 연혁 */
	.history_tab {margin:10px auto 30px;}
	.history1 {background-size:20px auto; background-position:5px 32px }
	.history2 {background-size:20px auto; background-position:5px 32px }

	/* 인증현황 */
	.certificate { margin:10px auto 30px;max-width:360px }
	.certificate li { float:none; width:100%; margin-right:0%; margin-bottom:2%; }
	.certificate li:nth-child(3n) { margin-right:0% }
	.certificate li .wrap .frame { height:400px; }

	/* 오시는길 */
	.map_tab li a { height:35px; line-height:35px; font-size:13px; }
	.map_box {margin:10px auto;}
	.map0 {padding:10px 0;font-size:20px;}

	.map_box ul li b { width:50px; }
	.map_box ul li div { padding-left:50px }

}
/* ============================================================================================================================================================== */

@media screen and (max-width:380px) {

	/* 인사말 */
	.greeting_tit p { font-size:16px; line-height:24px; }
	.greeting_tit span { font-size:16px; line-height:24px; }

	/* 인증현황 */
	.modal .pop_wrap { margin-top:-190px; margin-left:-150px; max-width:300px; height:380px; }
	.modal .pop_body { height:340px; }
}



/* ============================================================================================================================================================== */

/*
	제폼목록 공통
*/
.detail_product {
	margin:20px auto;
}
.detail_product h2 {
	padding-bottom:20px;
}
.detail_product h2 span {
	color:#ff5900;
}
.detail_product h2 i {
	font-style:normal;
	font-weight:normal;
	font-size:14px;
	color:#666;
	vertical-align:middle;
	padding-left:20px;
}
.detail_product ul {
	overflow:hidden;
}
.detail_product ul li {
	float:left;
	width:32%; 
	margin-right:2%; 
	margin-bottom:30px;
	background:#fff;
	position:relative;
}
.detail_product ul li:nth-child(3n) {
	margin-right:0;
}

.detail_product ul li .photo { position:relative; width:100%; padding-top:66.5%; text-align:center; overflow:hidden; border:1px solid #e8e8e8; }
.detail_product ul li .photo .img { 
	width:100%; height:100%;
	position:absolute; top:50%; left:50%; right:0; bottom:0; 
	-webkit-transform:translate(-50%, -50%) !important;
	-moz-transform:translate(-50%, -50%) !important;
	-ms-transform:translate(-50%, -50%) !important;
	transform:translate(-50%, -50%) !important; 
}
.detail_product ul li .photo img {
	width:100%;
	box-sizing:border-box;
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	opacity:1;
}
.detail_product ul li a:hover .photo img {
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1);
	opacity:0.7;
}
.detail_product ul li .mark1,
.detail_product ul li .mark2,
.detail_product ul li .mark3,
.detail_product ul li .mark4 {
	position:absolute; 
	right:20px; bottom:15px;
	z-index:10; opacity:0.7
}

.detail_product ul li .mark1 img { width:100px; }
.detail_product ul li .mark2 img { width:80px }
.detail_product ul li .mark3 img { width:100px }
.detail_product ul li .mark4 img { width:100px }

.detail_product ul li .info {
	padding:19px 0 35px;
	position:relative
}
.detail_product ul li .info h3 {
	color:#000;
	font-size:18px;
	font-weight:500;
	padding:0 !important;
	width:70%;
	display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.detail_product ul li .info .st1,
.detail_product ul li .info .st3,
.detail_product ul li .info .st4 {
	position:absolute; right:0; top:18px;
}

.detail_product ul li .info .st2 {
	position:absolute; right:0; top:10px;
}
.detail_product ul li .info .st1 img { width:90px; }
.detail_product ul li .info .st2 img { width:70px; }
.detail_product ul li .info .st3 img { width:90px; }
.detail_product ul li .info .st4 img { width:90px; }

.type_list { display:inline-block; overflow:hidden;}
.type_list li { display:inline-block; width:32px; vertical-align:top; }
.type_list li a { display:block; height:32px; line-height:32px; color:#666; vertical-align:middle; cursor:pointer;}
.type_list li a.type1{width:32px; background:url('/images/sub/kind_type1_off.png') no-repeat center; border:1px solid #ccc;}
.type_list li a.type1.on{background:url('/images/sub/kind_type1_on.png') no-repeat center; border:1px solid #666;}
.type_list li a.type2{width:32px; background:url('/images/sub/kind_type2_off.png') no-repeat center; border:1px solid #ccc;}
.type_list li a.type2.on{background:url('/images/sub/kind_type2_on.png') no-repeat center; border:1px solid #666;}

.detail_product.list { border-top:1px solid #8d959e}
.detail_product.list ul li { overflow:hidden; float:none; width:auto; height:auto; margin:0; border:none; border-bottom:1px solid #e8e8e8; 
padding:15px 0 }
.detail_product.list ul li .photo { float:left; display:block; padding-top:0; width:170px; height:170px; }
.detail_product.list ul li .photo .img { width:100%; height:100%; position:static; 
-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;transform:none !important;
}
.detail_product.list ul li .photo img { height:170px; 
-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;transform:none !important;
-webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none;
}
.detail_product.list ul li .info { float:left; display:block; padding:0 30px }
.detail_product.list ul li .info h3 { font-size:16px; padding-top:8px }
.detail_product.list ul li .info .st { height:auto; padding-bottom:10px; }
.detail_product.list ul li .info .st { position:static; }

.surtax { display:inline-block; font-size:11px; color:#5f5f5f; margin-left:5px; }
.inquiry { font-size:20px; }

.soldout { display:inline-block; vertical-align:middle; height:20px; margin-left:5px; padding:2px 5px; 
background:#535967; font-family:'Roboto'; color:#fff; font-size:11px !important; }


.productTop {padding-top:30px;}
.productTop:after{content:".";height:0;visibility:hidden;display:block;clear:both;font-size:0;line-height:0;}
.productTop h3{font-size:26px;font-weight:bold; margin:0; padding:0;}
.productTop .product_img{float:left;width:40%; }

/* 아이프레임으로 설정시 3줄 주석처리 */
.productTop .product_img .big_img {display:block; width:100%; position:relative; padding-top:100%; overflow:hidden; border:1px solid #ccc;}
.productTop .product_img .big_img .img { position:absolute; top:0; left:0; right:0; bottom:0; transform: translate(50%, 50%); }
.productTop .product_img .big_img .img img  { width:100%; transform: translate(-50%, -50%); }

.productTop .product_img li {float:left; margin:10px 10px 0 0;}
.productTop .product_img .small_img {display:block; cursor:pointer;}
.productTop .product_img .small_img img {width:50px;height:50px;border:1px solid #ccc;}

.productTop .detailBox {position:relative; float:right; width:55%; }
.productTop .detailBox h3 {font-size:24px; line-height:30px; color:#222; padding-bottom:30px; }
.productTop .priceBox{height:34px;padding-bottom:15px;border-bottom:1px solid #d3d3d3;}
.productTop .priceBox strong{font-size:12px;color:#ce0000;font-weight:bold;}
.productTop .priceBox strong strong{font-size:25px;float:left;}
.productTop .priceBox strong strong span {font-size:13px;}
.productTop .priceBox .orgPrice{display:block;font-size:13px;font-weight:bold;color:#444;text-decoration:line-through;position:relative; top:11px; left:10px;}
.productTop .priceBox a{display:inline-block;margin-left:5px;padding-right:20px;background:url("/images/bg_more.gif") no-repeat 100% 0;line-height:13px;text-decoration:underline;}

.productTop dl{width:100%;height:74px;padding:20px 0 10px;border-bottom:1px solid #d3d3d3;}
.productTop dl dt{display:inline-block;width:90px;margin-bottom:10px;}
.productTop dl dd{display:inline-block;width:450px;margin-bottom:10px;}
.productTop dl dd a{display:inline-block;margin-right:20px;padding-right:20px;background:url("/images/bg_more.gif") no-repeat 100% 0;line-height:13px;text-decoration:underline;}
.productTop dl dd strong{display:block;font-weight:bold;margin-bottom:5px;}
.productTop .optionBox{height:66px;margin:20px 0 21px;}
.productTop .optionBox select{margin-bottom:10px;}

.productTop .detailBox .btnBox { padding-bottom:20px; overflow:hidden }
.productTop .detailBox .btnBox a { vertical-align:top; margin-right:1px; box-sizing:border-box; text-align:center; color:#fff; font-weight:600; font-size:18px; 
border-radius:5px; display:inline-block; height:50px; line-height:48px; }
.productTop .detailBox .btnBox a:first-child { width:49%; background:#007f3a;}
.productTop .detailBox .btnBox a:last-child { float:right; width:49%; border:2px solid #007f3a; color:#007f3a;}

.productTop .pro_back{width:20%; margin:10px auto 0; padding:10px 0; text-align:center; border-radius:10px; border:1px solid #dcdcdc;}
.productTop .pro_back a{display:block;}

.pro_info_bx2{width:auto; overflow:hidden; border-bottom:1px solid #d3d3d3; padding:8px 0 12px 10px;}
.pro_info_bx2 p {font-weight:bold; font-size:17px;color:#444;}

.pro_info_bx {width:100%; padding:0 0 15px;font-weight:400}
.pro_info_bx .pro_info {width:100%; padding:15px 0 15px; border-bottom:1px solid #dcdcdc}
.pro_info_bx .pro_info h4 {display:inline-block; vertical-align:middle; width:30%; line-height:20px; padding-left:5px; color:#666; font-size:14px; font-weight:normal;}
.pro_info_bx .pro_info p {display:inline-block; vertical-align:middle; width:65%; line-height:20px; color:#333 }
.pro_info_bx .pro_info select {width:80%; height:24px; line-height:24px; padding:0 0 0 10px; margin-bottom:3px;}
.pro_info_bx .pro_info select.last {margin-bottom:0;}
.pro_info_bx .pro_info .selectric .label {height:38px;line-height:38px;}
.pro_info_bx .pro_info .selectric .button {width:38px;height:38px;line-height:38px;}

.pro_info_bx .pro_info .amount_bx {position:relative;width:130px;}
.pro_info_bx .pro_info .amount_bx input {width:40px;height:30px;line-height:30px;text-align:center;border:1px solid #dcdcdc;
border-left:none;border-right:none;}
.pro_info_bx .pro_info .amount_bx .amount_up {display:inline-block;vertical-align:top;width:30px;height:30px;line-height:30px;font-size:0;
border-radius:0 5px 5px 0;text-align:center;border:1px solid #dcdcdc;background:url('/images/sub/num_plus.gif') no-repeat center}
.pro_info_bx .pro_info .amount_bx .amount_down {display:inline-block;vertical-align:top;width:30px;height:30px;line-height:30px;font-size:0;
border-radius:5px 0 0 5px;text-align:center;border:1px solid #dcdcdc;background:url('/images/sub/num_minus.gif') no-repeat center}
.pro_info_bx .pro_info .amount_bx button {display:inline-block;vertical-align:top;}

.pro_info_bx strong { display:inline-block; vertical-align:top; color:#333; font-size:20px; font-weight: bold; font-family:'Roboto', sans-serif; line-height:1; }
.pro_info_bx strong span { display:inline-block; vertical-align:top; font-size:12px; padding-top:5px;}

.change_btn2{margin-right:3px;}

#product_detail .pro_info h2{width:100%; padding:20px 10px; border-bottom:2px solid #666; margin-bottom:50px;}

#product_detail img {
	max-width:1020px;
	width:100%;
}
#detail_bottom_tab{
	margin-top:30px;
	position:relative;
	overflow:hidden;
}
#detail_bottom_tab:after {
	position:absolute;
	left:25%;
	bottom:0;
	height:1px;
	width:100%;
	background:#7b7b7b;
	content:''
}
#detail_bottom_tab li{
	width:25%;
	float:left;
}
#detail_bottom_tab li {
	background:white;
	border-bottom:0;
	height:45px;
	line-height:45px;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	box-sizing:border-box;
	border-right:1px solid #7b7b7b;
	border-left:1px solid #7b7b7b;
	border-top:1px solid #7b7b7b;
	color:#333;
}
/* 검색결과 */
.detail_product.search{
	width:100%;
}
.detail_product.search ul li {
	width:300px;
	margin-right:20px;
	position:relative
}
.detail_product.search ul li:nth-child(4n) {
	margin-right:0;
}
.detail_product.search ul li .info {
	position:relative;
}
.detail_product.search ul li .info .st {
    height:60px;
}
/* end 검색결과 */


/* 제품소개 - view */
.view_title {
	width:100%;
	border-bottom:2px solid #000;
	padding-bottom:20px;
	margin-bottom:40px;
	margin-top:30px;
	position:relative;
}
.view_title h3 {
	line-height:1.5;
	font-size:32px;
	color:#000;
}
.view_title h4 {
	font-size:17px;
	color:#646464;
	font-weight:400;
}
.view_title img {
	height:58px;
	position:absolute;
	right:0;
	top:0px;
}
.view_detail .img {
	border:1px solid #dcdcdc
}
.view_detail img {
	max-width:100%;
}

.view_detail .img_info { font-size:16px; color:#000; text-align:center; padding:20px 0 }
.view_detail .product_tit { clear:both; position:relative; text-align:left; margin:50px 0 20px; padding-left:25px; font-size:24px; font-weight:600; color:#002b82 }
.view_detail .product_tit:before { position:absolute; left:0; top:3px; content:''; 
width:8px; height:8px; border-radius:100%; border:5px solid #002b82 }
.view_detail .img_l { float:left; width:50%; margin-bottom:30px; }
.view_detail .text_r { float:right; width:50%; text-align:left; }
.view_detail .text_r dt { font-size:30px; font-weight:600; color:#002b82; padding:15px 0 30px; line-height: 110%; -ms-word-break: keep-all;
word-break: keep-all;}

.view_detail .tb_line3 {width: 33.3%; float: left; padding: 10px 15px;}

.view_detail .a_download {display: block;width: 70%; margin: 0 auto; padding: 10px; background: #002b82; color:#fff; font-weight: 600; font-size: 18px; border: 1px solid #002b82; border-radius: 3px;}
.view_detail .a_download:hover {background: #fff; color:#002b82;}

@media screen and (max-width:1020px) {

	.productTop .detailBox h3{ padding-bottom:20px; }
	.detail_product ul li {
		width:49%;
		margin-right:2%;
		margin-bottom:30px;
	}
	.detail_product ul li:nth-child(2n) {
		margin-right:0;
		float:right
	}
	.detail_product ul li .info h3 {
		font-size:18px;
	}

	/* 제품소개 - view */
	.view_title {
		margin-top:50px;
	}
	.view_title h3 {
		font-size:30px;
	}
	.view_title h4 {
		font-size:17px;
	}
	.view_title img {
		height:35px;
		position:absolute;
		right:0;
		top:-36px;
	}
	.view_detail img {
		max-width:100%;
	}

	.view_detail .product_tit { margin:30px 0 20px; padding-left:18px; font-size:20px; }
	.view_detail .product_tit:before { top:5px; width:6px; height:6px; border:3px solid #002b82 }

	.view_detail .text_r dt { font-size:25px;}
}

@media screen and (max-width:675px) {
	
	.detail_product ul li .info { padding:15px 0 0; }
	.detail_product ul li .info h3 { font-size:15px; }

	.detail_product ul li .info .st1,
	.detail_product ul li .info .st3,
	.detail_product ul li .info .st4 { top:15px; }
	.detail_product ul li .info .st2 { top:8px; }
	.detail_product ul li .info .st1 img { width:70px; }
	.detail_product ul li .info .st2 img { width:60px; }
	.detail_product ul li .info .st3 img { width:80px; }
	.detail_product ul li .info .st4 img { width:80px; }

	.detail_product ul li .mark1,
	.detail_product ul li .mark2,
	.detail_product ul li .mark3,
	.detail_product ul li .mark4 { right:5px; bottom:5px; }
	.detail_product ul li .mark1 img { width:70px; }
	.detail_product ul li .mark2 img { width:60px }
	.detail_product ul li .mark3 img { width:80px }
	.detail_product ul li .mark4 img { width:80px }

	.productTop .detailBox h3{font-size:20px; padding-bottom:20px; }
	.productTop {padding-top:20px;}
	.productTop .product_img{ float:none; width:100%; }
	.productTop .detailBox { float:none; width:100%; margin-top:30px; }
	.productTop .detailBox .btnBox a { font-size:16px; }

	.view_detail .img_l { width:100%;}
	.view_detail .text_r { width:100%;}
	.view_detail .text_r dt { font-size:22px; padding:0 0 20px }

	.view_detail .tb_line3 {width: 100%; float: none; padding: 10px 15px; margin-bottom: 10px;}

	.view_detail .a_download {width: 80%; font-size: 16px;}

	.view_title img {
		height:15px;
	}


}

@media screen and (max-width:480px) {

	.detail_product ul li { margin-bottom:20px }
	.detail_product ul li .info h3 { font-size:13px; width:60% }
	.detail_product ul li .info .st1 img { width:60px; }
	.detail_product ul li .info .st2 img { width:50px; }
	.detail_product ul li .info .st3 img { width:60px; }
	.detail_product ul li .info .st4 img { width:60px; }

	.detail_product ul li .mark1,
	.detail_product ul li .mark2,
	.detail_product ul li .mark3,
	.detail_product ul li .mark4 { right:10px; }

	.productTop .detailBox h3{font-size:18px; line-height:24px; padding-bottom:20px; }
	.pro_info_bx .pro_info h4 {font-size:13px;}
	.productTop .detailBox .btnBox a { height:40px; line-height:38px; }
	.productTop .detailBox .btnBox a { font-size:14px; }

	/* 제품소개 - view */
	.view_title h3 {
		font-size:23px;
	}
	.view_title h4 {
		font-size:15px;
	}
	.view_detail .product_tit { font-size:18px; }
	.view_detail .a_download {width: 100%; font-size: 14px;}


}

@media screen and (max-width:340px) {
	.detail_product ul li,
	.detail_product ul li:nth-child(2n) {
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}
}



.nocontents {
	width: 100%; max-width: 1200px; 
	margin: 0 auto; padding: 130px 0; 
	border: 1px solid #dcdcdc; 
	text-align: center;
}