/*
	공통 영역
*/
#en .icon-list > li {float: left;width: 33.33%;text-align: center;}
#en header .wrap {padding: 0;}
.icon {display: block;position: relative;width: 126px;height: 126px;margin: auto;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #fff;}
.icon img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.cart.order .noti	{text-align: left; padding: 1% 2%;}

#en header .head .search_box form 			{width: 100%;}
#en header .head .search_box .search .check	{width: 265px  !important; max-width: unset;}
#en header .head .search_box .search input[type="text"]	{width: calc(100% - 321px) !important;}

#en .s_cont.ks .left .research			{display: block;}
#en .s_cont.ks .left .research p.tit	{width: 100%; margin-bottom: 5px;}
#en .s_cont.ks .left .research input.bg	{width: 100%;}	
#en .s_cont.ks .left .research a.search_go	{top: 35px;}

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

#en header .head .search_box .search .check	{width: 245px !important;}
#en header .head .search_box .search .check input[type="checkbox"] + label::before	{top: 0px;}
#en header .head .search_box .search input[type="text"]	{padding: 0 15px 0 15px;}
	
}

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

#en header .head .search_box .search .check				{width: 215px !important;}
#en header .head .search_box .search input[type="text"]	{width: calc(100% - 265px) !important;}	
	
}


/*
	메인페이지
*/
#en .mainview .contents_top .area {width: 48%; margin-right: 4%;padding:2.5%; border: 1px solid #eee;}
#en .mainview .contents_top .area span h3 {font-size: 1.5rem;}
#en .mainview .contents_top .area .slide_txt {padding: 0}
#en .mainview .contents_top .area .slide_txt li {position: relative;padding-left: 2%}
#en .mainview .contents_top .area .slide_txt li:before {content: '';position: absolute;top: 50%;left: 0;margin: -1px;width: 2px;height: 2px;background-color: #00549b;}
#en .mainview .contents_top .area .slide_txt li a {overflow: hidden;text-overflow:ellipsis;width: 100%;white-space: nowrap;text-align: right}
#en .mainview .contents_top .area .slide_txt li a b{float: left;color: #00549b;text-align: left;}
#en .mainview .contents_top .icon-list > li p {width:55%;margin: 0 auto;margin-top: 10px;font-weight: 700;line-height: 1.2;}
#en .mainview .contents_top .box_blue {margin-right: 0}

#en .mainview .contents_top .box_blue > .icon-list > li > a:hover .icon {background-color: #38497f;}
#en .mainview .contents_top .box_blue > .icon-list > li > a:hover p {color: #38497f;}

/*
	서브페이지
*/
#en  .sub_top .tit {font-size: 1.5rem;}
#en .sub .cont .wrap:first-child {padding-top: 2.5%;}
#en .sub .cont .tap_btn > li {display: table;}
#en .sub .cont .tap_btn > li a {display: table-cell;font-size: 1rem;line-height: 1.3;vertical-align: middle;}
#en .sub .cont .tap_btn > li.on a {color:#fe4d0a}
#en .sub .cont .tap_btn > li.on a:after {background-color: #fe4d0a;}
#en .sub .btn.down {width: auto;min-width: auto;min-height: auto;padding: 2% 12px}
#en .sub .btn-s {padding:2% 4%;}
#en .sub .noti:not(.contents) {text-align: left;padding: 1% 2%;}
#en .sub .clearfix .noti {float: left;}
#en .sub .noti b {color: #fe4d0a;}
#en  .submit		{display: flex; padding: 40px; gap: 10px; justify-content: center;}
#en  .submit .btn01  {color: #fff; font-size: 18px; font-weight: 400; padding: 15px; border-radius: 5px; transition: background 0.5s; min-width: 150px}
#en  .submit .btn01:last-child {margin-right: 0}


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

	#en .submit .btn01	{font-size: 15px; padding: 15px; border-radius: 4px; width: 100%;}
	
	.cart.order .noti	{font-size: 17px;}
}

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

	#en .submit			{padding: 20px 0;}
	
	.cart.order .noti	{font-size: 15px;}
}

#en .std .cont .tap_box {padding: 5% 0;text-align: center;}
#en .std .cont .tap_btn > li:nth-child(2) {max-width: 220px;}
#en .std .cont .overview .txt_top p {padding: 2% 0 5% 0;font-weight: 700;font-size: 1.125rem;}
#en .std .cont .overview .txt_top .main-txt {padding: 0;font-size: 1.75rem;}
#en .std .cont .overview .icon-list > li  .icon  {width: 100px;height: 100px;border: 1px solid #ddd;}
#en .std .cont .overview .icon-list > li  h5 {padding: 3% 0;}
#en .std .cont .overview .icon-list > li  p  {font-size: 0.875rem;}
#en .std .cont .classification .tbl_hori thead tr th {background-color: rgba(56,73,127,.125);}
#en .std .cont .classification .tbl_hori tbody tr td {vertical-align: middle;}
#en .std .cont .classification .tbl_hori tbody tr:nth-child(even) td {background-color: rgba(56,73,127,.03);}

#en .certi .cont .tap_btn > li:nth-child(2) {max-width: 280px;}
#en .certi .cont .overview {padding: 5% 0;}
#en .certi .cont .overview .box_blue {display: table;margin-bottom: 20px;padding: 3%;}
#en .certi .cont .overview .box_blue > li {display: table-cell;width: 66%;vertical-align: middle;font-size: 0.875rem;}
#en .certi .cont .overview .box_blue > li:first-child {width: 11%;}
#en .certi .cont .overview .box_blue > li:first-child .icon {width: 90px;height: 90px;margin: 0;}
#en .certi .cont .overview .box_blue > li:nth-child(2) {width: 14%;}
#en .certi .cont .overview .box_blue > li:nth-child(2) h5 {font-size: 18px;line-height: 1.4;color:#00549b}
#en .certi .cont .classification h4 {padding-left: 0;}
#en .certi .cont .classification > .step {padding: 0 2.5%;}
#en .certi .cont .classification > .step img {width: 100%;max-width: 750px;}
#en .certi .cont .classification ul > li {display: inline-block;padding:1% 3%;background-color: rgba(56,73,127,1);color:#fff}
#en .certi .cont .classification .box_blue {margin-top: 5%;}
#en .certi .cont .classification .box_blue h4 {padding-top: 0;}

#en .listpage .cont .tap_btn > li:nth-child(2) {max-width: 220px;}
#en .listpage .label {width: 80px;border-color: #fe4d0a;color: #fe4d0a;}
#en .listpage .search .wrap > p {margin: 2% 0;font-size: 1.4rem;color:#00549b}
#en .listpage .search .wrap > .txt {margin-top: 0;}

#en .sub .cont .tap_btn > li:nth-child(1) {max-width: 220px;}
#en .sub .cont .tap_box .listWrap {padding-top: 0;} 

#en .help .listWrap dl .box_blue {width: 90%; margin: auto;}

#en .contact .tit {padding-top: 0;} 
#en .contact form .tbl01 {width: 95%;margin: auto;}
#en .contact .tbl01 th {font-size: 1.05rem;} 
#en .contact .tbl01 td textarea {max-width: none;}
#en .contact .tbl01 td.captcha input {width: 45%;}
#en .contact .tbl01 td.captcha div {display: inline-block;width: 28%;max-width: 125px;padding:7px 2.8%;background-color: rgba(240,240,163,.3);font-weight: 700;font-size: 1.3rem;color:#fe4d0a;vertical-align: middle;text-align: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#en .contact .tbl01 td.captcha button {display: inline-block;width: 22%;font-size: 1rem;} 


#en .comm p.refer {display: block;padding-top: 0.5%;}
#en .comm h4.tit:nth-of-type(1) {padding-top: 0;}
#en .comm h4.tit {padding: 5% 0 1% 1.5%;}
#en .comm .total {display: flex; width: 100%; justify-content: flex-end; padding: 15px 0; border-bottom: 1px solid #ddd; margin-bottom: 70px; align-items: flex-end;}
#en .comm .total li {display: inline-block;margin:0 3px;font-size: 1.2rem;}
#en .comm .total li:first-child	{font-size: 20px; font-weight: 400; color: #000;}
#en .comm .total li:last-child b{font-size: 22px; font-weight: 600; margin-left: 6px; color: var(--orange);}
#en .comm .total li b {font-size: 1.5rem;}
#en .comm .btn 			{display: inline-block;margin-left: 5px;}

#en .terms .box01 {border-top:2px solid #000;}
#en .ordercomp .submit a, #en .cart .submit a {vertical-align: middle;line-height: 2;}
#en .ordercomp .tbl01 th {padding: 2.5%;}
#en .ordercomp .tbl_hori th, #en .ordercomp .tbl_hori td {padding: 2% 1%; vertical-align: middle;}

#en .ordercomp .submit a.bg_gray, #en .cart .submit a.bg_blu {line-height: 2;}
#en .ordercomp .submit a.bg_blu, #en .cart .submit a.bg_gray  {line-height: 1;}

#en .cartlist .submit a {width: 32%;}


#en .introkssn .txt_top {font-size: 1.25rem;text-align: center;}
#en .introkssn .txt_top .main-txt {margin-bottom: 2%;font-size: 1.5rem;}
#en .introkssn .tap_box ul {margin-top: 2%;border-top: 2px solid rgba(110,129,180,1);border-bottom: 1px solid rgba(56,73,127,0.2);}
#en .introkssn .tap_box ul.first {margin-top: 0;}
#en .introkssn .tap_box ul li {padding: 1%;}
#en .introkssn .tap_box ul li:nth-child(even) {background-color: rgba(56,73,127,.1);}
#en .introkssn .tap_box .refer {margin-top: 1.5%;margin-bottom: 3%;font-weight: 700;}
#en .introkssn .tap_box .refer p {display: inline-block;margin-right: 1%;}
#en .introkssn .tap_box .refer + p {color:#999;letter-spacing: -0.5px;}



/* 셀렉트 */
table.ks_sub_table03 td select								 {width:100%; border:1px solid #ddd; padding:8px 10px; border-radius:6px; font-size:16px; color:var(--black); font-weight:400; background-color: #fff; background: url("/cosd/img/sub/select_down.png") no-repeat center right 12px / 10px;}
table.ks_sub_table03 td select::placeholder					 {font-size:16px; color: var(--gray6); font-weight:300;}
table.ks_sub_table03 td select:disabled 					 {background-color: #f8f8f8; color:var(--gray6); font-weight:300; border:1px solid #eee; opacity:1;}	

@media only screen and (max-width: 640px){
table.ks_sub_table03 td select								 {width: 100%; max-width: unset; font-size:14px; padding:8px; border-radius:4px; background: url("/cosd/img/sub/select_down.png") no-repeat center right 8px / 8px; }
table.ks_sub_table03 td select::placeholder					 {font-size:14px;}	
}	


/*버튼*/
.btn_wrap													{display: flex; padding:40px; gap:30px; justify-content: center; text-align: center;}
.btn_wrap a													{color:#fff; font-size:18px; font-weight:400; padding:20px 80px; border-radius:5px; transition: background 0.5s; }
.btn_wrap a.now												{background-color: var(--blue);}
.btn_wrap a.now:hover										{background-color: var(--black);}
.btn_wrap a.aft												{background-color: var(--green);}
.btn_wrap a.aft:hover										{background-color: var(--black);}
.btn_wrap a.prev											{background-color: var(--gray6);}
.btn_wrap a.prev:hover										{background-color: var(--black);}
.btn_wrap a.next											{background-color:var(--blue);}
.btn_wrap a.next:hover										{background-color: var(--black);}

.btn_wrap.two a												{color: #fff; font-size: 18px; font-weight: 400; padding: 15px; border-radius: 5px; transition: background 0.5s; min-width: 150px;}


@media only screen and (max-width: 1024px){
/*버튼*/
.btn_wrap																				{padding:30px; gap:20px;}
.btn_wrap a																				{font-size:15px; padding:20px 40px; border-radius:4px; }

#en .comm .total li:first-child															{font-size:17px;}
#en .comm .total li:last-child b														{font-size:17px;}

}

@media only screen and (max-width: 640px){
.btn_wrap																				{padding:20px 0; gap:10px; flex-direction: column;}
.btn_wrap a																				{padding:10px; text-align:center; }

#en .comm .total li:first-child															{font-size:15px;}
#en .comm .total li:nth-child(2)														{display:none;}
#en .comm .total li:last-child b														{font-size:15px;}
#en .comm .total																		{justify-content: space-between;}

ul.ks_table > li div.type .type_option ul li p.check_v input[type="checkbox"] + label:after	{top: 1px !important;}
}



/*구입방법안내*/

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

.purchase_guide .box .img_wrap	.pc.pc02			{display: none !important;}
.purchase_guide .box .img_wrap	.tablet.tablet02	{display: block !important;}
	
}

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

.purchase_guide .box .img_wrap	.tablet.tablet02					{display: none !important;}
	
}



/* 카트  */
#en .ks_sub_table.cart	.con		{text-align: left; color: var(--black); font-weight: 500;}
#en .ks_sub_table.cart	.con sub	{font-size: 14px; font-weight: 300; color: var(--gray6); display: block; width: 100%;}




/* 검색 화면 */

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

#en .wrap_type					{flex-wrap: wrap;}
#en .wrap_type .sel_box			{order: 2;}
#en .wrap_type .sel_box #goSort	{width: calc(100% - 110px);}
#en .wrap_type .showtype		{order: 1; width: 100%; justify-content: end;}
	
}