@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Cuprum');

/* By Mihyun -------------------------------------------------------------------- */
/***** inquiry added css - 2016.05.30 *****/
.form-action{padding:19px 20px 20px 0px;margin-top:20px;margin-bottom:20px;border-top:1px solid #e5e5e5}.lineG{padding-top:10px;border-top:1px solid #e5e5e5}
.ala_intxt {margin:0 auto; text-align:center;}
.ala_intxt p {font-family:'Open Sans', sans-serif; color:#4e4e4e; font-weight:600; font-size:17px; letter-spacing:3px; margin-bottom:2px; margin:50px 0 50px 0;}
.q_icon_L{color:#0192d8; font-size:50px; margin-left:10%;}
.q_icon_R{color:#0192d8; font-size:50px; margin-left:70%;}
.b_txt {font-weight:bold; color:#d55056;}
/***** END inquiry added *****/



/* request a quote added css - 2016.06.01 */
.quotebox {padding:0 20px 30px 20px;}
.quotebox input:focus:invalid, select:focus:invalid, textarea:focus:invalid {color:#555555;}
.quoteheading {font-size:15px; background-color:#bbb; color:white; height:30px; padding:9px 0 0 20px;}
.quote_class {background-color:#f9f9f9;}
.form_btn {margin-top:50px;}
optgroup{color:#0192d8;}
.optTxt {color:#555;}
.optSel {font-weight:bold; color:#0192d8;}
.quoteul {width:100%; position:relative; margin:0 0 0 0;}
.quoteli {display:inline-block; margin:0;}


/* quote page icons - 2016.06.07 */
.quote_icons {margin-top:80px; text-align:center;}
.quote_icons ul {margin:0 auto;}
.quote_icons ul li {margin:0 auto; text-align:center; margin-bottom:50px;}
.quote_icons ul li:last-child {margin-bottom:0px;}
.quote_icons ul li p {font-family:'Open Sans', sans-serif; font-weight:700; color:#484b52; font-size:14.5px; text-align:center; letter-spacing:3px;}



/* form input style from bootstrap css */
.form-horizontal-quote .radio,
.form-horizontal-quote .checkbox,
.form-horizontal-quote .radio-inline,
.form-horizontal-quote .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal-quote .radio,
.form-horizontal-quote .checkbox {
  min-height: 27px;
}
.form-horizontal-quote .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

/* new classes input for responsive web - 2016.06.02 */
.form-horizontal-quote .quote-small {width:31%}
.form-horizontal-quote .quote-medium {width:40%}
.form-horizontal-quote .quote-large {width:75%}


.form-horizontal-quote .control-label{float:left;width:140px;padding-top:5px;text-align:right}
.form-horizontal-quote .controls{margin-left:160px}
.form-horizontal-quote .help-block{margin-bottom:0}
.form-horizontal-quote .input-append+.help-block,
.form-horizontal-quote .input-prepend+.help-block,
.form-horizontal-quote .uneditable-input+.help-block,
.form-horizontal-quote input+.help-block,
.form-horizontal-quote select+.help-block,
.form-horizontal-quote textarea+.help-block{
	margin-top:10px
}
.form-horizontal-quote .form-actions{padding-left:180px}

.form-horizontal-quote .form-group:before,
.form-horizontal-quote .form-group:after{display: table; content: " ";}

.form-horizontal-quote .form-group:after {clear: both;}

.form-horizontal-quote .has-feedback .form-control-feedback {right: 15px;}


@media (min-width:481px) and (max-width:1199px){
	.form-horizontal-quote .controls,.media-object{margin-left:0}
	.form-horizontal-quote .quoteul {}
	.form-horizontal-quote .quoteli {display:block;}
	.form-horizontal-quote .quote-small {float:none;width:97%;padding-top:5px;text-align:left}
	.form-horizontal-quote .quote-medium {float:none;width:97%;padding-top:5px;text-align:left}
	.form-horizontal-quote .quote-large {float:none;width:97%;padding-top:5px;text-align:left}
	.form-horizontal-quote .control-label{float:none;width:auto;padding-top:0;text-align:left}
	.form-horizontal-quote .control-list{padding-top:0}
	.form-action{padding-right:0px; border-top:1px solid #ccc;}
	.form-horizontal-quote .form-actions{padding-right:10px;padding-left:10px}
}

@media (min-width:360px) and (max-width:480px){
	.form-horizontal-quote .controls,.media-object{margin-left:0}
	.form-horizontal-quote .quote-small {float:none;width:96%;padding-top:5px;text-align:left}
	.form-horizontal-quote .quote-medium {float:none;width:96%;padding-top:5px;text-align:left}
	.form-horizontal-quote .quote-large {float:none;width:96%;padding-top:5px;text-align:left}
	.form-horizontal-quote .control-label{float:none;width:auto;padding-top:0;text-align:left}
	.form-horizontal-quote .control-label{float:none;width:auto;padding-top:0;text-align:left}
	.form-horizontal-quote .control-list{padding-top:0}
	.form-action{padding-right:0px; border-top:1px solid #ccc;}
	.form-horizontal-quote .form-actions{padding-right:10px;padding-left:10px}
}

@media (max-width:359px){
	.form-horizontal-quote .controls,.media-object{margin-left:0}
	.form-horizontal-quote .quote-small {float:none;width:87%;padding-top:5px;text-align:left}
	.form-horizontal-quote .quote-medium {float:none;width:87%;padding-top:5px;text-align:left}
	.form-horizontal-quote .quote-large {float:none;width:87%;padding-top:5px;text-align:left}
	.form-horizontal-quote .control-label{float:none;width:auto;padding-top:0;text-align:left}
	.form-horizontal-quote .control-label{float:none;width:auto;padding-top:0;text-align:left}
	.form-horizontal-quote .control-list{padding-top:0}
	.form-action{padding-right:0px; border-top:1px solid #ccc;}
	.form-horizontal-quote .form-actions{padding-right:10px;padding-left:10px}
}

/* help info on right side */
.help .helpM {border:1px solid #e5e5e5; padding:20px 0 0 20px;}
.helpT {margin:120px 0 100px 30px;}
.help_info {font-family:'Open Sans', sans-serif; color:#4e4e4e; font-size:14px; font-weight:600; letter-spacing:2.5px; margin-bottom:2px;}
.help_info_title {font-family:'Open Sans', sans-serif; font-weight:700; color:#4e4e4e; font-size:17px; letter-spacing:3px;}
.help_info_red {font-family:'Open Sans', sans-serif; color:#d55056; font-weight:600; font-size:13px; letter-spacing:2.5px; margin-bottom:10px;}
.help_info_small {font-family:'Open Sans', sans-serif; color:#4e4e4e; font-weight:600; font-size:13px; letter-spacing:1px;}
.fax_form {width:93%; height:30px; background-color:#0192d8; color:white; text-align:center; padding-top:10px; margin-top:30px;}
.fax_form a {color:white; padding:10px 0;}
.fax_form a:visited, .fax_form a:hover {color:white; text-decoration:none;}


.tOpen{background:url('../cdn/main/open.png') no-repeat center;}
.tClose{background:url('../cdn/main/close.png') no-repeat center;}
.spanImg {width:160px;}

@media (min-width:980px) and (max-width:1199px){
	.tabl {width:67% !important;}
	.help {width:250px !important; margin-left:25px !important;}
	.help > aside.helpM {width:100% !important;}
	.quoteI {padding-left:15px;}
}

@media (min-width:768px) and (max-width:979px){
	.tabl {width:60% !important;}
	.help {width:250px !important; margin-left:25px !important;}
	.help > aside.helpM01 {width:100% !important;}
}

@media (max-width:767px) {
	.help {float:left !important;}
}


@media (min-width:361px) and (max-width:480px) {
	.help {float:left !important;}
	.helpT {margin:120px 0 100px 15px;}
}

@media (max-width:360px) {
	.help {float:left !important;}
	.helpT {margin:120px 0 100px 5px;}
}

@media (min-width: 1200px) {
	.spanImg {width:270px;}
}

@media (min-width:768px) and (max-width:979px){
	.spanImg {width:74px;}
}



/******************** NEWS / TESTIMONIALS page - added 2016.06.28_by Mihyun ********************************/
.rightsection {display:table;}

@media (min-width: 1200px) {
	#testimonialmain ul li {min-width:813px;}
}

@media (min-width:980px) and (max-width:1199px){
	#testimonialmain ul li {min-width:586px;}
}

@media (min-width:768px) and (max-width:979px){
	#testimonialmain ul li {min-width:389px;}
}

@media (min-width:481px) and (max-width:767px) {
	#testimonialmain ul li {min-width:363px;}
}

@media (min-width:361px) and (max-width:480px) {
	#testimonialmain ul li {min-width:288px;}
}

@media (min-width:321px) and (max-width:360px) {
	#testimonialmain ul li {min-width:273px;}
}

@media (max-width:320px) {
	#testimonialmain ul li {min-width:233px;}
}

.panel-body .active {color:#0192d8}

/********************** Main page Renewal - added 2016.06.15_by Mihyun *********************/

/***** index.asp added 2016.06.15 *****/
/* section01 - left image */
.promotion .sliderImg {width:770px; height:368px; display:block;}
/*.promotion a.proImg {background:url('../cdn/main/online-payment.jpg') no-repeat;}*/

/* section01 - right sub menu */
.sub_menu {margin:0; float:left;}

.i_menu {margin-left:0px;}
.i_menu ul {margin:0 auto; position:relative;}
.i_menu ul li {width:116px; height:116px; float:left; display:inline-block;} 
.i_menu ul li:nth-child(1),
.i_menu ul li:nth-child(2),
.i_menu ul li:nth-child(4),
.i_menu ul li:nth-child(5),
.i_menu ul li:nth-child(7),
.i_menu ul li:nth-child(8) {
	margin-right:10px;
}
.i_menu ul li:nth-child(1),
.i_menu ul li:nth-child(2),
.i_menu ul li:nth-child(3),
.i_menu ul li:nth-child(4),
.i_menu ul li:nth-child(5),
.i_menu ul li:nth-child(6) {
	margin-bottom:10px;
}
.i_menu ul li a {width:114px; height:114px; border:1px solid #cccccc; display:block;-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}
.i_menu ul li a:hover {border:1px solid #0192d8;}
.i_menu ul li img {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: none; /* Applies to FF + IE */
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.i_menu ul li a:hover img  {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Old WebKit Browsers */ 
}


.i_menu ul li {position:relative;}
.i_menu ul li a p {
    position: absolute;
    z-index: 1;
    color: #3d3d3d;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
	line-height: 13px;
    top: 10px;
    left: 11px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.i_menu ul li a:hover p {
    color: #028acb;
}
.main_banner_b1 {display:inline-grid; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.main_banner_b1 img {border: 1px solid #fff;}
.main_banner_b1	p {position:absolute; margin:2px 10px; color: #3d3d3d; font-size: 15px; font-weight: 600; font-family: 'Titillium Web', sans-serif; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.main_banner_b1:hover img{border:1px solid #0192d8;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.main_banner_b1:hover p{color: #0192d8;}
@media (min-width:980px) and (max-width:1199px){
	.promotion .sliderImg {width:621px; height:297px; display:block;}
	/*.promotion a.proImg {background-size:100% 100%;}*/

	.i_menu {margin-left:0px;}
	.i_menu ul {margin:0 auto; position:relative;}
	.i_menu ul li {width:95px; height:95px; float:left; display:inline-block;} 
	.i_menu ul li:nth-child(1),
	.i_menu ul li:nth-child(2),
	.i_menu ul li:nth-child(4),
	.i_menu ul li:nth-child(5),
	.i_menu ul li:nth-child(7),
	.i_menu ul li:nth-child(8) {
		margin-right:6px;
	}
	.i_menu ul li:nth-child(1),
	.i_menu ul li:nth-child(2),
	.i_menu ul li:nth-child(3),
	.i_menu ul li:nth-child(4),
	.i_menu ul li:nth-child(5),
	.i_menu ul li:nth-child(6) {
		margin-bottom:6px;
	}
	.i_menu ul li a {width:93px; height:93px; border:1px solid #cccccc; display:block;}
	.i_menu ul li a:hover {border:1px solid #0192d8; display:block;}

	.i_menu ul li a p {font-size: 11px; line-height: 10px;}
	.main_banner_b1 img { width: 295px; border: 1px solid #cccccc;}
}

@media (min-width:768px) and (max-width:979px) {
	.promotion {width:100% !important;}
	.promotion .sliderImg {width:724px; height:346px; display:block;}
	/*.promotion a.proImg {background-size:100% 100%;}*/

	.i_menu {margin:20px 0 0 0; width:724px;}
	.i_menu ul {margin:0 auto; position:relative;}
	.i_menu ul li {width:75.8px; height:75.8px; float:left; display:inline-block;} 
	.i_menu ul li:nth-child(1),
	.i_menu ul li:nth-child(2),
	.i_menu ul li:nth-child(3),
	.i_menu ul li:nth-child(4),
	.i_menu ul li:nth-child(5),
	.i_menu ul li:nth-child(6),
	.i_menu ul li:nth-child(7),
	.i_menu ul li:nth-child(8) {
		margin-right:5px;
	}

	.i_menu ul li:first-child {margin-left:0px;}
	.i_menu ul li:last-child {margin-right:0px;}
	.i_menu ul li a {width:76px; height:76px; border:1px solid #cccccc; display:block;}
	.i_menu ul li a:hover {border:1px solid #0192d8; display:block;}

	.i_menu ul li a p {font-size: 11px; line-height: 10px; top: 7px; left: 7px;}
	.main_banner_b1{
		width: 238px;
		float: right;
	}
}

@media (min-width:480px) and (max-width:767px) {
	.promotion {width:100% !important; margin:0 auto !important;}
	.promotion .sliderImg {width:420px; height:201px; display:block;}
	/*.promotion a.proImg {background-size:100% 100%;}*/

	.i_menu {margin:20px 0 0 0;}
	.i_menu ul {margin:0 auto; position:relative;}
	.i_menu ul li {width:132px; height:132px; float:left; display:inline-block;} 
	.i_menu ul li:nth-child(1),
	.i_menu ul li:nth-child(2),
	.i_menu ul li:nth-child(4),
	.i_menu ul li:nth-child(5),
	.i_menu ul li:nth-child(7),
	.i_menu ul li:nth-child(8) {
		margin-right:12px;
	}
	.i_menu ul li:nth-child(1),
	.i_menu ul li:nth-child(2),
	.i_menu ul li:nth-child(3),
	.i_menu ul li:nth-child(4),
	.i_menu ul li:nth-child(5),
	.i_menu ul li:nth-child(6) {
		margin-bottom:12px;
	}
	.i_menu ul li a {width:130px; height:130px; border:1px solid #cccccc; display:block;}
	.i_menu ul li a:hover {border:1px solid #0192d8; display:block;}

	.i_menu ul li img {margin:8px 0 0 8px;}	
	.i_menu ul li a p {font-size: 14px; line-height: 15px; top: 13px; left: 13px;}
	.main_banner_b1{
		text-align: center;
	}
}

@media (min-width:361px) and (max-width:479px) {
	.promotion {width:344px !important; margin:0 auto !important;}
	.promotion .sliderImg {width:344px; height:164px; display:block;}
	/*.promotion a.proImg {background-size:100% 100%;}*/
	
	.responmenu {width:344px !important; margin:0 auto !important;}
	.i_menu {margin:20px 0 0 0;}
	.i_menu ul {margin:0 auto; position:relative;}
	.i_menu ul li {width:110px; height:110px; float:left; display:inline-block;} 
	.i_menu ul li:nth-child(1),
	.i_menu ul li:nth-child(2),
	.i_menu ul li:nth-child(4),
	.i_menu ul li:nth-child(5),
	.i_menu ul li:nth-child(7),
	.i_menu ul li:nth-child(8) {
		margin-right:7px;
	}
	.i_menu ul li:nth-child(1),
	.i_menu ul li:nth-child(2),
	.i_menu ul li:nth-child(3),
	.i_menu ul li:nth-child(4),
	.i_menu ul li:nth-child(5),
	.i_menu ul li:nth-child(6) {
		margin-bottom:7px;
	}
	.i_menu ul li a {width:108px; height:108px; border:1px solid #cccccc; display:block;}
	.i_menu ul li a:hover {border:1px solid #0192d8; display:block;}
	.main_banner_b1{
		text-align: center;
	}

}

@media (max-width:360px) {
	.promotion {width:290px !important; margin:0 auto !important;}
	.promotion .sliderImg {width:290px; height:139px; display:block;}
	/*.promotion a.proImg {background-size:100% 100%;}*/
	
	.responmenu {width:290px !important; margin:0 auto !important;}
	.i_menu {margin:20px 0 0 0;}
	.i_menu ul {margin:0 auto; position:relative;}
	.i_menu ul li {width:91px; height:91px; float:left; display:inline-block;} 
	.i_menu ul li:nth-child(1),
	.i_menu ul li:nth-child(2),
	.i_menu ul li:nth-child(4),
	.i_menu ul li:nth-child(5),
	.i_menu ul li:nth-child(7),
	.i_menu ul li:nth-child(8) {
		margin-right:7px;
	}
	.i_menu ul li:nth-child(1),
	.i_menu ul li:nth-child(2),
	.i_menu ul li:nth-child(3),
	.i_menu ul li:nth-child(4),
	.i_menu ul li:nth-child(5),
	.i_menu ul li:nth-child(6) {
		margin-bottom:7px;
	}
	.i_menu ul li a {width:91px; height:91px; border:1px solid #cccccc; display:block;}
	.i_menu ul li a:hover {border:1px solid #0192d8; display:block;}

	.i_menu ul li a p {font-size: 11px; line-height: 10px; top: 7px; left: 7px;}
	.main_banner_b1{
		text-align: center;
	}
}


/* section02 - Price Advertising Box */
.priceAD {margin-top: 20px;}
.priceAD ul.priceBox {margin:0 auto; position:relative;}
.priceAD ul.priceBox li {border:1px solid #e5e5e5; width:218px; height:252px; float:left; display:inline-block;}
.priceAD ul.priceBox li:nth-child(1), .priceAD ul.priceBox li:nth-child(2), .priceAD ul.priceBox li:nth-child(3), 
.priceAD ul.priceBox li:nth-child(4), .priceAD ul.priceBox li:nth-child(6), .priceAD ul.priceBox li:nth-child(7),
.priceAD ul.priceBox li:nth-child(8), .priceAD ul.priceBox li:nth-child(9) {
	margin-bottom:17px; margin-right:16px;
}
.priceAD ul.priceBox li .imgBox {border-bottom:1px solid #e5e5e5; height:218px; position:relative;}

.priceAD ul.priceBox li .imgBox:hover img {opacity:0.7}
.priceAD ul.priceBox li .mapBox:hover img {opacity:0.7}

.priceAD ul.priceBox li .titleBox {background:url('../cdn/main/plus.png') no-repeat 18px 10px; padding:7px 0 0 40px; font-weight:600; font-family:'Open Sans', sans-serif; font-size:11.5px; letter-spacing:1.8px; color:#8a8a8a;}
.priceAD ul.priceBox li .titleBox:hover {background:url('../cdn/main/h_plus.png') no-repeat 18px 10px; color:#0192d8;}

.priceAD ul.priceBox li .imgBox p.imgTxt {font-family: 'Open Sans', sans-serif;letter-spacing:3.5px;font-size:17px;font-weight:900;padding:125px 0 20px 20px;line-height:29px;color:#4b4b4b; top:0; position:absolute; z-index:1;}
.priceAD ul.priceBox li .mapBox p.mapTxt {font-family: 'Open Sans', sans-serif; letter-spacing:2.2px; font-size:17px; font-weight:900; padding:29px 0 20px 19px; line-height:28.7px; color:#4b4b4b; top:0; position:absolute; z-index:1;}
.priceAD ul.priceBox p.imgTxt span.imgRed {color:#d55056;}
.priceAD ul.priceBox p.mapTxt span.imgRed {color:#d55056;}


.priceAD ul.priceBox li .mapBox {height:218px; position:relative;}
.priceAD ul.priceBox li .titleMap {width:218px; height:33px; /*background:url('../cdn/main/plus.png') no-repeat 18px 10px;*/}

@media (min-width:1200px) {
	.section02 > .container > .row {margin-left:0px !important;}
}

@media (min-width:980px) and (max-width:1199px) {
	.section02 > .container > .row {margin-left:0px !important;}

	.priceAD ul.priceBox li .imgBox p.imgTxt  {letter-spacing:2.5px; font-size:14px; font-weight:900; padding:103px 0 20px 15px; line-height:23px; color:#4b4b4b; position:absolute; z-index:1; top:0}
	.priceAD ul.priceBox li .mapBox p.mapTxt {letter-spacing:1.5px; font-size:15px; font-weight:900; padding:27px 0 20px 14px; line-height:25px; color:#4b4b4b; position:absolute; z-index:1; top:0}

	.priceAD ul.priceBox li {border:1px solid #e5e5e5; width:176px; height:210px; float:left; display:inline-block;}
	.priceAD ul.priceBox li:nth-child(1), .priceAD ul.priceBox li:nth-child(2), .priceAD ul.priceBox li:nth-child(3), 
	.priceAD ul.priceBox li:nth-child(4), .priceAD ul.priceBox li:nth-child(6), .priceAD ul.priceBox li:nth-child(7),
	.priceAD ul.priceBox li:nth-child(8), .priceAD ul.priceBox li:nth-child(9) {
		margin-bottom:12px; margin-right:12px;
	}
	.priceAD ul.priceBox li:nth-child(6), .priceAD ul.priceBox li:nth-child(7), .priceAD ul.priceBox li:nth-child(8), .priceAD ul.priceBox li:nth-child(9), .priceAD ul.priceBox li:nth-child(10) {
		height:228px;
	}
	.priceAD ul.priceBox li .imgBox {border-bottom:1px solid #e5e5e5; height:176px;}

	.priceAD ul.priceBox li .titleBox {background:url('../cdn/main/plus.png') no-repeat 13px 10px; padding:7px 0 0 35px; font-size:11px; letter-spacing:2.3px; color:#8a8a8a;}
	.priceAD ul.priceBox li .titleBox:hover {background:url('../cdn/main/h_plus.png') no-repeat 13px 10px; color:#0192d8;}
	.priceAD ul.priceBox li .mapBox {height:196px;}
	.priceAD ul.priceBox li .titleMap {width:176px; height:33px; background:url('../cdn/main/plus.png') no-repeat 13px 10px;}
}

@media (min-width:768px) and (max-width:979px) {
	.section02 > .container > .row {margin-left:0px !important;}

	.priceAD ul.priceBox li .imgBox p.imgTxt {font-family:'Open Sans', sans-serif; letter-spacing:2px; font-size:14px; font-weight:900; padding:100px 0 20px 15px; line-height:23px; color:#4b4b4b; position:absolute; z-index:1; top:0}
	.priceAD ul.priceBox li .mapBox p.mapTxt {font-family: 'Open Sans', sans-serif; letter-spacing:1.7px; font-size:13.5px; font-weight:900; padding:26px 0 20px 14px; line-height:25px; color:#4b4b4b; position:absolute; z-index:1; top:0}

	.priceAD ul.priceBox li {border:1px solid #e5e5e5; width:173px; height:206px; float:left; display:inline-block;}
	.priceAD ul.priceBox li:nth-child(1), .priceAD ul.priceBox li:nth-child(2), .priceAD ul.priceBox li:nth-child(3), 
	.priceAD ul.priceBox li:nth-child(5), .priceAD ul.priceBox li:nth-child(6), .priceAD ul.priceBox li:nth-child(7),
	.priceAD ul.priceBox li:nth-child(9) {
		margin-bottom:8px; margin-right:8px;
	}

	.priceAD ul.priceBox li:nth-child(4), .priceAD ul.priceBox li:nth-child(8) {margin-right:0px}

	.priceAD ul.priceBox li:nth-child(9), .priceAD ul.priceBox li:nth-child(10) {
		height:225px;
	}
	
	.priceAD ul.priceBox li .imgBox {border-bottom:1px solid #e5e5e5; height:173px;}

	.priceAD ul.priceBox li .titleBox {background:url('../cdn/main/plus.png') no-repeat 13px 10px; padding:7px 0 0 40px; font-family:'Open Sans', sans-serif; font-size:11px; letter-spacing:2.3px; color:#8a8a8a;}
	.priceAD ul.priceBox li .titleBox:hover {background:url('../cdn/main/h_plus.png') no-repeat 13px 10px; color:#0192d8;}
	.priceAD ul.priceBox li .mapBox {height:193px;}
	.priceAD ul.priceBox li .titleMap {width:173px; height:33px; background:url('../cdn/main/plus.png') no-repeat 13px 10px;}
}

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

	.priceAD ul.priceBox li .imgBox p.imgTxt {font-family:'Open Sans', sans-serif; letter-spacing:3px; font-size:15.5px; font-weight:900; padding:115px 0 20px 18px; line-height:27px; color:#4b4b4b; position:absolute; z-index:1; top:0}
	.priceAD ul.priceBox li .mapBox p.mapTxt {font-family: 'Open Sans', sans-serif; letter-spacing:2.3px; font-size:15.5px; font-weight:900; padding:30px 0 20px 17px; line-height:28px; color:#4b4b4b; position:absolute; z-index:1; top:0}

	.priceAD ul.priceBox li {border:1px solid #e5e5e5; width:202px; height:235px; float:left; display:inline-block;}
	.priceAD ul.priceBox li:nth-child(1), .priceAD ul.priceBox li:nth-child(3), .priceAD ul.priceBox li:nth-child(5), 
	.priceAD ul.priceBox li:nth-child(7), .priceAD ul.priceBox li:nth-child(9) {
		margin-bottom:10px; margin-right:10px;
	}
	.priceAD ul.priceBox li:nth-child(2), .priceAD ul.priceBox li:nth-child(4), .priceAD ul.priceBox li:nth-child(6), 
	.priceAD ul.priceBox li:nth-child(8), .priceAD ul.priceBox li:nth-child(10) {
		margin-bottom:10px; margin-right:0px;
	}
	.priceAD ul.priceBox li:nth-child(9), .priceAD ul.priceBox li:nth-child(10) {
		height:255px;
	}
	.priceAD ul.priceBox li .imgBox {border-bottom:1px solid #e5e5e5; height:202px;}

	.priceAD ul.priceBox li .titleBox {background:url('../cdn/main/plus.png') no-repeat 16px 10px; padding:7px 0 0 40px; font-family:'Open Sans', sans-serif; font-size:12px; letter-spacing:2.5px; color:#8a8a8a;}
	.priceAD ul.priceBox li .titleBox:hover {background:url('../cdn/main/h_plus.png') no-repeat 16px 10px; color:#0192d8;}
	.priceAD ul.priceBox li .mapBox {height:222px;}
	.priceAD ul.priceBox li .titleMap {width:202px; height:33px; background:url('../cdn/main/plus.png') no-repeat 16px 10px;}
}

@media (min-width:361px) and (max-width:479px) {

	.priceAD ul.priceBox li .imgBox p.imgTxt {font-family:'Open Sans', sans-serif; letter-spacing:2px; font-size:13px; font-weight:900; padding:90px 0 20px 15px; line-height:23px; color:#4b4b4b; position:absolute; z-index:1; top:0}
	.priceAD ul.priceBox li .mapBox p.mapTxt {font-family: 'Open Sans', sans-serif; letter-spacing:1.3px; font-size:13.5px; font-weight:900; padding:26px 0 20px 14px; line-height:24px; color:#4b4b4b; position:absolute; z-index:1; top:0}

	.priceAD ul.priceBox li {border:1px solid #e5e5e5; width:165px; height:200px; float:left; display:inline-block;}
	.priceAD ul.priceBox li:nth-child(1), .priceAD ul.priceBox li:nth-child(3), .priceAD ul.priceBox li:nth-child(5), 
	.priceAD ul.priceBox li:nth-child(7), .priceAD ul.priceBox li:nth-child(9) {
		margin-bottom:8px; margin-right:8px;
	}
	.priceAD ul.priceBox li:nth-child(2), .priceAD ul.priceBox li:nth-child(4), .priceAD ul.priceBox li:nth-child(6), 
	.priceAD ul.priceBox li:nth-child(8), .priceAD ul.priceBox li:nth-child(10) {
		margin-bottom:8px; margin-right:0px;
	}

	.priceAD ul.priceBox li:nth-child(9), .priceAD ul.priceBox li:nth-child(10) {
		height:218px;
	}
	
	.priceAD ul.priceBox li .imgBox {border-bottom:1px solid #e5e5e5; height:165px;}

	.priceAD ul.priceBox li .titleBox {background:url('../cdn/main/plus.png') no-repeat 13px 10px; padding:7px 0 0 33px; font-family:'Open Sans', sans-serif; font-size:11px; letter-spacing:2px; color:#8a8a8a;}
	.priceAD ul.priceBox li .titleBox:hover {background:url('../cdn/main/h_plus.png') no-repeat 13px 10px; color:#0192d8;}
	.priceAD ul.priceBox li .mapBox {height:186px;}
	.priceAD ul.priceBox li .titleMap {width:165px; height:33px; background:url('../cdn/main/plus.png') no-repeat 13px 10px;}
}

@media (max-width:360px) {
	.priceAD ul.priceBox li .imgBox p.imgTxt {font-family:'Open Sans', sans-serif; letter-spacing:2px; font-size:11px; font-weight:900; padding:77px 0 20px 12px; line-height:20px; color:#4b4b4b; position:absolute; z-index:1; top:0}
	.priceAD ul.priceBox li .mapBox p.mapTxt {font-family: 'Open Sans', sans-serif; letter-spacing:1.3px; font-size:11px; font-weight:900; padding:22px 0 20px 12px; line-height:21px; color:#4b4b4b; position:absolute; z-index:1; top:0}

	.priceAD ul.priceBox li {border:1px solid #e5e5e5; width:139px; height:170px; float:left; display:inline-block;}
	.priceAD ul.priceBox li:nth-child(1), .priceAD ul.priceBox li:nth-child(3), .priceAD ul.priceBox li:nth-child(5), 
	.priceAD ul.priceBox li:nth-child(7), .priceAD ul.priceBox li:nth-child(9) {
		margin-bottom:8px; margin-right:8px;
	}
	.priceAD ul.priceBox li:nth-child(2), .priceAD ul.priceBox li:nth-child(4), .priceAD ul.priceBox li:nth-child(6), 
	.priceAD ul.priceBox li:nth-child(8), .priceAD ul.priceBox li:nth-child(10) {
		margin-bottom:8px; margin-right:0px;
	}

	.priceAD ul.priceBox li:nth-child(9), .priceAD ul.priceBox li:nth-child(10) {
		height:190px;
	}
	
	.priceAD ul.priceBox li .imgBox {border-bottom:1px solid #e5e5e5; height:139px;}

	.priceAD ul.priceBox li .titleBox {background:url('../cdn/main/plus.png') no-repeat 8px 8px; padding:5px 0 0 25px; font-size:9px; letter-spacing:2px; color:#8a8a8a;}
	.priceAD ul.priceBox li .titleBox:hover {background:url('../cdn/main/h_plus.png') no-repeat 8px 8px; color:#0192d8;}
	.priceAD ul.priceBox li .mapBox {height:161px;}
	.priceAD ul.priceBox li .titleMap {width:139px; height:33px; background:url('../cdn/main/plus.png') no-repeat 10px 10px;}
}

/* section03 - Best Products */
.bestSeller {}
.bestSeller ul {}
.bestSeller ul li {width:270px; height:270px;}
.bestSeller ul li a span {width:270px; height:270px; display:block;}

/* add css3 by Mihyun 2016.10.26 */
.best_products {
	position: relative;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}

.best_products figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	text-align: center;
	cursor: pointer;
	border: 1px solid #d9d9d9;
}

.best_products figure img {
	position: relative;
	display: block;
	/*min-height: 100%;*/
	/*max-width: 100%;*/
	opacity: 1;
}

.best_products figure figcaption {
	/*padding: 2em;*/
	color: #bdeafd;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.best_products figure figcaption::before,
.best_products figure figcaption::after {
	pointer-events: none;
}

.best_products figure figcaption,
.best_products figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.best_products figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.best_products figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.best_products figure h2 span {
	font-weight: 800;
}

.best_products figure h2,
.best_products figure p {
	margin: 0;
}

.best_products figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/***** b_product *****/
figure.b_product {
	background: black;
}

figure.b_product:hover img {
	opacity: 0.4;
}

figure.b_product figcaption::before,
figure.b_product figcaption::after {
	position: absolute;
	top: 5%;
	right: 5%;
	bottom: 6%;
	left: 5.6%;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.b_product figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.b_product figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.b_product h2 {
	margin-top: 20%;
	margin-left: 8%;
	margin-right: 8%;
	padding: 5px 0;
	color: #bdeafd;
	font-size: 15px;
	font-family: 'Titillium Web', sans-serif;
	letter-spacing: 2px;
	background-color: rgba(0,0,0,0.7);
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100px,0);
	transform: translate3d(0,100px,0);
}

figure.b_product .flag {
	padding-top:14px;
	padding-left:16px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-16px,-14px,0);
	transform: translate3d(-16px,-14px,0);
}

figure.b_product .btitle {
	top: 20px;
	right: 20px;
	text-align: right;
	display: block;
	position: absolute;
	z-index: 99;
	color: #d55056;
	width: 100%;
	letter-spacing: 2.5px;
	font-weight: 600;
	font-size: 14.5px;
	font-family: 'Titillium Web', sans-serif;
}

figure.b_product:hover .btitle{
	color: #fd9297;
	opacity: 1;
}

figure.b_product p {
	/*padding: 5px 2.5em;*/
	font-size: 18px;
	font-weight: 600;
	font-family: 'Titillium Web', sans-serif;
	letter-spacing: 2px;
	color: #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}


figure.b_product:hover figcaption::before,
figure.b_product:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.b_product:hover h2,
figure.b_product:hover p, figure.b_product:hover .flag {
	opacity: 1;
	background-color: rgba(0,0,0,0.0);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


@media (min-width:980px) and (max-width:1199px) {
	.bestSeller ul li {width:220px; height:220px;}
	.bestSeller ul li a span {width:220px; height:220px; display:block;}

	.best_products figure {float:none;}

	figure.b_product .flag {
		padding-top:12px;
		padding-left:13px;
		-webkit-transform: translate3d(-13px,-12px,0);
		transform: translate3d(-13px,-12px,0);
		width:15%;
	}
	figure.b_product .btitle {
		top: 15px;
		right: 15px;
		font-size:13px;
	}
	figure.b_product h2 {
		margin-top: 20%;
		font-size: 12px;
		-webkit-transform: translate3d(0,80px,0);
		transform: translate3d(0,80px,0);
	}
	figure.b_product p {
		font-size: 15px;
	}
}

@media (min-width:768px) and (max-width:979px) {
	.bestSeller ul li {width:165px; height:165px;}
	.bestSeller ul li:last-child {padding-right:0;}
	.bestSeller ul li a span {width:165px; height:165px; display:block;}

	.best_products figure {float:none;}

	figure.b_product .flag {
		padding-top: 9px;
		padding-left: 10px;
		-webkit-transform: translate3d(-10px,-9px,0);
		transform: translate3d(-10px,-9px,0);
		width: 15%;
	}
	figure.b_product .btitle {
		top: 8px;
		right: 10px;
		font-size: 10px;
	}
	figure.b_product h2 {
		margin-top: 20%;
		font-size: 8px;
		-webkit-transform: translate3d(0,60px,0);
		transform: translate3d(0,60px,0);
	}
	figure.b_product p {
		font-size: 11px;
	}
}
/***** b_product end *****/






/***** product category YUN  *****/
	.pcwrap{}
	.pctitlebg{
		background: #fff url("/cdn/products/category/stickerbg_1.jpg?v=01;") no-repeat center center; 
		height:208px;
		margin-bottom:30px;
	}
	.pctitlebg img{}
	.pctitlebox {
		float:right;
		width:300px;
		background-color:white;
		box-shadow: 0 3px 10px 0 rgba(75,80,85,0.3);
		
		margin-top:30px;
		margin-right:30px;

		padding: 10px 20px;

		z-index:30;	
		

	}

	.catitle{
		font-family: 'Titillium Web', sans-serif;
		color: #111a22;
		font-size: 35px; 
		font-weight: 700; 
		vertical-align:middle; 
		border-bottom:4px double #ccc; 
		padding-bottom:12px;
		line-height:40px;
	}
	.pcwrap{margin:	0 0 20px 0;

	}
	.pctmain{ 
		font-family: 'Titillium Web', sans-serif;
		font-size: 24px;
		font-weight: 700;
		color: #111a22;
		line-height:2.4em;
		border-top:2px solid black;
		
	}
	.pctitle{
		
		width:100%;
		text-align:center; 
		margin:10px auto 15px auto;
		padding:0 0 10px;
		
	}
	.pctinner{

		margin:0 auto;
		
	}
	.pctinner1{	
		width:460px;
		margin:0 auto;
	}

	.pctmdc{
		font-style: italic; font-size: 15px; line-height:1em;
	}
	.pclistul { margin:0 auto; text-align:center;overflow:hidden;}
	.pclistul li{
		height:525px;
		width:370px;
		text-align:center;
		padding:10px 0 20px;
		border:1px solid #ddd;
		background:#fff;
		/* background-image: url("/cdn/products/category/bgimg1.png");
		background-size: 5px 5px;	 */
		float:none;
		display:inline-block;
		margin: 0 7px 16px;
		position:relative;
		vertical-align: top;
	}
	.pclistul li .imgwrap{
		width:100%;

		border-top:1px solid #ececec;
		border-bottom:1px solid #ececec;
		overflow:hidden;
	}
	.pclistul li img{
		border-top:1px solid #ececec;
		border-bottom:1px solid #ececec;	
	}
	.imgwrap img:hover{
		border-top:1px solid #ececec;
		border-bottom:1px solid #ececec;
		transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		transition: all 0.8s;
		-ms-transition: all 0.8s;
		-moz-transition: all 0.8s;
		-webkit-transition: all 0.8s;
		-o-transition: all 0.8s;
	}
	.pclist1{
		
		margin-left:210px;
	}
	
	.pclist3{
		
		margin:0 0 0 15px;
	}

	.pcl_title{
		font-family: 'Titillium Web', sans-serif;
		font-weight: 600;
		font-size: 20px;	
		color: black; 
		line-height: 55px;
		background: rgba(232, 232, 232, 0.2);
		background-image: url("/cdn/products/category/bgimg1.png");
		background-size: 5px 5px;	
	}

	.pcl_desc{
		width:288px;
		height:112px;
		margin:7px auto;
		font-size: 13px;	
		color: black;
		line-height:23px;
		text-align:left;
	}

	.pcl_desc > p {background: url(/img/guide/bk_dot.png) 0px 12px no-repeat; padding: 3px 8px 5px; margin:0}


	.pcprice{
		text-align:center; 
		width:100%; 
		padding:3px 0;
		margin:0 auto;
		/*border-top: 1px solid rgba(216, 216, 216, 0.59);;
		border-bottom: 1px solid rgba(216, 216, 216, 0.59);;*/
		/*background: rgba(234, 234, 234, 0.2);*/
	}

	.pcpricenew{
		color:rgb(201, 0, 39);
		font-size:16px;
		font-weight: bold;
		margin-bottom:0;
	}
	.pcpriceold{
		margin-left:10px;
		color: #96979d;
		font-weight: bold;
		margin-bottom:0;
	}
	.pcpriceold1{
		text-decoration: line-through; 
	}
	.pcpricedesc{
		color: #62b584;
	}
	.pclistul>li:hover{
		background-color:rgba(256,256,256,0.5);
		box-shadow: 0 3px 10px 0 rgba(75,80,85,0.3);

		cursor:pointer;
	}
	.pclistul>li p:hover, .pclistul>li img:hover, .pclistul>li div:hover{
		cursor:pointer;
	}

	a.pcbtn{
		border-radius: 100px;
		color: white;
		font-weight: 700;
		font-size: 16px;
		line-height:100px;
		width: 100px;
		height: 100px;
		border: 5px double white; 
		background-color: rgba(1,146,216,0.8);
		position: relative;
		margin:0 auto;
		top:-275px;
		opacity:0;
		transition: all ease 1s;
		/*vertical-align: middle;*/
		cursor:pointer;
		display:block;
	}

	a.pcbtn:hover{
		color:white;
		cursor:pointer;
	}

	.pclistul li:hover .pcbtn {
		
		opacity:1;
		transition: all ease 1s;
	}

	/*best,new 라벨 YUN_170926 S*/
		.label_best{width:60px; height:70px; position:absolute; background:url('/cdn/products/label_best.png') no-repeat; margin-top: -10px; margin-left: 10px; box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.3)}
		.label_new{width:60px; height:70px; position:absolute; background:url('/cdn/products/label_new.png') no-repeat; margin-top: -10px; margin-left: 10px; box-shadow: 2px -1px 1px rgba(0, 0, 0, 0.3)}
		
		.label_promo{
			    font-family: "Cuprum script=all rev=2", "Adobe Blank";
				font-weight: 400;
				/* font-style: italic; */
				font-size: 15px;
				text-align: left;
				position: absolute;
				margin-top: 90px;
				margin-left: 38px;
				width: 205px;
				color: #fff;
				transform: rotate(-15deg);
			}
	/*best,new 라벨 YUN_170926 E*/
	/*category 모달창 YUN_170213*/
	.pctab{
		border:none; margin:0 auto!important;
	}

	.pctab2{width:780px; margin:0 auto;}

	.nav.pctab>li{
		width:388px; 
		text-align:center; 
		border:1px solid #dcdcdc; 
		border-left:none;	
		margin:0;
		}
	.nav.pctab>li:first-child{
		width:387px; 
		border-left:1px solid #dcdcdc; 
		}
	.nav.pctab>li>a{
		border:none; 
		margin:0!important; 
		font-family: 'Titillium Web', sans-serif; 
		font-size: 15px;
		font-weight: 700;
	}

	.nav.pctab>li{
		background-color:#ffffff;
	}
	.nav-tabs.pctab>li:hover{
		background-color:#eee; border-radius:none;
	}
	.nav-tabs.pctab>.active>a, .nav-tabs.pctab>.active>a:focus, .nav-tabs.pctab>.active>a:hover {
		background-color:#0192D8; color:white; border-radius: 0;  margin:0!important; border:0;
	}
	.pctab>.active {border-color:#0192D8!important;}
	#pcmodal{
		/*-webkit-transition:initial;*/
		/*transition:initial;*/
		opacity:1;
		z-index:1041;
		padding:0px;
		margin-left:-331px;
	}

	#pcmodalul {
		margin:0px auto; 
		padding:20px 2% 20px 3%; 
		background-image: url(/cdn/products/category/bgimg1.png);
	}
	/*.modal.fade.in{transition:initial;}*/

	#pcmodalul li{
		list-style:none;
		float:left;
		width:31%;
		padding:20px 0 30px;
		margin:0 1% 0 1%;
		text-align:center;
		background-color:rgba(256,256,256,0.5);
		box-shadow: 0 3px 10px 0 rgba(75,80,85,0.1);
	}
	#pcmodalul li:hover{
		background-color:rgba(256,256,256,1);
		box-shadow: 0px 0px 8px 2px rgb(63, 165, 140);
		border-radius: 3px;
		cursor:pointer;
	}
	#pcmodalul li h4{
	color:black;
	}

	#pcmodal.fade{ 
		top:-100%;
	}
	#pcmodal.fade.in{ 
		top:20%;
	}
	#pcmodallabel {

		background-color: #3fa58c; /* #a98a55; , #184d71;   */
		border-radius: 4px 4px 0 0;
	}
	.pcmodal-title{
		color:white;
		text-align:center;
		font-size: 1.5em;
	}
	.pcmodal-footer{
		padding: 6px 0;
		text-align: right;
		border-top: 1px solid #ddd;
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
		-webkit-box-shadow: inset 0 1px 0 #fff;
		-moz-box-shadow: inset 0 1px 0 #fff;
		box-shadow: inset 0 1px 0 #fff;
		background-color: #3fa58c;
	}
	/*END category 모달창 YUN_170213*/

	@media (min-width:980px) and (max-width:1199px) {


		.pctab2 { width:627px; margin:0 auto; }
		.pctab2{width:626px; margin:0 auto;}
		.nav.pctab>li{width:312px;}
		.nav.pctab>li:first-child{width:311px;}
		.pctab>.active {border-color:#0192D8!important;}
	}

	@media (min-width:768px) and (max-width:979px) {
		.pclistul li{width:340px;}
		.pctab2 { width:482px; }
		.nav.pctab>li {width:239px;}
		.nav.pctab>li:first-child {width:240px;}
		.pctab>.active {border-color:#0192D8!important;}
	}

	@media (min-width: 481px) and (max-width: 767px)  {
		.pctitlebox{
			margin-right:40px;
		}
		.pctinner1{	width:100%; }
		.pclistul li{
			height:550px;
		}
		.pcbtn{
			opacity:0.4;
		}
		.pctab2 { width:420px; }
		.nav.pctab>li {width:418px; border:1px solid #ddd;}
		.nav.pctab>li:first-child {width:418px;}
		.pctab>.active {border-color:#0192D8!important;}

		#pcmodal h3 {font-size:1.3em}
		#pcmodal em {display:none;}
		#pcmodal h4 {font-size:1.2em;}
		#pcmodal {margin-left:0;}
	}
	@media (max-width:480px)  {
		.pctitlebg{ 
			width:100%}
		.pctitlebox{
			width:75%;
			margin-right:6%;
		}
		.pctinner1{	width:100%; }
		.pctitle{
			padding-left:0;
			margin-bottom:0;
		}
		.catitle{ font-size:28px;}
		.pcwrap {
			background:none;
			}
		.pclistul li{
			width:100%;
			height:497px;
		}
		.price{
			width:80%;
		}
		.pcbtn{
		opacity:0.2;
		}
		.pctab2 { width:100%; }
		.nav.pctab>li {width:98%; border:1px solid #ddd;}
		.nav.pctab>li:first-child {width:98%; border:1px solid #ddd;}
		.pctab>.active {border-color:#0192D8!important;}
		#pcmodal h3 {font-size:1.3em}
		#pcmodal em {display:none;}
		#pcmodal h4 {font-size:1.1em;}
		#pcmodal {margin-left:0;}
	}
/***** product category YUN end *****/

/***** Price list YUN start *****/
	#pc-main-tab{
		border:none;
		}
	#pc-main-tab li{
		margin-bottom: 7px;
		}
	#pc-main-tab li a{
		border:1px solid #ddd;
		border-radius:4px;
		}
	#pc-main-tab li a:focus, #pc-main-tab li a:hover{
		border:1px solid #0192d8;
		}
	#pc-main-tab>.active a{
		border:1px solid #0192d8;
		background-color:#0192d8;
		color:white;
		}
/***** Price list YUN end *****/


/***** business cards category by Mihyun *****/
	.bctitlebg{
		background: #fff url("/cdn/products/category/bcbg_1.jpg?v=01") no-repeat center center; 
		height:208px;
		margin-bottom:30px;
	}


/***** business cards category by Mihyun end *****/




/***** nav modified and added ******/
ul.categorymenu>li>div {
    padding: 30px; /* nav - depth2 padding new : 15px */
    position: absolute;
    top: 97%;
    left: 0;
    z-index: 10000;
    display: none;
    float: left;
    min-width: 120px;
    margin: 1px 0 0;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border: 1px solid rgba(0, 0, 0, .3); /* border: 1px solid rgba(0, 0, 0, .2); */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3); /* box-shadow: 0 5px 10px rgba(0, 0, 0, .2); */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}
ul.categorymenu>li ul+ul {
    padding-left: 23px /* new - 20px */
}
ul.categorymenu>li ul>li>a {
    text-decoration: none;
    display: block;
    white-space: nowrap;
    min-width: 160px; /* new - 150px */
    padding: 10px; /* new - 8px */
}

/* new -added */
ul.categorymenu>li ul:first-child > li {
    margin-right: 0px;
}
ul.categorymenu>li ul > li {
    margin-right: 10px;
}
ul.categorymenu>li ul > li.navtitle01 {
	margin-top:34px;
}
ul.categorymenu>li ul > li.navtitle02 {
	margin-top:0px;
}
ul.categorymenu>li ul > li.navtitle03 {
	margin-top:36px;
}

.pdR5 {padding-right:5px;}
/* END new -added */

ul.categorymenu>li>div>ul>li>a {
    color: #777777 /* new - #999 */
}
ul.categorymenu>li>div>ul li:hover>a {
    background-color: #bdebfb; /* new - #0192d8 */
    color: #0192d8; /* new - #fff */
}


/**************************************** Added Equipment Page By Mihyun - 2016.07.01 **********************************************/
.equipment {}
.equipment .tabs-title {color:#555; cursor:default; background-color:#fff; margin:0 0 20px 0; position:relative; border:0 !important;}
.equipment .tabs-title li:first-child {border-right:0;}
.equipment .tabs-title li {display: list-item; text-align: -webkit-match-parent; float:left; background-color:#eeeeee; border:1px solid #dddddd;}
.equipment .tabs-title li a {line-height: 20px; border:0 !important; background-color:#eeeeee; color:#96979d;}
.equipment .tabs-title li.active {background-color:#0192d8 !important;}
.equipment .tabs-title li.active a {color:#fff; background-color:#0192d8; cursor: default;}
.equipment .equip-content {border:1px solid #dddddd; border-radius:0 !important; overflow:auto;}
.equipment .equip-content .tab-eq {}
.equipment .equip-content .tab-eq ul {}
.equipment .equip-content .tab-eq ul li.span4:first-child, .equipment .equip-content .tab-eq ul li.span4:nth-child(3), .equipment .equip-content .tab-eq ul li.span4:nth-child(5) {margin-right:10px;}
.equipment .equip-content .tab-eq ul li .eqs, .equipment .equip-content .tab-eq ul li .eqsL, .equipment .equip-content .tab-eq ul li .eqsD, .equipment .equip-content .tab-eq ul li .eqsDL {border:1px solid #e7e7e7; margin-top:20px; margin-bottom:20px;}

@media (min-width:980px) and (max-width:1199px) {
	.equipment .equip-content .tab-eq ul li.span4 {width:44.3%;}

}

@media (min-width:768px) and (max-width:979px) {
	.equipment .equip-content .tab-eq ul li.span4 {width:90.5%;}

}

@media (max-width:767px) {
	.equipment .equip-content .tab-eq ul li .eqs {margin-top:0; margin-bottom:20px;}
	.equipment .equip-content .tab-eq ul li .eqsL {margin-bottom:0px;}
	.equipment .equip-content .tab-eq ul li .eqsD {margin-top:0; margin-bottom:0;}
	.equipment .equip-content .tab-eq ul li .eqsDL {margin-top:0; margin-bottom:20px;}
}


/* screen max width:360px (Galaxy5 and iphone5 - topmenu - By Mihyun 20160711 ***************************************************/
@media (max-width:360px){
	.welcometxt {margin:8px 0 0 -3px}
	.memS {margin-left:-2px !important;}
	.memS ul li:last-child a {margin-right:0px !important;}
}


/* Modified sitemap By Mihyun 20160711 *****************************************************************************************/
.sproducts {}
.saddlinks {} 
.sproducts ul li.inb {height:400px; margin-bottom:50px;}
.saddlinks ul li.inb {height:300px; margin-bottom:50px;}

#sitemap ul li .siteTitle {width:370px; height:100px; background:url('../cdn/contents/bg_blue.png') no-repeat;}
#sitemap ul li .siteTitle p {font-family:'Open Sans', sans-serif; height:20px; font-size:20px; font-weight:600; color:#fff; padding:45px 0 0 25px;}
#sitemap ul li .siteTitle .sbor {width:35px; border-bottom:2px solid #fff; margin-left:25px;}
#sitemap ul li .siteList {}
#sitemap ul li .siteList ul {margin:0;}
#sitemap ul li .siteList ul li {border-bottom:1px dashed #dddddd; padding:7px;}
#sitemap ul li .siteList ul li:first-child {padding-top:8px;}
#sitemap ul li .siteList ul li a {color:#777777;}
#sitemap ul li .siteList ul li a span {padding-left:5px;}
#sitemap ul li .siteList ul li:hover {background-color: #bdebfb; color:#0192d8;}
#sitemap ul li .siteList ul li a:hover {color:#0192d8}

@media (min-width: 1200px) {
	.emailspan {
		margin-left: 0 !important;
	}
}
@media (min-width:980px) and (max-width:1199px) {
	#sitemap ul li .siteTitle {width:100%;}
}

@media (max-width:979px) {
	#sitemap .inb {height:auto; margin-bottom:50px;}
	#sitemap ul li .siteTitle {width:100%;}
}

@media (min-width:435px) and (max-width:767px) {
	#sitemap .inb {height:auto; margin-bottom:50px;}
	#sitemap ul li .siteTitle {width:100%; background-repeat-x:inherit;}
}




/*** Mobile Navigation Set By Mihyun -2016.07.18 *********************************************************************************/
@media (min-width: 980px) {
	.main {display:none;}
	.sidenav {display:none;}
	.search {margin-top:10px;}

	/* Tel no. and email */
	.telstyle {text-align:center; margin-bottom:0; line-height:15px;}
	.telcolor {color: #0192D8;}
	.telspan {font-size:16px; font-weight:600;}
	.emailcolor {color: #4b5b58;}
	.emailspan {font-size:12px; font-weight:300; float:none;}
}
@media (max-width: 979px) {
	.headerdetails {text-align: left;}
	#categorymenu {display:none;}
	.search {display:none;}

	/* Tel no. and email */
	.moblieContact {margin:20px 0;}
	.telstyle {text-align:center; margin-top:7px; line-height:16px;}
	.telcolor {color: #0192D8;}
	.telspan {font-size:23px; font-weight:600; float:none;}
	.emailcolor {color: #4b5b58;}
	.emailspan {font-size:14px; font-weight:300; float:none; margin-left: 0!important;}

	/* The side navigation menu */
	.sidenav {
		font-family:'Open Sans', sans-serif;  
		height: 100%; /* 100% Full-height */
		width: 0; /* 0 width - change this with JavaScript */
		position: fixed; /* Stay in place */
		z-index: 99992; /* Stay on top */
		top: 0;
		left: 0;
		background-color:#919191; /* Black*/
		overflow-x: hidden; /* Disable horizontal scroll */
		/*padding-top: 50px; /* Place content 60px from the top */
		transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.9);
		transition: 0.3s;
	}

	/* Top */
	.menuTop  {background-color:white; height:50px; font-size:16px; color:#0192d8;}
	.menuTop hr {margin:0 10px; padding-top:48px; border-top:0; border-bottom:1px solid #666666;}
	.topmember {height:49px; padding:15px 0 10px 10px; position:absolute;}
	.topmember > a {font-size:16px; color:#0192d8; font-weight:600;}
	.topmember > a:hover {color:#333333; text-transform:none;}
	.topmember > span {font-weight:600; color:#666666;}
	

	/* Position and style the close button (top right corner) */
	.closebtn {
		position: absolute;
		top: 15px;
		right: 25px;
		font-size: 36px !important;
		margin-left: 50px;
		color: #333333;
		font-weight:400;
	}


	/* Including top, products & special menus */
	.mbgGrey {background-color:#e6e6e6; padding-bottom:7px;}

	/* Menu List */
	.mobileNav {margin:0;}
	.mobileNav a {text-transform:none;}
	.mobileNav > a:hover {text-transform:none; color:#0192d8;}

	.navinner {background-color:white;}
	.navinner > ul {padding:10px 10px 10px 10px; margin-left:0}
	.navinner > ul > li {border-bottom:0px; margin-bottom:10px;}
	.navinner > ul > li:first-child {margin-top:10px;}
	.mProductTitle {margin-left:10px; margin-top:0; padding-top:0; display: inline-block; vertical-align: middle;}
	.navsubList {height:auto; text-transform:none; color:#333333; font-size:15px; letter-spacing:0.5px;}

	/* Product Menu images */
	.mProductIcon {width:25px; height:25px;}

	.menuIcon {float:left; width:7.5%; margin-top:0;}
	.menuIcon .menuline {
		width: 23px;
		height: 2px;
		background-color: #0192d8;
		margin: 6px 0;
	}
	
	/* Menu for Reseller & 10+ Employees */
	.specialMenu {margin:7px 0 0 0; padding:15px 0; background-color:white; position:relative; font-size:15px; border-bottom:1px solid #d9d9d9;}
	.specialMenu li {display:inline-block; border-right:1px solid #e6e6e6; width:48%; text-align:center; margin:0}
	.specialMenu li:last-child {border-right:0;}
	.specialMenu li > a {color:#0192d8; margin:0 auto;}

	/* Addtional menus */
	.addmenu {margin:0px; background-color:#919191; font-size:15px;}/* background-color:#e6e6e6; 919191 */
	.addmenu li {padding:10px; border-bottom:1px solid #aaaaaa;}
	.addmenu li:last-child {border-bottom:0;}
	.addmenu li > a {color:white;}
	
	/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
	#main {
		width:100%;
		height:100%;
		position:fixed;
		z-index:99991;
		background-color:black;
		opacity: 0.7;
		display:none;
	}

	/* Menu icon */
	.menuIcon {float:left; width:29%; margin-top:8px;}
	.menuIcon .menuline {
		width: 28px;
		height: 3px;
		background-color: #0192d8;
		margin: 6px 0;
	}

	/* Menu List */
	.mobileNav {margin:0;}
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
}


@media (max-width: 767px) {
	.menuIcon {float:left; width:7%; margin-top:8px;}
	.logo {margin-left:7%;}
	.telstyle {line-height:5px}
	.moblieContact {margin:0;}

	.closebtn {
		position: absolute;
		top: 15px;
		right: 15px;
		font-size: 36px !important;
		margin-left: 50px;
		font-weight:400;
	}
}


/* Menu icon */
@media (max-width: 450px) {
	.menuIcon {float:left; width:8%; margin-top:0;}
	.menuIcon .menuline {
		width: 28px;
		height: 3px;
		background-color: #0192d8;
		margin: 6px 0;
	}
}




@media screen and (max-width: 450px) {
	/* Position and style the close button (top right corner) */
	.closebtn {
		position: absolute;
		top: 15px;
		right: 15px;
		font-size: 36px !important;
		margin-left: 50px;
		font-weight:400;
	}

	

	/* Logo image */
	.logo {margin-left:12%;}
	.logoimg {width:60%}

	/* Tel no. and email */
	.telstyle {text-align:center; margin:15px 0 20px 0; line-height:16px;}
	.telcolor {color: #0192D8;}
	.telspan {font-size:18.5px; font-weight:600; float:left;}
	.emailcolor {color: #4b5b58;}
	.emailspan {font-size:11px; font-weight:300; margin-top:0}
}



#gotop {z-index:999}


/****** Products page modified by Mihyun 2016.08.12 *******/
.pdTitle {
	font-family:'Open Sans', sans-serif !important; 
	font-size:20px !important; 
	font-weight:600 !important; 
	margin-bottom:5px !important; 
	padding:5px 0 5px 10px !important; 
	margin-bottom: 10px !important; 
	color: #fff !important; 
	background: #586775 !important;
}/* Product title */

.pdPhrase {text-align:left;}
.pdPhrase > p {color:#666; background-color:#eeeeee; padding:10px; margin-bottom:50px; /*border-radius:10px;*/}
.tline {width:20px; border:3px solid #5e626b;}
.pdSubtit {font-family: 'Titillium Web', sans-serif; font-size:23px; font-weight:700; color:#5e626b/*#5e626b*/; margin-top:0; /*border-top:1px solid #cccccc;*/}/* Product Sub Title */
.pdText > p {margin-top:10px; font-size:13px; line-height:23px; color:#0192D8;}

/* Order Button */
.pdBtn {border-radius:4px; color:white; font-weight:700; width:49% !important; height:35px; background-color:#0192D8; border:0;}
.pdSBtn {border-radius:4px; color:white; font-weight:700; width:100px; height:35px; background-color:#0192D8; border:0;}
.pdEsBtn {border-radius:4px; color:#0192D8; font-weight:700; width:49% !important; height:35px; background-color:white; border:1px solid #0192D8;} 
.pdArtGuide {font-size:13px; border-radius:4px; color:white; font-weight:700; width:150px; height:30px; background-color:#d30027; border:0;}
.priceBtn {font-size:13px; border-radius:4px; color:white; font-weight:700; width:150px; height:30px; background-color:#0192D8; border:0;}

.pdBtn:hover,
.pdBtn:focus,
.pdSBtn:hover,
.pdSBtn:focus {
  animation: pulse 1s;
  box-shadow: 0 0 0 1em rgba(255,255,255,0);
}
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 #0192D8 }
}
.pdEsBtn:hover,
.pdEsBtn:focus {
	box-shadow: inset 0 0 0 2em #4bc4ff;
	color: #fff;
	transition: all ease 0.4s;
}
@media (min-width:768px) and (max-width:1023px) {
	.pd725 {width:725px;} /* For .span9 */
	.pd650 {width:650px;} /* For .span8 */
	.pd405 {width:405px;} /* For .span5 */
	.pd300 {width:275px;} /* For .span4 */
	.pd315 {width:315px;} /* For .span4-1 */
}


@media (max-width:320px) {
	.pdEsBtn {font-size:13px} 
}



/***** Regular Stickers background 2016.12.12 By Mihyun *****/
.st_bg {margin-top:-5px; margin-bottom:3px;}
.st_bg > ul {position:relative; margin:0}
.st_bg > ul > li > p {width:50px; height:30px; border:1px dashed #f15e68; margin-top:2px; margin-left:2px}
.st_bg .st_bgN {width:56px; height:36px; display:inline-block}
.st_bg .st_bgY {width:56px; height:36px; border:1px solid #0270bb; display:inline-block; background-color:#dcdcdc}


/****** Guide Tab by Mihyun 2016.08.16 ******/
.guides {color:#666}
.pdgTit {margin-top:40px;}
.pdgTit .guide-title {color:#555; cursor:default; background-color:#fff; margin:0; position:relative; border:0 !important;}
.pdgTit .guide-title li:first-child {border-right:0;}
.pdgTit .guide-title li {display: list-item; text-align: -webkit-match-parent; float:left; background-color:#eeeeee; border-top:1px solid #dddddd; border-left:1px solid #dddddd;}
.pdgTit .guide-title li:last-child {border-right:1px solid #dddddd;}
.pdgTit .guide-title li a {line-height: 20px; border:0 !important; background-color:#eeeeee; color:#9a9a9a; font-weight:600;font-family:'Open Sans', sans-serif;}/* color:#96979d; */
.pdgTit .guide-title li.active {background-color:#0192d8 !important; border:1px solid #0192d8}
.pdgTit .guide-title li.active a {color:#fff; background-color:#0192d8; cursor: default;}

.pdgTit .guide-title li:nth-child(2).active {background-color:#FBB03B !important; border:1px solid #FBB03B}
.pdgTit .guide-title li:nth-child(2).active a {color:#fff; background-color:#FBB03B; cursor: default;}
.pdgTit .guide-title li:nth-child(3).active {background-color:#e30919 !important; border:1px solid #e30919}
.pdgTit .guide-title li:nth-child(3).active a {color:#fff; background-color:#e30919; cursor: default;}
.pdgTit .guide-title li:nth-child(4).active {background-color:#ec008c !important; border:1px solid #ec008c}
.pdgTit .guide-title li:nth-child(4).active a {color:#fff; background-color:#ec008c; cursor: default;}
.pdgTit .guide-title li:nth-child(5).active {background-color:#39B54A !important; border:1px solid #39B54A}
.pdgTit .guide-title li:nth-child(5).active a {color:#fff; background-color:#39B54A; cursor: default;}

@media (min-width: 1200px) {
	.pdgTit .guide-title li:first-child {width:172px;}
	.pdgTit .guide-title li:nth-child(2) {width:173px;}
	.pdgTit .guide-title li:nth-child(3) {width:173px;}
	.pdgTit .guide-title li:nth-child(4) {width:173px;}
	.pdgTit .guide-title li:nth-child(5) {width:172px;}
	.pdgTit .guide-title li:nth-child(5).active {border-right:2px solid #39B54A}
}

@media (min-width: 1024px) and (max-width: 1199px) {
	.pdgTit .guide-title li:first-child {width:136px;}
	.pdgTit .guide-title li:nth-child(2) {width:137px;}
	.pdgTit .guide-title li:nth-child(3) {width:148px;}
	.pdgTit .guide-title li:nth-child(4) {width:137px;}
	.pdgTit .guide-title li:nth-child(5) {width:135px;}
	.pdgTit .guide-title li:nth-child(5).active {border-right:2px solid #39B54A}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.pdgTit .guide-title li:first-child {width:142px;}
	.pdgTit .guide-title li:nth-child(2) {width:143px;}
	.pdgTit .guide-title li:nth-child(3) {width:148px;}
	.pdgTit .guide-title li:nth-child(4) {width:143px;}
	.pdgTit .guide-title li:nth-child(5) {width:142px;}
	.pdgTit .guide-title li:nth-child(5).active {border-right:2px solid #39B54A}
}

@media (max-width: 340px) {
	.pdgTit .guide-title li > a {font-size:11px;}	
	.pdgTit .guide-title li:nth-child(5).active {border-right:2px solid #39B54A}
}


.guides .guide-content {background-color:#fff; padding:0;/*padding:40px 15px 15px 15px ; border:1px solid #dddddd;*/ border:0; border-radius:0; overflow:auto;}
.guides .guide-content h2 {font-weight:600; font-family:'Titillium Web', sans-serif; margin-top:0;} /* font-family:'Open Sans', sans-serif !important;  */
#product-specs {padding:40px 15px; border:1px solid #0192d8;}
#upload-guidelines {padding:40px 15px; border:1px solid #FBB03B;}
#artwork-instructions {padding:40px 15px; border:1px solid #e30919;}
#template {padding:40px 15px; border:1px solid #ec008c;}
#turnaround {padding:40px 15px; border:1px solid #39B54A;}
.description {font-family:'Open Sans', sans-serif;}


.ml30 {margin-left:30px;}
.tlineB {width:20px; border:3px solid #0192d8;}
.tlineR {width:20px; border:3px solid #e30919;}
.tlineG {width:20px; border:3px solid #39B54A;}
.tlineP {width:20px; border:3px solid #ec008c;}
.tlineY {width:20px; border:3px solid #FBB03B;}

.plineG {height:20px; border-left:5px solid #333333; float:left; margin-right:10px;}

.numTit {font-size:18px; font-weight:700; font-family: 'Titillium Web', sans-serif; margin-bottom:5px; color:black;}
.numTxt {margin-left:18px; margin-bottom:20px;}
.colB {color:#0192d8;}
.colR {color:#e30919;}
.colG {color:#39B54A;}
.colP {color:#ec008c;}
.colY {color:#FBB03B;}
.colN {color:#3a6088;}

.txt600 {font-weight:600}
.txt700 {font-weight:700}

.safeZ {width:15px; height:10px; border:1px solid #39B54A; border-radius:2.5px; background-color:#D7F0DB; display:inline-block; vertical-align: middle}

/* Guide Tab - template  */
.pTemlate {text-align:center; margin-bottom:50px;}
.fileDown {margin-left:57px; display:inline-block; margin-bottom:20px;}
.fileDown > img {border:1px solid #929292; border-radius:10px; cursor:pointer;}
.file01 > img:hover, .file01 > img:active {border:1px solid #FF7B00; border-radius:10px; cursor:pointer;}
.file02 > img:hover, .file02 > img:active {border:1px solid #0051AD; border-radius:10px; cursor:pointer;}
.file03 > img:hover, .file02 > img:active {border:1px solid #ED2529; border-radius:10px; cursor:pointer;}

@media (min-width:700px) and (max-width:1199px){
	.fileDown {margin-left:3%; display:inline-block;}
}

@media (min-width:200px) and (max-width:767px) {
	.fileDown {width:30%; margin-left:2%; display:inline-block;}
}

.st_temp {border: 1px solid #929292; font-family: 'Titillium Web', sans-serif; border-radius: 10px;}
.st_temp .temp_file {border-bottom: 1px solid #929292; height: 58px; position: relative; background-color: #F2F2F2; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.st_temp .temp_file img {vertical-align: top;}
.st_temp .temp_file p {display: inline-block; margin-left: 20px; padding-top: 10px;}
.st_temp .temp_file p span.txt_ai {font-weight: 700; color: #FF7B00; font-size: 15px; letter-spacing: 1.3px;}
.st_temp .temp_file p span.down_temp {font-weight: 600; color: #3A3A3A; font-size: 15px; letter-spacing: 1.3px;}
.st_temp .temp_size {text-align: center;}
.st_temp .temp_size ul {position: relative; color:black; padding: 20px 0 20px 15px;}
.st_temp .temp_size ul li {display: inline-block; margin-right:15px;}
.st_temp > .temp_size > ul > li > a {color: #3A3A3A; font-weight:600}
.st_temp > .temp_size > ul > li > a:hover, .st_temp > .temp_size > ul > li > a:active {color: #FF7B00}



/* Guide Tab - turnaround */
.turn {display:inline-block; margin-bottom:20px; margin-right:10px; width:185px; vertical-align:top; float:left;}
.turn > p {padding:8px; background-color:#f2f2f2;}
.ttxt {margin-bottom:5px; display:block}
.d04 {margin-right:0;}
.tnote {font-size:14px; font-weight:600; font-family: 'Titillium Web', sans-serif; margin-bottom:5px;}
#procedures {margin-left:0; margin-top:20px;}
#procedures > li {float:left; width:13% margin-top:20px; margin-right:4%;}
#procedures > li:last-child {margin-right:0}
#procedures > li > p {margin:0 auto; width:80%; background:#505B69; border-radius:190px;}

@media (min-width:1024px) and (max-width:1199px){
	#procedures > li {margin-right:0px;}
	#procedures > li:last-child {margin-right:0}
	.turn {width:147px;}
}

@media (min-width:768px) and (max-width:1023px){
	.turn {width:155px;}
	.turn > img {width:100%;}
	#procedures {float:left;}
	#procedures > li {margin-right:5px;}
	#procedures > li {margin-right:5px;}
	#procedures > li:last-child {margin-right:0}
	#procedures > li > p {margin:0 auto; width:80%; background:#505B69; border-radius:190px;}
}

@media (max-width:767px) {
	.pdgMedia {display:none !important}
	#procedures {float:left;}
	#procedures > li {margin-right:5px;}
	#procedures > li:nth-child(2), #procedures > li:nth-child(4), #procedures > li:last-child {margin-right:0}
	#procedures > li > p {margin:0 auto; width:80%; background:#505B69; border-radius:190px;}
	.fL {float:left;}
	.turn {float:none;}
	.dR0 {margin-right:0;}
}

@media (max-width:374px) {
	.turn {margin-right:0;}
}


.productpageprice_new {width:250px; padding:20px 0 10px; font-size:33px; color:#333; font-family:'Titillium Web', sans-serif;font-weight:400;}



/* Guide Tab - REGULAR STICKERS turnaround 2016.12.14 by Mihyun*/
.rg_turntime {margin-bottom:30px; font-family:'Titillium Web', sans-serif; }
.rg_turntime ul {position:relative;}
.rg_turntime > ul > li {float:left; margin-top:50px;}
.rg_turntime ul li.rg_turnday {
	display:inline-block; width:224px; 
	position:relative; border-radius:11px; 
	border: 1px solid #929292;
}
.rg_turntime ul li.rg_turnday .rg_turnsymbol {position:absolute; top:-13px; left:89px;}
.rg_turntime ul li.rg_turnday .rg_turnprocess {height: 110px; text-align: center;}
.rg_turntime ul li.rg_turnday .rg_turnprocess > div {background-color:#4B4F4E; height:10px; border-top-left-radius: 10px;border-top-right-radius: 10px;}
.rg_turntime ul li.rg_turnday .rg_turnprocess > p.rg_turndate {font-size: 13px; font-weight: 600; padding-top: 30px;}
.rg_turntime ul li.rg_turnday .rg_turnprocess > p.rg_turntitle {font-size: 15px; font-weight: 700;}

.rg_turntime ul li.rg_turnday .rg_turntxt {
	text-align: left; 
	background-color: #F2F2F2; 
	padding: 10px 0; 
	font-size: 13px; 
	font-weight: 400; 
	color: black; 
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.rg_turntime ul li.rg_turnday .rg_turntxt p {background: url(/img/guide/bk_dot.png) 10px 8px no-repeat; padding: 0 20px;}

.rg_turntime ul li.rg_turnarrow {display:inline-block; width:40px; height:40px; margin-top:120px; background: url(/img/guide/tr_arrow.png) 10px 8px no-repeat;}

@media (min-width:1024px) and (max-width:1199px){
	.rg_turntime ul li.rg_turnday {width:188px;}
	.rg_turntime ul li.rg_turnday .rg_turnsymbol {top:-13px; left:71px;}
	.rg_turntime ul li.rg_turnarrow {width:25px; height:25px; background-size: 9px 18px;}
	.rg_turntime ul li.rg_turnday .rg_turntxt p {background: url(/img/guide/bk_dot.png) 3px 8px no-repeat; padding: 0 10px; font-size:12.5px;}
	.rg_turntime ul li.rg_turnday .rg_turnprocess > p.rg_turntitle {font-size: 13.5px;}
}

@media (min-width:768px) and (max-width:1023px){
	.rg_turntime ul li.rg_turnday {width:198px;}
	.rg_turntime ul li.rg_turnday .rg_turnsymbol {top:-13px; left:71px;}
	.rg_turntime ul li.rg_turnarrow {width:25px; height:25px; background-size: 9px 18px;}
	.rg_turntime ul li.rg_turnday .rg_turntxt p {background: url(/img/guide/bk_dot.png) 7px 8px no-repeat; padding: 0 10px 0 15px; font-size:13px;}
	.rg_turntime ul li.rg_turnday .rg_turnprocess > p.rg_turntitle {font-size: 13.5px;}
}

@media (max-width:767px) {
	.rg_turntime ul li.rg_turnday {width:100%;}
	.rg_turntime ul li.rg_turnday .rg_turnsymbol {left:43%;}
	.rg_turntime ul li.rg_turnarrow {display:none;}

}


/**************  FONT  ****************/
.fontTit {font-family:'Titillium Web', sans-serif;}


/* slide banner - by Mihyun 2017*/
.ad_sticker {position: relative;}
.ad_sticker .ad_bg {}
.ad_sticker .txt_box {position: absolute; bottom: 10px; right: 50px; font-family: 'Titillium Web', sans-serif;}
.ad_sticker .txt_box > div {position: relative;}
.ad_sticker .txt_box > div > .ad_phrase {position: absolute; top: 25px; left: 25px;}
.ad_sticker .txt_box > div > .ad_phrase > .adP_tit {font-size: 27px; font-weight: 600; color: #c8b7ed; letter-spacing: 1.1px;}
.ad_sticker .txt_box > div > .ad_phrase > .adP_txt {font-size: 18px; color: #fff; padding-top: 7px; letter-spacing: 1.2px; line-height: 22px}
.ad_sticker .txt_box > div > .ad_phrase > .adP_price {font-size: 15px; color: #c8b7ed; letter-spacing: 0.6px;}
.yGreen {color: #abe998}

.ad_sticker .txt_box > ul {position: absolute; top: 173px;}
.ad_sticker .txt_box > ul > li {display: inline-block;}
.ad_sticker .txt_box > ul > li:first-child {margin-right: 10px}
.ad_sticker .txt_box > ul > li > a {
	height: 26px; 
	width: 130px; 
	padding-top: 5px; 
	display: block; 
	border-radius: 5px; 
	text-align: center; 
	letter-spacing: 1.3px;
	cursor:pointer;
	text-decoration:none;
}
.ad_sticker .txt_box > ul > li > .ad_btn01 {background-color: #c8b7ed; border: 1px solid #c8b7ed; color: #fff;}
.ad_sticker .txt_box > ul > li > .ad_btn02 {border: 1px solid #c8b7ed; color: #c8b7ed;}
.ad_sticker .txt_box > ul > li > a:hover {background-color: rgba(255, 255, 255, 1.0); border: 1px solid #fff; color: #c8b7ed; transition: all ease 0.8s; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.7)}

@media (min-width:980px) and (max-width:1199px) {
	.ad_sticker .txt_box {position: absolute; bottom: 10px; right: 40px; width:323px;}
	.ad_sticker .txt_box > div {position: relative;}
	.ad_sticker .txt_box > div > .ad_phrase {position: absolute; top: 15px; left: 15px;}
	.txt_box > div > img {}
	.ad_sticker .txt_box > div > .ad_phrase > .adP_tit {font-size: 22px; font-weight: 600; color: #c8b7ed; letter-spacing: 1.1px;}
	.ad_sticker .txt_box > div > .ad_phrase > .adP_txt {font-size: 15px; color: #fff; letter-spacing: 1.2px; line-height: 18px}
	.ad_sticker .txt_box > div > .ad_phrase > .adP_price {font-size: 12px; color: #c8b7ed; letter-spacing: 0.6px; line-height: 7px;}
	.ad_sticker .txt_box > ul {position: absolute; top: 140px; margin-left:15px;}
	.ad_sticker .txt_box > ul > li > a {
		height: 23px; 
		width: 120px; 
		padding-top: 2px; 
		display: block; 
		border-radius: 5px; 
		text-align: center; 
		letter-spacing: 1.3px;
		cursor:pointer;
	}
}

@media (min-width:481px) and (max-width:767px) {
	.ad_sticker .txt_box {position: absolute; bottom: 10px; right: 20px; width:223px;}
	.ad_sticker .txt_box > div {position: relative;}
	.ad_sticker .txt_box > div > .ad_phrase {position: absolute; top: 10px; left: 10px;}
	.txt_box > div > img {}
	.ad_sticker .txt_box > div > .ad_phrase > .adP_tit {font-size: 15px; font-weight: 600; color: #c8b7ed; letter-spacing: 1.1px;}
	.ad_sticker .txt_box > div > .ad_phrase > .adP_txt {font-size: 12px; color: #fff; letter-spacing: 1.2px; line-height: 14px}
	.ad_sticker .txt_box > div > .ad_phrase > .adP_price {font-size: 10px; color: #c8b7ed; letter-spacing: 0.6px; line-height: 7px;}
	.ad_sticker .txt_box > ul {display:none;}	
}

@media (max-width:480px) {
	.ad_sticker .txt_box {position: absolute; bottom: 1px; right: 5px; width:223px;}
	.ad_sticker .txt_box > div {position: relative;}
	.ad_sticker .txt_box > div > .ad_phrase {position: absolute; top: 10px; left: 10px;}
	.txt_box > div > img {}
	.ad_sticker .txt_box > div > .ad_phrase > .adP_tit {font-size: 15px; font-weight: 600; color: #c8b7ed; letter-spacing: 1.1px;}
	.ad_sticker .txt_box > div > .ad_phrase > .adP_txt {font-size: 12px; color: #fff; letter-spacing: 1.2px; line-height: 14px}
	.ad_sticker .txt_box > div > .ad_phrase > .adP_price {font-size: 10px; color: #c8b7ed; letter-spacing: 0.6px; line-height: 7px;}
	.ad_sticker .txt_box > ul {display:none;}	
}

/*slide banner - added by Mihyun 20170418*/
.ad_btn > .ad_btn03 {
    height: 26px;
    width: 130px;
    padding-top: 5px;
    display: block;
    border-radius: 5px;
    text-align: center;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none;
    background-color: #716c5e;
    border: 1px solid #716c5e;
    color: #fff;
    position: absolute;
    top: 30%;
    left: 55%;
    font-weight: 600;
    font-size: 13.5px;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);
}
.ad_btn > a:hover {
    background-color: rgba(221,214,206,1.0);
    border: 1px solid #dfd8d0;
    color: #716c5e;
    transition: all ease 0.8s;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);
}

@media screen and (max-width:767px) {
	.ad_btn > .ad_btn03 {
		display: none;
	}
}





/**************************************************YUNTAEK 2016.06.22**********************************************************/

#asidepanel	div{border-radius:4px; border:1px solid #dddddd;  box-shadow: 0 1px 1px rgba(0,0,0,0.05); margin-bottom:10px; }
#asidepanel>div>.panel-title {background-color:#eeeeee; box-sizing: border-box; padding:5px 10px;  margin-bottom:5px; cursor:pointer;}

#order_sum {box-shadow: 0 1px 1px rgba(0,0,0,0.05);}

#spround_price_view, #embossing_price_view, #raisedink_price_view ,#foil_price_view {font-size:1.5em; color:black;}

.protooltip{ padding:10px; margin:0; color:#eeeeee; line-height:30px; border:1px dashed white; }

 /*YUNTAEK 2016.06.22 */

	.affix-bottom { bottom:0;}



	#spectable>table th {text-align:center;}
	#spectable>table td {text-align:center;}

	.product_print_side { float:left; margin-right:10px; margin-bottom:5px; border:1px solid #96979d; color:#000; width:76px; height:43px; }
	.product_print_side>p {line-height:1px;clear:left;font-size:14px;}
	.sidecolor {height:11px; margin:9px 0 0 19px;}
	.sidecolor>p {width:8px;height:8px; line-height:0px; border-radius:20px; float:left;}
	.sidecolor	p:first-child {	background:#00AEEF;}
	.sidecolor	p:nth-child(2) { background:#EC008C; margin-left:2px;}
	.sidecolor	p:nth-child(3) { background:#FFF200; margin-left:2px;}
	.sidecolor	p:nth-child(4) { background:#000; margin-left:2px;}

	.product_print_side_1 { float:left; margin-right:10px; margin-bottom:5px; border:1px solid #96979d; color:#000; width:76px; height:43px;}
	.product_print_side_1>p {line-height:1px;clear:left;}
	.sidecolor1 {height:11px; margin:9px 0 0 34px;}
	.sidecolor1 p {width:8px;height:8px; background:#000; line-height:0px; border-radius:20px; float:left;}

	.product_print_side_2 { float:left; margin-bottom:5px; border:1px solid #dddddd; background-color:#fff; color:#dddddd; width:76px; height:43px;}
	.product_print_side_2>p {line-height:0px;clear:left; font-size:14px;}
	.sidecolor2 {height:11px; margin:8px 0 0 33px;}
	.sidecolor2 p {width:8px;height:8px; border:1px dashed #dddddd;  line-height:0px; border-radius:20px; float:left;}

	
	#layerPopBg{width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:99999999;}
	#layerPop{text-align:center;  left:50%;  width:50%; margin-left:-25%; top:15%; padding:0; position:fixed; background:#fff; display:block; z-index:99999999;}
	.modal_close {position:fixed; top:15%; left:75%; width:41px; height:41px; background-image: url("/cdn/main/modal_close1.gif");}

	#procedure li {float:left; margin-top:20px; margin-right:4%;}

	@media (min-width: 1199px) { 
	#layerPop{text-align:center;  left:50%;  width:50%; margin-left:-25%; top:15%;}
	.modal_close {top:15%;  left:50%; margin-left:25%; }
	}

	@media (min-width: 768px) and (max-width: 1200px) {
	
	#layerPop{text-align:center;  left:50%;  width:50%; margin-left:-25%; top:20%;}
	.modal_close {top:20%;  left:50%; margin-left:25%; }
	}
	


	/***** Products rightside modified by Mihyun 2016.08.12 *****/
	@media (min-width:768px) and (max-width:1023px) {

		#procedure li {float:left; margin-top:20px; margin-right:3.6%;}
		#procedure li:last-child {margin-right:0;}
		#asidediv {display:none;}
		#asidediv1 {display:none;}
	}
	/***** END Products rightside modified by Mihyun 2016.08.12 *****/

	@media (max-width: 767px) {
	#asidediv {display:none;}
	#asidediv1 {display:none;}
	#layerPop{ left:0;  width:100%; margin-left:0; top:170px;}
	.modal_close {top:129px;   left:100%; margin-left:-41px;}
	#cdn_div {display:none;}
	#procedure {display:none;}
	}

	@media (max-width: 400px) {
	#asidediv {display:none;}
	#asidediv1 {display:none;}
	#layerPop{ left:0;  width:100%; margin-left:0; top:170px;}
	.modal_close {top:129px;  left:100%; margin-left:-41px;}
	#cdn_div {display:none;}
	#procedure {display:none;}
	}

.ddta{ position:relative; text-align:right; margin-right:10px; top:0px; display:block; height:0; cursor:pointer; }
.productpageprice_total{font-size:22px;}
.productpageprice_total > p:last-child {font-size:27px;}



@media (max-width: 979px) and (min-width: 768px){
	.container > .row > .span9 {
		width:700px !important;
	}
}



.uxedit_loading {
    display:none;
    position:fixed;
    z-index:10000;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:rgba(255,255,255, .8);
    background-image:url('../img/loading33.gif');
    background-position:50% 50%;
    background-repeat:no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');
}


.uxedit_loading p{
    font-size:14px;
    color:#4b8df8;
    top:200px;
    z-index:1001;
    position:fixed;
    text-align: center;
    width:100%;
    font-weight: 600;
}

.modal {
	border-radius: 2px !important;
}
.modal-header {
	background-color:#586775;
	color:#fff;
	font-size: 18px;
}

.modal-header h3{
	color:#fff;
    font-size: 18px;
}
.btn {
	background: #aaa;
	color: #fff;
	min-width: 100px;
}
.btn-orange {
	background: #0192d8;
}
.modal-footer .btn {
    padding: 6px 12px;
    border: 1px solid #9baebf;
    background: #fff;
    color: #586775;
    border-radius: 2px;
}
.modal-footer .btn.btn-info {
	border: 1px solid #63788c;
    background: #63788c;
    color: #fff;
    border-radius: 2px;
}
.modal-footer .btn.btn-info:hover {
	background: #586775;
	animation: pulse2 1s;
	box-shadow: 0 0 0 1em rgba(255,255,255,0);
}
.pdBtn:hover,
.pdBtn:focus,
.pdSBtn:hover,
.pdSBtn:focus {
}
@keyframes pulse2 {
  0% { box-shadow: 0 0 0 0 #586775 }
}
.edit_re_open {	   
    color: #76c77c;
    background-color: #fff;
	border-color: #76c77c;
}  
.pdEsBtn,.pdBtn {
	margin-bottom: 2px;
}
#line_number {
	margin-bottom: 0;
}

/*190327 반응형수정*/
@media (max-width: 979px) and (min-width: 768px) {
	.section01 .promotion.flexslider {
		margin-bottom: 5px;
	}
	.section01 .responmenu {
		width: 724px;
	}
	.section01 .main_banner_r ul li {
		float: left;
		width: 33.3%;
	}
}
@media (max-width: 767px) {
	.section01 .promotion.flexslider {
		margin-bottom: 5px!important;
	}
	.row-fluid [class*=span], .uneditable-input[class*=span], [class*=span] {
		width: 100%;	
	}
	.bestSeller ul li {
		width: 100%;
		height: auto;
	}
	#newslettersignup input, .caroufredsel_wrapper .thumbnail, .mainimage.thumbnails .thumbnail {
		width: 65%;
	}
	#newslettersignup input[type=submit] {
		width: 35%;
	}
	.responmenu > aside	{
		width: 100%;
	}
	.responmenu .main_banner_r img {
		width: 100%;
	}
}

/*S: facebook 로그인 아이콘*/
.facebook-btn-y {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
	border-radius: 4px;
}
.facebook-btn-y:hover {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0,0,0,0.2);
}
.facebook-btn-y:focus, .facebook-btn-y.focus {
    color: #fff;
    background-color: #2d4373;
    border-color: rgba(0,0,0,0.2);
}
/*E: facebook 로그인 아이콘*/
.flypop-inner {
	position: relative;	
    margin-left: 100%;;
}
#flypop {
	margin-left: 10px;
	min-width: 100px;
}
#flypop.affix-top {
	position: fixed;	 
	top: 115px;
}
#flypop.affix {
	margin-left: 10px;
}
#flypop.affix-bottom {
	position: absolute;
	bottom: 566px;
}
#flypop:hover img{
	transition: filter linear 0.2s;
	filter: grayscale(100%);
}
#flypop p {
    opacity: 0;
    position: absolute;
    top: 61px;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    background: rgba(255, 120, 1, 0.8);
    text-align: center;
    width: 100%;
    line-height: 30px;
}
#flypop:hover p {
	transition: all linear 0.2s;
	opacity: 1;	
}
 
@media (max-width: 979px) {
	.flypop-wrap { display: none; }
}