@charset "utf-8";
/*
    파일 개요
    ---------------------------------------------------------------------
    @ 범위 : (V) OFF | (V) SIS
    @ 목적 : COS 한국 현지화 + COS 1차 멤버,마이,커스토머 관련 CSS 재활용
    @ 작성 : IDR System - Publishing Team.
    @ 최종 : 2018.05.08.16:24
*/

/*
    @ frontend.min.css '/etc/designs...'로 시작하는 경로 재정의 / 2017.12.06 / mglee / 14개 
    근거 : 이메일 - [COS Renewal] jsp, static resource 폴더명관련
*/
.a-checkbox:checked + .custom-box,
.a-checkbox.is-checked + .custom-box {
  /*background-image: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/images/checkbox-tick.svg");*/
  background-image: url("../images/cos/02/checkbox-tick.svg");
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/NanumBarunGothic.eot');
  src: local('Nanum Barun Gothic'), local('NanumBarunGothic'), url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumBarunGothic.woff2') format('woff2'), url('../fonts/NanumBarunGothic.woff') format('woff'), url('../fonts/NanumBarunGothic.ttf') format('truetype');
}


@font-face {
  font-family: "Gill Sans MT Pro Book";
  /*src: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/fonts/GillSansMTPro-Book.otf") format("opentype");*/
  src: url("../fonts/GillSansMTPro-Book.otf") format("opentype");
  /*src: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/fonts/GillSansMTPro-Book.woff") format("woff");*/
  src: url("../fonts/GillSansMTPro-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gill Sans MT Pro Medium";
  /*src: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/fonts/GillSansMTPro-Medium.otf") format("opentype");*/
  src: url("../fonts/GillSansMTPro-Medium.otf") format("opentype");
  /*src: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/fonts/GillSansMTPro-Medium.woff") format("woff");*/
  src: url("../fonts/GillSansMTPro-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "COS-Icons";
  /*src: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/fonts/cos-icons.eot");*/
  src: url("../fonts/cos-icons.eot");
  /*src: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/fonts/cos-icons.woff") format("woff");*/
  src: url("../fonts/cos-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*@ 텍스트 스타일 정의 / 2017.12.11 / bhkim */
body, 
.is-primary-secondary-common{
    font: 12px/18px 'Gill Sans MT Pro Medium', 'Nanum Barun Gothic', 'Gill Sans MT Pro Book', 'Gill Sans', '돋움', dotum, sans-serif;
}

h1,
h2,
h3 {
  font-weight: normal;
}

.o-card-box .card-type .icon-visa {
  /*background-image: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/images/a-icon-visa.svg");*/
  background-image: url("../images/cos/02/a-icon-visa.svg");
}

.o-card-box .card-type .icon-mastercard {
  /*background-image: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/images/a-icon-mastercard.svg");*/
  background-image: url("../images/cos/02/a-icon-mastercard.svg");
}
.o-payment-checkout .left-selection-section .m-radio-button .label-text:before,
.o-payment-checkout .right-selection-section .m-radio-button .label-text:before {
  /*background: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/images/paypal.svg") no-repeat 15px 0;*/
  background: url("../images/cos/02/paypal.svg") no-repeat 15px 0;
}
.o-payment-checkout .left-selection-section .m-radio-button .label-text:before {
  /*background-image: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/images/payment-cards.svg");*/
  background-image: url("../images/cos/02/payment-cards.svg");
}
.o-payment-checkout .paypal-section .paypal {
  /*background: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/images/paypal-logo.svg") no-repeat;*/
  background: url("../images/cos/02/paypal-logo.svg") no-repeat;
}
.o-payment-checkout .bottom-section .encryptionInfo .image {
  /*background: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/images/lock.svg") no-repeat;*/
  background: url("../images/cos/02/lock.svg") no-repeat;
}
.o-product-gallery .m-product-image:hover {
    /*
  cursor: url("/etc/designs/appeaser/cos/clientlibs/pattern-lib/images/a-icon-plus.png") 15 15,
pointer;
    */
  cursor: url("../images/cos/02/a-icon-plus.png") 15 15,
pointer;    
}


/* @ 서체 재정의 */
/* @ font-family: 'Gill Sans MT Pro Medium' 변환 클래스 / 2017.12.26 / bhkim */
.is-primary-secondary-common,
.is-primary,
.is-secondary,
.a-button.is-primary,
.a-button.is-secondary,
.a-checkbox,
.a-heading-1,
.a-heading-2,
.a-heading-3,
.a-heading-4,
.m-cart-addition .heading .a-heading-2,
.m-cart-addition .cart-item-info,
.m-checkbox,
.m-cookie-message p,
.m-free-tile .headline-preamble-wrapper p,
.m-hazmat .hazmat-label,
.m-informative-section p,
.m-informative-section h3,
.m-product-price,
.m-radio-button .a-label.label-text,
.m-search .a-input,
.m-tablist li,
[class^="a-"] .q-font-medium,
[class^="m-"] .q-font-medium,
[class^="o-"] .q-font-medium,
.o-404-error .main-wrapper .content .a-heading-1,
.o-about-you .a-button,
.o-accordion,
.o-accordion .accordion-header .a-heading-3,
.o-blog-text .a-paragraph,
.o-cart.is-empty .a-button,
.o-cart-discount-code .a-button.add,
.o-cart-item .cart-item-info,
.o-change-password .a-heading-3,
.o-checkout .checkout-content-section .section,
.o-forgot-password-checkout .o-checkout .checkout-content-section .forgot-password-form .a-heading-2,
.o-checkout-forgot-password-confirmation .o-checkout .checkout-content-section .forgot-password-form .a-heading-2,
.o-forgot-password-checkout .o-checkout .checkout-content-section .forgot-password-form .a-label,
.o-checkout-forgot-password-confirmation .o-checkout .checkout-content-section .forgot-password-form .a-label,
.o-continue-as-guest .country-section,
.o-continue-as-guest .policy-section,
.o-delivery .delivery-heading .a-heading-2,
.o-delivery .delivery-heading .a-paragraph,
.o-delivery .delivery-option .a-paragraph.option,
.o-delivery .delivery-option.flammable .a-radio-button:checked ~ .label-text .hazmat-text,
.o-delivery .m-radio-button p:nth-child(2),
.o-forgot-password,
.o-forgot-password .forgot-password-form .o-form .a-heading-2,
.o-forgot-password .forgot-password-form .o-form .a-label.data,
.o-forgot-password-confirmation,
.o-forgot-password-confirmation .confirmation-text-block .a-heading-1,
.o-forgot-password-confirmation .confirmation-text-block .a-paragraph,
.o-header.is-checkout .back-to-shop .a-heading-3,
.o-hero .m-teaser .a-label,
.o-hero .m-teaser .a-paragraph,
.o-home-delivery .a-heading-2,
.o-home-delivery .selected-address .a-paragraph.delivery-text-isNDD,
.o-home-delivery .selected-address .a-paragraph.delivery-text,
.o-home-delivery .selected-address .a-paragraph.main-address,
.o-home-delivery .selected-address .a-link.change-address,
.o-home-delivery .home-delivery-heading.has-warning .warning-section,
.o-home-delivery.is-changing-address .delivery-change-text,
.o-home-delivery .o-address-box-edit.checkout .input-country .a-label,
.o-home-delivery .o-address-box-edit.checkout .input-country .a-link,
.o-my-details .a-heading-3,
.o-my-details.summary .data-sections,
.o-my-details.summary .a-button.edit-button,
.o-my-details.summary .a-button.change-password-button,
.o-my-orders .a-heading-2,
.o-my-orders-empty .a-heading-3,
.o-my-orders-empty .orders-empty-text,
.o-my-page-navigation .o-list li,
.o-navigation,
.o-newsletter-subscription-confirmation .text-section .a-button:first-child,
.o-newsletter-subscription-email-error .text-section .a-button,
.o-newsletter-unsubscribe .a-button,
.o-newsletter-unsubscribe-confirmation .text-section .a-button,
.o-order-confirmation .receipt-section .summary-text,
.order-row-container .o-order-row .order-table .order-info,
.o-payment .a-heading-3,
.o-payment.no-cards .a-button,
.o-payment-checkout,
.o-payment-checkout .card-section .card-selection-section .selection-heading,
.o-payment-checkout .card-section .new-card-section .address-section .heading,
.o-payment-checkout .bottom-section .a-button,
.o-payment-checkout.edit-address .a-heading-2,
.o-pickup-location .heading .a-heading-2,
.o-pickup-location .heading .ndd-text,
.o-pickup-location .no-pup-found,
.o-pickup-location .zip-search .a-button.is-primary,
.o-pickup-location .zip-search .a-button.is-primary:hover,
.o-product .image-holder .a-button.is-quickbuy,
.o-product-cofs .image-holder .a-button.is-quickbuy,
.o-product .description .temp-marker,
.o-product-cofs .description .temp-marker,
.o-product .description .product-title,
.o-product-cofs .description .product-title,
.o-quick-buy .right-panel .o-product-information .a-link,
.o-quick-buy .right-panel .o-product-information .shipping,
.o-registration .o-registration-form .country-section-wrapper .a-label,
.o-registration .o-registration-form .country-section-wrapper .a-link,
.o-reset-password .o-form .a-heading-3,
.o-reset-password .o-form .a-label,
.o-reset-password-confirmation .text-section .headingText,
.o-reset-password-confirmation .a-button,
.o-slider .swiper-arrow.swiper-prev,
.o-slider .swiper-arrow.swiper-next,
.o-slider .swiper-pagination span,
.o-slider-cofs .swiper-arrow,
.o-social-share .a-heading-2.share-media-title,
.o-square .cell .text-content .a-heading-2,
.o-square .cell .text-content .a-paragraph,
.o-square .cell .text-content .a-link,
.o-store-locator .store-tile .store-adress .topic,
.o-store-locator .content .store-adress .topic,
.o-takeover .m-teaser,
.o-text-block .a-paragraph,
.o-text-block .a-link,
.o-text-block .a-button,
.o-verify-address .a-button,
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Gill Sans MT Pro Medium', 'Nanum Barun Gothic', 'Gill Sans MT Pro Book', 'Gill Sans', '돋움', dotum, sans-serif;
}
@media (min-width: 1025px) {
  .o-home-delivery.is-changing-address .edit-block .o-address-box-edit.checkout .o-account-box .m-input,
  .o-home-delivery.is-changing-address .a-heading-2,
  .o-home-delivery.is-changing-address .delivery-change-text {
    font-family: 'Gill Sans MT Pro Medium', 'Nanum Barun Gothic', 'Gill Sans MT Pro Book', 'Gill Sans', '돋움', dotum, sans-serif;
  }
}
@media (min-width: 1151px) {
  .o-navigation .sub-menu {
    font-family: 'Gill Sans MT Pro Medium', 'Nanum Barun Gothic', 'Gill Sans MT Pro Book', 'Gill Sans', '돋움', dotum, sans-serif;
  }
}

/* @ font-family: 'Gill Sans MT Pro Book' 변환 클래스 /2017.12.26 / bhkim */
.m-teaser.blog-teaser .a-heading-1,
.m-teaser.blog-teaser .a-paragraph,
[class^="a-"] .q-font-book,
[class^="m-"] .q-font-book,
[class^="o-"] .q-font-book,
.o-blog-listing.image-left .o-text-block .a-paragraph,
.o-blog-text .a-heading-1,
.o-category-push-text .category-links .a-link,
.o-checkout .checkout-heading,
.o-header .m-bag,
.o-header .back-to-shop,
.o-hero .m-teaser .a-heading-1,
.o-local-navigation .a-heading-1,
.o-navigation .sub-menu,
.o-order-confirmation .receipt-section .page-title,
.o-search .a-input,
.o-seo-text .a-heading-2,
.o-store-locator .a-heading-1,
.o-takeover .m-teaser .a-heading-2,
.o-text-block .a-heading-1 {
  font-family: 'Gill Sans MT Pro Book', 'Nanum Barun Gothic', 'Gill Sans MT Pro Medium' , 'Gill Sans', '돋움', dotum, sans-serif;
}
.m-search .a-input::-webkit-input-placeholder,
.m-search .a-input:-ms-input-placeholder,
.m-search .a-input::placeholder,
.o-search .a-input::-webkit-input-placeholder,
.o-search .a-input:-ms-input-placeholder,
.o-search .a-input::placeholder {
  font-family: 'Gill Sans MT Pro Book', 'Nanum Barun Gothic', 'Gill Sans MT Pro Medium' , 'Gill Sans', '돋움', dotum, sans-serif;
}
@media (min-width: 768px) {
  .o-my-page-navigation .a-heading-2 {
    font-family: 'Gill Sans MT Pro Book', 'Nanum Barun Gothic', 'Gill Sans MT Pro Medium' , 'Gill Sans', '돋움', dotum, sans-serif;
  }
}
/* //@ 서체 재정의 */



/*@ quick-buy restyle / 2018.01.02 / bhkim */
.o-quick-buy .right-panel {
  width: 49%;
}

/*@ GNB 폰트 재정의 / 2017.12.20 / mglee */
.o-navigation .sub-menu,
.o-navigation .navigation-wrapper .category-wrapper .categories .category-list .a-link,
.m-bag .a-heading-3{
  font-family: 'Gill Sans MT Pro Medium', 'Nanum Barun Gothic', 'Gill Sans MT Pro Book', 'Gill Sans', '돋움', dotum, sans-serif;
}

/*@ 현대푸터 / 2017.12.08 / mglee / 1차cos껄로 카피앤페이스트 */
/*@ 현대푸터 / 2017.12.19 / mglee / (구)COS 푸터와 디자인 완전히 같게 오버라이딩 작업 */
#footer_warp * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#footer_warp #footer {
  font-size: 0;
}
#footer_warp #footer li {
  font-size: 12px;
}
#footer_warp .hyundai_footer {
  margin-top: 30px;
  background-color: #f8f8f8;
  /*color: #848484;*/
  color: #444; /*@ 푸터 폰트 색 변경 / 2018.02.01 / mglee */
  padding: 40px;
  /*text-align: center;*/
  text-align: left; /*@ 푸터 디자인 변경-왼쪽으로 맞춤 / 2018.01.31 / mglee */
  text-align: center; /*@ 푸터 디자인 변경-왼쪽으로 맞춤 / 2018.01.31 / mglee */
}
#footer_warp .hyundai_footer ul,
#footer_warp .hyundai_footer li,
#footer_warp .hyundai_footer p {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer_warp .hyundai_footer .footer_cont,
#footer_warp .hyundai_footer .footer_cont * {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

/*@ 푸터 디자인 변경-왼쪽으로 맞춤 / 2018.01.31 / mglee */
#footer_warp .hyundai_footer .footer_cont .link_lst{
  width: 207px;
}

#footer_warp .hyundai_footer .footer_cont a{
  position: relative;/*@ 언더라인 너무 붙지 않게 / 2018.02.05 / mglee */
  /*color: #959595;*/
  color: #444; /*@ 푸터 폰트 색 변경 / 2018.02.01 / mglee */
  /*text-decoration: underline !important;*/ /*@ 언더라인 너무 붙지 않게 / 2018.02.05 / mglee */
}

/*@ 언더라인 너무 붙지 않게 / 2018.02.05 / mglee */
/*@ 기존 언더라인 방식 폐기 / 2018.03.12 / mglee */
/*
#footer_warp .hyundai_footer .footer_cont .section_02 a:after,
#footer_warp .hyundai_footer .footer_cont .section_03 a:after{
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0; @ 언더라인 너무 떨어지지 않게 / 2018.02.07 / mglee 
  height: 1px;
  width: 100%;
  background: #444;
}
*/

/*@ 언더라인 조절 / 2018.02.09 / mglee */
/*@ 기존 언더라인 방식 폐기 / 2018.03.12 / mglee */
/*
#footer_warp .hyundai_footer .footer_cont .section_03 a:after{
  bottom: 3px;
}
*/

/*@ 새로운 언더라인 방식 / 2018.03.12 / mglee */
/*#footer_warp .hyundai_footer .footer_cont .section_02 ul li{background:pink;}*/
/*#footer_warp .hyundai_footer .footer_cont .section_02 ul li{background:yellow;}*/
#footer_warp .hyundai_footer .footer_cont .section_02 ul li a{
  background-position: 0% 100%;
  background-repeat: repeat-x;
  background-size: 1px 1px;
  background-image: -webkit-linear-gradient(#444, #444);
  background-image: -moz-linear-gradient(#444, #444);
  background-image: -o-linear-gradient(#444, #444);
  background-image: linear-gradient(#444, #444);    
}
.os-mac #footer_warp .hyundai_footer .footer_cont .section_02 ul li a{background-position: 0% 80%;}
.os-android #footer_warp .hyundai_footer .footer_cont .section_02 ul li a{background-position: 0% 80%;}
#footer_warp .hyundai_footer .footer_cont .section_02 p a{
  background-position: 0% 95%;
  background-repeat: repeat-x;
  background-size: 1px 1px;
  background-image: -webkit-linear-gradient(#444, #444);
  background-image: -moz-linear-gradient(#444, #444);
  background-image: -o-linear-gradient(#444, #444);
  background-image: linear-gradient(#444, #444);    
}
.os-mac #footer_warp .hyundai_footer .footer_cont .section_02 p a{background-position: 0% 80%;}
.os-android #footer_warp .hyundai_footer .footer_cont .section_02 p a{background-position: 0% 80%;}
#footer_warp .hyundai_footer .footer_cont .section_03 a{
  background-position: 0% 92%;
  background-repeat: repeat-x;
  background-size: 1px 1px;
  background-image: -webkit-linear-gradient(#444, #444);
  background-image: -moz-linear-gradient(#444, #444);
  background-image: -o-linear-gradient(#444, #444);
  background-image: linear-gradient(#444, #444);    
}
.os-mac #footer_warp .hyundai_footer .footer_cont .section_03 a{background-position: 0% 78%;}
.os-android #footer_warp .hyundai_footer .footer_cont .section_03 a{background-position: 0% 78%;}


#footer_warp .hyundai_footer .footer_cont a:hover{
  /*color: #848484;*/
  color: #444; /*@ 푸터 폰트 색 변경 / 2018.02.01 / mglee */
  /*text-decoration: underline !important;*/ /*@ 언더라인 너무 붙지 않게 / 2018.02.05 / mglee */
}

#footer_warp .hyundai_footer .footer_cont a:hover:after{
}

#footer_warp .hyundai_footer .footer_cont span {
  display: inline;
}
#footer_warp .hyundai_footer .footer_cont address {
  font-style: normal;
  display: inline;
}
#footer_warp .hyundai_footer .section_top {
  display: inline-table;
}
#footer_warp .hyundai_footer .section_left,
#footer_warp .hyundai_footer .section_right {
  display: table-cell;
  text-align: left;
}
#footer_warp .hyundai_footer .section_center {
  display: block;
  margin-top: 40px;
  font-size: 11px;
}
#footer_warp .hyundai_footer .section_left {
  position: relative;
  padding-left: 190px;
  /*padding-right: 80px;*/
  padding-right: 34px;
  max-width: 620px;
}
#footer_warp .hyundai_footer .section_right {
  max-width: 490px;
}
#footer_warp .hyundai_footer .section_right .txt_copy {
  display: block;
}
#footer_warp .hyundai_footer .footer_hyundai {
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  width: 90px;
  height: 43px;
  background: url('../images/cos/02/footer_hyundai.png') 0 0 no-repeat; /*@ 푸터 로고 선명한 것으로 교체 / 2018.01.02 / mglee */
  background-size: 90px 43px;/*@ 푸터 로고 2배수로 키움(레티나 대응) / 2018.01.22 / mglee */
}
#footer_warp .hyundai_footer .footer_hyundai .hidden{
  display: none;
}
#footer_warp .hyundai_footer .link_lst ul {
  margin-top: 10px;
}
#footer_warp .hyundai_footer .link_lst li:before {
  content: "| ";
  vertical-align: 1px;
  margin: 0 4px;
}
#footer_warp .hyundai_footer .link_lst li:first-child:before {
  content: '';
  margin: 0;
}
#footer_warp .hyundai_footer .txt_copy {
  margin-top: 20px;
}
@media (max-width: 980px) {
  #footer_warp .hyundai_footer {
    padding: 30px 20px;
  }
  #footer_warp .hyundai_footer .section_top {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
  #footer_warp .hyundai_footer .section_left {
    padding-right: 0;
    padding-left: 150px;
    max-width: 500px;
  }
  #footer_warp .hyundai_footer .section_right {
    display: block;
    text-align: center;
  }
  #footer_warp .hyundai_footer .section_right,
  #footer_warp .hyundai_footer .section_center {
    /*margin-top: 30px;*/
    margin-top: 0;
  }
}
@media (max-width: 570px) {
  #footer_warp .hyundai_footer {
    font-size: 12px;
    padding: 20px 10px;
  }
  #footer_warp .hyundai_footer .section_left {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 0;
    max-width: 310px;
    text-align: center;
  }
  #footer_warp .hyundai_footer .section_left p {
    padding-left: 100px;
    text-align: left;
  }
  #footer_warp .hyundai_footer .section_right,
  #footer_warp .hyundai_footer .section_center {
    margin-top: 20px;
  }
}




/*@ 현대푸터 디자인 구조 변경 / 2018.01.31 / mglee */
/*디바이스너비별 .hyundai_footer  너비 변화*/
@media (min-width: 1px) and (max-width: 767px) {
  #footer_warp .hyundai_footer{
    padding-left:10px;
    padding-right:10px;
  }  
}  
@media (min-width: 768px) and (max-width: 1024px) {
  #footer_warp .hyundai_footer{
    padding-left:14px;
    padding-right:14px;
  }
}
@media (min-width: 1025px) {
  #footer_warp .hyundai_footer{
    padding-left:20px;
    padding-right:20px;
  } 
}
#footer_warp .hyundai_footer .footer_cont{
  width: 100%;
  /*max-width: 1600px;*/
  max-width: 1560px; /* @1560으로 해야 로고 끝선이 맞다. / 2018.02.01 / mglee */
  margin: 0 auto;
}
#footer_warp .hyundai_footer .footer_cont .section_top{
  width: 100%;
  max-width: 1600px;
  text-align:left;
}

/*디바이스너비별 .section 양옆 패딩 변화*/
@media (min-width: 1px) and (max-width: 767px) {
  #footer_warp .hyundai_footer .footer_cont .section_top .section_01,
  #footer_warp .hyundai_footer .footer_cont .section_top .section_02,
  #footer_warp .hyundai_footer .footer_cont .section_top .section_03{  
    padding-left: 4px;
    padding-right: 4px;
  } 
}
@media (min-width: 768px) and (max-width: 1024px) {
  #footer_warp .hyundai_footer .footer_cont .section_top .section_01,
  #footer_warp .hyundai_footer .footer_cont .section_top .section_02,
  #footer_warp .hyundai_footer .footer_cont .section_top .section_03{  
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (min-width: 1025px) {
  #footer_warp .hyundai_footer .footer_cont .section_top .section_01,
  #footer_warp .hyundai_footer .footer_cont .section_top .section_02,
  #footer_warp .hyundai_footer .footer_cont .section_top .section_03{  
    padding-left: 10px;
    padding-right: 10px;
  } 
}

#footer_warp .hyundai_footer .footer_cont .section_top .section_01,
#footer_warp .hyundai_footer .footer_cont .section_top .section_02,
#footer_warp .hyundai_footer .footer_cont .section_top .section_03{
  float: left;
  display: block;
  /*padding-left: 10px;*/
  /*padding-right: 10px;*/
  /*background: pink;   */
}
#footer_warp .hyundai_footer .footer_cont .section_top .section_01>.inner,
#footer_warp .hyundai_footer .footer_cont .section_top .section_02>.inner,
#footer_warp .hyundai_footer .footer_cont .section_top .section_03>.inner{
  display: block;
}


/*디바이스너비별 3칼럼 너비 변화*/
@media (min-width: 1px) and (max-width: 767px) {
  #footer_warp .hyundai_footer .footer_cont .section_top .section_01{
    /*outline:1px solid red;*/
    width: 100%;
  }
  #footer_warp .hyundai_footer .footer_cont .section_top .section_02{
    /*outline:1px solid blue;*/
    width: 100%;
    margin-top:30px;
  }
  #footer_warp .hyundai_footer .footer_cont .section_top .section_03{
    /*outline:1px solid green;*/
    width: 100%;
    /*margin-top:30px;*/
  }  
}  
@media (min-width: 768px) and (max-width: 1024px) {
  #footer_warp .hyundai_footer .footer_cont .section_top .section_01{
    width: 25%;
  }
  #footer_warp .hyundai_footer .footer_cont .section_top .section_02{
    width: 75%;
  }
  #footer_warp .hyundai_footer .footer_cont .section_top .section_03{
    width: 100%;
    /*margin-top: 30px;*/
    margin-top: 25px;
  }  
}
@media (min-width: 1025px) {
  #footer_warp .hyundai_footer .footer_cont .section_top .section_01{
    width: 16.66667%;
  }
  #footer_warp .hyundai_footer .footer_cont .section_top .section_02{
    width: 16.66667%;
  }
  #footer_warp .hyundai_footer .footer_cont .section_top .section_03{
    width: 66.0%;
    /*margin-top: 30px;*/
  }  
}

#footer_warp .hyundai_footer .footer_cont .section_top .section_01 P.footer_hyundai{
  position: relative;
  width: 90px;
  height: 43px;
  background: url(../images/cos/02/footer_hyundai.png) 0 0 no-repeat;
  background-size: 90px 43px;
}

/* @로고에 링크 추가해 달라 / 2018.02.01 / mglee */
#footer_warp .hyundai_footer .footer_cont .section_top .section_01 P.footer_hyundai a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#footer_warp .hyundai_footer .footer_cont .section_top .section_02 .link_lst{
  width: 100%;  
}
#footer_warp .hyundai_footer .footer_cont .section_top .section_02 .link_lst p{
  display: block;
  line-height: 1.7;
}
#footer_warp .hyundai_footer .footer_cont .section_top .section_02 .link_lst ul{
  margin-top: 0;  
  /*margin-bottom: 17px;*/
  margin-bottom: 9px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #footer_warp .hyundai_footer .footer_cont .section_top .section_02 .link_lst ul{
    margin-bottom: 14px;
  }
}
@media (max-width: 767px) {
  #footer_warp .hyundai_footer .footer_cont .section_top .section_02 .link_lst ul{
    margin-bottom: 12px;
  }
}

#footer_warp .hyundai_footer .footer_cont .section_top .section_02 .link_lst ul li{
  display: inline-block;
  margin-right: 10px;
}
@media (min-width: 1025px) {
  #footer_warp .hyundai_footer .footer_cont .section_top .section_02 .link_lst ul li{
    display: block;
    margin-bottom: 4px;
  }
}


#footer_warp .hyundai_footer .footer_cont .section_top .section_02 .link_lst ul li:before{
  display: none;
}

#footer_warp .hyundai_footer .footer_cont .section_top .section_03 .section_right{
  max-width: 664px;
  text-align: left;
  line-height: 1.9;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #footer_warp .hyundai_footer .footer_cont .section_top .section_03 .section_right{
    line-height: 1.7;
  }
}
@media (max-width: 767px) {
  #footer_warp .hyundai_footer .footer_cont .section_top .section_03 .section_right{
    line-height: 1.9;
  }
}

/*@ 언-스마트언더라인의 before 없애고 새롭게 만든 span엘리먼트.  / 2018.02.08 / mglee */
/*
#footer_warp .hyundai_footer .unsmart-underline:before{
  display: none;
}
*/
#footer_warp .hyundai_footer .unsmart-underline .unsmart-underline-underline{
  display: none;
}

/*@ 언더라인 없는 경우  / 2018.02.19 / mglee */
#footer_warp .hyundai_footer .footer_cont .section_top .section_02 .no-underline:after{
  display: none;
}

/*@ pra slider btn 한글화 / 2017.12.12 / bhkim */
.o-slider-cofs .swiper-arrow {
  font-size: 12px;
}
.o-slider-cofs .swiper-arrow.swiper-next:before {
    content: "다음";
}
.o-slider-cofs .swiper-arrow.swiper-prev:before {
    content: "이전";
}

/*
  @ 히어로 슬라이스 표시 - 링크 폰트 컬러 흰색으로 강제하기 / 2017.12.13 / mglee 
  근거: HDHM_COS2차_SB_002_PC_시작_서브메인 - 히어로 슬라이스 표시 - 7.링크 2개까지 가능
*/
.o-hero .m-teaser .a-link.q-color-white{
  color: #FFFFFF;
}

/*@ 장바구니 - 주문요약에 배송비 강제순서 적용 해지 (사유모름) / 2017.12.13 / bhkim */
.o-order-summary .shipping-section, .o-order-summary .estimated-tax-section,
.o-my-page-navigation .o-list li:nth-child(3) {
    -ms-flex-order: 0;
    order: 0;
}

.o-order-summary .shipping-section {
  color: #444;
}

/*@ 상품상세 - 상품필수정보 클릭활성화 / 패턴립 재정의 (visible->hidden) / 2017.12.15 / bhkim */
@media (min-width: 768px) {
  .o-product-information .o-form .product-description:after,
  .o-product-information .o-form .product-description:before {
    /*visibility: hidden;*/
  }
}

/*@ 상품필수 표시정보 추가 / 2017.12.15 / bhkim */
.m-change-country-lightbox .information-product .table-wrap {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.m-change-country-lightbox .information-product .table-wrap th {
  text-align: center;
}
.m-change-country-lightbox .information-product .table-wrap th,
.m-change-country-lightbox .information-product .table-wrap td {
  padding: 3px 7px;
}
.m-change-country-lightbox .information-product .table-wrap.center td {
  text-align: center;
}
.m-change-country-lightbox .information-product .table-wrap.left {
  border-collapse: separate;
}
.m-change-country-lightbox .information-product .table-wrap.left th,
.m-change-country-lightbox .information-product .table-wrap.left td {
  text-align: left;
  padding: 12px 0;
  font-weight: normal;
  font-size: 12px;
  /* color: #000; */
  vertical-align: top; /*@ 상품상세정보 탑정렬 / 2018.04.25 / bhkim */
}
.m-change-country-lightbox .information-product .table-wrap.left th span.kcIcon,
.m-change-country-lightbox .information-product .table-wrap.left td span.kcIcon {
  display: inline-block;
  padding-left: 45px;
  background: url(../images/cos/02/kc_icon.png) no-repeat 0 -2px;
  -webkit-background-size: 28px 42px;
  background-size: 28px 42px;
  line-height: 19px;
}
.m-change-country-lightbox .information-product .table-wrap.left th span.kcIcon span:before,
.m-change-country-lightbox .information-product .table-wrap.left td span.kcIcon span:before {
  content: "·";
  padding-right: 3px;
  margin-left: -10px;
}
.m-change-country-lightbox .information-product .table-wrap.left td {
  padding-left: 20px;
}
.m-change-country-lightbox .information-product .border-type {
  border-top: 1px #ebebeb solid;
}
.m-change-country-lightbox .information-product .border-type th,
.m-change-country-lightbox .information-product .border-type td {
  border-bottom: 1px #ebebeb solid;
}
@media screen and (max-width: 700px) {
  .m-change-country-lightbox .information-product {
    padding: 0;
  }
  .m-change-country-lightbox .information-product h2.popup_title {
    font-size: 16px;
    padding: 0;
    text-align: center;
    margin: 0 0 20px;
  }
  .m-change-country-lightbox .information-product .table-wrap.left th,
  .m-change-country-lightbox .information-product .table-wrap.left td {
    font-size: 13px;
  }
}

/*@ 라이트박스 미디움 넓이 추가(패턴립 정의 없슴) / 2017.12.19 / bhkim */
@media (min-width: 768px) {
  .o-lightbox.is-medium {
    /*width:424px;*/
    width:354px; /*@ PSD에 따른 너비 수정 / 2017.12.29 / mglee */
  }
  .o-lightbox.is-read-more {
    width:436px;
  }  
  .o-lightbox.is-return-refund {
    width:436px;
  }
  /*@ 사이즈 가이드 팝업용 사이즈 / 2018.01.24 / bhkim */
  .o-lightbox.is-large.acco {
    width: 590px;
  }
  
  /*@ 세금계산서용 팝업용 사이즈 / 2018.02.06 / bhkim */
  .o-lightbox.is-large.tax {
    width:795px;
    max-width: 795px;
  }
}

/*@ PSD에 따른 라이트박스 미디움 패딩 변경 / 2017.12.29 / mglee */
@media (min-width: 768px) {
  .o-lightbox.is-medium .lightbox-content{
    padding-top:40px;
    padding-bottom:40px;
    padding-right:32px;
    padding-left:32px;
    /*@ 반품상세 팝업 스크롤 생성 / 2018.03.09 / bhkim*/
    max-height: 79vh;
  }  
  .o-lightbox.is-read-more .lightbox-content{
    padding-top:40px;
    padding-bottom:40px;
    padding-right:32px;
    padding-left:32px;
    /*@ 임시로 보여주기 위한 수정 원래 80vh / 2018.01.31 / bhkim*/
    max-height: 79vh;
  }  
  .o-lightbox.is-return-refund .lightbox-content{
    padding-top:40px;
    padding-bottom:40px;
    padding-right:32px;
    padding-left:32px;
    /*@ 신용카드 영수증 인쇄용 팝업 높이설정 / 2018.02.06 / bhkim */
    max-height: 79vh;
  }
  .o-lightbox.is-large .lightbox-content {
    max-height: 79vh;
  }
  .o-lightbox.is-read-more.acco .lightbox-content {
     /*@ acco 팝업 높이 612-> 501로 보여주기 수정 / 2018.01.31 / bhkim* /
     /*max-height: 611px;*/
     max-height: 79vh;
   }
   .o-lightbox.is-large.acco .lightbox-content {
     /*@ acco 팝업 높이 612-> 501로 보여주기 수정 / 2018.01.31 / bhkim* /
     /*max-height: 611px;*/
     max-height: 79vh;
   } 
  
}

/*@ iframe이 겉 팝업 둘레를 넘어가버리는 현상 수정 / 2017.12.29 / mglee */
@media (min-width: 768px) {
  .o-lightbox.is-medium .lightbox-content .iframe_cont{
    width:100%;
  } 
  .o-lightbox.is-read-more .lightbox-content .iframe_cont{
    width:100%;
  }  
  .o-lightbox.is-return-refund .lightbox-content .iframe_cont{
    width:100%;
  }
}

/*@ m-hazmat 엑박현상 제거 / 2017.12.20 / mglee */
.m-hazmat .a-image{
  display: none;  
}

/*@ 팝업이 원래 min-width:320px인데 이러면 좌측이 짤려버림. 258px로 변경하여 해결 / 2017.12.20 / mglee */
body {
    min-width: 258px;
}

/*@ 라이트박스내 버튼 간격 추가 / 2017.12.20 / bhkim */
.popup_cont .btn {
  margin: 15px 0 0;
  width: 100%;
}
/*@ ALERT팝업에서 텍스트와 버튼 사이 간격은 40PX임 / 2018.01.04 / mglee */
.popup_cont .btn {
  /*margin-top: 25px; */
}
/*.popup_cont .btn.second {*/
/*  margin-top: 40px;*/
/*}*/

/*@ 부정버튼 밑에 긍정버튼 일때 / 2018.01.08 / bhkim */
.popup_cont .btn.second + .btn {
  margin-top: 15px; 
}

/*@ INPUT(text,password) 재정의 / 2017.12.26 / mglee */
input[type="text"],
input[type="password"],
input[type="tel"]{ /*@ tel도 필요함 / 2018.01.24 / mglee */
  border: none;
  background-color: #E7E7E7;
  color: #444444;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.04em;
  height: 30px;
  width: 100%;
  padding: 8px 11px 4px;
  -webkit-appearance: none;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
  color: transparent;
  text-indent: -300px;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
  color: transparent;
  text-indent: -300px;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder {
  color: transparent;
  text-indent: -300px;
}
html.touchevents input[type="text"] {
  padding: 6px 10px 4px;
}
input[type="text"]:focus,
input[type="text"].is-active,
input[type="password"]:focus,
input[type="password"].is-active,
input[type="tel"]:focus, /*@ [tel]도 필요 / 2018.02.13 / mglee */
input[type="tel"].is-active{/*@ [tel]도 필요 / 2018.02.13 / mglee */
  box-shadow: inset 0 -1px 0 0 #444444;
}
input[type="text"].has-error,
input[type="password"].has-error,
input[type="tel"].has-error{/*@ [tel]도 필요 / 2018.02.13 / mglee */
  box-shadow: inset 0 -1px 0 0 #DA441B; 
}

/*@ BUTTON 재정의 / 2017.12.26 / mglee */
.btn{
  color: #FFFFFF;
  background-color: #444444;
  border: 1px solid #444444;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.0825em;
  text-transform: uppercase;
  font-weight: normal;
  text-align: center;
  width: 100%;
  padding: 12px 9px 8px 9px;
  padding: 0;
  height: 40px;
  /*line-height: 19px;*/
  line-height: 41px;/*@ 버튼 세로 가운데 정렬 / 2018.01.08 / mglee */
  border-radius: 0;/*@ 맥북에서 BUTTON이 둥글둥글해서 각지게 변경 / 2018.01.05 / mglee */
}
.btn:hover:not(.is-disabled):not(:disabled),
.btn.is-hover,
.btn:hover{
  background-color: #999999;
  border: 1px solid #999999;
  color: #fff;
}
.btn:active:not(.is-disabled):not(:disabled),
.btn.is-active {
  background-color: #999999;
  border: 1px solid #999999;
}
.btn:disabled,
.btn.is-disabled {
  background-color: #CCCCCC;
  color: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.btn.second {
  color: #444444;
  background-color: #FFFFFF;
  border: 1px solid #E7E7E7;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.0825em;
  text-transform: uppercase;
  /*font-family: 'Gill Sans MT Pro Medium';*/
  font-weight: normal;
  text-align: center;
  width: 100%;
  /*@ second btn vertical / 2017.12.29 / bhkim */
  /*padding: 12px 9px 8px 9px;*/
}
.btn.second:hover:not(.is-disabled):not(:disabled),
.btn.second.is-hover,
.btn.second:hover{
  color: #999999;
  border: 1px solid #CCCCCC;
  background: #fff;
}
.btn.second:active:not(.is-disabled):not(:disabled),
.btn.second.is-active {
  color: #999999;
  border: 1px solid #CCCCCC;
}
.btn.second:disabled,
.btn.second.is-disabled {
  color: #CCCCCC;
  border: 1px solid #E7E7E7;
}
.btn.has-underline {
  text-decoration: underline;
}
.btn .underline {
  position: relative;
}
.btn .underline:after {
  content: "";
  width: calc(100% - 0.05em);
  background-color: currentColor;
  height: 1px;
  position: absolute;
  bottom: 0.13em;
  left: 0;
}
.btn .underline:last-child:after {
  width: calc(100% - 0.04em);
}
.btn .underline-p,
.btn .underline-y,
.btn .underline-j,
.btn .underline-q {
  position: relative;
}
.btn .underline-p:after,
.btn .underline-y:after,
.btnn .underline-j:after,
.btn .underline-q:after {
  content: "";
  width: calc(100% - 0.15em);
  background-color: currentColor;
  height: 1px;
  position: absolute;
  bottom: 0.13em;
  left: 0.1em;
}
.btn .underline-p:after {
  width: calc(100% - 0.26em);
  left: 0.30em;
}
.btn .underline-y:after {
  width: calc(100% - 0.325em);
  left: 0.325em;
}
.btn .underline-j:after {
  width: calc(100% - 0.225em);
  left: 0.225em;
}
.btn .underline-q:after {
  width: calc(100% - 0.18em);
  left: -0.1em;
}
.btn .underline-q + .underline:after {
  left: 0.1em;
  width: calc(100% - 0.215em);
}
/*@ btn_area inside btn / 2017.12.29 / bhkim */
.btn_area .btn {
  line-height: 40px;
} 


/* @ 어나더 스타일 RADIO(CSS), CHECK(SVG) / 2017.12.27 / mglee */
.type-radio,
.type-checkbox {
  position: relative;
  padding-left: 23px;
  /*@ 공통 폰트 사이즈 11-> 12 변경 / 2018.01.29 / bhkim */
  font-size: 12px;
  font-weight: normal !important;
  line-height: 18px;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 25px;
}
.type-radio:before,
.type-checkbox:before {
  content: "";
  /*border: 1px solid #000000;*/
  /*background: #ffffff;*/
  background-color: #E7E7E7;
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 8px;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.type-radio .radio-ui,
.type-checkbox .radio-ui,
.type-radio .checkbox-ui,
.type-checkbox .checkbox-ui {
  opacity: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}
.type-radio.checked:after,
.type-checkbox.checked:after {
  content: "";
  display: block;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.type-radio.disabled,
.type-checkbox.disabled {
  cursor: default;
  color: #cccccc;
}
.type-radio.disabled:before,
.type-checkbox.disabled:before {
  border-color: #cccccc;
}
.type-radio.disabled:after,
.type-checkbox.disabled:after {
  opacity: 0.2;
}
.type-radio:before {
  border-radius: 100%;
}
.type-radio.checked:after {
  background-color: #000000;
  /*width: 6px;*/
  /*height: 6px;*/
  width: 4px;
  height: 4px;  
  border-radius: 100%;
  top: 8px;
  /*left: 4px;*/
  left: 5px;
}
.type-checkbox.checked:after {
  width: 14px;
  height: 14px;
  top: 8px;
  left: 0;
  background: url("../images/cos/02/checkbox-tick.svg") no-repeat center center;
  /*background-size: 75% 75%;*/
  background-size: 8px 8px;
}

/* @ startpage patternlib.css 재정의 / 2017.12.27 / bhkim */
.o-page-content .u-row:first-child .o-takeover {
   margin-top: -43px; 
}

/* @ takeover 익스용 간격 / 2018.04.12 / mglee */
_:-ms-fullscreen, :root.is-notification .o-page-content .u-row:first-child .o-takeover {
   margin-top: -48px !important;
}

@media (min-width: 768px) {
  .o-page-content .u-row:first-child .o-takeover {
     margin-top: -69px; 
  }
  
  /* @ takeover 익스용 간격 / 2018.04.12 / mglee */
  _:-ms-fullscreen, :root.is-notification .o-page-content .u-row:first-child .o-takeover {
     margin-top: -74px !important;
  }	    
  
}
@media (min-width: 1151px) {
  .o-page-content .u-row:first-child .o-takeover {
     margin-top: -68px; 
  }
  
  /* @ takeover 익스용 간격 / 2018.04.12 / mglee */
  _:-ms-fullscreen, :root.is-notification .o-page-content .u-row:first-child .o-takeover {
     margin-top: -74px !important;
  }	  
  
}

/* @ takeover 익스는 더 위로 올려야 함 / 2018.02.13 / mglee */
/* @ takeover 익스용 코드 모두 삭제 / 2018.04.12 / mglee */
/*
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .o-page-content .u-row:first-child .o-takeover {
     margin-top: -43px; 
  }	
}
@media (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .o-page-content .u-row:first-child .o-takeover {
     margin-top: -69px; 
  }	
}
@media (min-width: 1151px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .o-page-content .u-row:first-child .o-takeover {
     margin-top: -74px; 
  }	
}
*/

/* @ 주문 페이지 레이아웃 바로잡기 / 2017.12.27 / mglee / order-write/COS-FP-03-002v0.html */
.ly_order .delivery-list li{
}
.ly_order .delivery-list .label_group .head{
  position: relative;
}
.ly_order .delivery-list .label_group .head .btns{
  position: absolute;/*@ 배송지 수정 버튼 안나오는 문제 수정 / 2018.01.08 / bhkim */
  top: 0;/*@ 배송지 수정 버튼 안나오는 문제 수정 / 2018.01.08 / bhkim */
  /*right: 0;*/ /*@ 배송지 수정 버튼 안나오는 문제 수정 / 2018.01.08 / bhkim */
  position: relative;/* @ 개발쪽에서 익스 이슈로 인해 스타일 변경 / 2018.02.27 / mglee */
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.ly_order .delivery-list .label_group .head .btns a{
  /*float: left;*/ /* @ 개발쪽에서 익스 이슈로 인해 스타일 변경 / 2018.02.27 / mglee */
  margin: 0;
}
.delivery_section .ly_list li .type-radio,
.delivery_section .ly_list li .type-checkbox{
  width: 100%;
}
.ly_order .delivery-list .label_group .head .btns .btn-modify{
  /*@ 배송지 수정 수정 / 2018.01.08 / bhkim */
  margin-right:10px;
}

/* @ 품절 툴팁 안보이는 이슈 고침 / 2017.12.28 / mglee / 원인을 알 수 없어서 패턴립을 오버라이딩함 */
/* @ 현재는 다시 이 값을 빼야 정상적으로 세모꼴이 달라 붙음-주석으로 삭제 / 2018.04.26 / mglee */
/*
.a-size-swatch .size-options.out-of-stock .tooltip-text:after{
  bottom: 29px;  
}
*/

/*@ input error line add / 2018.01.02 / bhkim */
select.form_control.error,
select.select-ui.error,
select.form_control.error + .selectboxit-container,
select.select-ui.error + .selectboxit-container {
  border-bottom: 1px #DA441B solid;
}
.selectboxit-container.error,
.selectboxit-container.error + .selectboxit-container {
  border-bottom: 1px #DA441B solid;
}
.form_control.error,
.form_control.error + .selectboxit-container {
  border-bottom: 1px #DA441B solid;
}
.type-radio.error:before,
.type-checkbox.error:before {
  border-bottom: 1px #DA441B solid;
}
.form_group.error .form_control,
.input_group.error .form_control,
.email_form.error .form_control,
.form_control.error .form_control,
.selectboxit-container.error .form_control {
  border-bottom: 1px #DA441B solid;
}

/*@ coolie message font 변경 / 2018.01.03 / bhkim */
@media (min-width: 768px) {
  .m-cookie-message p {
      font-size: 11px;
  }
}

/*@ u-not-mobile class 변경 / 2018.01.03 / bhkim */
/*@ u-not-* 클래스는 변경되어선 안된다-주석으로 제거 / 2018.02.22 / mglee */
/*
@media (min-width: 768px) {
  .u-not-mobile, .u-not-tablet {
    display: inline-block !important;
  }  
}
*/

/*@ minicart empty align 다시 원래데로 왼쪽 정렬 주석으로 제거 / 2018.03.15 / bhkim */
/*@ minicart empty align / 2018.01.04 / bhkim */
/*.o-minicart.is-empty .empty-cart-text {*/
/*  text-align: center;*/
/*}*/

/*@ ALERT에 연한 회색 텍스트가 있어서 스타일 추가 / 2018.01.05 / mglee */
.txt_secondary{
  color: #ccc;
  margin-top: 10px;
}

/*@ ALERT에 좌우 나란히 배치 버튼 / 2018.01.05 / mglee */
.btn-horizontal-wrap{
  overflow:hidden;
  margin-top: 40px;
}
.btn-horizontal-wrap .column{
  width: 50%;
  float:left;
}
.btn-horizontal-wrap .column .btn{
  width: calc(100% - 10px);
  margin-top: 0 !important;
}
.btn-horizontal-wrap .column:first-child .btn{
  float:left;
}
.btn-horizontal-wrap .column:last-child .btn{
  float:right;
}

/*@ 어포던시 낮은 버튼 / 2018.01.05 / mglee */
.btn-secondary{
  color: #444444;
  background: #fff;
  border: 1px solid #ccc;
}

/*
  원래는 padding이 40 30 40 30 인줄 알았으나,
  주소 검색 팝업 부분은 47 47 47 47로 되어있음을 발견.
  is-small로 새롭게 팠다.
  / 2018.01.05 / mglee
*/
.o-lightbox.is-small{
  
}
.o-lightbox.is-small .lightbox-content{
  padding: 47px 47px 47px 47px;  
}

/*@ 팝업 하단에 컨텐츠가 없는데도 공간이 생기는데, 이를 없앰 / 2018.01.05 / mglee */
.layout-inside{
  /*min-height: auto;*/
}
.o-lightbox{
  min-height: auto;
}

/*주소검색팝업 너비 조절 / 2018.01.05 / mglee */
.o-lightbox.is-small{
  width: 436px;
  max-width: 436px;
}


/*@ selectbot 스타일 정의 / 2018.01.08 / bhkim */
select.form_control,
select.select-ui {
  color: inherit;
  width: 100%;
  border: none;
  border-bottom: 1px solid #cccccc;
  font-size: 11px;
  font-weight: normal !important;
  line-height: 18px;
  padding: 4px 0 3px;
  height: 23px;
  background: transparent;
}
select.form_control:focus,
select.select-ui:focus {
  border-color: #000000;
}
select.form_control.error,
select.select-ui.error,
select.form_control.error + .selectboxit-container,
select.select-ui.error + .selectboxit-container {
  border-color: #ff00cc;
}
select.form_control.error:before,
select.select-ui.error:before,
select.form_control.error + .selectboxit-container:before,
select.select-ui.error + .selectboxit-container:before {
  color: #ff00cc;
}
select.form_control.disabled::-webkit-input-placeholder,
select.select-ui.disabled::-webkit-input-placeholder {
  color: #cccccc;
}
select.form_control.disabled::-moz-placeholder,
select.select-ui.disabled::-moz-placeholder {
  color: #cccccc;
}
select.form_control.disabled:-moz-placeholder,
select.select-ui.disabled:-moz-placeholder {
  color: #cccccc;
}
select.form_control.disabled:-ms-input-placeholder,
select.select-ui.disabled:-ms-input-placeholder {
  color: #cccccc;
}
select.form_control.disabled,
select.select-ui.disabled,
select.form_control.disabled + .selectboxit-container,
select.select-ui.disabled + .selectboxit-container {
  border-color: #cccccc;
  color: #cccccc;
  cursor: default !important;
  opacity: 1;
}
select.form_control.num,
select.select-ui.num {
  border-bottom: none;
}
select.form_control.num + .selectboxit-container,
select.select-ui.num + .selectboxit-container {
  border-bottom: none;
  text-align: center;
}
select.form_control.num + .selectboxit-container .ui-selectmenu-text,
select.select-ui.num + .selectboxit-container .ui-selectmenu-text {
  margin-right: 15px;
  padding-left: 22px;
  text-align: left;
}
.selectboxit-container {
  color: inherit;
  width: 100%;
  border: none;
  font-size: 12px;
  font-weight: normal !important;
  line-height: 18px;
  padding: 2px 0 3px;
  height: 30px;
  background: transparent;
  border-radius: 0;
  border: none;
  background-color: #E7E7E7;
}
.selectboxit-container:focus {
  border-color: #000000;
}
.selectboxit-container.error,
.selectboxit-container.error + .selectboxit-container {
  border-color: #ff00cc;
}
.selectboxit-container.error:before,
.selectboxit-container.error + .selectboxit-container:before {
  color: #ff00cc;
}
.selectboxit-container.disabled::-webkit-input-placeholder {
  color: #cccccc;
}
.selectboxit-container.disabled::-moz-placeholder {
  color: #cccccc;
}
.selectboxit-container.disabled:-moz-placeholder {
  color: #cccccc;
}
.selectboxit-container.disabled:-ms-input-placeholder {
  color: #cccccc;
}
.selectboxit-container.disabled,
.selectboxit-container.disabled + .selectboxit-container {
  border-color: #cccccc;
  color: #cccccc;
  cursor: default !important;
  opacity: 1;
}
.selectboxit-container .ui-selectmenu-icon {
  display: none;
}
.selectboxit-container:hover,
.selectboxit-container:focus {
  /*background-color: transparent;*/
  border: none;
  /*border-bottom: 1px solid #000000;*/
}
.selectboxit-container:before {
  font-family: 'COS-Icons';
  color: #CCCCCC;
  top: 7px;
  right: 4px;
  float: right;
  font-size: 17px;
  position: absolute;
  transform: rotate(180deg);
}
.selectboxit-container.ui-selectmenu-button-closed:before {
  content: "";
  /* 2017.09.21 -1->0으로 */
  margin-top: 0px;
}
.selectboxit-container.ui-selectmenu-button-open:before {
 content: "";
}
.selectboxit-container.ui-selectmenu-button.ui-button {
  width: 100%;
  margin: 0;
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ui-selectmenu-menu .a-icon-close {
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  background: #ffffff;
  border-radius: 0;
  font-size: 12px;
  font-weight: normal !important;
  border: none;
  /*border-top: 1px solid #000000;*/
  /*border-bottom: 1px solid #000000;*/
  margin-top: -1px;
  padding: 5px 0 5px;
  max-height: 200px;
  background-color: #E7E7E7;
}
.ui-selectmenu-menu .ui-menu li {
  border: none;
  /*@ 드롭박스 내 마진 제거 / 2018.01.31 / bhkim */
  padding: 0;
}
.ui-selectmenu-menu .ui-menu li .ui-menu-item-wrapper {
  border: none;
  padding: 0;
  margin: 0;
  line-height: 27px;
  height: 27px;
  /*@ 주문서 결제 부분 할부선택 스타일 수정 7-> 12 / 2018.01.29 / bhkim */
  padding-left: 12px;
  padding-right: 20px;
  background-color: #e7e7e7;
  color: #999;
}
.ui-selectmenu-menu .ui-menu li .ui-menu-item-wrapper:hover {
  background-color: #d9d9d9;
    line-height: 27px;
  height: 27px;
}
.ui-selectmenu-menu .ui-menu.num_menu li .ui-menu-item-wrapper {
  text-align: center;
  padding-left: 0;
}
/*@ 아이프레임 팝업에서 셀렉문제로 전체화면 주석처리 / 2018.01.30 / bhkim */
/*@media screen and (max-width: 570px) {*/
/*  .ui-selectmenu-menu.ui-selectmenu-open.se_mobile {*/
/*    position: fixed;*/
/*    left: 0 !important;*/
/*    top: 0 !important;*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    background: #ffffff;*/
/*    -webkit-transform: translate(0, 0);*/
/*    -moz-transform: translate(0, 0);*/
/*    -ms-transform: translate(0, 0);*/
/*    -o-transform: translate(0, 0);*/
/*    transform: translate(0, 0);*/
/*    overflow-x: hidden;*/
/*  }*/
/*  .ui-selectmenu-menu.ui-selectmenu-open.se_mobile .a-icon-close {*/
/*    display: block;*/
/*  }*/
/*  .ui-selectmenu-menu.ui-selectmenu-open.se_mobile .a-icon-close {*/
/*    position: fixed;*/
/*    font-size: 13px;*/
/*    display: block;*/
/*    right: 24px;*/
/*    top: 24px;*/
/*    z-index: 100;*/
/*    cursor: pointer;*/
/*    display: none;*/
/*  }*/
/*  .ui-selectmenu-menu.ui-selectmenu-open.se_mobile .div-table {*/
/*    height: 100%;*/
/*  }*/
/*  .ui-selectmenu-menu.ui-selectmenu-open.se_mobile .ui-menu {*/
/*    display: table-cell;*/
/*    vertical-align: middle;*/
/*    width: 100%;*/
/*    max-height: inherit;*/
/*    border: none;*/
/*    text-align: center;*/
/*    overflow-y: auto;*/
/*  }*/
/*}*/


/* //@ selectbot 스타일 재정의 / 2018.01.08 / bhkim */

/* @ 주문완료 스타일 재정의 / 2018.01.08 / bhkim */
.o-order-confirmation.guest {
  margin-top: -16px;
}
.o-order-confirmation .receipt-section .page-title {
  margin-bottom: 18px;
}
@media (min-width: 1025px) {
  .o-order-confirmation .receipt-section {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .o-order-confirmation .receipt-section {
    width: 100%;
  }
}
.o-order-confirmation .receipt-section p.order_num {
  margin-bottom: 30px;
  padding-top: 10px;
}
.o-order-confirmation .receipt-section p.order_num strong {
  font-weight: normal;
}
/* @ 너비에 따른 GNB 숨김 기능 / 2018.01.15 / mglee */
@media (min-width: 0px) and (max-width: 767px) {/*mobile*/
  .o-navigation .categories.is-open .a-link.u-not-mobile{display: none !important;}
}
@media (min-width: 768px) and (max-width: 1024px) {/*tablet*/
  .o-navigation .categories.is-open .a-link.u-not-tablet{display: none !important;}
}
@media (min-width: 1025px) {/*pc*/
  .o-navigation .categories.is-open .a-link.u-not-pc{display: none !important;}
}
@media (min-width: 0px) and (max-width: 767px) {/*mobile*/
  .o-navigation .categories.is-open .category-list.u-not-mobile{display: none !important;}
}
@media (min-width: 768px) and (max-width: 1024px) {/*tablet*/
  .o-navigation .categories.is-open .category-list.u-not-tablet{display: none !important;}
}
@media (min-width: 1025px) {/*pc*/
  .o-navigation .categories.is-open .category-list.u-not-pc{display: none !important;}
}

/* @ 주문-로그인에 PC일땐 X버튼 없어야 한다. / 2018.01.15 / mglee */
@media (min-width: 1025px) {/*pc*/
.o-lightbox .a-icon-close.u-not-pc{display: none;}
}

.o-order-summary .order-value-section {
  color: #444;
}

/* @  플레이스홀더 나오게 하고싶을때 / 2018.01.18 / bhkim */
input.placeholder_view::-webkit-input-placeholder {
  color: #444;
  text-indent: 0px;
}
input.placeholder_view:-ms-input-placeholder {
  color: #444;
  text-indent: 0px;
}
input.placeholder_view::placeholder {
  color: #444;
  text-indent: 0px;
}

/* @ 헬퍼 / 2018.01.15 / bhkim */
/* @ 헬퍼 / 2018.01.18 / mglee */
/* @ 헬퍼 / 2018.01.24 / mglee */
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt11 { padding-top: 11px !important; }
.pt12 { padding-top: 12px !important; }
.pt13 { padding-top: 13px !important; }
.pt14 { padding-top: 14px !important; }
.pt15 { padding-top: 15px !important; }
.pt16 { padding-top: 16px !important; }
.pt17 { padding-top: 17px !important; }
.pt18 { padding-top: 18px !important; }
.pt19 { padding-top: 19px !important; }
.pt20 { padding-top: 20px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }
.pl0 { padding-left: 0px !important; }
.mb12 { margin-bottom:12px !important;}
.pl10 { padding-left: 10px !important; }
.pr10 { padding-right: 10px !important; }
.pl20 { padding-left: 20px !important; }
.pr20 { padding-right: 20px !important; }
.btline { border-bottom: 1px #ebebeb solid !important;;}
.nolineb { border-bottom: none !important;}
.floatr { float: right !important; }

/*@ 패턴립 수량 조절 버튼 위치 수정 맥북크롬에서 2px 차이생김 / 2018.02.08 / bhkim */
@media (min-width: 1025px) {
  .td_quantity2 .o-cart-item .m-dropdown {
    margin-top: -2px ;
  }
  .o-cart-item .m-dropdown .a-icon-close,
  .o-cart-item .m-dropdown .a-icon-arrow-down-small {
    /*margin-top: 2px;*/
    /*padding-top:1px;*/
    vertical-align: bottom;
    line-height: 22px;
  }

}

/* @ 마이페이지 레프트 메뉴, 모바일/태블릿일 경우엔 숨긴다. / 2018.01.18 / mglee */
@media (min-width: 0px) and (max-width: 767px) {/*mobile*/
  .o-my-page-navigation .o-list li .a-link.m-hide{display:none;}
}
@media (min-width: 768px) and (max-width: 1024px) {/*tablet*/
  .o-my-page-navigation .o-list li .a-link.t-hide{display:none;}
}

/* @ 새로운 텍스트에어리아 / 2018.01.18 / mglee */
.idr-textarea{
  border: 1px solid #a9a9a9;
  width: 100%;
  height: 50px;
  background:#E0E0E0;
}

/* @ 회원탈퇴쪽은 텍스트에어리아가 흰색이다 / 2018.02.11 / mglee */
.mycontent .my_box .idr-textarea{
  background:#fff;
}

/* @ 환불계좌쪽-약간 간격 필요한듯 / 2018.01.19 / mglee */
.form_lab .txt_info{
  padding-top: 5px;  
}

/* @ SNS 디자인 새로 / 2018.01.19 / mglee */
.sns_list{
  
}
.sns_list li{
  margin-bottom: 20px;
}
.sns_list li .icon-jsns{
  border: 1px solid #ccc;
}
.sns_list li .tx_link{
  /*text-decoration: underline;*/
  /*border-bottom: 1px solid #444;*/ /* @ 마이페이지도 링크 언더라인 간격 넓히기 / 2018.02.12 / mglee */ /* @ 본 방식 언더라인 폐기 / 2018.03.14 / mglee */
  /*padding-bottom: 4px;*/ /* @ 마이페이지도 링크 언더라인 간격 넓히기 / 2018.02.12 / mglee */ /* @ 본 방식 언더라인 폐기 / 2018.03.14 / mglee */
}
.sns_list li .t{
  display: inline-block;
  width: 74px;
}
.sns_list li .sns_email{
  display: inline-block;
  margin-right: 74px;
}

/* @ 장바구니 - 품절임박 / 2018.01.21 / mglee */
.soon-out{
  color: #da441b;
  padding-right: 13px;
}

/* @ 장바구니 - +,- 버튼 불능 상태 / 2018.01.21 / mglee */
.a-icon-close.is-disabled,
.a-icon-arrow-down-small.is-disabled{
  opacity: 0.3;
}

/* @ SHARE중 하나가 텀블러 대신 이메일이다. / 2018.01.22 / mglee */
@media (min-width: 0px) and (max-width: 1024px) {/*mobile, tablet*/
  .o-social-share .a-link{
    width: 50px;
    height: 27px;
  }
  .o-social-share .a-link>span{
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1025px) {/*pc*/
  .o-social-share .a-link{
    width: 39px;
    height: 28px;
  }
  .o-social-share .a-link>span{
    width: 20px;
    height: 20px;
  }
}
.a-icon-email{
  background-image: url("../images/cos/02/email.svg");
}

/*@ 미니카트, 쿠키메시지 언더라인 버튼 재설정 / 2018.01.22 / bhkim */
.o-header .minicart .o-minicart .a-button .underline:after,
.m-cookie-message a .underline:after {
  bottom: -0.10em;
}

/*@ 일반페이지 (에러페이지) 좌우버튼 스타일적용 / 2018.01.22 / bhkim */
.button_list {
  overflow: hidden;
  margin-top: 22px;
  width: 100%;
}
.button_list li {
  float: left;
  width: 50%;
  padding: 0 5px;
}
.button_list li:first-child {
  padding-left: 0; 
}
.button_list + .tx {
  margin-top: 15px;
}
/*@ 매장찾기 셀렉박스 보더제거 sis 공통용 / 2018.02.20 / bhkim */
.o-store-locator .country-wrapper .m-dropdown-filter#countries .a-input,
.o-store-locator .country-wrapper .m-dropdown-filter#cities .a-input {
  border-top: none;
  border-left: none;
  border-right: none;
  font-size:12px; /*@ 11px에서 안드에서 짤림=>이유모름 /2018.03.22 / bhkim*/
}

.o-store-locator .country-wrapper .m-dropdown-filter#cities input.a-input[type="text"]:focus {
  border: 0px solid transparent;
  padding:0;
  outline: inherit;
  border-bottom: 1px solid transparent;
}
.o-store-locator .country-wrapper .m-dropdown-filter#countries  input.a-input[type="text"]:disabled {
  color: #444 !important; 
  /*@ 매장찾기 셀렉박스 국가부분 ie 배경색 inherit -> white로  / 2018.03.21 / bhkim */
  background-color: #fff;  
}
/*@ 매장찾기 국가선택 안되게 설정 / 2018.01.23 / bhkim */
.o-store-locator .country-wrapper .m-dropdown-filter#countries .a-input.filter {
  border-color: #999 !important;
  opacity: 0.5;
}
.o-store-locator .country-wrapper .m-dropdown-filter#countries span {
  pointer-events: none;
  cursor: default;
}

/*@ 고객서비스 faq 부제목 설정 / 2018.01.23 / bhkim */
.accordion-content .a-paragraph span {
  display: inline-block;
  margin-left: 10px;
}
.accordion-content .a-paragraph span:before {
  content: "-";
  padding-right: 3px;
  margin-left: -7px;
}

/*@ 뉴스레터-제목 하단 마진값 늘려야 / 2018.01.23 / mglee */
.o-newsletter-subscription-validation-email .a-heading-1{
  margin-bottom: 30px;
}

/*@ 서비스 가입 사실 확인-이미지가 너무 큼 작게 해야 할듯 / 2018.01.23 / mglee */
.receipt-paper .ly_guarantee .img_guarantee>img{
  width: 100%;
}
@media (min-width: 1025px) {/*pc*/
  .receipt-paper .ly_guarantee .img_guarantee>img{
    max-width: 280px;
  }
}
.receipt-paper .btn.etc_paper{
  display:none;
}

/*@ 맥스 width 삭제 - 국가선택에서 깨짐 / 2017.01.22 / bhkim */
.o-page-content .o-country-selector .image-content img {
	max-width: none;
}

/*@ 마이페이지-레프트 어사이드 폰트 사이즈 조절 / 2017.01.23 / mglee */
.o-my-page-navigation .o-list li .a-link{
  font-size: 13px;
} 

/*@ 뉴스레터-최초방문자 / 2017.01.23 / mglee */
.is-withimg .img-wrap{
  display: none;
}
@media (min-width: 1025px) {
  .is-withimg{
    width: 704px; /*352의 두배*/
    max-width: 704px;
    /*@ 뉴스레터전용라이트 박스 사이즈 수정 / 2018.03.30 / bhkim */
    height: 442px;
    box-sizing: content-box;
  }
  .is-withimg .img-wrap{
    display: block;
    position: absolute;
    left:0;
    top:0;
    width: 352px;
    height: 442px; /*@ 고객 요청에 의해 사이즈 변경 100%->442px / 2018.03.29 / bhkim */
    overflow: hidden;
  }
  .is-withimg .img-wrap>img{
    width: 352px; /*@ 고객 요청에 의해 사이즈 변경 100%->442px / 2018.03.29 / bhkim */
    height: 442px;
  }
  .is-withimg .o-newsletter-signup{
    margin-top:auto;
    margin-right:auto;
    margin-bottom:auto;
    margin-left: 352px;
  }
/*@ 뉴스레터전용라이트 박스 사이즈 수정 / 2018.03.30 / bhkim */
  .is-withimg .o-newsletter-signup h2.a-heading-2 {
    margin-bottom: 37px;
  }

}

/*@ 사이즈가이드 제목 대문자 제거 / 2018.01.14 / bhkim */
.m-breadcrumb a:last-child .a-heading-1 {
  text-transform: none;
}
/*@ 장바구니, 주문서 flammable 생성 폰트에서 이미지 깨짐 / 2018.01.14 / bhkim */
.o-cart .o-cart-item.is-hazmat .m-hazmat.mflammable {
  margin-top: 10px;
}
.m-hazmat.mflammable:before {
  content:""
}
.m-hazmat.mflammable:before {
  font-family: 'initial';
  font-weight: normal;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background-image:url("../images/cos/02/flammable.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 17px;
}

/*@ 컬러칩-품절 사선 / 2018.01.25 / mglee */
/*@ 컬러칩-품절 사선 - 퀵샵안에서는 left,top 값이 약간 다르다 / 2018.01.26 / mglee */
.white-slash{
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
}
.white-slash::after{
  position: absolute;
  content: " ";
  background: #e7e7e7;
  width:1px;
  height: 38px;
  transform: rotate(45deg) translate(5px, -12px);
}
.o-quick-buy .right-panel .o-product-information .o-form .m-dropdown .colorchip-wrap .white-slash::after{
  transform: rotate(45deg) translate(2px, -12px);
}


/* @컬러칩 wrapper화 / 2018.01.26 / mglee */
.colorchip-wrap {
  position: relative;
  border: 1px solid #E7E7E7;
  height: 28px;
  width: 28px;
  margin: 7px 0 2px 7px;
  display: inline-block;
  overflow: hidden;
}
.colorchip-wrap .a-image{
  margin: 0 !important;
  border: 0 !important;
}

@media (min-width: 768px) {
  .colorchip-wrap {
    margin: 5px 0 0 6px;
    margin-bottom: 1px; /*@ PDP 컬러칩 상하 가운데 맞춤 / 2018.04.26 / mglee */
  }
}

@media (min-width: 1025px) {
  .colorchip-wrap {
    /*margin-bottom: 3px;*/ /*@ PDP 컬러칩 상하 가운데 맞춤 / 2018.04.26 / mglee */
    margin-bottom: 5px; /*@ PDP 컬러칩 상하 가운데 맞춤 / 2018.04.26 / mglee */
  }
}
.o-quick-buy .right-panel .o-product-information .o-form .m-dropdown .colorchip-wrap, 
.o-quick-buy .right-panel .o-product-information .o-form .list-wrapper .colorchip-wrap {
  width: 24px;
  height: 24px;
  margin: 4px 0 3px 4px;
  margin-bottom: 4px; /*@ PDP 컬러칩 상하 가운데 맞춤(퀵샵) / 2018.04.26 / mglee */
}
.o-quick-buy .right-panel .o-product-information .o-form .m-dropdown .colorchip-wrap .a-image, 
.o-quick-buy .right-panel .o-product-information .o-form .list-wrapper .colorchip-wrap .a-image {
    margin:0;
}

/*@ 고객센터 모든 부제목 bold 제거 / 2018.01.29 / bhkim */
.o-page-content .content-section .a-paragraph strong {
  font-size: 13px;
  font-weight: normal;
  color: #444;
}

/*@ 스마트언더라인 폐기, 언-스마트언더라인 정의 / 2018.01.31 / mglee / controller.min.js */
.unsmart-underline{
	text-decoration: none !important;
	position: relative;  
}
/*@ 언-스마트언더라인의 before 없앰  / 2018.02.08 / mglee */
/*
.unsmart-underline:before{
	position:absolute;
	bottom:0;
	left:0;
	content:" ";
	background: #666;
	height: 1px;
	width: 100%;
}
*/
/*@ 언-스마트언더라인의 before 없애고 새롭게 만든 span엘리먼트.  / 2018.02.08 / mglee */
.unsmart-underline .unsmart-underline-underline{
	position: absolute;
	/*bottom: -2px; */ /*@ 간격2px로 수정 / 2018.02.27 / mglee */
	bottom: 1px; /*@ 간격2px로 수정 / 2018.02.27 / mglee */
	left: 0;
	background: #444;
	height: 1px;
	color: transparent;
	overflow: hidden; /*@ 마우스로 블록 영역 잡히는 문제가 있었음 / 2018.02.20 / mglee */ 
}

/*@ 맥-언스마트언더라인  / 2018.03.02 / mglee */
.os-mac .unsmart-underline .unsmart-underline-underline{bottom: 3px;}

/*@ 간격2px로 수정 / 2018.02.27 / mglee */
.o-square .cell .text-content .a-paragraph, .o-square .cell .text-content .a-link .unsmart-underline-underline{bottom: 0px;}
.os-mac .o-square .cell .text-content .a-paragraph, .os-mac .o-square .cell .text-content .a-link .unsmart-underline-underline{bottom: 3px;}/*@ 맥-언스마트언더라인  / 2018.03.02 / mglee */
.o-blog-listing .o-text-block .cta-section .a-link .unsmart-underline-underline{bottom: 1px;}
/*@ 맥-언스마트언더라인  / 2018.03.02 / mglee */
.o-hero .m-teaser .a-link .unsmart-underline-underline{
  /*bottom: -1px;*/ /*@ 이부분때문에 윈도우-크롬 히어로 컴포넌트 언더라인이 전반적으로 안맞아떨어짐. 주석으로 삭제.  / 2018.04.10 / mglee */
  /*bottom: 2px;*/
}
.os-mac .o-hero .m-teaser .a-link .unsmart-underline-underline{bottom: 3px;}/*@ 맥-언스마트언더라인  / 2018.03.02 / mglee */

/*@ 언스마트언더라인 폰트사이즈 가이드 각각 정의 작업 / 2018.03.19 / mglee */
/*@ 영문 가이드 추가 / 2018.03.20 / mglee */
/*@ 히어로 뿐만 아니라 모든 컴포넌트의 언스마트언더라인 스타일 적용 확대 / 2018.04.06 / mglee */
.unsmart-underline.q-peta .unsmart-underline-underline{bottom: 3px;}
.unsmart-underline.q-giga .unsmart-underline-underline{bottom: 4px;}
.unsmart-underline.q-giga2 .unsmart-underline-underline{bottom: 1px;}
.unsmart-underline.q-mega .unsmart-underline-underline{bottom: 3px;}
.unsmart-underline.q-alpha .unsmart-underline-underline{bottom: 2px;}
.unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom: 2px;}
.unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom: 2px;}
.unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom: 1px;}
.unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom: 1px;}
.unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom: 1px;}
.unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom: 1px;}
.unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom: 1px;}

.unsmart-underline.q-peta-e .unsmart-underline-underline{bottom: -3px;}
.unsmart-underline.q-giga-e .unsmart-underline-underline{bottom: -2px;}
.unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom: -3px;}
.unsmart-underline.q-mega-e .unsmart-underline-underline{bottom: -2px;}
.unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom: -2px;}
.unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom: -2px;}
.unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom: -2px;}
.unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom: -1px;}
.unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom: -2px;}
.unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom: -1px;}
.unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom: -1px;}
.unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom: 0px;}

/*os-mac*/
.os-mac .unsmart-underline .unsmart-underline-underline{bottom: 3px;}
.os-mac .unsmart-underline.q-peta .unsmart-underline-underline{bottom: 7px;}
.os-mac .unsmart-underline.q-giga .unsmart-underline-underline{bottom: 7px;}
.os-mac .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom: 5px;}
.os-mac .unsmart-underline.q-mega .unsmart-underline-underline{bottom: 4px;}
.os-mac .unsmart-underline.q-alpha .unsmart-underline-underline{bottom: 4px;}
.os-mac .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom: 5px;}
.os-mac .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom: 4px;}
.os-mac .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom: 3px;}
.os-mac .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom: 2px;}
.os-mac .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom: 3px;}
.os-mac .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom: 3px;}
.os-mac .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom: 3px;}

.os-mac .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom: 2px;}
.os-mac .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom: 3px;}
.os-mac .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom: 2px;}
.os-mac .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom: 2px;}
.os-mac .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom: 0px;}
.os-mac .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom: 0px;}
.os-mac .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom: 2px;}
.os-mac .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom: 2px;}
.os-mac .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom: 1px;}

/*os-android*/
.os-android .unsmart-underline .unsmart-underline-underline{bottom: 3px;}
.os-android .unsmart-underline.q-peta .unsmart-underline-underline{bottom: 7px;}
.os-android .unsmart-underline.q-giga .unsmart-underline-underline{bottom: 7px;}
.os-android .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom: 5px;}
.os-android .unsmart-underline.q-mega .unsmart-underline-underline{bottom: 4px;}
.os-android .unsmart-underline.q-alpha .unsmart-underline-underline{bottom: 4px;}
.os-android .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom: 5px;}
.os-android .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom: 4px;}
.os-android .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom: 3px;}
.os-android .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom: 2px;}
.os-android .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom: 3px;}
.os-android .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom: 3px;}
.os-android .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom: 3px;}

.os-android .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom: 2px;}
.os-android .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom: 3px;}
.os-android .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom: 1px;}
.os-android .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom: 2px;}
.os-android .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom: 1px;}
.os-android .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom: 2px;}
.os-android .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom: 1px;}
.os-android .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom: 0px;}
.os-android .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom: 0px;}
.os-android .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom: 2px;}
.os-android .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom: 2px;}
.os-android .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom: 1px;}

/*@ 엠프리타일 추가(우선 안드만) / 2018.04.17 / mglee */
.m-free-tile .unsmart-underline .unsmart-underline-underline{bottom:-2px;}
.m-free-tile .unsmart-underline.q-peta .unsmart-underline-underline{bottom:-1px;}
.m-free-tile .unsmart-underline.q-giga .unsmart-underline-underline{bottom:0px;}
.m-free-tile .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:0px;}
.m-free-tile .unsmart-underline.q-mega .unsmart-underline-underline{bottom:-1px;}
.m-free-tile .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:-1px;}
.m-free-tile .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:-1px;}
.m-free-tile .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:-1px;}
.m-free-tile .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:-2px;}
.m-free-tile .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:-2px;}
.m-free-tile .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:-2px;}
.m-free-tile .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:-2px;}
.m-free-tile .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:-2px;}

.m-free-tile .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:-3px;}
.m-free-tile .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:-3px;}
.m-free-tile .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:-4px;}
.m-free-tile .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:-4px;}
.m-free-tile .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:-3px;}
.m-free-tile .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:-4px;}
.m-free-tile .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:-3px;}
.m-free-tile .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:-4px;}
.m-free-tile .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-3px;}
.m-free-tile .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-3px;}
.m-free-tile .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-3px;}
.m-free-tile .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:-3px;}
/*IE*/
/*MAC*/
.os-mac .m-free-tile .unsmart-underline .unsmart-underline-underline{bottom:-2px;}
.os-mac .m-free-tile .unsmart-underline.q-peta .unsmart-underline-underline{bottom:1px;}
.os-mac .m-free-tile .unsmart-underline.q-giga .unsmart-underline-underline{bottom:2px;}
.os-mac .m-free-tile .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:0px;}
.os-mac .m-free-tile .unsmart-underline.q-mega .unsmart-underline-underline{bottom:1px;}
.os-mac .m-free-tile .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:1px;}
.os-mac .m-free-tile .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:0px;}
.os-mac .m-free-tile .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:0px;}
.os-mac .m-free-tile .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:-1px;}
.os-mac .m-free-tile .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:-1px;}
.os-mac .m-free-tile .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:-1px;}
.os-mac .m-free-tile .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:0px;}
.os-mac .m-free-tile .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:-1px;}

.os-mac .m-free-tile .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:-1px;}
.os-mac .m-free-tile .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:-1px;}
.os-mac .m-free-tile .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:-2px;}
.os-mac .m-free-tile .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:-1px;}
.os-mac .m-free-tile .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:-2px;}
.os-mac .m-free-tile .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:-2px;}
.os-mac .m-free-tile .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:-2px;}
.os-mac .m-free-tile .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:-3px;}
.os-mac .m-free-tile .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-3px;}
.os-mac .m-free-tile .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-2px;}
.os-mac .m-free-tile .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-2px;}
.os-mac .m-free-tile .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:-2px;}
/*ANDROID*/
.os-android .m-free-tile .unsmart-underline .unsmart-underline-underline{bottom:-2px;}
.os-androidc .m-free-tile .unsmart-underline.q-peta .unsmart-underline-underline{bottom:1px;}
.os-android .m-free-tile .unsmart-underline.q-giga .unsmart-underline-underline{bottom:2px;}
.os-android .m-free-tile .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:0px;}
.os-android .m-free-tile .unsmart-underline.q-mega .unsmart-underline-underline{bottom:1px;}
.os-android .m-free-tile .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:1px;}
.os-android .m-free-tile .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:0px;}
.os-android .m-free-tile .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:0px;}
.os-android .m-free-tile .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:-1px;}
.os-android .m-free-tile .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:-1px;}
.os-android .m-free-tile .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:-1px;}
.os-android .m-free-tile .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:0px;}
.os-android .m-free-tile .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:-1px;}

.os-android .m-free-tile .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:-3px;}
.os-android .m-free-tile .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:-3px;}
.os-android .m-free-tile .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:-4px;}
.os-android .m-free-tile .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:-4px;}
.os-android .m-free-tile .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:-3px;}
.os-android .m-free-tile .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:-4px;}
.os-android .m-free-tile .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:-3px;}
.os-android .m-free-tile .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:-4px;}
.os-android .m-free-tile .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-3px;}
.os-android .m-free-tile .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-3px;}
.os-android .m-free-tile .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-3px;}
.os-android .m-free-tile .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:-3px;}
/*@// 엠프리타일 추가(우선 안드만) / 2018.04.17 / mglee */

/*@ 언더라인 컴포넌트에 따라 기준다름을 발견. 우선 블로그 리스팅 부터 다시 정의 / 2018.04.10 / mglee */
.o-blog-listing .content .unsmart-underline .unsmart-underline-underline{bottom: 0px;}
.o-blog-listing .content .unsmart-underline.q-peta .unsmart-underline-underline{bottom: 3px;}
.o-blog-listing .content .unsmart-underline.q-giga .unsmart-underline-underline{bottom: 4px;}
.o-blog-listing .content .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom: 2px;}
.o-blog-listing .content .unsmart-underline.q-mega .unsmart-underline-underline{bottom: 2px;}
.o-blog-listing .content .unsmart-underline.q-alpha .unsmart-underline-underline{bottom: 2px;}
.o-blog-listing .content .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom: 2px;}
.o-blog-listing .content .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom: 2px;}
.o-blog-listing .content .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom: 1px;}
.o-blog-listing .content .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom: 1px;}
.o-blog-listing .content .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom: 1px;}
.o-blog-listing .content .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom: 1px;}
.o-blog-listing .content .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom: 1px;}

.o-blog-listing .content .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom: -3px;}
.o-blog-listing .content .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom: -1px;}
.o-blog-listing .content .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom: -3px;}
.o-blog-listing .content .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom: -2px;}
.o-blog-listing .content .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom: -2px;}
.o-blog-listing .content .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom: -2px;}
.o-blog-listing .content .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom: -2px;}
.o-blog-listing .content .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom: -1px;}
.o-blog-listing .content .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom: -2px;}
.o-blog-listing .content .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom: -1px;}
.o-blog-listing .content .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom: -1px;}
.o-blog-listing .content .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom: -1px;}
/*IE*/
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline .unsmart-underline-underline{bottom: 0px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-peta .unsmart-underline-underline{bottom: 5px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-giga .unsmart-underline-underline{bottom: 5px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom: 3px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-mega .unsmart-underline-underline{bottom: 4px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-alpha .unsmart-underline-underline{bottom: 3px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom: 3px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom: 2px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom: 2px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom: 1px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom: 2px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom: 2px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom: 1px;}

_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom: -3px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom: -1px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom: -2px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom: -2px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom: -1px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom: -1px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom: -1px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom: -1px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom: -2px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom: -2px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom: -1px;}
_:-ms-fullscreen, :root .o-blog-listing .content .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom: -2px;}
/*MAC*/
.os-mac .o-blog-listing .content .unsmart-underline .unsmart-underline-underline{bottom: 3px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-peta .unsmart-underline-underline{bottom: 8px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-giga .unsmart-underline-underline{bottom: 8px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom: 4px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-mega .unsmart-underline-underline{bottom: 6px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-alpha .unsmart-underline-underline{bottom: 4px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom: 5px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom: 3px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom: 3px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom: 2px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom: 3px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom: 3px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom: 2px;}

.os-mac .o-blog-listing .content .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom: 2px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom: 2px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom: 2px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom: -1px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-blog-listing .content .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom: 1px;}
/*Android*/
.os-android .o-blog-listing .content .unsmart-underline .unsmart-underline-underline{bottom: 3px;}
.os-android .o-blog-listing .content .unsmart-underline.q-peta .unsmart-underline-underline{bottom: 7px;}
.os-android .o-blog-listing .content .unsmart-underline.q-giga .unsmart-underline-underline{bottom: 7px;}
.os-android .o-blog-listing .content .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom: 4px;}
.os-android .o-blog-listing .content .unsmart-underline.q-mega .unsmart-underline-underline{bottom: 6px;}
.os-android .o-blog-listing .content .unsmart-underline.q-alpha .unsmart-underline-underline{bottom: 4px;}
.os-android .o-blog-listing .content .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom: 5px;}
.os-android .o-blog-listing .content .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom: 3px;}
.os-android .o-blog-listing .content .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom: 3px;}
.os-android .o-blog-listing .content .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom: 2px;}
.os-android .o-blog-listing .content .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom: 3px;}
.os-android .o-blog-listing .content .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom: 3px;}
.os-android .o-blog-listing .content .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom: 2px;}

.os-android .o-blog-listing .content .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom: 2px;}
.os-android .o-blog-listing .content .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom: 2px;}
.os-android .o-blog-listing .content .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-blog-listing .content .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom: 2px;}
.os-android .o-blog-listing .content .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-blog-listing .content .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-blog-listing .content .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-blog-listing .content .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-blog-listing .content .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom: -1px;}
.os-android .o-blog-listing .content .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-blog-listing .content .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-blog-listing .content .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom: 1px;}

/*@ 플렉서블 리스팅 / 2018.04.16 / mglee */
.o-flexible-listing .content .unsmart-underline .unsmart-underline-underline{bottom: 2px;}
.o-flexible-listing .content .unsmart-underline.q-peta .unsmart-underline-underline{bottom: 3px;}
.o-flexible-listing .content .unsmart-underline.q-giga .unsmart-underline-underline{bottom: 4px;}
.o-flexible-listing .content .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom: 2px;}
.o-flexible-listing .content .unsmart-underline.q-mega .unsmart-underline-underline{bottom: 2px;}
.o-flexible-listing .content .unsmart-underline.q-alpha .unsmart-underline-underline{bottom: 2px;}
.o-flexible-listing .content .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom: 2px;}
.o-flexible-listing .content .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom: 2px;}
.o-flexible-listing .content .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom: 1px;}
.o-flexible-listing .content .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom: 1px;}
.o-flexible-listing .content .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom: 1px;}
.o-flexible-listing .content .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom: 1px;}
.o-flexible-listing .content .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom: 1px;}

.o-flexible-listing .content .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom: -3px;}
.o-flexible-listing .content .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom: -1px;}
.o-flexible-listing .content .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom: -3px;}
.o-flexible-listing .content .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom: -2px;}
.o-flexible-listing .content .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom: -2px;}
.o-flexible-listing .content .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom: -2px;}
.o-flexible-listing .content .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom: -2px;}
.o-flexible-listing .content .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom: -1px;}
.o-flexible-listing .content .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom: -2px;}
.o-flexible-listing .content .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom: -1px;}
.o-flexible-listing .content .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom: -1px;}
.o-flexible-listing .content .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom: -1px;}
/*IE*/
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline .unsmart-underline-underline{bottom: 3px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-peta .unsmart-underline-underline{bottom: 5px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-giga .unsmart-underline-underline{bottom: 5px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom: 3px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-mega .unsmart-underline-underline{bottom: 4px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-alpha .unsmart-underline-underline{bottom: 3px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom: 3px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom: 2px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom: 2px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom: 1px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom: 2px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom: 2px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom: 1px;}

_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom: -3px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom: -1px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom: -2px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom: -2px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom: -1px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom: -1px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom: -1px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom: -1px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom: -2px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom: -2px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom: -1px;}
_:-ms-fullscreen, :root .o-flexible-listing .content .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom: -2px;}
/*MAC*/
.os-mac .o-flexible-listing .content .unsmart-underline .unsmart-underline-underline{bottom: 4px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-peta .unsmart-underline-underline{bottom: 8px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-giga .unsmart-underline-underline{bottom: 8px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom: 4px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-mega .unsmart-underline-underline{bottom: 6px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-alpha .unsmart-underline-underline{bottom: 4px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom: 5px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom: 3px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom: 3px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom: 2px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom: 3px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom: 3px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom: 2px;}

.os-mac .o-flexible-listing .content .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom: 2px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom: 2px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom: 2px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom: -1px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom: 1px;}
.os-mac .o-flexible-listing .content .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom: 1px;}
/*Android*/
.os-android .o-flexible-listing .content .unsmart-underline .unsmart-underline-underline{bottom: 4px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-peta .unsmart-underline-underline{bottom: 7px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-giga .unsmart-underline-underline{bottom: 8px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom: 4px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-mega .unsmart-underline-underline{bottom: 6px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-alpha .unsmart-underline-underline{bottom: 4px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom: 5px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom: 3px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom: 3px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom: 2px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom: 3px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom: 3px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom: 2px;}

.os-android .o-flexible-listing .content .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom: 2px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom: 2px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom: 2px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom: -1px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom: 1px;}
.os-android .o-flexible-listing .content .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom: 1px;}
/*@// 플렉서블 리스팅 / 2018.04.16 / mglee */

/* @ 히어로 컴포넌트 추가 / 2018.04.11 / mglee */
.o-hero .unsmart-underline .unsmart-underline-underline{bottom:0px;}
.o-hero .unsmart-underline.q-peta .unsmart-underline-underline{bottom:3px;}
.o-hero .unsmart-underline.q-giga .unsmart-underline-underline{bottom:4px;}
.o-hero .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:2px;}
.o-hero .unsmart-underline.q-mega .unsmart-underline-underline{bottom:2px;}
.o-hero .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:2px;}
.o-hero .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:2px;}
.o-hero .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:2px;}
.o-hero .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:1px;}
.o-hero .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:1px;}
.o-hero .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:1px;}
.o-hero .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:1px;}
.o-hero .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:1px;}

.o-hero .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:-3px;}
.o-hero .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:-1px;}
.o-hero .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:-3px;}
.o-hero .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:-2px;}
.o-hero .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:-2px;}
.o-hero .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:-2px;}
.o-hero .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:-2px;}
.o-hero .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:-1px;}
.o-hero .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-2px;}
.o-hero .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-1px;}
.o-hero .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-1px;}
.o-hero .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:-1px;}
/*IE*/
_:-ms-fullscreen, :root .o-hero .unsmart-underline .unsmart-underline-underline{bottom:0px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-peta .unsmart-underline-underline{bottom:4px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-giga .unsmart-underline-underline{bottom:6px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-mega .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:1px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:1px;}

_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:-3px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:-3px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-hero .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:-1px;}
/*MAC*/
.os-mac .o-hero .unsmart-underline .unsmart-underline-underline{bottom:2px;}
.os-mac .o-hero .unsmart-underline.q-peta .unsmart-underline-underline{bottom:8px;}
.os-mac .o-hero .unsmart-underline.q-giga .unsmart-underline-underline{bottom:8px;}
.os-mac .o-hero .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:4px;}
.os-mac .o-hero .unsmart-underline.q-mega .unsmart-underline-underline{bottom:6px;}
.os-mac .o-hero .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:4px;}
.os-mac .o-hero .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:5px;}
.os-mac .o-hero .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:4px;}
.os-mac .o-hero .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-hero .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:2px;}
.os-mac .o-hero .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-hero .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-hero .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:2px;}
.os-mac .o-hero .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:2px;}
.os-mac .o-hero .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:3px;}
.os-mac .o-hero .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-hero .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:2px;}
.os-mac .o-hero .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-hero .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:2px;}
.os-mac .o-hero .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-hero .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:0px;}
.os-mac .o-hero .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-1px;}
.os-mac .o-hero .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:0px;}
.os-mac .o-hero .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:0px;}
.os-mac .o-hero .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:0px;}
/*ANDROID*/
.os-android .o-hero .unsmart-underline .unsmart-underline-underline{bottom:2px;}
.os-android .o-hero .unsmart-underline.q-peta .unsmart-underline-underline{bottom:8px;}
.os-android .o-hero .unsmart-underline.q-giga .unsmart-underline-underline{bottom:8px;}
.os-android .o-hero .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:4px;}
.os-android .o-hero .unsmart-underline.q-mega .unsmart-underline-underline{bottom:6px;}
.os-android .o-hero .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:4px;}
.os-android .o-hero .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:5px;}
.os-android .o-hero .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:4px;}
.os-android .o-hero .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:3px;}
.os-android .o-hero .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:2px;}
.os-android .o-hero .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:3px;}
.os-android .o-hero .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:3px;}
.os-android .o-hero .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:2px;}
.os-android .o-hero .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:2px;}
.os-android .o-hero .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:3px;}
.os-android .o-hero .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-hero .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:2px;}
.os-android .o-hero .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-hero .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:2px;}
.os-android .o-hero .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-hero .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:0px;}
.os-android .o-hero .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-1px;}
.os-android .o-hero .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:0px;}
.os-android .o-hero .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:0px;}
.os-android .o-hero .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:0px;}
/*// @ 히어로 컴포넌트 추가 / 2018.04.11 / mglee */

/* @ 스퀘어 컴포넌트 추가 / 2018.04.11 / mglee */
.o-square .cell .text-content .unsmart-underline .unsmart-underline-underline{bottom:0px;}
.o-square .cell .text-content .unsmart-underline.q-peta .unsmart-underline-underline{bottom:3px;}
.o-square .cell .text-content .unsmart-underline.q-giga .unsmart-underline-underline{bottom:4px;}
.o-square .cell .text-content .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:2px;}
.o-square .cell .text-content .unsmart-underline.q-mega .unsmart-underline-underline{bottom:3px;}
.o-square .cell .text-content .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:2px;}
.o-square .cell .text-content .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:2px;}
.o-square .cell .text-content .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:2px;}
.o-square .cell .text-content .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:1px;}
.o-square .cell .text-content .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:1px;}
.o-square .cell .text-content .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:1px;}
.o-square .cell .text-content .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:1px;}
.o-square .cell .text-content .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:1px;}
.o-square .cell .text-content .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:-3px;}
.o-square .cell .text-content .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:-1px;}
.o-square .cell .text-content .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:-3px;}
.o-square .cell .text-content .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:-2px;}
.o-square .cell .text-content .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:-2px;}
.o-square .cell .text-content .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:-2px;}
.o-square .cell .text-content .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:-2px;}
.o-square .cell .text-content .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:-1px;}
.o-square .cell .text-content .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-2px;}
.o-square .cell .text-content .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-1px;}
.o-square .cell .text-content .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-1px;}
.o-square .cell .text-content .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:0px;}

.o-square .o-text-block .unsmart-underline .unsmart-underline-underline{bottom:1px;}
.o-square .o-text-block .unsmart-underline.q-peta .unsmart-underline-underline{bottom:3px;}
.o-square .o-text-block .unsmart-underline.q-giga .unsmart-underline-underline{bottom:4px;}
.o-square .o-text-block .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:2px;}
.o-square .o-text-block .unsmart-underline.q-mega .unsmart-underline-underline{bottom:3px;}
.o-square .o-text-block .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:2px;}
.o-square .o-text-block .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:2px;}
.o-square .o-text-block .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:2px;}
.o-square .o-text-block .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:1px;}
.o-square .o-text-block .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:1px;}
.o-square .o-text-block .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:1px;}
.o-square .o-text-block .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:1px;}
.o-square .o-text-block .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:1px;}
.o-square .o-text-block .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:-3px;}
.o-square .o-text-block .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:-1px;}
.o-square .o-text-block .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:-3px;}
.o-square .o-text-block .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:-2px;}
.o-square .o-text-block .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:-2px;}
.o-square .o-text-block .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:-2px;}
.o-square .o-text-block .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:-2px;}
.o-square .o-text-block .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:-1px;}
.o-square .o-text-block .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-2px;}
.o-square .o-text-block .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-1px;}
.o-square .o-text-block .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-1px;}
.o-square .o-text-block .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:-1px;}
/*IE*/
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline .unsmart-underline-underline{bottom:0px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-peta .unsmart-underline-underline{bottom:4px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-giga .unsmart-underline-underline{bottom:4px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-mega .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:1px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:1px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:1px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:1px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:-3px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:-3px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-square .cell .text-content .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:0px;}

_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline .unsmart-underline-underline{bottom:1px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-peta .unsmart-underline-underline{bottom:5px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-giga .unsmart-underline-underline{bottom:5px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-mega .unsmart-underline-underline{bottom:4px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:4px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:1px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:1px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:-3px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:-3px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-square .o-text-block .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:-1px;}
/*MAC*/
.os-mac .o-square .cell .text-content .unsmart-underline .unsmart-underline-underline{bottom:2px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-peta .unsmart-underline-underline{bottom:7px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-giga .unsmart-underline-underline{bottom:8px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:4px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-mega .unsmart-underline-underline{bottom:6px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:4px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:4px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:2px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:2px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:2px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:0px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:2px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:0px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-1px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-square .cell .text-content .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:1px;}

.os-mac .o-square .o-text-block .unsmart-underline .unsmart-underline-underline{bottom:3px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-peta .unsmart-underline-underline{bottom:4px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-giga .unsmart-underline-underline{bottom:8px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:4px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-mega .unsmart-underline-underline{bottom:6px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:5px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:5px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:4px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:2px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:2px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:2px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:2px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:2px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:0px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-1px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-square .o-text-block .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:1px;}
/*ANDROID*/
.os-android .o-square .cell .text-content .unsmart-underline .unsmart-underline-underline{bottom:2px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-peta .unsmart-underline-underline{bottom:7px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-giga .unsmart-underline-underline{bottom:8px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:4px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-mega .unsmart-underline-underline{bottom:6px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:4px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:4px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:3px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:3px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:2px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:3px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:3px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:2px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:2px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:0px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:2px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:0px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-1px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-square .cell .text-content .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:1px;}

.os-android .o-square .o-text-block .unsmart-underline .unsmart-underline-underline{bottom:3px;}
.os-android .o-square .o-text-block .unsmart-underline.q-peta .unsmart-underline-underline{bottom:4px;}
.os-android .o-square .o-text-block .unsmart-underline.q-giga .unsmart-underline-underline{bottom:8px;}
.os-android .o-square .o-text-block .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:4px;}
.os-android .o-square .o-text-block .unsmart-underline.q-mega .unsmart-underline-underline{bottom:6px;}
.os-android .o-square .o-text-block .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:5px;}
.os-android .o-square .o-text-block .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:5px;}
.os-android .o-square .o-text-block .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:4px;}
.os-android .o-square .o-text-block .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:3px;}
.os-android .o-square .o-text-block .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:2px;}
.os-android .o-square .o-text-block .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:3px;}
.os-android .o-square .o-text-block .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:3px;}
.os-android .o-square .o-text-block .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:2px;}
.os-android .o-square .o-text-block .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:2px;}
.os-android .o-square .o-text-block .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:2px;}
.os-android .o-square .o-text-block .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-square .o-text-block .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:2px;}
.os-android .o-square .o-text-block .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-square .o-text-block .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-square .o-text-block .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-square .o-text-block .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:0px;}
.os-android .o-square .o-text-block .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-1px;}
.os-android .o-square .o-text-block .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-square .o-text-block .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-square .o-text-block .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:1px;}
/*// @ 스퀘어 컴포넌트 추가 / 2018.04.11 / mglee */

/* @ 블로그티저 컴포넌트 추가 / 2018.04.12 / mglee */
.blog-teaser .unsmart-underline .unsmart-underline-underline{bottom:0px;}
.blog-teaser .unsmart-underline.q-peta .unsmart-underline-underline{bottom:3px;}
.blog-teaser .unsmart-underline.q-giga .unsmart-underline-underline{bottom:4px;}
.blog-teaser .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:2px;}
.blog-teaser .unsmart-underline.q-mega .unsmart-underline-underline{bottom:3px;}
.blog-teaser .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:2px;}
.blog-teaser .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:2px;}
.blog-teaser .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:2px;}
.blog-teaser .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:1px;}
.blog-teaser .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:1px;}
.blog-teaser .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:1px;}
.blog-teaser .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:1px;}
.blog-teaser .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:1px;}

.blog-teaser .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:-3px;}
.blog-teaser .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:-1px;}
.blog-teaser .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:-3px;}
.blog-teaser .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:-2px;}
.blog-teaser .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:-2px;}
.blog-teaser .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:-2px;}
.blog-teaser .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:-2px;}
.blog-teaser .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:-1px;}
.blog-teaser .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-2px;}
.blog-teaser .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-1px;}
.blog-teaser .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-1px;}
.blog-teaser .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:-1px;}
/*IE*/
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline .unsmart-underline-underline{bottom:0px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-peta .unsmart-underline-underline{bottom:4px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-giga .unsmart-underline-underline{bottom:4px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-mega .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:1px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:0px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:1px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:1px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:0px;}

_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:-3px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:-3px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-3px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .blog-teaser .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:-1px;}
/*MAC*/
.os-mac .blog-teaser .unsmart-underline .unsmart-underline-underline{bottom:2px;}
.os-mac .blog-teaser .unsmart-underline.q-peta .unsmart-underline-underline{bottom:7px;}
.os-mac .blog-teaser .unsmart-underline.q-giga .unsmart-underline-underline{bottom:7px;}
.os-mac .blog-teaser .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:4px;}
.os-mac .blog-teaser .unsmart-underline.q-mega .unsmart-underline-underline{bottom:5px;}
.os-mac .blog-teaser .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:4px;}
.os-mac .blog-teaser .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:4px;}
.os-mac .blog-teaser .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:3px;}
.os-mac .blog-teaser .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:3px;}
.os-mac .blog-teaser .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:2px;}
.os-mac .blog-teaser .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:1px;}
.os-mac .blog-teaser .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:1px;}
.os-mac .blog-teaser .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:0px;}

.os-mac .blog-teaser .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:2px;}
.os-mac .blog-teaser .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:2px;}
.os-mac .blog-teaser .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:1px;}
.os-mac .blog-teaser .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:2px;}
.os-mac .blog-teaser .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:1px;}
.os-mac .blog-teaser .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:1px;}
.os-mac .blog-teaser .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:1px;}
.os-mac .blog-teaser .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:0px;}
.os-mac .blog-teaser .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-2px;}
.os-mac .blog-teaser .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-1px;}
.os-mac .blog-teaser .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-1px;}
.os-mac .blog-teaser .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:-1px;}
/*ANDROID*/
.os-android .blog-teaser .unsmart-underline .unsmart-underline-underline{bottom:2px;}
.os-android .blog-teaser .unsmart-underline.q-peta .unsmart-underline-underline{bottom:7px;}
.os-android .blog-teaser .unsmart-underline.q-giga .unsmart-underline-underline{bottom:7px;}
.os-android .blog-teaser .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:4px;}
.os-android .blog-teaser .unsmart-underline.q-mega .unsmart-underline-underline{bottom:5px;}
.os-android .blog-teaser .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:4px;}
.os-android .blog-teaser .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:4px;}
.os-android .blog-teaser .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:3px;}
.os-android .blog-teaser .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:3px;}
.os-android .blog-teaser .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:2px;}
.os-android .blog-teaser .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:3px;}
.os-android .blog-teaser .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:3px;}
.os-android .blog-teaser .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:2px;}

.os-android .blog-teaser .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:2px;}
.os-android .blog-teaser .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:2px;}
.os-android .blog-teaser .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:1px;}
.os-android .blog-teaser .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:2px;}
.os-android .blog-teaser .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:1px;}
.os-android .blog-teaser .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:1px;}
.os-android .blog-teaser .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:1px;}
.os-android .blog-teaser .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:0px;}
.os-android .blog-teaser .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:0px;}
.os-android .blog-teaser .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:1px;}
.os-android .blog-teaser .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:1px;}
.os-android .blog-teaser .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:1px;}
/*// @ 블로그티저 컴포넌트 추가 / 2018.04.12 / mglee */

/* @ 234컴포넌트 추가 / 2018.04.16 / mglee */
/* @ .o-text-block 클래스 한정 / 2018.04.17 / mglee */
.o-grid-controller .o-text-block .unsmart-underline.q-peta .unsmart-underline-underline{bottom:3px;}
.o-grid-controller .o-text-block .unsmart-underline.q-giga .unsmart-underline-underline{bottom:4px;}
.o-grid-controller .o-text-block .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:2px;}
.o-grid-controller .o-text-block .unsmart-underline.q-mega .unsmart-underline-underline{bottom:3px;}
.o-grid-controller .o-text-block .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:2px;}
.o-grid-controller .o-text-block .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:2px;}
.o-grid-controller .o-text-block .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:2px;}
.o-grid-controller .o-text-block .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:1px;}
.o-grid-controller .o-text-block .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:1px;}
.o-grid-controller .o-text-block .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:1px;}
.o-grid-controller .o-text-block .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:1px;}
.o-grid-controller .o-text-block .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:1px;}

.o-grid-controller .o-text-block .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:-3px;}
.o-grid-controller .o-text-block .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:-2px;}
.o-grid-controller .o-text-block .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:-3px;}
.o-grid-controller .o-text-block .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:-2px;}
.o-grid-controller .o-text-block .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:-2px;}
.o-grid-controller .o-text-block .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:-2px;}
.o-grid-controller .o-text-block .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:-2px;}
.o-grid-controller .o-text-block .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:-1px;}
.o-grid-controller .o-text-block .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-2px;}
.o-grid-controller .o-text-block .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-1px;}
.o-grid-controller .o-text-block .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-1px;}
.o-grid-controller .o-text-block .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:-1px;}
/*IE*/
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-peta .unsmart-underline-underline{bottom:4px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-giga .unsmart-underline-underline{bottom:6px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-mega .unsmart-underline-underline{bottom:4px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:3px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:1px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:1px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:2px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:1px;}

_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:-3px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:-3px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-2px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:-1px;}
_:-ms-fullscreen, :root .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:-1px;}
/*MAC*/
.os-mac .o-grid-controller .o-text-block .unsmart-underline .unsmart-underline-underline{bottom:3px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-peta .unsmart-underline-underline{bottom:7px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-giga .unsmart-underline-underline{bottom:7px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:4px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-mega .unsmart-underline-underline{bottom:6px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:4px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:4px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:2px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:3px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:2px;}

.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:2px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:2px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:2px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:2px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:0px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-1px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:1px;}
.os-mac .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:0px;}
/*ANDROID*/
.os-android .o-grid-controller .o-text-block .unsmart-underline .unsmart-underline-underline{bottom:3px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-peta .unsmart-underline-underline{bottom:7px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-giga .unsmart-underline-underline{bottom:7px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-giga2 .unsmart-underline-underline{bottom:4px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-mega .unsmart-underline-underline{bottom:6px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-alpha .unsmart-underline-underline{bottom:4px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-alpha2 .unsmart-underline-underline{bottom:4px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-alpha3 .unsmart-underline-underline{bottom:3px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-alpha4 .unsmart-underline-underline{bottom:3px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-sub-headline .unsmart-underline-underline{bottom:2px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-1 .unsmart-underline-underline{bottom:3px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-2 .unsmart-underline-underline{bottom:3px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-3 .unsmart-underline-underline{bottom:2px;}

.os-android .o-grid-controller .o-text-block .unsmart-underline.q-peta-e .unsmart-underline-underline{bottom:2px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-giga-e .unsmart-underline-underline{bottom:2px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-giga2-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-mega-e .unsmart-underline-underline{bottom:2px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-alpha-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-alpha2-e .unsmart-underline-underline{bottom:2px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-alpha3-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-alpha4-e .unsmart-underline-underline{bottom:0px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-sub-headline-e .unsmart-underline-underline{bottom:-1px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-1-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-2-e .unsmart-underline-underline{bottom:1px;}
.os-android .o-grid-controller .o-text-block .unsmart-underline.q-body-copy-3-e .unsmart-underline-underline{bottom:0px;} 
/*// @ 234컴포넌트 추가 / 2018.04.16 / mglee */

/*// @ 언더라인 컴포넌트에 따라 기준다름을 발견. 우선 블로그 리스팅 부터 다시 정의 / 2018.04.10 / mglee */


/*@ 스마트언더라인 폐기, 언-스마트언더라인 정의 - 너무 달라붙는 곳이 있으므로 수정 / 2018.02.05 / mglee */
/*@ 언-스마트언더라인의 before 없애고 새롭게 만든 span엘리먼트.  / 2018.02.08 / mglee */
/*
.m-free-tile .cta-wrapper .cta-link.unsmart-underline:before{
  bottom: -3px;  
}
*/
.m-free-tile .cta-wrapper .cta-link.unsmart-underline .unsmart-underline-underline{
  /*bottom: -2px;*/ /*@ 간격2px로 수정 / 2018.02.27 / mglee */ /*@ 임시로 삭제 / 2018.04.17 / mglee */
}
/*.os-mac .m-free-tile .cta-wrapper .cta-link.unsmart-underline .unsmart-underline-underline{bottom: 0px;}*//*@ 맥-언스마트언더라인  / 2018.03.02 / mglee */ /*@ 임시로 삭제 / 2018.04.17 / mglee */


/*@ 모바일,태블릿 - 검색 뱃지 상하정렬 맞춤 / 2018.01.31 / mglee / controller.min.js */
@media (min-width: 1px) and (max-width: 1024px) {
  .m-filter-badge .a-label{
    padding-top:3px;
    padding-bottom:0;
    height:18px;
  }
  .o-filter-badges .m-filter-badge{
    margin-bottom: 4px;
  }  
  .o-product-filter.has-applied-filters .a-link.js-clear{
    position: relative;
    top: -5px;
  }
}  

/*@ 데스크탑용 필터. 가격이 길어지는 문제때문에 large 클래스 하나 생성함. / 2018.02.01 / mglee */
@media (min-width: 1025px){
  .m-dropdown.filter-dropdown .list-wrapper.large {
    max-width: 9999px;
    width: 180px;
  }
}

/*@ 결제중 로딩 박스로 / 2018.02.01 / bhkim */
.ly_loding {
  border: 1px #ebebeb solid;
}

/*@ 보더없는 스타일 추가 / 2018.02.05 / mglee */
.ly_loding.no-border{
  border: 0;
}

/*@ 레이지로드  / 2018.02.01 / mglee */
.popup_cont .ly_loding .o-lazy-load{
  /*border:1px solid red;*/
  height: 65px;
}

/*@ 테이크오버 패딩을 넣어달라...  / 2018.02.01 / mglee */
/*@ 원복. 다음 코드는 폐기함.  / 2018.02.06 / mglee */
/*
.o-text-block{
  padding-top: 50px;
}
*/

/*@ lightbox text blurry 현상에 대해 css class 추가 요청드립니다. / 2018.02.02 / jwpark, mglee */ 
@media (min-width: 768px) {   
  .o-lightbox.is-open.lightbox-even {
     transform: translateX(-50%) translateY(-50%) translateY(0px);
   }
}

/* @ 필터 부분 disable 재정의 / 2018.02.05 / bhkim */
.a-checkbox:disabled + .custom-box,
.a-checkbox.is-disabled + .custom-box {
  background-color: #EEEEEE;
  cursor: default;
}
.a-checkbox:disabled + label.custom-box + label,
.a-checkbox.is-disabled + label.custom-box + label {
  cursor: default;
  color: #E7E7E7;
}

/*@ tablet, mobile 에서 수량 2자리일때 틀어짐 / 2018.02.05 / mglee */
/*@media (min-width: 1px) and (max-width: 1024px) {*/
@media (min-width: 1px) and (max-width: 1150px) {
  .m-bag .a-heading-3{
    width: 36px;
  }
}
/*@ o-spacing organism 신규 생성. / 2018.02.06 / mglee */
.o-spacing{
  display: block;
  width: auto;
  /*height: 50px;*/
  clear: both;
  overflow: hidden;
  /*outline: 1px dashed red;*/
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .o-spacing{
    height: 30px;  
  }  
}
@media (min-width: 768px) and (max-width: 1024px) {
  .o-spacing{
    height: 40px;  
  }    
}
@media (min-width: 1025px){
  .o-spacing{
    height: 50px;  
  }  
}

/*@ Exception Compo. 7개의 Exception 수정 시작 */
/*1. Exception Compo. - Takeover Compo.*/
/*@ 수정없음 */
/*2. Exception Compo. - Product Listing Compo. (Appeaser-jira에서는 네이밍이 다름 : Category Listing Compo.)*/
/*@ 하단 P30-T30-M20이어야 하는데, appeaser는  P30-T30-M30 으로되어있음. 고쳐야함 / 2018.02.06 / mglee */
/*@ 상단 P30-T30-M20이어야 하는데, appeaser는  P4-T4-M4 으로되어있음. 고쳐야함 / 2018.02.06 / mglee */
@media (max-width: 767px) {
  .o-category-listing .column {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .o-category-listing .column {
    margin-top: 30px;
  }    
}
@media (min-width: 1025px){
  .o-category-listing .column {
    margin-top: 30px;
  }  
}
/*3. Exception Compo. - Text Block Compo. (Appeaser-jira에서는 네이밍이 다름 : Text Compo.)*/
@media (max-width: 767px) {
  .o-text-block{
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .o-text-block{
    padding-top: 20px;
    padding-bottom: 50px;    
  }    
}
@media (min-width: 1025px){
  .o-text-block{
    padding-top: 20px;
    padding-bottom: 50px;    
  }  
}

/*4. Exception Compo. - 234 Compo.*/
/*@ 수정없음*/
/*5. Exception Compo. - Square/Portrait Compo.*/
/*@ 수정없음*/
/*6. Exception Compo. - Free Tile Compo.*/
/*@ 수정없음*/
/*7. Exception Compo. - Product Tile Compo. */
/*@ 단독으로 쓰이는 곳은 없는것 같다. style with, 추천상품 부분이 마진겹침 현상이 일어나고 있다. / 2018.02.06 / mglee */
@media (max-width: 767px) {
  .o-slider-cofs.o-pra-component.o-product-slider{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    /*border:1px solid red;*/
  }
  .o-slider-cofs.o-pra-component.o-product-slider .swiper-arrow{
    top: 35px;
  }
}

/*// @ Compo. Exception 수정 끝*/

/*@ IE11-스타일링제안 제목 길어질때 옆으로 계속 뻗쳐서 옆 칼럼으로 침범함. / 2018.02.07 / mglee */
/*@ PDP뿐만 아니라, CATEGORY쪽도 맞춰야 함 / 2018.02.19 / mglee */
.o-product .description .product-title, 
.o-product .description,
.o-product-cofs .description{
  width: 100%;
}

/*@ IE11-우측 상단 장바구니 리스트에 상하좌우 스크롤 생기던 현상, 좌우스크롤만 없애고 종결. / 2018.02.07 / mglee */
.o-minicart .products{
  overflow:auto; 
}

/*@ 패턴립에 없던 u-float-center를 신규 정의 / 2018.02.07 / mglee */
.o-text-block.u-float-center{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*@ 모바일 사이즈에서 결제수단 [삼성페이] 라디오 버튼 안보임 / 2018.02.07 / mglee */
label[for="ti_05_02"]{ 
    position: relative !important;
    left: 0!important;
}

/*@ PDP-왼쪽 섬네일에 안개효과 / 2018.02.07 / mglee */
/*@ ���바일 사이즈에선 없애야 함 / 2018.02.08 / mglee */
.o-product-gallery .o-slider .pdp-thum-gradient-top,
.o-product-gallery .o-slider .pdp-thum-gradient-bottom{
  position: absolute;
  z-index:2;
  width: 100%;
  height: 108px;
  background-repeat: repeat-x;
  pointer-events: none;
}
.o-product-gallery .o-slider .pdp-thum-gradient-top{
  top: 0;
  background-image: url(../images/cos/02/pdp-thum-gradient-top.png);
}
.o-product-gallery .o-slider .pdp-thum-gradient-bottom{
  bottom: 0;
  background-image: url(../images/cos/02/pdp-thum-gradient-bottom.png);
}
.o-product-gallery .o-slider .pdp-thum-gradient-top{display:none;}
.o-product-gallery .o-slider .pdp-thum-gradient-bottom{display:none;}
.o-product-gallery .o-slider.has-btn .pdp-thum-gradient-top{display:block;}
.o-product-gallery .o-slider.has-btn .pdp-thum-gradient-bottom{display:block;}
@media (max-width: 767px) {
  .o-product-gallery .o-slider.has-btn .pdp-thum-gradient-top,
  .o-product-gallery .o-slider.has-btn .pdp-thum-gradient-bottom{
    display: none;
  }
}

/*@ PDP-왼쪽 섬네일에 화살표 버튼 / 2018.02.07 / mglee */
/*@ 모바일 사이즈에선 없애야 함 / 2018.02.08 / mglee */
.o-product-gallery .o-slider .pdp-thum-arrow-top,
.o-product-gallery .o-slider .pdp-thum-arrow-bottom{
  position: absolute;
  z-index:3;
  width: 51px;
  height: 17px;
  border: 0;
  background: none;
}
.o-product-gallery .o-slider .pdp-thum-arrow-top{
  top: 0;
  background-image: url(../images/cos/02/pdp-thum-arrow-top.png);  
}
.o-product-gallery .o-slider .pdp-thum-arrow-bottom{
  bottom: 0;
  background-image: url(../images/cos/02/pdp-thum-arrow-bottom.png);  
}
.o-product-gallery .o-slider .pdp-thum-arrow-top{display:none;}
.o-product-gallery .o-slider .pdp-thum-arrow-bottom{display:none;}
.o-product-gallery .o-slider.has-btn .pdp-thum-arrow-top{display:block;}
.o-product-gallery .o-slider.has-btn .pdp-thum-arrow-bottom{display:block;}
@media (max-width: 767px) {
  .o-product-gallery .o-slider.has-btn .pdp-thum-arrow-top,
  .o-product-gallery .o-slider.has-btn .pdp-thum-arrow-bottom{
    display: none;
  }
}

/*@ PDP-왼쪽 섬네일에 소수점 버림 / 2018.02.07 / mglee */
/*@ 모바일 사이즈에서 이슈가 있어서 @media로 PC버전만 한정함 / 2018.02.08 / mglee */
@media (min-width: 1025px) {
  .o-product-gallery .o-slider .a-link {
    width: 52px;
  }  
}

/*@ 블로그-리스팅 이슈 / 2018.02.08 / mglee */
.o-text-block .m-double-button .a-button{
  margin: 18px 18px 0 0;
}

/*@ 언스마트언더라인 뒷수습 / 2018.02.08 / mglee */
@media (max-width: 767px) {
  .o-hero .m-teaser .cta-wrapper .a-link{
    display: inline;  
  }
  .o-hero .m-teaser .cta-wrapper .a-link:after { 
    content: '\A'; white-space:pre; 
  }
}

/*@ 익스플로어랜딩에서 - 태블릿에서 - 이미지 왼쪽 버전에서 드롭 현상 있음. / 2018.02.08 / mglee */
@media (min-width: 768px) and (max-width: 1024px) {
  .o-blog-listing .o-text-block {
    width: 49%;
  }
}

/*@ 이미지 확대 화면 IE 에서 오른쪽으로 치우침 (appeaser 도 동일함) / 2018.02.09 / mglee */
.m-product-zoom .img-wrapper .a-image{
  margin-left:0;
  margin-right:0;
}

/*@ 뉴스레터 팝업 언더라인 간격 작업 / 2018.02.12 / mglee */
.o-newsletter-signup .m-checkbox-age .a-link{
  text-decoration: none;
  border-bottom: 1px solid #444;
  /*padding-bottom: 4px;*/
  padding-bottom: 1px; /*@ 푸터처럼 맞추라고 함 / 2018.02.13 / mglee */
}

/*@ 테이크오버-엠티저 복수개 일때도 링크 눌러야 / 2018.02.12 / mglee */
.o-takeover .m-teaser{
  position: relative;
  /*z-index: 10;*/
  z-index: 1; /*@ m-teaser가 하단 쿠키를 덮는 현상 / 2018.02.27 / mglee */
}

/*@ O-TEXT-BLOCK 커서 변경 / 2018.02.12 / mglee */
.o-text-block{
  cursor: default;
}

/*@ .content-section의 overflow hidden 때문에 takeover에서 마이너스 마진으로 삐쳐나오는 부분이 보이지 않는 현상 발생 --> overflow:hidden 제거 / 2018.02.13 / mglee */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.content-section:after {content:""; display:block; clear:both;}
}

/*@ 모바일 화면에서 Hero Component CTA간의 간격이 패턴 라이브러리와 다릅니다. / 2018.02.13 / mglee */
@media (max-width: 767px) {
  .o-hero .m-teaser .cta-wrapper .a-link {
    /*border: 1px solid red;*/
    display: block;
  }
  /*align-center*/
  .o-hero .m-teaser .cta-wrapper .a-link .unsmart-underline-underline{
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap; /*@ o-hero 안 cta가 길어질경우 문제가 있었음(퍼블자체이슈) / 2018.03.19 / mglee */
  }
  .o-hero .m-teaser.align-center .cta-wrapper .a-link .unsmart-underline-underline{
    left: 50%;
    transform: translateX(-50%);
  }
  /*align-left*/
  .o-hero .m-teaser.align-left .cta-wrapper .a-link .unsmart-underline-underline{
    /*left: 0;*/ /*@ 모바일 사이즈에서는 무조건 가운데 정렬임. / 2018.03.02 / mglee */
    /*transform: translateX(0);*/ /*@ 모바일 사이즈에서는 무조건 가운데 정렬임. / 2018.03.02 / mglee */
    left: 50%; /*@ 모바일 사이즈에서는 무조건 가운데 정렬임. / 2018.03.02 / mglee */
    transform: translateX(-50%); /*@ 모바일 사이즈에서는 무조건 가운데 정렬임. / 2018.03.02 / mglee */    
  }
  /*align-right*/
  .o-hero .m-teaser.align-right .cta-wrapper .a-link .unsmart-underline-underline{
    /*left: auto;*/ /*@ 모바일 사이즈에서는 무조건 가운데 정렬임. / 2018.03.02 / mglee */
    /*right: 0;*/ /*@ 모바일 사이즈에서는 무조건 가운데 정렬임. / 2018.03.02 / mglee */
    /*transform: translateX(0);*/ /*@ 모바일 사이즈에서는 무조건 가운데 정렬임. / 2018.03.02 / mglee */
    left: 50%; /*@ 모바일 사이즈에서는 무조건 가운데 정렬임. / 2018.03.02 / mglee */
    transform: translateX(-50%); /*@ 모바일 사이즈에서는 무조건 가운데 정렬임. / 2018.03.02 / mglee */    
  }  
}

/*@ 신규 .o-square .o-text-block 케이스 / 2018.02.14 / mglee */
/*@ .o-grid-controller .o-text-block 케이스 / 2018.02.14 / mglee */
.o-square .o-text-block.u-align-left,
.o-grid-controller .o-text-block.u-align-left{
  text-align: left !important;
}  
.o-square .o-text-block.u-align-center,
.o-grid-controller .o-text-block.u-align-center{
  text-align: center !important;
}  
.o-square .o-text-block.u-align-right,
.o-grid-controller .o-text-block.u-align-right{
  text-align: right !important;
}
.o-square .o-text-block .a-heading-1,
.o-grid-controller .o-text-block .a-heading-1{
  /*max-width: 100%;*/
}  
.o-square .o-text-block .preamble-section,
.o-grid-controller .o-text-block .preamble-section{
  /*max-width: 100%;*/
}
.o-square .o-text-block,
.o-grid-controller .o-text-block{
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .o-square .o-text-block.u-float-left,
  .o-grid-controller .o-text-block.u-float-left{
    float: left !important;
  }
  .o-square .o-text-block.u-float-center,
  .o-grid-controller .o-text-block.u-float-center{
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    margin-left: calc(50% - 200px);
    margin-right: calc(50% - 200px);
    /*@ 스퀘어에서 중앙 정렬시 사이즈 정의 / 2018.2.20 / bhkim */
    /*max-width: 66.66667%;*/
    max-width: 400px;
  }
  .o-square .o-text-block.u-float-right,
  .o-grid-controller .o-text-block.u-float-right{
    float: right !important;
  }    
  .o-square .o-text-block,
  .o-grid-controller .o-text-block{
    /*width: 66.66667%;*/
    width: 400px;
  }  
  
  /*@ sqare cell 탭사이즈 정렬 / 2018.02.19 / bhkim */
  .o-square .o-text-block.u-float-left {
    /*margin-right: 33%;*/
    margin-right: calc(100% - 400px);
  } 
  /*@ sqare cell 탭사이즈 정렬 / 2018.02.19 / bhkim */
  .o-square .o-text-block.u-float-right {
    /*margin-left: 33%;*/
    margin-left: calc(100% - 400px);
  }
  
}
@media (min-width: 1025px) {
  .o-square .o-text-block.u-float-left,
  .o-grid-controller .o-text-block.u-float-left{
    float: left !important;
  }
  .o-square .o-text-block.u-float-center,
  .o-grid-controller .o-text-block.u-float-center{  
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    margin-left: calc(50% - 200px);
    margin-right: calc(50% - 200px);
    /*@ 스퀘어에서 중앙 정렬시 사이즈 정의 / 2018.02.20 / bhkim */
    /*max-width: 41.66667%;*/
    max-width: 400px;
  }
  .o-square .o-text-block.u-float-right,
  .o-grid-controller .o-text-block.u-float-right{
    float: right !important;
  }
  .o-square .o-text-block,
  .o-grid-controller .o-text-block{
    /*width: 41.66667%;*/
    width: 400px;
  }
  
  /*@ sqare cell pc 정렬 / 2018.02.19 / bhkim */
  .o-square .o-text-block.u-float-left {
    /*margin-right: 58%;*/
    margin-right: calc(100% - 400px);
  } 
  /*@ sqare cell pc 정렬 / 2018.02.19 / bhkim */
  .o-square .o-text-block.u-float-right {
    /*margin-left: 58%;*/
    margin-left: calc(100% - 400px);
  }

}

/*@ sqare cell pc, 모바일 정렬 / 2018.02.19 / bhkim */
/*@media (min-width: 1025px) {*/
/*  .o-square .cell:last-child {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    margin-bottom: 0;*/
/*  }*/
/*}*/
/*@media (min-width: 768px) {*/
/*  .o-square .cell:last-child {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    margin-bottom: 0;*/
/*  }*/
/*}*/


/*@ 스퀘어 그리드 컨트롤러 cta용 설정 / 2018.02.19 / bhkim */
.o-square .o-text-block .preamble-section,
.o-grid-controller .o-text-block .preamble-section,
.o-square .o-text-block .cta-section,
.o-grid-controller .o-text-block .cta-section {
  max-width: 100%;
  margin: 0 auto;
}

/*@ 스퀘어 그리드 컨트롤러 cta용 버튼 마진 패턴립 제거 / 2018.02.19 / bhkim */
.o-square .o-text-block .cta-section .m-double-button .a-button,
.o-grid-controller .o-text-block .cta-section .m-double-button .a-button  {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 768px) {
  .o-square .o-text-block .a-heading-1, 
  .o-grid-controller .o-text-block .a-heading-1 {
    max-width: 100%;
  }
}

/*@ grid controller pc, 모바일 정렬 2콜 left 3콜 center / 2018.02.19 / bhkim */
.o-grid-controller.is-two-cols .content .scrollable-content,
.o-grid-controller.is-three-cols .content .scrollable-content {
  display: inline-block;
  text-align: left;
  /*width: 100%;*/ /*@ 스타트페이지 explore부분 모바일에서 4칼럼 좁게 나오는 현상 해결 / 2018.02.28 / mglee */
  text-align: center; /*@ grid controller 데이터 적을때 가운데 정렬해야 함 / 2018.02.21 / mglee */ 
}

/*@ grid controller pc, 모바일 정렬 4콜 left / 2018.03.23 / bhkim */
.o-grid-controller.is-four-cols .content .scrollable-content,
.o-grid-controller.is-four-cols.is-stacked-on-mobile .content .scrollable-content{
  display: inline-block;
  text-align: left;
  /*width: 100%;*/ /*@ 스타트페이지 explore부분 모바일에서 4칼럼 좁게 나오는 현상 해결 / 2018.02.28 / mglee */
}

/*@ 스타트페이지 explore부분 모바일에서 4칼럼 좁게 나오는 현상 해결 / 2018.02.28 / mglee */
@media (min-width: 768px){
  .o-grid-controller.is-two-cols .content .scrollable-content,
  .o-grid-controller.is-three-cols .content .scrollable-content,
  .o-grid-controller.is-four-cols .content .scrollable-content,
  .o-grid-controller.is-four-cols.is-stacked-on-mobile .content .scrollable-content{
    width: 100%;
  }  
}

@media (max-width: 767px) {
  .o-square .o-text-block .a-heading-1,
  .o-grid-controller .o-text-block .a-heading-1,
  .o-square .o-text-block .preamble-section,
  .o-grid-controller .o-text-block .preamble-section,
  .o-square .o-text-block .cta-section,
  .o-grid-controller .o-text-block .cta-section{
    max-width: 100%;
  }
}

/*@ 쓰리컬럼 안에 문구는 400px / 2018.03.19 / mglee */
@media (max-width: 767px) {
  .o-grid-controller .o-text-block .a-heading-1,
  .o-grid-controller .o-text-block .preamble-section,
  .o-grid-controller .o-text-block .cta-section{
    max-width: 400px;
  }
}

/*@ GNB에 있는 m-free-tile 스타일 재정의 / 2018.02.19 / mglee */
.o-navigation .categories .m-free-tile .cta-wrapper .a-link{
  display: inline-block;  
}

/*@ m-notification에 있는 링크 스타일 정의 / 2018.02.20 / mglee */
.m-notification .a-link{
  color: #fff;
  text-decoration: underline;
}

/*@ o-hero 재정의 / 2018.02.21 / mglee */
/*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
/*
  align-left
    desktop-align-left
    tablet-align-left
    mobile-align-left
*/
/*.o-hero .a-picture + .m-teaser.align-left{text-align: left;}*/ /*@ align 삭제 / 2018.03.12 / mglee */
/*.o-hero .a-picture + .m-teaser.align-center{text-align: center;}*/ /*@ align 삭제 / 2018.03.12 / mglee */
/*.o-hero .a-picture + .m-teaser.align-right{text-align: right;}*/ /*@ align 삭제 / 2018.03.12 / mglee */
@media (min-width: 1px) and (max-width: 767px){
  /*.o-hero .a-picture + .m-teaser.align-top.m-teaser.align-left{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.mobile-align-top.m-teaser.mobile-align-left{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
    /*top*/
    top: 25px;
    /*//top*/
    /*left*/
    /*left: 25px;*/ /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.02.28 / mglee */
    /*margin-left: 0;*/ /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.02.28 / mglee */
    /*//left*/
    /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.02.28 / mglee */
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/    
    text-align: center; /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-top.m-teaser.align-center{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.mobile-align-top.m-teaser.mobile-align-center{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
    /*top*/
    top: 25px;
    /*//top*/    
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/
    text-align: center; /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-top.m-teaser.align-right{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.mobile-align-top.m-teaser.mobile-align-right{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */   
    /*top*/
    top: 25px;
    /*//top*/    
    /*right*/
    /*right: 25px;*/ /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.02.28 / mglee */
    /*margin-left: 0;*/ /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.02.28 / mglee */
    /*//right*/
    /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.02.28 / mglee */
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/    
    text-align: center; /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.03.12 / mglee */    
  }
  /*.o-hero .a-picture + .m-teaser.align-middle.m-teaser.align-left{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.mobile-align-middle.m-teaser.mobile-align-left{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */  
    /*middle*/
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);    
    /*//middle*/    
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/    
    /*transform-re-justify*/
    -ms-transform: translate(-50%,-50%) ;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /*//transform-re-justify*/      
    text-align: center; /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.03.12 / mglee */       
  }
  /*.o-hero .a-picture + .m-teaser.align-middle.m-teaser.align-center{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.mobile-align-middle.m-teaser.mobile-align-center{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */  
    /*middle*/
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);    
    /*//middle*/    
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/    
    /*transform-re-justify*/
    -ms-transform: translate(-50%,-50%) ;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /*//transform-re-justify*/
    text-align: center;/*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-middle.m-teaser.align-right{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.mobile-align-middle.m-teaser.mobile-align-right{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */ 
    /*middle*/
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);    
    /*//middle*/    
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/    
    /*transform-re-justify*/
    -ms-transform: translate(-50%,-50%) ;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /*//transform-re-justify*/     
    text-align: center; /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.03.12 / mglee */       
  }  
  /*.o-hero .a-picture + .m-teaser.align-bottom.m-teaser.align-left{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.mobile-align-bottom.m-teaser.mobile-align-left{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */  
    /*bottom*/
    bottom: 25px;
    /*//bottom*/    
    /*left*/
    /*left: 25px;*/ /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.02.28 / mglee */
    /*margin-left: 0;*/ /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.02.28 / mglee */
    /*//left*/
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/    
    text-align: center; /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.03.12 / mglee */        
  }
  /*.o-hero .a-picture + .m-teaser.align-bottom.m-teaser.align-center{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.mobile-align-bottom.m-teaser.mobile-align-center{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */  
    /*bottom*/
    bottom: 25px;
    /*//bottom*/        
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/
    text-align: center; /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.03.12 / mglee */       
  }
  /*.o-hero .a-picture + .m-teaser.align-bottom.m-teaser.align-right{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.mobile-align-bottom.m-teaser.mobile-align-right{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */ 
    /*bottom*/
    bottom: 25px;
    /*//bottom*/        
    /*right*/
    /*right: 25px;*/ /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.02.28 / mglee */
    /*margin-left: 0;*/ /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.02.28 / mglee */
    /*//right*/    
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/    
    text-align: center; /*@ o-hero 모바일 사이즈는 무조건 센터 배치 센터 정렬 / 2018.03.12 / mglee */        
  }    
}
@media (min-width: 768px) and (max-width: 1024px){
  /*.o-hero .a-picture + .m-teaser.align-top.m-teaser.align-left{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.tablet-align-top.m-teaser.tablet-align-left{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
    /*top*/
    top: 40px;
    /*//top*/
    /*left*/
    /*left: 40px; */
    left: 100px;
    margin-left: 0;
    /*//left*/
    text-align: left; /*@ 텍스트 정렬 / 2018.03.12 / mglee */       
  }
  /*.o-hero .a-picture + .m-teaser.align-top.m-teaser.align-center{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.tablet-align-top.m-teaser.tablet-align-center{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
    /*top*/
    top: 40px;
    /*//top*/    
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/
    text-align: center; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-top.m-teaser.align-right{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.tablet-align-top.m-teaser.tablet-align-right{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
    /*top*/
    top: 40px;
    /*//top*/    
    /*right*/
    /*right: 40px;*/
    right: 100px;
    margin-left: 0;    
    /*//right*/
    text-align: right; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-middle.m-teaser.align-left{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.tablet-align-middle.m-teaser.tablet-align-left{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
    /*middle*/
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);    
    /*//middle*/        
    /*left*/
    /*left: 40px;*/
    left: 100px;
    margin-left: 0;    
    /*//left*/
    text-align: left; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-middle.m-teaser.align-center{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.tablet-align-middle.m-teaser.tablet-align-center{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
    /*middle*/
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);    
    /*//middle*/    
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/    
    /*transform-re-justify*/
    -ms-transform: translate(-50%,-50%) ;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /*//transform-re-justify*/
    text-align: center; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-middle.m-teaser.align-right{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.tablet-align-middle.m-teaser.tablet-align-right{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
    /*middle*/
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);    
    /*//middle*/    
    /*right*/
    /*right: 40px;*/
    right: 100px;
    margin-left: 0;    
    /*//right*/     
    text-align: right; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }  
  /*.o-hero .a-picture + .m-teaser.align-bottom.m-teaser.align-left{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.tablet-align-bottom.m-teaser.tablet-align-left{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
    /*bottom*/
    bottom: 40px;
    /*//bottom*/    
    /*left*/
    /*left: 40px;*/
    left: 100px;
    margin-left: 0;    
    /*//left*/
    text-align: left; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-bottom.m-teaser.align-center{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.tablet-align-bottom.m-teaser.tablet-align-center{ /*@ o-hero 재정의 - 디바이���별 클래스 분기 / 2018.03.08 / mglee */
    /*bottom*/
    bottom: 40px;
    /*//bottom*/        
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/
    text-align: center; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-bottom.m-teaser.align-right{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.tablet-align-bottom.m-teaser.tablet-align-right{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
    /*bottom*/
    bottom: 40px;
    /*//bottom*/        
    /*right*/
    /*right: 40px;*/
    right: 100px;
    margin-left: 0;    
    /*//right*/    
    text-align: right; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }       
}
@media (min-width: 1025px){
  /*.o-hero .a-picture + .m-teaser.align-top.m-teaser.align-left{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.desktop-align-top.m-teaser.desktop-align-left{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
    /*top*/
    top: 40px;
    /*//top*/
    /*left*/
    /*left: 40px;*/
    left: 170px;
    margin-left: 0;
    /*//left*/
    text-align: left; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-top.m-teaser.align-center{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.desktop-align-top.m-teaser.desktop-align-center{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
    /*top*/
    top: 40px;
    /*//top*/    
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/
    text-align: center; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-top.m-teaser.align-center{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  /*.o-hero .a-picture + .m-teaser.desktop-align-top.m-teaser.desktop-align-center{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */ 
  .o-hero .a-picture + .m-teaser.desktop-align-top.m-teaser.desktop-align-right{ /*@ 오타수정 / 2018.03.08 / mglee */ 
    /*top*/
    top: 40px;
    /*//top*/    
    /*right*/
    /*right: 40px;*/
    right: 170px;
    margin-left: 0;    
    /*//right*/
    text-align: right; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-middle.m-teaser.align-left{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.desktop-align-middle.m-teaser.desktop-align-left{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */  
    /*middle*/
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);    
    /*//middle*/        
    /*left*/
    /*left: 40px;*/
    left: 170px;
    margin-left: 0;    
    /*//left*/
    text-align: left; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-middle.m-teaser.align-center{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.desktop-align-middle.m-teaser.desktop-align-center{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */  
    /*middle*/
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);    
    /*//middle*/    
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/    
    /*transform-re-justify*/
    -ms-transform: translate(-50%,-50%) ;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /*//transform-re-justify*/
    text-align: center; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-middle.m-teaser.align-right{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.desktop-align-middle.m-teaser.desktop-align-right{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */ 
    /*middle*/
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);    
    /*//middle*/    
    /*right*/
    /*right: 40px;*/
    right: 170px;
    margin-left: 0;    
    /*//right*/     
    text-align: right; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }  
  /*.o-hero .a-picture + .m-teaser.align-bottom.m-teaser.align-left{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.desktop-align-bottom.m-teaser.desktop-align-left{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */  
    /*bottom*/
    bottom: 40px;
    /*//bottom*/    
    /*left*/
    /*left: 40px;*/
    left: 170px;
    margin-left: 0;    
    /*//left*/
    text-align: left; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-bottom.m-teaser.align-center{*/ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.desktop-align-bottom.m-teaser.desktop-align-center{ /*@ o-hero 재정의 - 디바이스별 클래스 분기 / 2018.03.08 / mglee */  
    /*bottom*/
    bottom: 40px;
    /*//bottom*/        
    /*center*/
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);    
    margin-left: 0;    
    /*//center*/
    text-align: center; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
  /*.o-hero .a-picture + .m-teaser.align-bottom.m-teaser.align-right{*/ /*@ o-hero 재정의 - 디바이스별 클���스 분기 / 2018.03.08 / mglee */
  .o-hero .a-picture + .m-teaser.desktop-align-bottom.m-teaser.desktop-align-right{ /*@ o-hero 재정��� - 디바이스별 클래스 분기 / 2018.03.08 / mglee */ 
    /*bottom*/
    bottom: 40px;
    /*//bottom*/        
    /*right*/
    /*right: 40px;*/
    right: 170px;
    margin-left: 0;    
    /*//right*/    
    text-align: right; /*@ 텍스트 정렬 / 2018.03.12 / mglee */
  }
}

/*@ o-hero 재정의 / grid>n-column 안에 일부 링크 밑줄이 안보이는 현상이 있었음 / 2018.02.21 / mglee */
/*@ 3컬럼 컴포넌트의 모바일 버전에서, 타일(CTA) 간 간격이 안맞는 것 같습니다.  가이드 대비 좁아보입니다. - 주석으로 삭제 / 2018.04.16 / mglee */
/*
@media (min-width: 1px){
  .o-grid-controller .column .m-free-tile .cta-wrapper,
  .o-grid-controller .column .m-free-tile .cta-wrapper:last-child{
      padding-bottom: 1px;
  }
}
*/

/*@ o-hero 문구 정렬 기능 추가 / 2018.04.23 / mglee */
.o-hero .m-teaser.text-align-left{
  text-align: left !important;  
}
.o-hero .m-teaser.text-align-center{
  text-align: center !important;  
}
.o-hero .m-teaser.text-align-right{
  text-align: right !important;  
}
@media (min-width: 1px) and (max-width: 767px){
  .o-hero .m-teaser.text-align-left .cta-wrapper .a-link .unsmart-underline-underline{
    left: 0;
    transform: translateX(0%);  
  }
  .o-hero .m-teaser.text-align-center .cta-wrapper .a-link .unsmart-underline-underline{
    
  }
  .o-hero .m-teaser.text-align-right .cta-wrapper .a-link .unsmart-underline-underline{
    left: auto;
    transform: translateX(-100%);
  }
}


/*@ 필터적용후 hiding 처리 / 2018.02.21 / mglee */
.m-dropdown.filter-dropdown .placeholder.placeholder-hide-value{
}
.m-dropdown.filter-dropdown .placeholder.placeholder-hide-value .value-label{ 
  display: none;
}
.selected-value-list{
  margin-top: 10px;
  margin-bottom: -15px;
  padding-left: 10px;
  padding-right: 10px;
  color: #999;
}
.selected-value-list .item{
}
.selected-value-list .item::after{
  content: ",";
}
.selected-value-list .item:nth-last-child(2)::after{
  display: none;
}
@media (min-width: 1px) and (max-width: 1024px){
  .selected-value-list{
    display: none;
  }  
}

/*@ O-GRID-CONTROLLER안에서 O-PRODUCT가 정렬이 깨진다. / 2018.02.21 / mglee */
.o-product .description{
  text-align: left;
}

/*@ m-video-tile 관련 CSS(최신 frontend.min.css에서 가져온) / 2018.02.21 / mglee */
.m-video-tile {
  position: relative;
  overflow: hidden;
}

.m-video-tile .a-video {
  background-color: #444444;
  display: block;
}

.m-video-tile .a-icon-play-video {
  color: #FFFFFF;
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 32px;
}

@media (min-width: 768px) {
  .m-video-tile .a-icon-play-video {
    font-size: 48px;
  }
}

.m-video-tile .a-icon-play-video.is-visible {
  display: block;
}

.m-video-tile video::-webkit-media-controls-start-playback-button {
  display: none;
  -webkit-appearance: none;
  appearance: none;
}

.m-video-tile.ratio .a-youtube-video,
.m-video-tile.ratio .a-vimeo-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.m-video-tile.ratio .a-youtube-video iframe,
.m-video-tile.ratio .a-vimeo-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*@ 마이페이지 - 회원정보변경 - 유효시간 부분, 제목과 시간을 span으로 구분지어야 한다. / 2018.02.22 / mglee */
.form_group .form_lab .txt_time{
  overflow: hidden;
}
.form_group .form_lab .txt_time .txt{
  float: left;
  padding-right: 3px;
}
.form_group .form_lab .txt_time .time{
  float: left;
}

/*@ Three Column Type2 / 2018.02.22 / mglee */
.o-grid-controller.is-three-cols.is-three-cols-type2{}
.o-grid-controller.is-three-cols.is-three-cols-type2 .column{float:left;}
.o-grid-controller.is-three-cols.is-three-cols-type2 .column.is-origin{}
.o-grid-controller.is-three-cols.is-three-cols-type2 .column.is-copied{}


.o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(3n+1) {
  clear:both;
}
@media (max-width: 767px) {
  .o-grid-controller.is-three-cols.is-three-cols-type2 .content .scrollable-content {
    display:flex;
    flex-wrap: wrap;
  }
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column {
    width: 50%;
    order:99;
  }  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(3n-1){
    width: 100%;  
  }
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(2){order:1} 
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(1){order:2} 
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(3){order:3} 
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(5){order:4}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(4){order:5}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(6){order:6}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(8){order:7}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(7){order:8}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(9){order:9}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(11){order:10}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(10){order:11}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(12){order:12}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(14){order:13}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(13){order:14}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(15){order:15}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(17){order:16}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(16){order:17}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(18){order:18}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(20){order:19}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(19){order:20}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(21){order:21}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(23){order:22}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(22){order:23}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(24){order:24}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(26){order:25}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(25){order:26}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(27){order:27}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(29){order:28}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(28){order:29}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(30){order:30}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(32){order:31} 
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(31){order:32} 
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(33){order:33} 
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(35){order:34}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(34){order:35}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(36){order:36}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(38){order:37}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(37){order:38}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(39){order:39}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(41){order:40}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(40){order:41}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(42){order:42}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(44){order:43}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(43){order:44}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(45){order:45}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(47){order:46}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(46){order:47}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(48){order:48}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(50){order:49}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(49){order:50}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(51){order:51}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(53){order:52}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(52){order:53}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(54){order:54}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(56){order:55}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(55){order:56}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(57){order:57}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(59){order:58}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(58){order:59}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(60){order:60}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(62){order:61} 
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(61){order:62} 
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(63){order:63} 
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(65){order:64}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(64){order:65}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(66){order:66}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(68){order:67}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(67){order:68}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(69){order:69}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(71){order:70}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(70){order:71}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(72){order:72}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(74){order:73}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(73){order:74}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(75){order:75}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(77){order:76}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(76){order:77}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(78){order:78}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(80){order:79}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(79){order:80}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(81){order:81}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(83){order:82}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(82){order:83}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(84){order:84}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(86){order:85}  
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(85){order:86}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(87){order:87}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(89){order:88}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(88){order:89}
  .o-grid-controller.is-three-cols.is-three-cols-type2 .column:nth-of-type(90){order:90}

}

/*@ 마우스오버시 이미지 바뀌는 카테고리리스트 상품 사진(최신 frontend.min.css에서 가져온) / 2018.02.26 / mglee */
/*@ 패턴립과 다르게 only css 방식으로 수정 / 2018.02.26 / mglee */
/*@ PDP와 클래스명이 겹쳐서 수정 / 2018.02.26 / mglee */
.image-if-hover .m-product-image {
  position: relative;
}

.image-if-hover .m-product-image .a-image {
  display: block;
  /*@ 작은 이미지 임시로 늘림 18.03.08 bhkim */
  width: 100%;
}

.image-if-hover .m-product-image .hover-image {
  display: none;
}

/*@ 아이폰에서 상품을 한번 클릭했을때, PDP 화면으로 바로 넘어가지 않고, 팩샷으로 변경되어 노출됩니다. 그래서 PDP화면으로 넘어가기 위해서는 한번더 클릭해줘야 합니다. / 2018.04.03 / mglee */
/*
.image-if-hover .m-product-image.is-hover .default-image,
.image-if-hover .m-product-image:hover .default-image {
*/
.image-if-hover .m-product-image.is-hover .default-image{
  display: none;
}

/*@ 아이폰에서 상품을 한번 클릭했을때, PDP 화면으로 바로 넘어가지 않고, 팩샷으로 변경되어 노출됩니다. 그래서 PDP화면으로 넘어가기 위해서는 한번더 클릭해줘야 합니다. / 2018.04.03 / mglee */
/*
.image-if-hover .m-product-image.is-hover .hover-image,
.image-if-hover .m-product-image:hover .hover-image {
*/
.image-if-hover .m-product-image.is-hover .hover-image{
  display: block;
}

/* @ 개인계정연결관리-이메일란 모바일용 따로 / 2018.02.27 / mglee */
.sns_list li .sns_email.sns_email_m{
  display: block;
  margin-left: 35px;
  margin-right: 0;
}

/* @ 전시쪽 익스플로어 텍스트 왼쪽정렬로 / 2018.02.27 / mglee */
.o-grid-controller .m-free-tile{
  text-align: left;
}

/* @ .o-hero .m-teaser 왼쪽 오른쪽 배치 생김 from new frontend.min.css / 2018.02.28 / mglee */
@media (min-width: 768px) {
  .o-hero .m-teaser.align-right {
    text-align: right;
    float: right;
  }
}

@media (min-width: 768px) {
  .o-hero .m-teaser.align-left {
    text-align: left;
    margin: 0;
  }
}

/*@ 퀵샵가격표시 폰트사이즈 변경  / 2018.03.07 / bhkim */
.o-quick-buy .right-panel .o-product-information .o-form .m-product-price .a-label.price:after {
  font-size: 16px;
}

/*@ 가격 취소선 재정의 cos_revision으로 이동 / 2018.02.13 / bhkim */
/* 장바구니*/
.o-cart-item .price-section .is-deprecated {
  position: relative;
  text-decoration:none;

}
.o-cart-item .price-section .is-deprecated:before {
  position: absolute;
  content: "";
  border-bottom: 1px #444 solid;
  width: 100%;
  bottom: 6px;
}
.os-mac .o-cart-item .price-section .is-deprecated:before {bottom: 8px;} /* @ 맥에서는 장바구니쪽 세로 가운데 정렬 취소라인 안맞았었음 / 2018.04.08 / mglee */
/* 상품상세 페이지 */
.o-product-information .m-product-price .a-label.is-deprecated {
  position: relative;
  text-decoration: none;
  margin-right: 7px;
}
.o-product-information .m-product-price .a-label.is-deprecated:before {
  position: absolute;
  content: "";
  border-bottom: 1px #444 solid;
  width: 100%;
  bottom: 9px; /* @ 10px->9px pc 크롬 모바일화면 동일하게 / 2018.03.07 / bhkim */
}

/* @ 가격할인시 이전가격의 취소선이 아래쪽으로 내려와 있음 /  2018.03.12 / mglee */
.os-mac .o-product-information .m-product-price .a-label.is-deprecated:before {
  bottom: 12px;
}
/* @ 할인전 가격의 취소선이 아래로 내려가 있습니다.(삼성브라우저, 크롬 공통) /  2018.03.15 / mglee */
.os-android .o-product-information .m-product-price .a-label.is-deprecated:before {
  bottom: 12px;
}

/* 상품 리스트 페이지 */
.description .m-product-price .a-label.is-deprecated {
  position: relative;
  text-decoration: none;
  margin-right: 7px;
}
.description .m-product-price .a-label.is-deprecated:before {
  position: absolute;
  content: "";
  border-bottom: 1px #444 solid;
  width: 100%;
  /*bottom: 7px;*/ /* @ category 가격 취소선 수정 /  2018.03.15 / mglee */
  bottom: calc(50% - 1px); /* @ category 가격 취소선 수정 /  2018.04.03 / mglee */
}
@media all and (-ms-high-contrast:none){ /*IE Hack*/
  .description .m-product-price .a-label.is-deprecated:before {
    bottom: 48%; /* @ category 가격 취소선 수정 /  2018.03.15 / mglee */
  }
}
.os-mac .description .m-product-price .a-label.is-deprecated:before {bottom: calc(50% + 1px);} /* @ 맥에서는 취소선 새로 가운데가 잘 안맞었음 /  2018.04.08 / mglee */

/* @ category 가격 취소선 수정 /  2018.03.15 / mglee */
.o-product .description .m-product-price{
  height: 16px;
  vertical-align: baseline;
}


/* 퀵샵 */
.o-quick-buy .right-panel .o-product-information .o-form .m-product-price .a-label.is-deprecated {
  position: relative;
  text-decoration: none;
  margin-right: 7px;
}
.o-quick-buy .right-panel .o-product-information .o-form .m-product-price .a-label.is-deprecated:before {
  position: absolute;
  content: "";
  border-bottom: 1px #444 solid;
  width: 100%;
  bottom: 11px;
}
/*@ 검색 취소선 모바일 위치 설정 / 2018.02.27 / bhkim */
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
  /*장바구니*/
  .o-cart-item .price-section .is-deprecated:before {
    bottom: 7px;
  }
  /*상품상세*/
  .o-product-information .m-product-price .a-label.is-deprecated:before {
    /*bottom: 12px;*/ /*@ 상품상세화면 모바일에서 가격취소선 위치 확인 부탁드립니다. / 2018.03.09 / mglee */
  }
  /* 상품 리스트 페이지 */
  .description .m-product-price .a-label.is-deprecated:before {
    bottom: 9px;
  }
  /* 퀵샵 */
  .o-quick-buy .right-panel .o-product-information .o-form .m-product-price .a-label.is-deprecated:before {
    bottom: 15px;
  }
}

/*@ ie용 / 2018.02.06 / bhkim */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  .o-cart-item .price-section .is-deprecated:before,
  .o-product-information .m-product-price .a-label.is-deprecated:before,
  .description .m-product-price .a-label.is-deprecated:before
  {
    width: calc(100% - 8px);
  } 
}
/*@ // 가격 취소선 재정의 / 2018.02.13 / bhkim */

/*@ 에러 페이지 신규 cos_revision으로 이동 / 2018.02.13 / bhkim */
.o-404-error .main-wrapper .content .a-cos-logo {
  width: 70%;
  margin: 40px auto;
}
.o-404-error .main-wrapper .content .a-cos-logo + .a-heading-1 {
  margin-bottom: 40px;
}

/*@ 카테고리리스팅-이미지호버 관련, width가 짧은 이슈가 있었음. / 2018.03.02 / mglee */
.o-category-listing .column .o-product .image-holder .image-if-hover .m-product-image .a-image{
  width: 100%;
}

/*@ Hero Component의 'prev' 'next' 버튼 위치가 위쪽으로 올라간것으로 보입니다. / 2018.03.02 / mglee */
@media (min-width: 768px){
  .o-slider .swiper-arrow.swiper-prev, .o-slider .swiper-arrow.swiper-next{
    top: 50% !important;
    margin-top: -10px;
  }  
}

/*@ Free Tile Component.CTA 간격이 디자인 가이드와 다르게 붙어 있습니다.  / 2018.03.06 / mglee */
.m-free-tile .cta-wrapper .cta-link{
  margin-right: 18px;
}
.m-free-tile .cta-wrapper a:last-of-type{
  margin-right: 0;
}

/*@ 모바일 필터 가격 부분 글자 많을시 정렬 / 2018.03.07 / bhkim */
.m-dropdown.filter-dropdown:not(.style-dropdown) .list-wrapper .options .m-checkbox {
  vertical-align: top;
}
.m-dropdown.filter-dropdown .list-wrapper .options .m-checkbox .a-label {
  vertical-align: middle;
}
.m-dropdown.filter-dropdown .list-wrapper .options .m-checkbox .a-label:last-child {
  margin-top: 0;
}

/*@ "상품 필수 표시 정보" 의 언더라인과 텍스트가 붙어있습니다.  / 2018.03.07 / mglee */
.a-link-pdp-essential{
  cursor:pointer; 
  font-size:11px;
}
.a-link-pdp-essential .unsmart-underline-underline{
  bottom: -2px;  
}
.os-mac .a-link-pdp-essential .unsmart-underline-underline{
  bottom: -1px;  
}

/* @ FAQ 언더라인 간격 수정 / 2018.03.07 / mglee */
.a-link-02 .unsmart-underline-underline{
  bottom: -2px;
  margin-left: 0 !important;
}
.os-mac .a-link-02 .unsmart-underline-underline{
  bottom: 0px;
}

/* @ 상품 설명 - 배송 & 반품 - 상세 정보  언더라인이 텍스트와 너무 붙어있음 (간격조정 필요) / 2018.03.07 / mglee */
.o-product-information .o-form .description-header .description,
.o-product-information .o-form .description-header .delivery-and-returns,
.o-product-information .o-form .description-header .details{
	padding-bottom: 2px;
}
.os-mac .o-product-information .o-form .description-header .description,
.os-mac .o-product-information .o-form .description-header .delivery-and-returns,
.os-mac .o-product-information .o-form .description-header .details{
	padding-bottom: 0px; 
}

/* @ 쿠키 라이트 box의 underLine / 2018.03.07 / mglee */
.m-cookie-message .unsmart-underline-underline{
	bottom: -2px;
}
.os-mac .m-cookie-message .unsmart-underline-underline{
	bottom: 0px;
}








/* ******************************************** */
/* ******************************************** */
/* ******************************************** */
/* @ 새로운 underLine 작업 / 2018.03.09 / mglee */
.q-udln{
  position: relative;
  background: none;
  border: 0;
  padding: 0;
  /*letter-spacing: 0px;*/ /* @ 주문상태 - 배송완료 아래 '상세보기' 텍스트 퍼블 추가요청. (underline 조정필요) / 2018.03.26 / mglee */
  letter-spacing: inherit; /* @ 주문상태 - 배송완료 아래 '상세보기' 텍스트 퍼블 추가요청. (underline 조정필요) / 2018.03.26 / mglee */
  
}
.q-udln::after{
  content: " ";
  background: #444;
  position: absolute;
  height: 1px;
  left: 0;
  right: 0;
  bottom: -2px; /*PC-Chrome, PC-IE?*/
}
_:-ms-fullscreen, :root .q-udln::after{ /*IE11 Hack*/
  background: transparent;
}
_:-ms-fullscreen, :root .q-udln.ie-fix::after{ /*IE11 Hack*/
  /*background: blue;*/
  background: #444;
}
.os-mac .q-udln::after{
  /*background: green;*/
}

.os-mac .q-udln::after{bottom: 0px;}/*iphone-Safari, mac-Safari*/
.os-android .q-udln::after{bottom: 0;}/*Galaxy-Chrome, Galaxy-SamsungBrowser*/
.ly_order .delivery-list .label_group .head .btns .q-udln::after {bottom: 0;} /*@ 개인계정 연결관리와 동일합니다. 수정,삭제 링크 / 2018.03.15 / mglee */
.ly_order .delivery-list .label_group .head .btns .q-udln::after {bottom: 0;} 
.o-quick-buy .right-panel .o-product-information .a-link.q-udln::after{bottom:-1.5px} /*@ 퀵샵 - 상품정보 더보기   언더라인이 텍스트와 너무 붙어 있습니다. (간격조정) / 2018.03.16 / mglee */
_:-ms-fullscreen, :root .o-quick-buy .right-panel .o-product-information .a-link.q-udln{border-bottom:1px solid #444;padding-bottom: 1px;} /*@ [IE11] 퀵샵에서 상품정보 더보기 언더라인이 비노출 되고 있습니다. / 2018.04.02 / mglee */
/*button.q-udln::after {bottom: 0;}*//*mypage/COS-FP-04-002v13.html - 배송지 변경때문에 삭제*/
.ly_box_wrap .my_box .ly_tit_line .btn_tx_group .q-udln::after{bottom: 0;} /*mypage/COS-FP-04-002v13.html - 배송지 변경때문에 삭제*/
_:-ms-fullscreen, :root .ly_box_wrap .my_box .ly_tit_line .btn_tx_group .q-udln::after{bottom: 1px;}
.os-mac .ly_box_wrap .my_box .ly_tit_line .btn_tx_group .q-udln::after{bottom: 3px;}

.ly_order .ordersheet-box .agree .q-udln::after {bottom: 0;} 
.os-mac .ly_order .ordersheet-box .agree .q-udln::after {bottom: 3px;} 
.ly_order .order_wrapper .right-wrapper .ly_header.od-section-header .q-udln {float: right;}  
.ly_order .order_wrapper .right-wrapper .ly_header.od-section-header .q-udln::after {bottom: 0px;}  
.os-mac .ly_order .order_wrapper .right-wrapper .ly_header.od-section-header .q-udln::after {bottom: 3px;}  
.ly_mypage .my_login .tb_edit table th .q-udln{margin-left:20px;line-height:15px;vertical-align: baseline;}
.ly_mypage .my_login .tb_edit table th .q-udln::after{bottom: -1px;}
.os-mac .ly_mypage .my_login .tb_edit table th .q-udln::after{bottom: 2px;}
.o-product-information .o-form .description-header .q-udln.description::after,
.o-product-information .o-form .description-header .q-udln.delivery-and-returns::after,
.o-product-information .o-form .description-header .q-udln.details::after{
  visibility: hidden;
  bottom: -1px;
}
.o-product-information .o-form .description-header .q-udln.description.is-selected::after,
.o-product-information .o-form .description-header .q-udln.delivery-and-returns.is-selected::after,
.o-product-information .o-form .description-header .q-udln.details.is-selected::after {
  visibility: visible;
}

_:-ms-fullscreen, :root .description-text .q-udln::after{bottom: -1px;}

.ly_mypage .od_etc .q-udln{
  display: inline-block;
  font-size: 12px;
	vertical-align: bottom;
}
.ly_mypage .od_etc .q-udln::after{bottom: 0px;}
.os-mac .ly_mypage .od_etc .q-udln::after{bottom: 3px;}
.ly_mypage .ly_box_wrap .bank_head .q-udln::after{bottom:0px;}
.ly_mypage .ly_box_wrap .bank_section.bank_02 .q-udln::after{bottom:0px;}
_:-ms-fullscreen, :root .ly_mypage .ly_box_wrap .bank_head .q-udln::after{bottom:1px;}
_:-ms-fullscreen, :root .ly_mypage .ly_box_wrap .bank_section.bank_02 .q-udln::after{bottom:1px;}
.os-mac .ly_mypage .ly_box_wrap .bank_head .q-udln::after{bottom:3px;}
.os-mac .ly_mypage .ly_box_wrap .bank_section.bank_02 .q-udln::after{bottom:3px;}

_:-ms-fullscreen, :root .description-text .a-link-pdp-essential.q-udln::after {bottom: -3px;} /*@ ie용 "상품 필수 표시 정보" 의 언더라인과 텍스트가 붙어있습니다. / 2018.03.20 / bhkim */
.os-mac .description-text .a-link-pdp-essential.q-udln::after {bottom: -1px;} 

.ly_edit .ly_body .tb_edit .q-udln::after{bottom: 0px;}
_:-ms-fullscreen, :root .ly_edit .ly_body .tb_edit .q-udln::after{bottom: 1px;}
.os-mac .ly_edit .ly_body .tb_edit .q-udln::after{bottom: 3px;}

_:-ms-fullscreen, :root .popup_cont.member .login_box_area .bt_list .idpw_list .q-udln::after{bottom: -1px;}

.o-order-confirmation .sign-up-section .q-udln::after{bottom: 0px;}
.os-mac .o-order-confirmation .sign-up-section .q-udln::after{bottom: 3px;}
_:-ms-fullscreen, :root .ly_member .txt_info.line .q-udln::after{bottom:-3px;}
_:-ms-fullscreen, :root .popup_cont.member .button_list + .tx .q-udln::after{bottom:-1px;}
/* @ 개행 대응 언더라인 / 2018.04.03 / mglee */

/* @ 전 페이지 갤럭시 언더라인 마저 간격 조정 / 2018.04.04 / mglee */
.os-android .ly_edit .ly_body .tb_edit .q-udln::after{bottom: 3px;}
.os-android .ly_order .ordersheet-box .agree .q-udln::after{bottom: 3px;}
.os-android .o-order-confirmation .sign-up-section .q-udln::after{bottom: 3px;}
.os-android .popup_cont.member .login_box_area .bt_list .idpw_list .q-udln{background-position: 0px calc(100% - 5px);}
.os-android .ly_member .login_box_area .bt_list .idpw_list li .q-udln {background-position: 0px calc(100% - 5px);}
.os-android .ly_mypage .my_login .tb_edit table th .q-udln::after{bottom: 2px;}
.os-android .ly_mypage .od_detail .od_etc .q-udln::after{bottom: 3px;}
.os-android .ly_mypage .btn_tx_group .q-udln::after{
  bottom: auto;
  top: calc(100% - 4px);
}
.os-android .ly_mypage .ly_box_wrap .bank_head .q-udln::after{bottom: 3px;}
.os-android .ly_mypage .ly_box_wrap .bank_section .q-udln::after{bottom: 3px;}
/*// @ 전 페이지 갤럭시 언더라인 간격 조정 / 2018.04.04 / mglee */

/*전시 - 제품상세 - 상품상세화면*/
.product-description .description-text .a-paragraph .q-udln{
  background-image: url(../images/cos/02/444444.jpg);  
  background-repeat: repeat-x;
  background-position: 0px 100%;
  padding-bottom: 2px;
}
.product-description .description-text .a-paragraph .q-udln::after{
  display: none;
}
.os-mac .product-description .description-text .a-paragraph .q-udln{
  padding-bottom: 0px;
}
.os-android .product-description .description-text .a-paragraph .q-udln{
  background-position: 0px calc(100% - 1px);
  padding-bottom: 0px;
}

/* @ PDP 언더라인 추가 / 2018.04.05 / mglee */
.product-description .delivery-and-returns-text .a-paragraph .q-udln{
  background-image: url(../images/cos/02/444444.jpg);  
  background-repeat: repeat-x;
  background-position: 0px 100%;
  padding-bottom: 2px;  
}
.product-description .delivery-and-returns-text .a-paragraph .q-udln::after{
  display: none;
}
.os-mac .product-description .delivery-and-returns-text .a-paragraph .q-udln{
  padding-bottom: 0px;
}
.os-android .product-description .delivery-and-returns-text .a-paragraph .q-udln{
  background-position: 0px calc(100% - 1px);
  padding-bottom: 0px;
}
.product-description .details-text .a-paragraph .q-udln{
  background-image: url(../images/cos/02/444444.jpg);  
  background-repeat: repeat-x;
  background-position: 0px 100%;
  padding-bottom: 2px;  
}
.product-description .details-text .a-paragraph .q-udln::after{
  display: none;
}
.os-mac .product-description .details-text .a-paragraph .q-udln{
  padding-bottom: 0px;
}
.os-android .product-description .details-text .a-paragraph .q-udln{
  background-position: 0px calc(100% - 1px);
  padding-bottom: 0px;
}


/*주문/결제 - 장바구니 - 장바구니 - 장바구니(상품 유)*/
.o-cart .m-informative-section .q-udln{
  background-image: url(../images/cos/02/444444.jpg);  
  background-repeat: repeat-x;
  background-position: 0px 100%;
  padding-bottom: 2px;  
}
.o-cart .m-informative-section .q-udln::after{
  display: none;
}
.os-mac .o-cart .m-informative-section .q-udln{
  background-position: 0px calc(100% - 2px);
}
.os-android .o-cart .m-informative-section .q-udln{
  background-position: 0px calc(100% - 2px);
}

/*주문서작성(회원)*/
.ly_order .order-product .m-informative-section .q-udln{
  background-image: url(../images/cos/02/444444.jpg);  
  background-repeat: repeat-x;
  background-position: 0px 100%;
  padding-bottom: 2px;  
}
.ly_order .order-product .m-informative-section .q-udln::after{
  display: none;
}
.os-mac .ly_order .order-product .m-informative-section .q-udln{
  background-position: 0px calc(100% - 2px);
}
.os-android .ly_order .order-product .m-informative-section .q-udln{
  background-position: 0px calc(100% - 2px);
}

/*비회원 주문 정보수집 동의 POPUP*/
.popup_cont .intelligence-collection .text .q-udln{
  background-image: url(../images/cos/02/444444.jpg);  
  background-repeat: repeat-x;
  background-position: 0px 100%;
  padding-bottom: 2px;    
}
.popup_cont .intelligence-collection .text .q-udln::after{
  display: none;
}
.os-mac .popup_cont .intelligence-collection .text .q-udln{
  background-position: 0px calc(100% - 2px);
}
.os-android .popup_cont .intelligence-collection .text .q-udln{
  background-position: 0px calc(100% - 2px);
}

/*마이페이지-주문/배송조회-주문/배송조회(상세)-결제수단변경팝업-신용카드*/
.ly_order .desc-content-wrap .desc-content .q-udln{
  background-image: url(../images/cos/02/444444.jpg);     
  background-repeat: repeat-x;
  background-position: 0px 100%;
  padding-bottom: 2px;      
}
.ly_order .desc-content-wrap .desc-content .q-udln::after{
  display: none;
}
.os-mac .ly_order .desc-content-wrap .desc-content .q-udln{
  background-position: 0px calc(100% - 2px);
}
.os-android .ly_order .desc-content-wrap .desc-content .q-udln{
  background-position: 0px calc(100% - 2px);
}
/*// @ 개행 대응 언더라인 / 2018.04.03 / mglee */

/* ******************************************** */
/* ******************************************** */
/* ******************************************** */
/* @ 새로운 underLine 작업 / 2018.03.09 / mglee */










/* @ mac safari에서 마우스 오버시 글짜의 윗부분이 잘림 / 2018.03.12 / mglee */
.o-my-page-navigation .o-list li .a-link{
  border: 1px solid transparent;  
}

/* @ mac safari 주문/배송의 주문취소 화면 수량영역, 숫자보다 -+기호가 아래로 내려와 있음 / 2018.03.12 / mglee */
.o-cart-item .m-dropdown .a-icon-close, 
.o-cart-item .m-dropdown .a-icon-arrow-down-small{
}
.o-cart-item .m-dropdown .placeholder{
  text-align: center;
}
.o-cart-item .m-dropdown .placeholder>span{
  text-align: center;
}
.os-mac .o-cart-item .m-dropdown .placeholder>span{
  position: relative;
  top: 2px;
}

/* @ IE에서 스크롤이 보이지 않도록 별도 처리 요망 / 2018.03.13 / mglee */
@media all and (-ms-high-contrast:none){ /*IE Hack*/
  .o-minicart .products{
    /*scrollbar-face-color: #fff;*/ /* @ GNB(장바구니 미니카트)에서 주문수량 옆의 주문금액이 오른쪽으로 치우쳐있음 / 2018.03.14 / bhkim */
    /*scrollbar-3dlight-color: #fff;*/ /* @ GNB(장바구니 미니카트)에서 주문수량 옆의 주문금액이 오른쪽으로 치우쳐있음 / 2018.03.14 / bhkim */
    /*scrollbar-highlight-color: #fff;*/ /* @ GNB(장바구니 미니카트)에서 주문수량 옆의 주문금액이 오른쪽으��� 치우쳐있음 / 2018.03.14 / bhkim */
    /*scrollbar-shadow-color: #fff;*/ /* @ GNB(장바구니 미니카트)에서 주문수량 옆의 주문금액이 오른쪽으로 치우쳐있음 / 2018.03.14 / bhkim */
    /*scrollbar-darkshadow-color: #fff;*/ /* @ GNB(장바구니 미니카트)에서 주문수량 옆의 주문금액이 오른쪽으로 치우쳐있음 / 2018.03.14 / bhkim */
    /*scrollbar-arrow-color: #fff;*/ /* @ GNB(장바구니 미니카트)에서 주문수량 옆의 주문금액이 오른쪽으로 치우쳐있음 / 2018.03.14 / bhkim */
    /*scrollbar-track-color: #fff;*/ /* @ GNB(장바구니 미니카트)에서 주문수량 옆의 주문금액이 오른쪽으로 치우쳐있음 / 2018.03.14 / bhkim */
    /*width: calc(100% + 16px);*/ /* @ GNB(장바구니 미니카트)에서 주문수량 옆의 주문금액이 오른쪽으로 치우쳐있음 / 2018.03.14 / bhkim */
    -ms-overflow-style: none; /* @ GNB(장바구니 미니카트)에서 주문수량 옆의 주문금액이 오른쪽으로 치우쳐있음 / 2018.03.14 / bhkim */
  }  
}
@media (min-width:1151px) and (-ms-high-contrast:none){ /*IE Hack*/
  .o-header .minicart {
    width: calc(29.16% + 16px);
  }
}

/* @ 상품상세 옵션이 최소시 스크를 생성방지 / 2018.03.13 / bhkim */
@media (min-width: 768px) {
  .m-dropdown.pdp-dropdown .list-wrapper .options .a-option:nth-last-child(2) {
    /*padding-bottom: 3px;*/ /*@ MAC으로 확인하였을 경우 컬러선택 박스의 텍스트가 위로 올라가 있음 / 2018.04.05 / mglee */
    padding-bottom: 0px; /*@ MAC으로 확인하였을 경우 컬러선택 박스의 텍스트가 위로 올라가 있음 / 2018.04.05 / mglee */
  }
  .m-dropdown.pdp-dropdown .list-wrapper .options .a-option:last-child {
    /*padding-bottom: 3px;*/ /*@ MAC으로 확인하였을 경우 컬러선택 박스의 텍스트가 위로 올라가 있음 / 2018.04.05 / mglee */
    padding-bottom: 0px; /*@ MAC으로 확인하였을 경우 컬러선택 박스의 텍스트가 위로 올라가 있음 / 2018.04.05 / mglee */
  }
  
  /*@ MAC으로 확인하였을 경우 컬러선택 박스의 텍스트가 위로 올라가 있음 / 2018.04.05 / mglee */
  .m-dropdown.pdp-dropdown .list-wrapper .options .a-option{
    overflow: hidden;
  }
}





/* @ 전화상담을 통한 상품/이벤트 정보 수신 동의, 위 (선택) 문구를 동의 옆으로 이동 / 2018.03.13 / mglee */
.type-checkbox.no-margin{
  margin-right: 0;
}

/*@ 아코디언 타이틀 부분 버튼겹침 (패터립 추가됨) 18.03.14 bhkim*/
.o-accordion .accordion-header .a-heading-3 {
  max-width: 95%;
}

/*@ PC공지 팝업 언더라인 / 2018.03.15 / mglee */
.ly_popup_notice .dialog-notice .dialog-content .dialog-view .popup_cont .popup_btn .txt_btn{
	border-bottom: 1px solid #444 !important;
}

/*@ 상품 이미지가 1개인 경우, 이미지 클릭했을 때 뜨는 zoom in 이미지가 왼쪽으로 치우쳐있습니다. / 2018.03.16 / mglee */
.m-product-zoom .img-wrapper .a-image {/*1개*/
    margin-left: auto;
    margin-right: auto;
}
.m-product-zoom .img-wrapper .swiper-zoom-container .a-image {/*복수개*/
    margin-left: 0;
    margin-right: 0;
}

/*@ Takeover Component 기본 적용되어있는 상단, 하단 여백 제거 / 2018.03.19 / mglee */
.o-page-content .u-row .o-takeover{
  margin-top: 0;
  margin-bottom: 0;
}

/*@ 쿠키배너에서 텍스트가 길어질 때, 쿠키 배너의 전체 영역을 사용하지 못하고 줄바꿈이 생깁니다. / 2018.03.23 / mglee */
.m-cookie-message{
  padding-right: 20px !important;
}

/*@ 퀵샵 위험물 표식 신규 / 2018.03.23 / bhkim */
.o-quick-buy .right-panel .o-product-information .flammable-text {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.0825em;
  padding-top: 13px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.o-quick-buy .right-panel .o-product-information .flammable-text .a-image {
  /*width: 25px;*/ /*ie에서 비대칭*/
  height: 25px;
}
.o-quick-buy .right-panel .o-product-information .flammable-text .a-paragraph {
  padding-left: 16px;
}

/*@ 퀵샵 품절 툴팁 위치수정 / 2018.03.23 / bhkim */
.o-quick-buy .right-panel .o-product-information .a-size-swatch .size-options.out-of-stock .tooltip-text {
  top: 36px;
}
.o-quick-buy .right-panel .o-product-information .a-size-swatch .size-options.out-of-stock .tooltip-text:after {
  bottom: 28px;
}

/*@ 퀵샵 칼라칩 수직정렬 (크롬,ie만.. 맥은 잘나옴) / 2018.03.23 / bhkim */
@media screen and (-webkit-min-device-pixel-ratio:0), (-ms-high-contrast: none) {
  .o-quick-buy .right-panel .o-product-information .o-form .m-dropdown .list-wrapper .options .a-option .color-name {
    top: 13px;
  }
  .o-quick-buy .right-panel .o-product-information .o-form .m-dropdown .placeholder, .o-quick-buy .right-panel .o-product-information .o-form .list-wrapper .placeholder {
     padding-top: 7px; 
  }
}

/*@ PDP 칼라칩 수직정렬 (크롬,ie만.. 맥은 잘나옴) / 2018.03.23 / bhkim */
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio:0), (-ms-high-contrast: none) {
  .m-dropdown.pdp-dropdown .list-wrapper .options .a-option .color-name {
    top: 16px;
  }
  .m-dropdown.pdp-dropdown .placeholder {
    padding-top: 10px;
  }
}

/*@ MAC으로 확인하였을 경우 컬러선택 박스의 텍스트가 위로 올라가 있음 / 2018.04.05 / mglee */
.os-mac .m-dropdown.pdp-dropdown .list-wrapper .options .a-option .color-name{
  top: 18px;
}


/*@ 3컬럼 컴포넌트의 CTA간 간격이 너무 붙어 있는 것 같습니다. 간격 확인 부탁드립니다. / 2018.03.26 / mglee */
.o-grid-controller .o-text-block .cta-section .m-double-button .a-button{
	margin-right: 32px;
}
.o-grid-controller .o-text-block .cta-section .m-double-button a:last-child{
	margin-right: 0;
}

/*@ 3컬럼 컴포넌트의 경우 상단 cta와 컬럼 이미지간의 간격이 APA 또는 어피져보다 넓음. 간격 수정 요망 / 2018.03.26 / mglee */
.o-grid-controller .o-text-block{
	padding-bottom: 2px;
} 			

/*@ 유투브, 비메오 모바일에서 높이 설정 / 2018.03.26 / bhkim */
@media (max-width: 767px) {
  .o-blog-hero .a-youtube-video, .o-blog-hero .a-vimeo-video {
    height:auto;
  }  
}
/*@ 유투브, 비메오 탭에서 높이 설정 18.03.26 bhkim*/
@media (min-width: 768px) and (max-width: 1024px){
  .o-blog-hero .a-youtube-video, .o-blog-hero .a-vimeo-video {
    height:405px;
  }  
}
/*@ 비메오 배경색 블랙으로 설정 (유투브처럼) => 일단주석함 / 2018.03.26 / bhkim */
/*.o-blog-hero .a-vimeo-video > iframe {*/
/*  background-color: #000;*/
/*}*/

/*@ 모바일 > 브랜드 로고 크기 작게 노출됨 (IE 문제) / 2018.03.26 / mglee */
@media (max-width: 767px){
  _:-ms-fullscreen, :root .o-header .a-cos-logo svg{
    width: 55px;
    height: 17.69px;
  }
}

/*@ Hero의 텍스트 색상 기본값을 흰색으로 표시. / 2018.03.27 / mglee */
/*@ 텍스트로만 구성될 경우 기존 색상과 동일한 디폴트색상으로 처리 / 2018.03.29 / mglee */
.o-hero .a-picture+.m-teaser .a-heading-1,
.o-hero .a-picture+.m-teaser .a-label,
.o-hero .a-picture+.m-teaser .cta-wrapper .a-link{
  color: #fff;  
}

/*@ 검색 인풋 플레이스 홀더 IE에서 서체가 달랐던 현상 / 2018.03.27 / mglee */
.o-header .o-search .search-form .a-input:-ms-input-placeholder{
	font-family: 'Gill Sans MT Pro Medium', 'Nanum Barun Gothic', 'Gill Sans MT Pro Book', 'Gill Sans', '돋움', dotum, sans-serif;
}

/*@ 4컬럼 컴포넌트의 타이틀 기본 사이즈가 다른 것 같습니다. --> 한글 q-alpha 4 / 2018.03.27 / mglee */
.m-free-tile .headline-preamble-wrapper .a-heading-2{
	font-size: 13px;line-height: 21px;
}

/*@ CKR-37 : Size box / 2018.03.28 / mglee */
/*@ 사이즈박스의 폰트크기 조정 (PC 및 태블릿) / 2018.03.29 / mglee */
@media (max-width: 767px) {
  /*M*/
  .a-size-swatch .size-options{
    height: 36px;
    font-size: 12px;
    letter-spacing: 0.64px;
    padding-top:9px;
    padding-bottom:11px;
  }
}
@media (min-width: 768px){
  /*T,D*/
  .a-size-swatch .size-options{
    height: 35px;
    line-height: 1.17;
    font-size: 13px;
    padding-top: 11px;
    padding-bottom: 7px;
    letter-spacing: 0.64px;
  }
}

/*@ CKR-21 : Different interval / 2018.03.28 / mglee */
@media (min-width: 1151px){
  .o-navigation .departments{
    letter-spacing: 0.64px;    
  }  
}

/*@ CKR-35 : Difference in title & text size / 2018.03.28 / mglee */
@media (min-width: 1025px){
  .o-local-navigation .navigation{
    letter-spacing: 0.64px;
  }
  .o-local-navigation .navigation ul{
    letter-spacing: 1.5px;
  }  
  .o-local-navigation .navigation .a-link{
    font-size: 13px !important;
    line-height: 21px !important;
    letter-spacing: 0.535px;
  }
}
.o-local-navigation .a-heading-1{
  font-size: 24px;
}

/*@ 검색창 placehoder 영문보다 흐림 수정 ccc->bbb / 2018.03.29 / bhkim */
.o-search .a-input:-ms-input-placeholder {
  color: #bbbbbb;
}
.o-search .a-input::placeholder {
  color: #bbbbbb;
}

/*@ PDP 상단 영역 min-height / 2018.03.29 / mglee */
@media (min-width: 1025px){
  .q-min-height-pdp{
    min-height: 757px;
  }
}

/*@ 20180326 개인정보처리 / 2018.03.30 / sikim, mglee */
.private-policy.bold { font-size: 13px !important;font-weight: bold !important;}

/*@ 뉴스레터 강조 스타일 추가 / 2018.04.02 / bhkim */
.o-newsletter-signup .o-form .m-checkbox a.q-udln {
  letter-spacing: -0.01px;
}
.o-newsletter-signup .o-form .m-checkbox .a-label:last-child {
  text-transform: uppercase;
}

/*@ [PC] Hero 단독문구 글씨 겹침 / 2018.04.02 / mglee */
@media (max-width: 767px){
  .m-teaser .a-heading-1{
  	font-size: 18px;
  	line-height: 28px;
  }
}
@media (min-width: 768px){
  .m-teaser .a-heading-1{
  	font-size: 22px;
  	line-height: 32px;
  }
}

/*@ IE 뉴스레터 언더라인/ 2018.04.03 / mglee */
_:-ms-fullscreen, :root .o-newsletter-signup .o-form .m-checkbox a.q-udln{
  border-bottom: 1px solid #444;
}
_:-ms-fullscreen, :root .o-newsletter-signup .o-form .m-checkbox a.q-udln::after{
  display: none;
}

/*@ IE11에서 아이디찾기 / 비밀번호찾기 / 비회원주문조회에  언더라인이 비노출 되고 있습니다 / 2018.04.04 / mglee */
.ly_member .login_box_area .bt_list .idpw_list li .q-udln{
  background-image: url(../images/cos/02/444444.jpg);     
  background-repeat: repeat-x;
  background-position: 0px calc(100% - 3px);
  padding-bottom: 5px;
}
.ly_member .login_box_area .bt_list .idpw_list li .q-udln::after{
  display: none;  
}

/*@ IE11에서 회원가입에 언더라인이 비노출 되고 있습니다. / 2018.04.04 / mglee */
.popup_cont.member .login_box_area .bt_list .idpw_list .q-udln{
  background-image: url(../images/cos/02/444444.jpg);     
  background-repeat: repeat-x;
  background-position: 0px calc(100% - 3px);
  padding-bottom: 5px;  
}
.popup_cont.member .login_box_area .bt_list .idpw_list .q-udln::after{
  display: none;  
}
_:-ms-fullscreen, :root .popup_cont.member .login_box_area .bt_list .idpw_list .q-udln{
  background-position: 0px calc(100% - 4px);
}
.os-mac .popup_cont.member .login_box_area .bt_list .idpw_list .q-udln{padding-bottom: 4px;} /*@ 맥에서는 로그인 팝업 비회원주문조회 버튼에 언더라인 안보였었음 / 2018.04.08 / mglee */

/*@ IE11에서 회원가입에 언더라인이 비노출 되고 있습니다. / 2018.04.04 / mglee */
.o-text-block .cta-section .m-double-button a:last-child{
  margin-right: 0;
}

/*@ Square Portrait Component의 상단 문구 영역 CTA간격이 너무 붙어 보입니다. / 2018.04.04 / mglee */
.o-square .o-text-block .cta-section .m-double-button .a-button{
	margin-right: 28px;
}
.o-square .o-text-block .cta-section .m-double-button a:last-child{
	margin-right: 0;
}

/*@ 히어로 뿐만 아니라 모든 컴포넌트의 언스마트언더라인 스타일 적용 확대 - 작업후 생긴 4컬럼 상하 스크롤를 해결 / 2018.04.06 / mglee */
.o-grid-controller.is-four-cols .content{
  overflow-y: hidden;
}

/*@ 현재 모바일 샵인샵의 Hero컴포넌트가 왼쪽으로 치우쳐서 보여집니다. / 2018.04.06 / mglee */
@media (max-width: 767px){
  .u-cols-sm-8-8.u-cols-hero{
    width: 100%;
  }
}

/*@ 주문서 작성 페이��� [COS-FP-03-002] 에서 언더라인 추가 및 텍스트 수정 / 2018.04.09 / mglee */
.ly_order .order_wrapper .left-wrapper .ly_edit .ly_body .tb_txt .q-udln::after{bottom: 0;}
.os-mac .ly_order .order_wrapper .left-wrapper .ly_edit .ly_body .tb_txt .q-udln::after{bottom: 2px;}
.ly_order .delivery-list .label_group .head .btns .q-udln::after{bottom: 0px !important;}
_:-ms-fullscreen, :root .ly_order .delivery-list .label_group .head .btns .q-udln::after{bottom: 0px !important;}
.os-mac .ly_order .delivery-list .label_group .head .btns .q-udln::after{bottom: 2px !important;}

/*@ 매장찾기 팝업 재정렬 (스크롤바 플러그인과 클래스 동일 / 2018.04.10 / bhkim */
.m-info-box .scroll-wrapper {
    padding-right: 0;
    position: static;
    overflow-y: auto !important; 
    /*@ 매장찾기 매장팝업 스크롤 안나와야. / 2018.04.25 / bhkim */
    max-height: 470px;
}

/*@ 카테고리-익스에서 NEW마커 있는 상품 제목 상단 공백 현상 / 2018.04.12 / mglee */
.o-product .description, .o-product-cofs .description{
  display: block;
  margin-top: 13px;
}

/*@ 영수증/세금계산서 페이지 익스에서만 q-udln스크립트 이슈가 있었음 / 2018.04.16 / mglee */
.q-udln-alt{
  border-bottom: 1px solid #444;
  padding-bottom: 1px;
}

/*@ 갤럭시-4컬럼-디폴트 CTA상단 글자 짤림 현상(자체발견) / 2018.04.17 / mglee */
.os-android .o-grid-controller .unsmart-underline{padding-top:2px;}

/*@ PDP에서 돋보기버튼 클릭시 COS로고, 장바구니 버튼 안개 뒤로 묻힘(샵인샵은 정상, 오피셜에서만 발생한 현상.) / 2018.04.18 / mglee */
/*@ 모바일, 태블릿일때는 다른 이슈 발생시킴, 데스크탑으로 한정 / 2018.04.19 / mglee */
@media (min-width: 1025px){
  .o-header .m-bag{
  	z-index: 50;
  }
  .o-header .a-cos-logo{  
  	z-index: 50;	
  }
}

/*@ 갤러시탭에서 뉴스레터 팝업 라디오버튼 텍스트 드롭되는 현상(자체발견) / 2018.04.18 / mglee */
/*@ 미디어쿼리 쓸 필요없음 / 2018.04.19 / mglee */
.o-newsletter-personalized .m-radio-button .label-text{
  white-space: nowrap;
}

/*@ 스퀘어 컴포넌트처럼 2/3/4 컴포넌트도 쉼표 적용해야함. / 2018.04.19 / mglee */
.o-grid-controller .content .column .m-free-tile .cta-wrapper .a-link:after{
    content: ",";
    margin-right: 0; /*@ 모바일에서 짤리는 문제로 0.25em ->0으로 /2018.04.23/ bhkim */
    font-size: initial;
}
.o-grid-controller .content .column .m-free-tile .cta-wrapper .a-link:last-child:after{
	content: none;
}

/*@ m-freetile cta 텍스트가 길면 전체 줄이 개행되어야 한다. / 2018.04.19 / mglee */
.m-free-tile .cta-wrapper .cta-link{
  white-space: nowrap;  
}

/*@ 콤마 출력, 미출력 클래스 추가 / 2018.04.23 / bhkim */
.cta-wrapper.addComma .a-link:after{
  content: ",";
  margin-right: 0;
  font-size: initial;
}
.cta-wrapper.addComma .a-link:last-child:after{
	content: none;
}
.cta-wrapper.noComma .a-link:after{
  content: none!important;
  margin-right: 0;
  font-size: initial;
}
.cta-wrapper.noComma .a-link:last-child:after{
	content: none;
}

/*@ 234컴포넌트-프로덕트타일 하단 마진 추가 / 2018.04.24 / mglee */
.o-grid-controller .column .o-product{
	margin-bottom: 15px;
}

/*@ 섹션두개 히어로 모바일에서 이상 / 2018.04.24 / mglee */
[class^='u-cols'] [class^='u-cols'].u-cols-hero,
[class*=' u-cols'] [class*=' u-cols'].u-cols-hero {
  float: none;
}

/*@ 리스트에서 컬러칩 2줄만 보이게 / 2018.04.24 / bhkim */
.o-product .description .m-swatches,
.o-product-cofs .description .m-swatches {
  max-height: 32px;
  overflow: hidden;
}

/*@ IE에서 PDP ZOOM 레이아웃 깨짐 / 2018.04.26 / mglee */
_:-ms-fullscreen, :root .swiper-zoom-container .a-image{
  width: 100%;
}

/*@ 히어로 컴포넌트 상하 간격 재정의 (Appeaser와 다르다) / 2018.04.26 / mglee */
@media (min-width: 1px) and (max-width: 767px){
  .o-hero{
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1024px){
  .o-hero{
    margin-top: 40px;
    margin-bottom: 40px;    
  }
}
@media (min-width: 1025px){
  .o-hero{
    margin-top: 50px;
    margin-bottom: 50px;    
  }
}

/*@ 매장찾기 부분 스크롤 안생기게 조정 / 2018.04.26 / bhkim */
@media (min-width: 768px) {
	.o-map .map-container {
	    height: 350px;
	}
	.m-info-box .scroll-wrapper {
	    height: auto;
	}
}
@media (min-width: 1025px) {
	.o-map .map-container {
	    height: 490px;
	}
}

/*@ 매장찾기 도시입력 삼성브라우저 일부 버전 placeholder 안보임 수정 / 2018.04.26 / bhkim */
.m-dropdown-filter .a-input::-webkit-input-placeholder {
  color: #CCCCCC;
  opacity: 1;
  text-indent: 0;
}

/*@ 모바일 - 안드로이드 기기에서 상품상세 컬러칩 셀렉트박스 오픈시 좌측 상단에 검은색 점이 표시됨 / 2018.04.26 / mglee */
.os-android .m-dropdown.pdp-dropdown .list-wrapper>li{
  overflow: hidden;
  /*border-top-left-radius: 5px;*/ /*@ 모바일 - 안드로이드 기기에서 상품상세 컬러칩 셀렉트박스 오픈시 좌측 상단에 검은색 점이 표시됨 / 2018.05.02 / mglee */
  border-top-left-radius: 15px; /*@ 모바일 - 안드로이드 기기에서 상품상세 컬러칩 셀렉트박스 오픈시 좌측 상단에 검은색 점이 표시됨 / 2018.05.02 / mglee */
}

/*@ 상품리스트의 컬러칩 부분이 마우스 오버시 손모양 커서가 표시되나 크롬에서는 비표시됨 / 2018.04.30 / mglee */
.a-swatch .a-image{
	cursor: pointer;
}

/*@ PDP-상세 정보 밑에쪽 드래그 블록 안되는 현상 / 2018.05.08 / mglee */
.o-product-information .o-form .product-description:after{
  pointer-events: none;
}