@charset "UTF-8"; 

/* common */
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:none}
html, body {height:100%}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {margin:0;padding:0}
body, textarea, input, select, textarea, button, label{font-family:'SamsungOne',arial,sans-serif;line-height:1.32}
img, form, fieldset, svg {border:0;vertical-align:top}
ul,ol{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:none}
button{border:0;background:none;cursor:pointer}
button:disabled{cursor:default}
button::-moz-focus-inner{padding:0;margin:-1px}
input,button,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
select{outline:none;cursor:pointer}
img{max-width:100%}
input{cursor:pointer;outline:none;ime-mode:active/*입력폼한영전환*/} 
.blind, legend {visibility:hidden;overflow:hidden;position:absolute;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px)}
.show{display:inline-block !important}
.hide{display:none !important}
.not_gnb {display:none;}

/* hide x */
input[type=text]::-ms-clear {display:none;width:0;height:0}
input[type="search"]::-ms-clear {display:none;width:0;height:0}
input[type=text]::-ms-reveal {display:none;width:0;height:0}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none}

/*sub sup */
sup {vertical-align:super;font-size:smaller}
sup b {vertical-align:middle;}
sub {vertical-align:sub;font-size:smaller}

/* dark_blue */
.dark_blue {color:#006BEA; text-decoration:underline;}
.dark_blue:hover{text-decoration:underline;}
.dark_blue:after{content:'';display:inline-block;width:16px; height:16px; background:url(../../resources/images/icon-new-window-black.svg) no-repeat;background-size:16px;vertical-align:middle;filter: invert(28%) sepia(41%) saturate(3867%) hue-rotate(200deg) brightness(99%) contrast(107%);}

/* headline */
h1, h2{font-family:'SamsungSharpSans',arial,sans-serif;font-weight:bold;line-height:1.2}
h1{font-size:64px;line-height:1.2}
h2{font-size:48px;line-height:1.2}
h3{font-size:32px;line-height:1.33}
h4{font-size:24px;line-height:1.33}
h5, h6{font-family:'SamsungOne',arial,sans-serif;font-weight:700;line-height:1.33}
h5{font-size:22px;line-height:1.33}
h6{font-size:20px;line-height:1.33}
.title{font-family:'SamsungOne',arial,sans-serif;font-weight:700;font-size:18px;line-height:1.33}
.sub-title{font-family:'SamsungOne',arial,sans-serif;font-weight:400;font-size:18px;line-height:1.33}
body{font-size:18px;font-weight:400}
h1, h2, h3, h4, h5, h6{color:#000}

/* 다국어 lang */ 
html[lang^="el"] h1,
html[lang^="el"] h2,
html[lang^="el"] h3,
html[lang^="el"] h4{font-family:'SamsungOne',arial,sans-serif !important}

/* layout */
.ys-wrap{position:relative;margin:0 auto;width:100%}

/* breadcrumb */
.ys-breadcrumbs{position:relative;max-width:1440px;margin:0 auto;height:56px;overflow:hidden;line-height:50px;padding:0 24px; border-style:solid none; border-width:1px; border-color:#DDDDDD;}
.ys-breadcrumbs-row{background:#FFFFFF;text-align:left;z-index:10;float:left}
.ys-breadcrumbs-row a:hover{font-size:14px; color:#000000; text-decoration:underline;}
.ys-breadcrumbs-row a:disabled{font-size:14px; color:#8F8F8F;}
.ys-breadcrumbs-row a:first-child{font-size:14px;color:#000000;cursor:pointer}
.ys-breadcrumbs-row a:last-child{font-size:14px;color:#8F8F8F;cursor: default; text-decoration:none;weight:16px; height:16px;}
.ys-breadcrumbs-row .icon {width:16px; height:16px; margin:0 4px; vertical-align: middle;filter: invert(63%) sepia(28%) saturate(0%) hue-rotate(161deg) brightness(88%) contrast(70%);}
.ys-breadcrumbs-row a:hover + .icon {filter: invert(33%) sepia(13%) saturate(0%) hue-rotate(222deg) brightness(96%) contrast(97%);}
.ys-breadcrumbs-row .current{color:#8F8F8F;font-size:14px}
.sub-breadcrumbs{display:block;position:relative;text-align:left;margin:0 0 24px 0}
.sub-breadcrumbs li{display:inline-block;vertical-align:middle;font-size:16px}
.sub-breadcrumbs li:first-child{padding:0 0 0 25px}
.sub-breadcrumbs li:first-child:before{content:'';position:absolute;top:5px;left:0;width:21px;height:21px;background:url(../images/svg/sub-breadcrumb.svg) no-repeat}
.sub-breadcrumbs li:after{content:'>';font-size:16px;padding:0 8px}
.sub-breadcrumbs li:last-child:after{content:'';font-size:16px;padding:0 8px}
.sub-breadcrumbs li a{color: rgb(118,118,118);font-size:14px}
.sub-breadcrumbs li:last-child a{color:#000000;font-weight:700}
.sub-breadcrumbs:before, .sub-breadcrumbs:after{content:'';display:table;clear:both}
.top-go-holder{position:fixed;top:150px;right:60px;z-index:1198}
.gologin{display:inline-block;line-height:40px;-webkit-border-radius:20px;border-radius:20px;background:#2189FF;text-align:center;font-size:12px;letter-spacing:1.2px;font-weight:700;color:#fff;text-transform:uppercase;-webkit-box-shadow:0 1 3px 0 rgba(0,0,0,0.2);box-shadow:0 1 3px 0 rgba(0,0,0,0.2);cursor:pointer;padding:0px 24px}
.gologin:hover{background-color:#006BEA;}
.gologin:before{display:inline-block;content:'';background:url(../images/svg/login.svg) no-repeat 0 0;margin-right:5px;width:16px;height:20px;vertical-align:middle}

/* intro */
.ys-intro{overflow:hidden;position:relative;max-width:1440px;margin:0 auto;padding:32px 48px 48px 48px}
.ys-intro .ys-intro-img{position:absolute;top:0;left:0;right:0;bottom:0;background: url(../images/intro-top.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.ys-intro .ys-intro-img img{width:100%;visibility:hidden}
.ys-intro .ys-intro-wrap{display:block;position:relative;z-index:1;text-align:left;letter-spacing:0;white-space:nowrap}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner{display:inline-block;max-width:1380px;margin:0 auto;padding:0;vertical-align:middle;white-space:normal}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner h1{line-height:1.22;color:#FFFFFF;font-family:'SamsungSharpSans',arial,sans-serif;font-weight:bold;white-space:normal}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner p.sub-title{margin-top:16px;font-size:18px;color:#FFFFFF;white-space:normal}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row{margin:16px 0 0 0;overflow:hidden}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-white{text-align:center;background:#FFFFFF;padding:24px}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-white .flo-center{margin:0 auto 24px auto}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-white .ys-intro-white-title{margin-bottom:24px;color:#000;font-weight:700;font-size:22px}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-dark{text-align:center;background:#363636;padding:24px}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-white .ys-intro-info{margin-bottom:24px;font-size:18px;color:#000}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-dark .ys-intro-info{color:white;margin-bottom:24px;font-size:18px}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-dark .ys-intro-dark-title{color:#FFFFFF;margin-bottom:24px;font-weight:700;font-size:22px}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-dark .account-btn{margin:0 auto 24px auto;max-width:600px;text-align:center}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-dark .account-btn em{display:inline-block;color:#9e9e9e;width:4.5em;height:4.5em;padding:1.5em;position:relative;z-index:2;margin:-1.5em -1em}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-dark .account-btn .ys-line-btn {display:inline-block;min-width:132px}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-white .ys-intro-sign-info{font-size:10px;color:#6e6e6e;margin-bottom:8px}
.ys-header{text-align:center;margin:0 auto 64px auto;display:block;width:100%}
.ys-container .ys-row .col-12 .ys-header{margin:0}
.ys-benefit-header{text-align:center}
.ys-intro:before, .ys-intro:after{content:'';display:table;clear:both}
.vertical-text{position:absolute;transform:rotate(90deg);transform-origin:left bottom;right:-70px;bottom:145px}
.ys-benefits{position:relative;max-width:1440px;padding:64px 0 64px 0;margin:0 auto;text-align:center}
.ys-benefits .ys-row{margin-bottom:0;display:table;width:100%;border-spacing:20px 5px}
.ys-benefits .ys-row .ys-header{margin:0 auto 64px auto}
.ys-text-container {vertical-align:top;display:table-cell;text-align:center;background:#FFFFFF;padding:0;-webkit-box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);cursor:pointer;border:2px solid transparent;border-radius:6px;margin:0 8px;position:relative}
.ys-text-container a{margin:0;padding:40px;display:block;overflow:hidden}
.ys-text-container:hover{border:2px solid #2189FF}
.ys-text-container .text-img{margin:0 auto 32px auto}

/* SG 임시 알림 배너 추가 */
.ys-banner{overflow:hidden;position:relative;max-width:1440px;margin:0 auto;background-color: #E6E6E6; padding:10px 20px 20px 48px}

/*SEJ - yourService 확산*/
.ys-text-header {position:relative;color:#000000;margin:0 0 24px 0;font-weight:bold}
.ys-text-area-p {padding:0;position:relative;margin:0 auto;color:#4a4a4a;white-space:normal;line-height:1.33;display:block;font-size:18px}
.ys-text-area-msg{margin:16px auto 0 auto;display:block;font-weight:700;font-size:18px;color:#000}
.ys-benefits .ys-row .ys-text-container:nth-last-child(2),
.ys-benefits .ys-row .ys-text-container:nth-last-child(2) ~ .ys-text-container{width:46%}
.ys-benefits .ys-row .ys-text-container:nth-last-child(3),
.ys-benefits .ys-row .ys-text-container:nth-last-child(3) ~ .ys-text-container{width:33%}
.ys-benefits .ys-row .ys-text-container:nth-last-child(4),
.ys-benefits .ys-row .ys-text-container:nth-last-child(4) ~ .ys-text-container{width:25%}
.ys-benefits .ys-row .ys-text-container:nth-last-child(5),
.ys-benefits .ys-row .ys-text-container:nth-last-child(5) ~ .ys-text-container{width:20%}
.intro-notice{text-align:left;color:rgb(0,131,143);padding:0 16px;font-weight:700}
.intro-notice:before{content:'*';color:rgb(0,131,143)}
.ys-warranty-text-header {font-size:25px;text-align: left;display: block;margin: 0 0 15px 0;background: rgb(247,247,247);padding: 25px 0 20px 60px;border-radius: 3px;}

/* read more */
.ys-benefits .ys-row div.ys-text-container .read-more {margin-bottom:10px;width:100% !important;color:#000}
.ys-benefits .ys-row div.ys-text-container .read-more__link {font-weight:bold;cursor:pointer}
.ys-goto-support{font-size:18px;display:block;margin:24px 0;text-align:left;padding:0 16px;color:#000}
.ys-goto-support a{position:relative;font-weight:700;padding:0 8px}
.sub-tit-wrap{display:table}
.sub-tit-wrap:before, .sub-tit-wrap:after{content:'';clear:both;display:table}
.sub-tit-wrap dt{display:table-cell;width:70%;vertical-align:top}
.sub-tit-wrap dd{display:table-cell;width:30%;vertical-align:top;padding-left:24px}
.sub-tit-wrap dd div {display:inline-block;width:100%;margin:0;padding:4px;cursor:pointer;margin:0 0 4px 0}
.sub-tit-wrap dd div:before, .sub-tit-wrap dd div:after{content:'';clear:both;display:block}
.sub-tit-wrap dd div:last-child{margin:0}
.sub-tit-wrap dd div p{display:inline-block;text-align:left;font-size: 16px;color:#fff;float:left}
.sub-tit-wrap dd div a{display:inline-block;text-align:center;font-size:14px;color:#fff;border:1px solid #fff;border-radius:20px;padding:8px;float:right}
.sub-tit-wrap dd div:hover{background:transparent}
.sub-tit-wrap dd div:hover p{color:#fff}
.sub-tit-wrap dd div:hover a{color:#000;background:#fff}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-white, .ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-dark{padding-bottom:99999px;margin-bottom:-99999px}

/* sub top */
.ys-sub-top{overflow:hidden;position:relative;max-width:1440px;margin:0 auto;padding:24px 32px}
.ys-sub-top .ys-sub-top-img{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;background: #000;}
.ys-sub-top .ys-sub-top-img img{height:100%;position:absolute;bottom:0;right:0;}
.ys-sub-top .ys-sub-wrap{display:block;position:relative;z-index:1;text-align:left;letter-spacing:0;white-space:nowrap}
.ys-sub-top .ys-sub-wrap .ys-sub-wrap-inner{display:inline-block;max-width:1380px;margin:0 auto;padding:0;vertical-align:middle;white-space:normal}
.ys-sub-top .ys-sub-wrap .ys-sub-wrap-inner h1{line-height:1.22;color:#FFFFFF;font-family:'SamsungSharpSans',arial,sans-serif;font-weight:bold;white-space:normal;margin:0 0 16px 0}
.ys-sub-top .ys-sub-wrap .ys-sub-wrap-inner p.sub-title{color:#FFFFFF;white-space:normal;margin:0 0 16px 0}
.ys-sub-top:before, .ys-sub-top:after{content:'';display:table;clear:both}
.ys-sub-top .ys-sub-wrap .ys-row{}
.ys-sub-top .ys-sub-wrap .ys-row .col-6{margin:0 auto;text-align:center;padding:16px}
.ys-sub-top .ys-sub-wrap .ys-row .col-6:first-child{background:#ffffff}
.ys-sub-top .ys-sub-wrap .ys-row .col-6:last-child{background: #363636}
.ys-sub-top .ys-sub-wrap .ys-row .col-6:last-child p{color:#fff}
.ys-sub-top .ys-sub-wrap .ys-row .col-6:last-child a{color:#fff}
.ys-sub-top .ys-sub-wrap .ys-row .col-6 p{font-size:18px;margin:0 0 16px 0;font-weight:700}
.ys-sub-top .ys-sub-wrap .ys-row .col-6 a{text-align:center;font-size:14px;font-weight:bold}

/* navigation */
.ys-navigation-wrap{position:relative;top:-64px;max-width:1440px;height:fit-content;margin:40px auto 0 auto}
.ys-navigation-wrap:before, .ys-navigation-wrap:after{content:'';display:table;clear:both}
.ys-navigation a img{text-align:center;margin:0 auto;width:60px;display:block;margin-bottom:16px}
.ys-navigation ul {list-style:none;padding:0;margin:0 auto;text-align:center;max-width:84%;background:rgb(54,54,54);-webkit-border-radius:10px;border-radius:10px;display:block;min-height:108px}
.ys-navigation li {display:inline-block;padding:0;vertical-align:bottom;margin:0 auto;text-align:center}
.ys-navigation li:nth-last-child(2),
.ys-navigation li:nth-last-child(2) ~ li {width:40%}
.ys-navigation li:nth-last-child(3),
.ys-navigation li:nth-last-child(3) ~ li {width:32%}
.ys-navigation li:nth-last-child(4),
.ys-navigation li:nth-last-child(4) ~ li {width:24.5%}
.ys-navigation li:nth-last-child(5),
.ys-navigation li:nth-last-child(5) ~ li {width:19.45%}
.ys-navigation li:nth-last-child(6),
.ys-navigation li:nth-last-child(6) ~ li {width:15.5%}
.ys-navigation li.active {color:#FFFFFF;border-bottom-color:#FFFFFF}
.ys-navigation a {display:inline-block;color:#FFFFFF;text-decoration:none;padding:18px;font-size:18px;opacity:0.6}
.ys-navigation a.active, .ys-navigation a:hover {position:relative;bottom:0;outline:none;opacity:1}
.ys-navigation a.active:after{content:'▲';position:absolute;bottom:-7px;left:0;right:0;display:inline-block;font-size:18px;margin:0 auto;opacity:1}
.ys-navigation a.non-active, .ys-navigation a:hover {position:relative;bottom:0;outline:none;opacity:1}
.ys-navigation a.non-active:after{content:''}
.ys-navigation ul .toggle{display:none}

/* tab */
.ys-tab a img{text-align:center;margin:0 auto;width:35px;display:block;margin-bottom:24px}
.ys-tab ul {list-style:none;padding:0;margin:0 auto;text-align:center;max-width:80%;background:rgba(0,0,0,0.6)}
.ys-tab li {display: inline-block;padding:0;vertical-align:bottom;width:19%;margin:0 auto;text-align:center}
.ys-tab li .active {color:#FFFFFF;border-bottom-color:#FFFFFF}
.ys-tab a {display:inline-block;color:#FFFFFF;text-decoration:none;padding:10px;font-size:18px}
.ys-tab a.active {position:relative;bottom:0;color:#FFFFFF;outline:none}
.ys-tab a.active:after  {content:'▲';position:absolute;bottom:-11px;left:0;right:0;display:inline-block;font-size:24px;margin:0 auto}
.ys-tab-wrap{position:relative;top:-65px;max-width:1440px;margin:0 auto}
.ys-tab-wrap > div {display:none;padding:0}
.ys-tab-wrap > .active{display:block}
.ys-tab-wrap > div .ys-container .ys-row{margin-bottom:0}	
.ys-tab-wrap > div .ys-container + .ys-container {margin:64px auto 0 auto}
.ys-tab-wrap > div .ys-container + .ys-container .ys-row{margin-bottom:0}	

/* my product */
.ys-my-product{width:100%;max-width:1440px;margin:0 auto;top:-64px;position:relative;padding:0 16px}
.ys-my-product:before,
.ys-my-product:after{content:'';display:table;clear:both}
.ys-my-product .ys-container{padding:64px 0 0 0;margin:0 auto}
.ys-product{padding:0 0 32px 0;text-align:left}
.ys-product a{margin:32px 0 0 0}
.ys-goto-product{font-size:18px;display:block;margin:0;text-align:left;padding:0;color:#000}
.ys-goto-product a{position:relative;color:#1428a0;font-weight:700;padding:0 8px;cursor:pointer}
.ys-product-right-img{float:right;padding:0;-webkit-box-shadow:4px 4px 4px 0 rgba(0,0,0,0.04);box-shadow:4px 4px 4px 0 rgba(0,0,0,0.04);}
.ys-product-text-area-p {font-size:18px;color:rgb(110,110,110);white-space:normal}
.ys-my-product .ys-container:nth-child(2){margin:0 auto;padding:40px 0 0 0}
.ys-product-tv{margin-top:50px}
.ys-product-tv-search-label{display:block;margin-bottom:12px;color:#000000;font-size:16px;text-align:left}

/* Register your Product */
.ys-register-product{width:100%;max-width:1440px;margin:0 auto;top:-64px;position:relative;padding:0 16px}
.ys-register-product:before,
.ys-register-product:after{content:'';display:table;clear:both}
.ys-register-product .ys-container{margin:0 auto;padding:64px 0}
.ys-choose-product{position:relative;margin:0 0 8px 0}
.ys-choose-product:before,
.ys-choose-product:after{content:'';display:table;clear:both}
.ys-choose-product-wrap{}
.ys-choose-product-list{display:table;margin:24px auto 0 auto;border-spacing:16px;width:100%}
.ys-choose-product-list li{display:table-cell;padding:0;margin:32px auto 0 auto;text-align:center;position:relative} 
.ys-choose-product-list li:nth-last-child(2),
.ys-choose-product-list li:nth-last-child(2) ~ li {width:40%}
.ys-choose-product-list li:nth-last-child(3),
.ys-choose-product-list li:nth-last-child(3) ~ li {width:32%}
.ys-choose-product-list li:nth-last-child(4),
.ys-choose-product-list li:nth-last-child(4) ~ li {width:24.5%}
.ys-choose-product-list li:nth-last-child(5),
.ys-choose-product-list li:nth-last-child(5) ~ li {width:19.5%}
.ys-choose-product-list li:nth-last-child(6),
.ys-choose-product-list li:nth-last-child(6) ~ li {width:16.66%}
.ys-choose-product-list li:nth-last-child(7),
.ys-choose-product-list li:nth-last-child(7) ~ li {width:14.29%}
.ys-choose-product-list li button{background:transparent;border:none;opacity: .5;filter:alpha(opacity=50);padding:16px} 
.ys-choose-product-list li button:after{content:'▼';color:#000000;font-weight:700;font-size:16px;position:absolute;left:47%;bottom:0} 
.ys-choose-product-list li button:hover, .ys-choose-product-list li button:focus {opacity:1;filter:alpha(opacity=100)}
.ys-choose-product-list #current {z-index:3;opacity:1;filter:alpha(opacity=100)}
.ys-choose-product-list li button#current:after{content:'▲';position:absolute;left:47%;bottom:-30px} 
.ys-choose-product-list li button span{display:block;margin:32px auto 16px auto;color:#000000;font-weight:700;font-size:16px;text-align:center;white-space:normal} 
.ys-choose-product-close {overflow:hidden;position:absolute;top:32px;right:0;width:32px;height:32px;padding:8px;background:rgb(110,110,110);font-size:0;color:transparent;line-height:0}
.ys-choose-product-close:after {content:'';display:block;width:14px;height:14px;background:url(../images/svg/close-white-14.svg) no-repeat}

/* ys-choose-category */
.ys-choose-category{position:relative;padding:24px 24px 24px 24px;margin:0 auto;border-top:1px solid #000000}
.ys-choose-category:before,
.ys-choose-category:after{content:'';display:table;clear:both}
.ys-choose-category .ys-row .col-3{padding:0 24px 0 0}
.ys-choose-category .ys-row .col-3:last-child{padding:0;}
.ys-choose-category ~ .ys-support-wrap{padding:24px 0 0 24px}
.ys-choose-category + .ys-support-wrap .ys-row .col-6{padding:0 16px 16px 0}
.ys-choose-category + .ys-support-wrap .ys-row .col-6:last-child{padding:0}
.ys-choose-category + .ys-support-wrap .ys-row .col-12 .ys-row .col-12{padding:0 0 16px 0}

/* ys-agreement */ 
.ys-agreement{font-size:14px;color:#717171;text-align:left;white-space:normal;margin:16px 0 40px 0}
.ys-agreement .ys-checkbox{margin:0 0 10px 0}
.ys-agreement a.ys-agree-link{color:#006BEA;padding:0 0 0 10px;font-weight:700;cursor:pointer;text-decoration:underline;}
.ys-agreement a.ys-agree-link:first-child{padding:0 5px 0 5px}
.ys-agreement a.ys-agree-link:last-child{padding:0 5px 0 5px}
.ys-agreement a:hover.ys-agree-link{text-decoration:underline;}
.ys-agreement a.ys-agree-link:after {content:'';display:inline-block;width:16px; height:16px; background:url(../../resources/images/icon-new-window-black.svg) no-repeat;display:inline-block;background-size:16px;vertical-align:middle;filter: invert(28%) sepia(41%) saturate(3867%) hue-rotate(200deg) brightness(99%) contrast(107%);}
.ys-agreement a.ys-agree-link:last-child:before{content:'|';font-size:12px;font-weight:700;padding:0 10px 0 0;color:#717171}
.ys-agreement a.ys-agree-link-go{color: #006BEA;font-weight:700;cursor:pointer;display:block;padding:0 0 5px 32px;text-decoration:underline;}
.ys-agreement a.ys-agree-link-go:after{content:'';display:inline-block;width:16px; height:16px; background:url(../../resources/images/icon-new-window-black.svg) no-repeat;display:inline-block;background-size:16px;vertical-align:middle;filter: invert(28%) sepia(41%) saturate(3867%) hue-rotate(200deg) brightness(99%) contrast(107%);}
.ys-agreement a:hover.ys-agree-link-go{text-decoration:underline}
.ys-agreement span{margin:8px 0 0 30px;display:block}

/* new select */
.multi-select {position:relative;display:block;margin:0 auto;width:100%;vertical-align:middle;text-align:left;}
.multi-select .multi-select-title{font-weight:700;color:#363636;font-size:18px;border-bottom:1px solid rgba(0,0,0,0.2);margin:0 0 8px 0;padding:0 0 8px 0}
.multi-select .placeholder {display:none}
.multi-select .placeholder:hover {border:1px solid #000}
.multi-select .placeholder:after {content:'';background:url(../images/svg/select-arrow.svg) no-repeat;position:absolute;right:16px;top:18px;width:12px;height:8px}
.multi-select.is-open ul {display:block}
.multi-select ul {display:block;position:absolute;overflow:auto;width:100%;background:#fff;border-radius:3px;top:40px;left:0;list-style:none;padding:0;z-index:10;border:1px solid #D6D6D6;padding:0;height:307px}
.multi-select ul li {display:block;text-align:left;padding:10px 16px 10px 16px;font-size:14px;border-bottom:1px solid #D6D6D6}
.multi-select ul li a{color:#363636;cursor:pointer}
.multi-select ul li:hover a, .multi-select ul li:focus a , .multi-select ul li:active a, .multi-select ul li.active a{font-weight:700;color:#006BEA}
.multi-scroll-wrap{overflow:hidden;height:307px}

.ys-find-product-model-result{margin:32px auto 0 auto;text-align:center;padding:24px}
.ys-find-product-model-result .ys-product-images{width:150px;height:100px;margin:0 auto 48px auto}
.ys-find-product-model-result .ys-product-images img{width:100%}
.ys-find-product-model-result .ys-model-name{font-size:16px;color:#000000;display:block;margin:24px auto 4px auto;white-space:normal;word-wrap:break-word; min-height:70px;}
.ys-find-product-model-result .ys-model-id{font-size:14px;color:#333}
.ys-find-product-model-result .ys-line-black-btn{display:block;margin:24px auto 0 auto}
.find-category-number{font-size:14px;line-height:1.28;color:#000000;text-decoration:underline;margin:8px 0 24px 0;display:block}

/* ys-choose-result */ 
.ys-choose-result{position:relative}
.ys-choose-result:before,
.ys-choose-result:after{content:'';display:table;clear:both}
.ys-choose-result-list{position:relative;margin:0 0 32px 0}
.ys-choose-result-list .ys-choose-result-list-wrap{display:table;border-top:1px solid #D6D6D6;padding:24px 0}
.ys-choose-result-list .ys-choose-result-list-wrap:last-child{border-bottom:1px solid #D6D6D6}
.ys-choose-result-list .ys-choose-result-list-wrap .ys-product-img{display:table-cell;vertical-align:middle;width:5%;text-align:center;margin:0 auto}
.ys-choose-result-list .ys-choose-result-list-wrap .ys-product-img img{}
.ys-choose-result-list .ys-choose-result-list-wrap .ys-product-info{display:table-cell;vertical-align:middle;width:50%;text-align:left;padding:0 0 0 32px}
.ys-choose-result-list .ys-choose-result-list-wrap .ys-product-info h5{margin:0 0 10px 0;white-space:normal;display:inline-block}
.ys-choose-result-list .ys-choose-result-list-wrap .ys-product-info-details-col{margin:0 0 10px 80px;display:inline-block}
.ys-choose-result-form{}
.ys-choose-result-form .form-info{display:block;font-size:18px;margin:0 0 16px 0}
.ys-choose-result-form .ys-row .col-6{padding:0 16px 0 0}
.ys-choose-result-form .ys-row .col-6:last-child{padding:0}
.ys-choose-result-form .ys-row + .send-container{margin:40px auto 80px auto}

/* ys-support */
.ys-support{width:100%;max-width:1440px;margin:0 auto;padding:64px 16px;top:-64px;position:relative}
.ys-support:before,
.ys-support:after{content:'';display:table;clear:both}
.ys-support .ys-container .ys-row .col-4 .ys-product-right-img-wrap{width:50%;float:right}
.ys-support .ys-support-wrap{margin:0}
.ys-support .ys-support-wrap:before,
.ys-support .ys-support-wrap:after{content:'';display:table;clear:both}
.ys-support .ys-support-wrap .col-8{width:73%}
.ys-support .ys-support-wrap .col-8 .ys-row .col-6{padding:0 16px 16px 0}
.ys-support .ys-support-wrap .col-8 .ys-row .col-12{padding:0 0 16px 0}
.ys-support .ys-support-wrap .col-8 .ys-row .col-6:last-child{padding:0}
.ys-support .ys-support-wrap .col-8 .ys-row + .ys-agreement{margin:0 0 40px 0}
.ys-support .ys-support-wrap .col-8 .send-container{margin:24px auto 0 auto}
.ys-support .ys-support-wrap .col-4{padding:0 0 0 72px;width:27%}
.ys-support .ys-support-wrap .col-4 .ys-support-wrap-info{position:relative;border:1px solid #D6D6D6;padding:24px}
.ys-support .ys-support-wrap .col-4 .ys-support-wrap-info .ys-support-wrap-info-top{text-align:left}
.ys-support .ys-support-wrap .col-4 .ys-support-wrap-info .ys-support-wrap-info-top .ys-support-wrap-info-img{width:150px;margin:0 0 24px 0}
.ys-support .ys-support-wrap .col-4 .ys-support-wrap-info .ys-support-wrap-info-top h5{margin:0 0 8px 0;white-space:normal;word-break:break-word}
.ys-support .ys-support-wrap .col-4 .ys-support-wrap-info .ys-support-wrap-info-top p{margin:0 0 8px 0;color:#006BEA;font-weight:700;font-size:18px}
.ys-support .ys-support-wrap .col-4 .ys-support-wrap-info .ys-support-wrap-info-top .support-info-list{margin:0 0 8px 0}
.ys-support .ys-support-wrap .col-4 .ys-support-wrap-info .ys-support-wrap-info-top .support-info-list li{font-size:14px;white-space:normal;word-break:break-word}
.ys-support .ys-support-detail{margin:0}
.ys-support .ys-support-detail:before,
.ys-support .ys-support-detail:after{content:'';display:table;clear:both}
.ys-support .ys-support-detail .ys-text-header{white-space:normal;text-align:center}
.ys-support .ys-support-detail .ys-support-detail-list{position:relative;margin:64px 0 32px 0}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top{position:relative;padding:16px 8px;display:block;background:#F7F7F7;border-top:1px solid #D6D6D6}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li{position:relative;display:inline-block;width:45%;padding:0 0 0 72px;font-size:18px;vertical-align:top}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.ticket:before{content:'';position:absolute;top:3px;left:30px;width:32px;height:17px;background:url(../images/svg/ticket.svg) no-repeat}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.date:before{content:'';position:absolute;top:3px;left:30px;width:32px;height:17px;background:url(../images/svg/serviceday.svg) no-repeat}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.status:before{content:'';position:absolute;top:3px;left:30px;width:32px;height:17px;background:url(../images/svg/status.svg) no-repeat}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.reason:before{content:'';position:absolute;top:3px;left:30px;width:32px;height:17px;background:url(../images/svg/reason.svg) no-repeat}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap{width:100%;display:table;border-top:1px solid #D6D6D6;border-bottom:1px solid #D6D6D6;padding:24px 0}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap:last-child{}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-img{display:table-cell;vertical-align:middle;width:15%;text-align:center;margin:0 auto}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-img img{width:60%}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info{display:table-cell;vertical-align:middle;width:50%;text-align:left;padding:0 0 0 32px}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info h5{margin:0 0 10px 0;white-space:normal;display:inline-block}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info-details-col{margin:0 0 10px 8px}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info-details-col li{font-size:16px;position:relative;padding:0 0 0 16px}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info-details-col li:before{content:'';display:block;position:absolute;left:0;top:8px;background:#717171;width:5px;height:5px;border-radius:100%}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-warranty{display:table-cell;vertical-align:middle;text-align:left;padding:0 0 0 32px}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-warranty p{color:rgb(170,170,170);font-size:18px}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-info{}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row{border-bottom:1px solid #D6D6D6}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-support-detail-info-wrap{padding:24px 0 24px 24px} 
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-support-detail-info-wrap .border-b32{margin:16px 0 0 0}
.ys-support .ys-support-detail .msg-wrap + .ys-support-detail-list{margin:32px 0}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .ys-support-detail-info-wrap .ys-support-detail-info-list{margin:16px 0 16px 24px;text-align:left;float:left;width:100%}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .ys-support-detail-info-wrap .ys-support-detail-info-list li {font-size:16px;position:relative;margin:0 0 8px 0;width:50%;float:left}

/* msg-wrap */
.msg-wrap{text-align:left;padding:21px;background-color:#fff;border-radius:4px;position:relative;border:1px solid #d6d6d6}
.msg-wrap:before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;border-top-left-radius:4px;border-bottom-left-radius:4px}
.msg-icon{position:absolute;top:50%;left:22px;transform:translateY(-50%);width:35px;height:35px;padding:7px;border-radius:50%;display:inline-block}
.msg-content{padding-left:60px;padding-right:60px}
.msg-tit {color:#000;font-weight:700;margin-top:0;margin-bottom:8px}
.msg-text{font-size:14px;margin-top:0;margin-bottom:0;color:#717171}
.msg-blue .msg-icon{background-color:#2189FF}
.msg-warring .msg-icon{background-color:transparent}
.msg-wrap.msg-warring {border:1px solid #d93b30}
.msg-wrap.msg-warring .msg-text{color:#d93b30}

/* vertical-list-styles */
.step-verti-circle {position:relative;margin:24px 0 0;padding:0;list-style:none}
.step-verti-circle li {padding-bottom:8px;position:relative;text-align:left}
.step-verti-circle li a {display:block;padding-left:24px;color:rgb(170,170,170);font-size:18px}
.step-verti-circle li a:before{content:'';display:block;position:absolute;left:7px;top:7px;border-width:2px;border-style:solid;border-color:rgb(170,170,170);width:4px;height:4px;border-radius:100%}
.step-verti-circle li a:after{content:'';display:block;width:2px;margin-top:0;padding-top:2px;position:absolute;left:9px;top:24px;bottom:-1px;background:rgb(170,170,170)}
.step-verti-circle li a:focus{text-decoration:none;}
.step-verti-circle li a:hover{text-decoration:none;color:#00B3E3;font-weight:700}
.step-verti-circle li a:hover:before{content:'';border-color:#00B3E3}
.step-verti-circle li a.active{color:#006BEA;font-weight:700}
.step-verti-circle li a.active:before{content:'';background:#006BEA;border-color:#006BEA;color:#006BEA}
.step-verti-circle li:last-child a:after{content:'';display:none}
.step-verti-check{padding:16px 0 0 24px;position:relative}
.step-verti-check li{font-size:14px;color:rgb(158, 158, 158);margin:0 0 0 16px}
.step-verti-check li:before{content:'';background:url(../images/svg/check.svg) no-repeat;position:absolute;left:-19px;width:14px;height:14px;padding:0 8px 0 0;filter: invert(28%) sepia(41%) saturate(3867%) hue-rotate(200deg) brightness(99%) contrast(107%);}
.step-verti-noncheck{padding:24px 32px;position:relative}
.step-verti-noncheck li{font-size:14px;color:rgb(158, 158, 158)}

/* ys-warranty */
.ys-warranty{width:100%;max-width:1440px;margin:0 auto;position:relative;top:-64px;padding:64px 16px 0 16px}
.ys-warranty:before,
.ys-warranty:after{content:'';display:table;clear:both}

/* ys-warranty-find */
.ys-warranty-find{position:relative;margin:0 auto;width:86%}
.ys-warranty-find h3{margin:0 0 24px 0}
.ys-warranty-find p{padding:16px;font-size:16px;background:#f2f2f2;border-radius:3px}
.ys-warranty-find .ys-warranty-find-form{position:relative;margin:24px 0 0 0}
.ys-warranty-find .ys-warranty-find-form .ys-row .col-4{padding:0 16px 0 0}
.ys-warranty-find .ys-warranty-find-form .ys-row .col-4:last-child{padding:0}
.ys-warranty-find .ys-warranty-find-form .input-container{margin:0 0 16px 0;display:block}
.ys-warranty-find .ys-warranty-find-form .input-container:last-child{margin:0}
.ys-warranty-find .ys-warranty-find-form .input-container label{vertical-align:middle}
.ys-warranty-find .ys-warranty-find-form .input-container input{vertical-align:middle}
.ys-warranty-find .send-container{margin:40px auto 32px auto}
.ys-warranty-find .ys-warranty-result-form-wrap{display:block;border-top:1px dashed #dadada}
.ys-warranty-find .ys-warranty-result-form-wrap p{}
.ys-warranty-find .ys-warranty-result-form-wrap .ys-warranty-result-form{position:relative;padding:24px 0}
.ys-warranty-find .ys-warranty-result-form-wrap .ys-warranty-result-form .ys-row:first-child{margin:0 0 16px 0}
.ys-warranty-find .ys-warranty-result-form-wrap .ys-warranty-result-form .ys-row .col-6{padding:0 16px 0 0}
.ys-warranty-find .ys-warranty-result-form-wrap .ys-warranty-result-form .ys-row .col-6:last-child{padding:0}
.ys-warranty-find .ys-warranty-result-form-wrap .ys-warranty-result-form .input-container{margin:0 0 16px 0;display:block}
.ys-warranty-find .ys-warranty-result-form-wrap .ys-warranty-result-form .input-container:last-child{margin:0}
.ys-warranty-find .ys-warranty-result-form-wrap .ys-warranty-result-form .input-container label{vertical-align:middle}
.ys-warranty-find .ys-warranty-result-form-wrap .ys-warranty-result-form .input-container input{vertical-align:middle}

/* ys-warranty-form */
.ys-warranty-form{position:relative;margin:0}
.ys-warranty-form:before,
.ys-warranty-form:after{content:'';display:table;clear:both}
.ys-warranty-form-wrap{margin:32px 0 0 0}
.ys-warranty .ys-warranty-form .ys-row .ys-warranty-form-wrap .ys-row {}
.ys-warranty .ys-warranty-form .ys-row .ys-warranty-form-wrap .ys-row .col-6{padding:0 8px 16px 0}
.ys-warranty .ys-warranty-form .ys-row .ys-warranty-form-wrap .ys-row .col-6:last-child{padding:0 0 16px 8px}
.ys-warranty .ys-warranty-form .ys-row .ys-warranty-form-wrap .ys-row .col-12{padding-bottom:16px}

/* book an appointment */
.ys-book-appointment{width:100%;max-width:1440px;margin:0 auto;text-align:center;top:-64px;position:relative;padding:64px 16px}
.ys-book-appointment:before,
.ys-book-appointment:after{content:'';display:table;clear:both}
.book-appointment-option{margin:0 auto;padding:0;display:table;border-spacing:48px 0}
.book-appointment-option:before,
.book-appointment-option:after{content:'';display:table;clear:both}
.book-appointment-option .ys-row .card-wrap{position:relative;display:table-cell;width:450px;cursor:pointer;background:#fff;padding:8px 8px 80px 8px;margin:0 auto;text-align:center;-webkit-box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);vertical-align:top;border:2px solid transparent;border-radius:6px;}
.book-appointment-option .ys-row .card-wrap img{width:100%;overflow:hidden}
.book-appointment-option .ys-row .card-wrap h2{margin:48px 0 0 0;padding:0 16px;font-size:24px;min-height:54px}
.book-appointment-option .ys-row .card-wrap h5{margin:40px auto;font-size:18px;padding:0 16px;color:#4a4a4a;overflow:hidden;white-space:normal;line-height:1.33;text-align:center;word-break:keep-all}
.book-appointment-option .ys-row .card-wrap button{position:absolute;bottom:10px;margin:0 0 0 0;left:50%;margin-right:-50%;transform:translate(-50%, -50%)}
.book-appointment-option .ys-row .card-wrap a{position:absolute;bottom:10px;left:50%;margin-right:-50%;transform:translate(-50%, -50%)}
.book-appointment-option .ys-row + button{margin:64px auto 0 auto}

/* tab */
.book-appointment-tab{margin:0 auto;padding:0}
.book-appointment-tab:before,
.book-appointment-tab:after{content:'';display:table;clear:both}
.book-appointment-container{padding:0}
.book-appointment-container ul.ys-tabs{margin:0;padding:16px;list-style:none}
.book-appointment-container ul.ys-tabs li{background:none;color:#757575;display:inline-block;padding:0 8px 16px 8px;cursor:pointer;border-bottom:1px solid #D6D6D6;height:130px;}
.book-appointment-container ul.ys-tabs li a{color:#757575;display:inline-block;padding:0}
.book-appointment-container ul.ys-tabs li.current{border-bottom:2px solid #000000;color:#000}
.book-appointment-container ul.ys-tabs li.current a{color:#000000;font-weight:700;}
.book-appointment-container .ys-tab-content{position:relative;display:none;background:#FFFFFF;padding:0 8px;margin:24px 0 0 0}
.book-appointment-container .ys-tab-content.current{display:inherit}
.book-appointment-container ul.ys-tabs li:nth-last-child(2),
.book-appointment-container ul.ys-tabs li:nth-last-child(2) ~ li {width:49.7%}
.book-appointment-container ul.ys-tabs li:nth-last-child(3),
.book-appointment-container ul.ys-tabs li:nth-last-child(3) ~ li {width:33%}
.book-appointment-container ul.ys-tabs li:nth-last-child(4),
.book-appointment-container ul.ys-tabs li:nth-last-child(4) ~ li {width:24.69%}
.book-appointment-container ul.ys-tabs li:nth-last-child(5),
.book-appointment-container ul.ys-tabs li:nth-last-child(5) ~ li {width:16.39%}
.book-appointment-container ul.ys-tabs li:nth-last-child(6),
.book-appointment-container ul.ys-tabs li:nth-last-child(6) ~ li {width:16.39%}

/* ys-tab class add */ 
.book-appointment-container ul.ys-tabs li.ys-issue:before{content:'';background:url(../images/svg/isuue.svg) no-repeat;width:60px;height:60px;margin:0 auto;display:block;opacity:0.6}
.book-appointment-container ul.ys-tabs li.ys-cost:before{content:'';background:url(../images/svg/cost.svg) no-repeat;width:60px;height:60px;margin:0 auto;display:block;opacity:0.6}
.book-appointment-container ul.ys-tabs li.ys-idea:before{content:'';background:url(../images/svg/idea.svg) no-repeat;width:60px;height:60px;margin:0 auto;display:block;opacity:0.6}
.book-appointment-container ul.ys-tabs li.ys-info:before{content:'';background:url(../images/svg/contract.svg) no-repeat;width:60px;height:60px;margin:0 auto;display:block;opacity:0.6}
.book-appointment-container ul.ys-tabs li.ys-review:before{content:'';background:url(../images/svg/comfirm.svg) no-repeat;width:60px;height:60px;margin:0 auto;display:block;opacity:0.6}
/* 시작_추가_20210817 by Guk */
.book-appointment-container ul.ys-tabs li.ys-reservation:before{content:'';background:url(../images/svg/schedule.svg) no-repeat;width:60px;height:60px;margin:0 auto;display:block;opacity:0.6}
/* 끝_추가_20210817 by Guk */
.book-appointment-container ul.ys-tabs li.ys-Scheduling:before{content:'';background:url(../images/svg/schedule.svg) no-repeat;width:60px;height:60px;margin:0 auto;display:block;opacity:0.6}
.book-appointment-container ul.ys-tabs li.ys-issue.current:before {content:'';background:url(../images/svg/isuue.svg) no-repeat;opacity:1}
.book-appointment-container ul.ys-tabs li.ys-cost.current:before {content:'';background:url(../images/svg/cost.svg) no-repeat;opacity:1}
.book-appointment-container ul.ys-tabs li.ys-idea.current:before {content:'';background:url(../images/svg/idea.svg) no-repeat;opacity:1}
.book-appointment-container ul.ys-tabs li.ys-info.current:before {content:'';background:url(../images/svg/contract.svg) no-repeat;opacity:1}
.book-appointment-container ul.ys-tabs li.ys-review.current:before {content:'';background:url(../images/svg/comfirm.svg) no-repeat;opacity:1}
/* 시작_추가_20210817 by Guk */
.book-appointment-container ul.ys-tabs li.ys-reservation.current:before {content:'';background:url(../images/svg/schedule.svg) no-repeat;opacity:1}
/* 끝_추가_20210817 by Guk */
.book-appointment-container ul.ys-tabs li.ys-Scheduling.current:before {content:'';background:url(../images/svg/schedule.svg) no-repeat;opacity:1}

/* ys-appointment-issue */ 
.ys-appointment-issue{}
.ys-appointment-issue .ys-row{margin-bottom:0}
.ys-appointment-issue .ys-row .col-3{padding:0 0 0 72px}
.ys-appointment-issue:before,
.ys-appointment-issue:after{content:'';display:table;clear:both}
.ys-appointment-issue-title{text-align:left;display:block;margin:0 0 24px 0;background:#F7F7F7;padding:16px;border-radius:6px}

/* appointment-issue-card */
.appointment-issue-card{margin:0}
.appointment-issue-card .ys-row{}
.appointment-issue-card .sub-title{text-align:left;font-size:16px}
.appointment-issue-card .sub-title + .msg-nodata{margin:16px 16px 72px 0}
.appointment-issue-card .ys-row .col-4{padding:16px 16px 0 0}
.appointment-issue-card .ys-row:nth-child(1) .col-4:last-child{padding:16px 0 0 0}
.appointment-issue-card .ys-row:nth-child(2) .col-4:last-child{padding:16px 0 0 0}
.appointment-issue-card .ys-row .col-3{padding:16px 16px 0 0}
.appointment-issue-card .ys-row .col-2{width:20%}
.appointment-issue-card .ys-row .col-2{padding:16px 16px 0 0}
.appointment-issue-card .ys-row:nth-child(1) .col-2:last-child{padding:16px 16px 0 0}
.appointment-issue-card .ys-row:nth-child(2) .col-2:last-child{padding:16px 16px 0 0}
.appointment-issue-card .ys-row:nth-child(1) .col-3:last-child{padding:16px 16px 0 0}
.appointment-issue-card .ys-row:nth-child(2) .col-3:last-child{padding:16px 16px 0 0}
.appointment-issue-card .ys-row .col-4 .card-warp{margin:0 auto;text-align:center;-webkit-box-shadow:2px 2px 8px 0px #dadada;box-shadow:2px 2px 8px 0px #dadada;cursor:pointer;border:2px solid transparent;padding:24px;cursor:pointer;}
.appointment-issue-card .ys-row .col-4 .card-warp:hover{border:2px solid #000000;}
.appointment-issue-card .ys-row .col-4 .card-warp:hover p{color:#000000}
.appointment-issue-card .ys-row .col-4 .card-warp .appointment-issue-card-img{width:50px;height:50px;margin:0 auto 24px auto;display:block}
.appointment-issue-card .ys-row .col-4 .card-warp p{font-size:16px;color:rgb(118,118,118)}
.appointment-issue-card .ys-row .col-3 .card-warp{margin:0 auto;min-height: 185px;text-align:center;-webkit-box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);cursor:pointer;border:1px solid #DDDDDD;padding:32px 24px 8px 24px;cursor:pointer;opacity:0.9;font-size:17px;border-radius:6px}
.appointment-issue-card .ys-row .col-3 .card-warp:hover{border:1px solid #555555;opacity:1}
.appointment-issue-card .ys-row .col-3 .card-warp:hover p{color:#000000}
.appointment-issue-card .ys-row .col-3 .card-warp.active{border:2px solid #2189FF;opacity:1}
.appointment-issue-card .ys-row .col-3 .card-warp.active p{color:#000000; font-weight:700;}
.appointment-issue-card .ys-row .col-3 .card-warp .appointment-issue-card-img{margin:0 auto 24px auto;display:block;opacity:0.6}
.appointment-issue-card .ys-row .col-3 .card-warp:hover .appointment-issue-card-img, .appointment-issue-card .ys-row .col-3 .card-warp.active .appointment-issue-card-img{opacity:1}
/*20200317 - mobile symtpom view 수정*/
.appointment-issue-card .ys-row .col-2 .card-warp{margin:0 auto;text-align:center;-webkit-box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);cursor:pointer;border:1px solid #DDDDDD;padding:24px;cursor:pointer;opacity:0.9;word-break:break-word;font-size:12px;border-radius:6px}
/*20200317 - mobile symtpom view 수정*/
.appointment-issue-card .ys-row .col-2 .card-warp p{color:#000000;word-wrap:break-word;}
.appointment-issue-card .ys-row .col-2 .card-warp:hover{border:1px solid #2189FF;opacity:1}
.appointment-issue-card .ys-row .col-2 .card-warp:hover p{color:#000000}
.appointment-issue-card .ys-row .col-2 .card-warp input[type="radio"]:checked {border:2px solid #2189FF;opacity:1}
.appointment-issue-card .ys-row .col-2 .card-warp.active p{color:#000000}
.appointment-issue-card .ys-row .col-2 .card-warp .appointment-issue-card-img{margin:0 auto 24px auto;display:block;opacity:0.6}
.appointment-issue-card .ys-row .col-2 .card-warp:hover .appointment-issue-card-img, .appointment-issue-card .ys-row .col-3 .card-warp.active .appointment-issue-card-img{opacity:1}
/*20200317 - mobile symtpom view 수정*/

/* ys-appointment-issue-info */
.ys-appointment-issue-info{position:relative;border:1px solid #D6D6D6;padding:24px}
.ys-appointment-dc-info-title{position:relative;padding-top:40px;font-size:25px;font-weight:bold;margin-bottom:10px}
.ys-appointment-dc-info-body{position:relative;border:1px solid #D6D6D6;padding:24px;margin-top:3px}
.ys-appointment-dc-info-body-p{font-size:16px;color:black}
.ys-appointment-dc-info-body-h5{margin-bottom: 8px}
.ys-appointment-issue-info .ys-appointment-issue-info-top{text-align:left}
.ys-appointment-issue-info .ys-appointment-issue-info-top .ys-appointment-issue-info-img{width:150px;margin:0 0 24px 0;padding:0}
.ys-appointment-dc-info-body .ys-appointment-issue-info-top .ys-appointment-issue-info-img{margin:0 15px 15px 15px}
.ys-appointment-issue-info .ys-appointment-issue-info-top h5{margin:0 0 8px 0;text-align: left}
.ys-appointment-issue-info .ys-appointment-issue-info-top p{margin:0 0 8px 0;color:rgb(158,158,158);font-weight:700}
.ys-appointment-issue-info .ys-appointment-issue-info-top .support-info-list{margin:0 0 8px 0}
.ys-appointment-issue-info .ys-appointment-issue-info-top .support-info-list li{font-size:14px}
.ys-appointment-issue-info .step-verti-circle li a{text-align:left;white-space:normal;word-break:break-word}
.ys-appointment-issue-info .step-verti-check li{text-align:left}

/* appointment-issue-detail */
.appointment-issue-detail{padding: 32px 0 0 0}
.appointment-issue-detail:before,
.appointment-issue-detail:after{content:'';display:table;clear:both}
.appointment-issue-detail .ys-row .sub-title{text-align:left;font-size:22px;line-height:1.33;font-weight:700}
.appointment-issue-detail .ys-row .sub-title + .msg-nodata{margin:16px 0 0 0}
.appointment-issue-detail .appointment-issue-detail-list{margin: 16px 0 0 0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}
/*20200317 - mobile symtpom view 수정*/
.appointment-issue-detail .appointment-issue-detail-list li{float:left;width:245px;margin:16px 10px 16px 4px;opacity:0.9;cursor:pointer;padding:32px 16px 24px 16px;display:-webkit-flex;display:-ms-flexbox;display:flex;box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);-webkit-box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);border:1px solid #DDDDDD;font-size:16px;border-radius:6px}
.appointment-issue-detail .appointment-issue-detail-list li .card-warp{margin:0 auto;text-align:center}
.appointment-issue-detail .appointment-issue-detail-list li:hover{border:1px solid #555555;opacity:1}
.appointment-issue-detail .appointment-issue-detail-list li:hover .card-warp p{color:#000000}
.appointment-issue-detail .appointment-issue-detail-list li.active{border:2px solid #2189FF;opacity:1}
.appointment-issue-detail .appointment-issue-detail-list li.active .card-warp p{color:#000000; font-weight:700;}
.appointment-issue-detail .appointment-issue-detail-list li .card-warp .appointment-issue-card-img{margin:0 auto 24px auto;display:block;opacity:0.6;}
.appointment-issue-detail .appointment-issue-detail-list li:hover .appointment-issue-card-img, .appointment-issue-detail .appointment-issue-detail-list li.active .appointment-issue-card-img{opacity:1}
/*20200317 - mobile symtpom view 수정*/
.appointment-issue-detail .appointment-issue-detail-list li .card-warp p{color:rgb(118,118,118)}

/* dp new dp-issue-detail-list   */
.appointment-issue-detail .dp-issue-detail-list{margin:10px 0 0 0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}
/*20200317 - mobile symtpom view 수정*/
.appointment-issue-detail .dp-issue-detail-list li{float:left;width:245px;margin:16px 10px 16px 4px;opacity:0.9;cursor:pointer;padding:32px 16px 24px 16px;display:-webkit-flex;display:-ms-flexbox;display:flex;box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);-webkit-box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);border:1px solid #DDDDDD;font-size:16px;border-radius:6px}
.appointment-issue-detail .dp-issue-detail-list li .card-warp{margin:0 auto;text-align:center}
.appointment-issue-detail .dp-issue-detail-list li:hover{border:1px solid #555555;opacity:1}
.appointment-issue-detail .dp-issue-detail-list li:hover .card-warp p{color:#000000}
.appointment-issue-detail .dp-issue-detail-list li.active{border:2px solid #2189FF;opacity:1}
.appointment-issue-detail .dp-issue-detail-list li.active .card-warp p{color:#000000}
.appointment-issue-detail .dp-issue-detail-list li .card-warp .appointment-issue-card-img{margin:0 auto 24px auto;display:block;opacity:0.6}
.appointment-issue-detail .dp-issue-detail-list li:hover .appointment-issue-card-img, .appointment-issue-detail .dp-issue-detail-list li.active .appointment-issue-card-img{opacity:1}


/* appointment-issue-share */
.appointment-issue-share{text-align:left;position:relative;margin:32px 0 40px 0}
.appointment-issue-share:before,
.appointment-issue-share:after{content:'';display:table;clear:both}
.appointment-issue-share .sub-title{text-align:left;font-size:16px;font-weight:normal;display:block;margin:0 0 16px 0}
.appointment-issue-share .ys-row:nth-child(2){margin:16px 0 0 0}
.appointment-issue-share + .appointment-issue-share{margin:32px 0}
.appointment-issue-share .ys-row .col-12 .ys-radio{padding:0 20px 0 8px}
.appointment-dp-select-wrap + .appointment-issue-share{margin:32px 0}

/* appointment-mobile-input */
.appointment-mobile-input{text-align:left;position:relative;margin:24px 0 24px 0}
.appointment-mobile-input:before,
.appointment-mobile-input:after{content:'';display:table;clear:both}
.appointment-issue-detail ~ .appointment-mobile-input{margin:24px 0 0 0}
.appointment-issue-detail ~ .appointment-mobile-input + button{margin:40px 0 0 0}

/* ys-appointment-confirm */
.ys-appointment-confirm{}
.ys-appointment-confirm:before,
.ys-appointment-confirm:after{content:'';display:table;clear:both}
.ys-appointment-confirm .ys-text-header{margin:0 0 24px 0;text-align:left;background:rgb(247,247,247);padding:16px;border-radius:3px;font-size:22px}
.ys-appointment-confirm .appointment-info-title{text-align:left;font-weight:700}
.ys-appointment-confirm .appointment-info-title-info{text-align:left;font-size:16px;margin:4px 0 24px 4px}
.ys-appointment-confirm .appointment-info-title-warring{position:relative;text-align:left;font-size:16px;margin:8px auto 0 auto;color:#d93b30}
.ys-appointment-confirm .appointment-info-title-warring:before{content:'';width:18px;height:18px;background:url(../images/svg/warring-r18.svg) no-repeat;display:inline-block;vertical-align:middle;margin:-3px 4px 0 0}
.ys-appointment-confirm .appointment-info{text-align:left;margin:0 0 16px;font-size:18px;padding:0 24px}
.ys-appointment-confirm .ys-appointment-detail-info{border-top:1px solid rgba(0,0,0,0.2);}
.ys-appointment-confirm .ys-appointment-detail-info .ys-row{margin-bottom:0}
.ys-appointment-confirm .ys-appointment-detail-info .ys-row{border-bottom:1px solid rgba(0,0,0,0.2)}
.ys-appointment-confirm .ys-appointment-detail-info .ys-appointment-detail-info-wrap{padding:24px 0 24px 24px;text-align:left} 
.ys-appointment-confirm .ys-appointment-detail-info .ys-appointment-detail-info-wrap .border-b32{margin:16px 0 0 0}
.ys-appointment-confirm .ys-appointment-detail-info .ys-appointment-detail-info-wrap .ys-appointment-detail-info-wrap-title{color:#363636;font-size:20px;font-weight:700;text-align:left}
.ys-appointment-confirm .ys-appointment-detail-info .ys-appointment-detail-info-wrap .ys-appointment-detail-info-list{margin:16px 0 0 24px;text-align:left}
.ys-appointment-confirm .ys-appointment-detail-info .ys-appointment-detail-info-wrap .ys-appointment-detail-info-list li {font-size:16px;position:relative;margin:0 0 8px 0}
.ys-appointment-confirm .ys-appointment-detail-info .ys-appointment-detail-info-wrap .ys-appointment-detail-info-list li:before {content:'■';position:absolute;left:-16px;top:7px;font-size:8px;color:rgb(170,170,170)}
.ys-appointment-confirm .ys-appointment-detail-list-wrap{width:100%;display:table;border-bottom:1px solid rgba(0,0,0,0.2);padding:24px 0;margin:0 0 24px 0}
.ys-appointment-confirm .ys-appointment-detail-list-wrap .ys-appointment-img{display:table-cell;vertical-align:middle;width:15%;text-align:center;margin:0 auto}
.ys-appointment-confirm .ys-appointment-detail-list-wrap .ys-appointment-img img{width:32%}
.ys-appointment-confirm .ys-appointment-detail-list-wrap .ys-appointment-info{display:table-cell;vertical-align:middle;width:50%;text-align:left;padding:0 0 0 32px}
.ys-appointment-confirm .ys-appointment-detail-list-wrap .ys-appointment-info h5{margin:0 0 10px 0;white-space:normal;display:inline-block}
.ys-appointment-confirm .ys-appointment-detail-list-wrap .ys-appointment-info-details-col{margin:0 0 10px 24px}
.ys-appointment-confirm .ys-appointment-detail-list-wrap .ys-appointment-warranty{display:table-cell;vertical-align:middle;text-align:left;padding:0 0 0 32px}
.ys-appointment-confirm .ys-appointment-detail-list-wrap .ys-appointmentt-warranty p{color:rgb(170,170,170)}
.ys-appointment-confirm .ys-appointment-detail-list-wrap .ys-appointment-info .ys-appointment-info-details-row{display:block;margin:0;font-size:18px}
.ys-appointment-confirm .ys-appointment-detail-list-wrap .ys-appointment-info .ys-appointment-info-details-row li{display:inline-block;margin:0 24px 0 0}

/* ys-appointment-Scheduling */
.ys-appointment-Scheduling{margin:0 auto}
.ys-appointment-Scheduling:before,
.ys-appointment-Scheduling:after{content:'';display:table;clear:both}
.ys-appointment-Scheduling + .ys-appointment-calendar{margin:64px 0 0 0}

/* search */
.ys-search-location{position:relative;width:100%;margin:0 auto;padding:24px;background:rgb(118,118,118);text-align:center;margin:0 auto 24px auto;border-radius:3px}
.ys-search-location-wrap {position:relative;-webkit-border-radius:3px;border-radius:24px;background-color:transparent;width:50%;margin:0 auto}
.ys-search-location-label {position:absolute;top:0;left:0;bottom:0;right:0;padding:10px 16px;-webkit-border-radius:24px;border-radius:24px;font-size:18px;line-height:29px;color:#757575;text-align:left}
.ys-search-location-input {width:100%;border:0;-webkit-border-radius:24px;border-radius:24px;background:#F7F7F7;height:48px;padding:10px 24px;font-size:18px;line-height:29px;color:#000000;-webkit-box-sizing:border-box;box-sizing:border-box; text-transform:capitalize;}
.ys-search-location-input:focus {border:2px solid #2189FF; color:#000000;}
.ys-search-location-btn {position:absolute;top:0;right:0;left:auto;bottom:0;padding:12px 24px;height:46px;background:transparent;}
.ys-search-location-btn .s-ico-search {position:relative;overflow:hidden;display:block;width:24px;height:24px;background:transparent url(../images/svg/search-20.svg) no-repeat;background-size:24px;font-size:0;line-height:999px}
.ys-reset-location-btn {position:absolute;top:0;right:48px;bottom:0;padding:0 16px;height:48px;border:none;background-color:transparent;float:left}
.ys-reset-location-btn .s-ico-reset {position:relative;overflow:hidden;display:block;width:16px;height:16px;background:url(../images/P6_Icon/Bold/Action/Cancel.svg) no-repeat;background-size:16px;font-size:0;line-height:999px}

/* ys-appointment-map */
.ys-appointment-map{margin:0}
.ys-appointment-map:before,
.ys-appointment-map:after{content:'';display:table;clear:both}
.ys-appointment-map .ys-row .col-3{padding:0 0 0 72px}
.ys-appointment-map .ys-row .col-3 .ys-appointment-issue-info{text-align:left}
.ys-appointment-map-wrap{padding:0;margin:0 0 40px 0;border:1px solid #e5e5e5}
.ys-appointment-map-wrap .ys-row .col-7 {height:666px;}
.ys-appointment-form{text-align:left}
.ys-appointment-form:before,
.ys-appointment-form:after{content:'';display:table;clear:both}
.ys-appointment-form-wrap{margin:0}
.ys-appointment-form .ys-row .ys-appointment-form-wrap .ys-row {}
.ys-appointment-form .ys-row .ys-appointment-form-wrap .ys-row .col-6{padding:0 16px 16px 0}
.ys-appointment-form .ys-row .ys-appointment-form-wrap .ys-row .col-6:last-child{padding:0}
.ys-appointment-form .ys-row .ys-appointment-form-wrap .ys-row .col-12{padding:0 0 16px 0}
.ys-appointment-form .ys-appointment-form-title{margin:0 0 32px 0}
.ys-appointment-form + .ys-product-search{margin:16px 0 0 0}
.ys-appointment-map-wrap + .ys-appointment-form{margin:40px auto 0 auto}
.ys-appointment-form .ys-appointment-form-title ~ .ys-checkbox ~ .send-container{margin:24px auto 0 auto}
.ys-appointment-form .ys-row .ys-appointment-form-wrap .ys-row + .send-container{margin:24px auto 0 auto}

/* google map */
.gmap-resultinfo {padding:10px;font-size:12px;color:#363636;background:#f7f7f7;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.ys-appointment-map-wrap .ys-row .col-5	{padding:0}
.ys-appointment-map-wrap .ys-row .col-5 .gmap-wrap-list-wrap{width:100%;text-align:left}
.gmap-wrap-list-wrap-inner-btn{display:block;margin:8px;position:relative}
.gmap-wrap-list-wrap-inner-btn a{display:inline-block;width:31.5%;padding:8px;font-size:14px;text-align:center;background:#1428A0;color:#fff;border-radius:3px}
.gmap-wrap-list-wrap-inner{height:627px;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.gmap-wrap-list-wrap-inner-list{position:relative;cursor:pointer}
.gmap-result-list{}
.gmap-result-list li{padding:0}
.gmap-result-list > li{border-bottom:1px solid #f7f7f7}
.gmap-result-list li .location-wrap:hover, .gmap-result-list li .location-wrap.active{background-color:#f7f7f7}
.gmap-result-list li .location-wrap{position:relative;padding:16px}
.location-title{padding-right:30px}
.location-title .tit{position:relative;padding-left:30px;text-align:left}
.location-title .pin{position:absolute;left:8px;overflow:hidden;display:inline-block;width:20px;height:26px;background:url(../images/svg/place-pin.svg) no-repeat;filter:brightness(180%);background-size:100% auto;text-align:center;font-family:'SamsungSharpSans',arial,sans-serif;font-size:14px;line-height:26px;font-weight:700}
.location-title .pin .number{position:relative;top:-3px;color:#fff;font-size:12px}
.location-title .tit .sc {display:block;font-size:13px;font-weight:700;color:#006BEA;}
.location-title .tit .an{display:inline-block;vertical-align:top;font-size:16px;font-weight:bold;color:#000}
.location-cont{position:relative;padding-left:30px;text-align:left} 
.location-cont .spc1{font-size:14px;line-height:1.5;font-weight:normal}
.location-cont .spc2{margin-top:3px;font-size:14px;font-weight:normal}
.gmap-result-list li .location-c{margin:0 auto;text-align:center}
.gmap-result-list li .location-c button{padding:8px 24px;font-size:14px;text-align:center;background:#2189FF;color:#FFFFFF;border-radius:20px;margin:10px 30px}
.gmap-result-list li .location-c button:hover {background-color: #006BEA;color:#EEEEEE;}
.gmap-result-list li .location-schedule{margin:0 auto;text-align:center;position:relative;padding:8px}
.gmap-result-list li .location-schedule .ys-row .col-6{padding:0 8px 0 0;width:50%}
.gmap-result-list li .location-schedule .ys-row .col-6:last-child{padding:0}
.gmap-result-list li .location-schedule .ys-row .col-6 .input-container label{min-height:0;margin:0}
.gmap-result-list li .location-schedule .ys-row .col-6 .input-container input{font-size:16px;}
.gmap-result-list li .location-schedule .ys-row .col-6 .input-container .time:before{content:'';background:url(../images/svg/time.svg) no-repeat;position:absolute;right:16px;top:14px;width:18px;height:18px}
.gmap-result-list li .location-schedule .ys-row .col-6 .input-container .calendar:before{content:'';background:url(../images/svg/calendar.svg) no-repeat;position:absolute;right:16px;top:14px;width:18px;height:18px}
.gmap-result-list li .location-schedule .ys-row .col-6 .sort .sub {cursor:default;height:200px;overflow-y:scroll;overflow-x:hidden;}

.gmap-result-list li .schedule-pop-wrap{position:relative;padding:16px 16px 0 16px;}
.gmap-result-list li .schedule-pop-wrap .location-schedule .ys-row .col-6 .input-container input:read-only{font-size:16px;}
.schedule-wrap-inner-list{position:relative;}

/* ys-appointment-info */
.ys-appointment-info{}
.ys-appointment-info:before,
.ys-appointment-info:after{content:'';display:table;clear:both}
.ys-appointment-info .ys-row .col-3{padding:0 0 0 72px}
.ys-appointment-info .ys-row .col-6{padding:0 16px 16px 0}
.ys-appointment-info .ys-row .col-6:last-child{padding:0 0 16px 0}
.ys-appointment-info .ys-row .col-6 .input-container label{text-align:left;}
.ys-appointment-info-form{text-align:left}
.ys-appointment-info-form:before,
.ys-appointment-info-form:after{content:'';display:table;clear:both}
.ys-appointment-info-form .ys-row .col-6{padding:0 16px 16px 0}
.ys-appointment-info-form .ys-row .col-6:last-child{padding:0}
.ys-appointment-info-form .send-container{margin:32px auto 0 auto}
.ys-appointment-info .col-3 .ys-support-wrap-info{position:relative;border:1px solid #D6D6D6;padding:24px}
.ys-appointment-info .col-3 .ys-support-wrap-info .ys-support-wrap-info-top{text-align:left}
.ys-appointment-info .col-3 .ys-support-wrap-info .ys-support-wrap-info-top .ys-support-wrap-info-img{width:150px;margin:0 0 24px 0}
.ys-appointment-info .col-3 .ys-support-wrap-info .ys-support-wrap-info-top h5{margin:0 0 8px 0;text-align:left}
.ys-appointment-info .col-3 .ys-support-wrap-info .ys-support-wrap-info-top p{margin:0 0 8px 0;color:rgb(0,119,200);font-weight:700}
.ys-appointment-info .col-3 .ys-support-wrap-info .ys-support-wrap-info-top .support-info-list{margin:0 0 8px 0}
.ys-appointment-info .col-3 .ys-support-wrap-info .ys-support-wrap-info-top .support-info-list li{font-size:14px;white-space:normal;word-break:break-word}
.ys-appointment-info-form .sub-title{font-size:16px;display:block;margin: 0 0 16px 0}
.info-imei{background:#f7f7f7;margin:0 auto;text-align:left;padding:16px;border:1px solid #e5e5e5;border-radius:3px}
.info-device-name{}
.i-window-info{position:relative;padding:0 12px;top:0;left:3px;background:url(../images/svg/i-question-b.svg) no-repeat;width:18px;height:18px}


/* ys-appointment-calendar */
.ys-appointment-calendar{margin:0 auto}
.ys-appointment-calendar:before,
.ys-appointment-calendar:after{content:'';display:table;clear:both}
.ys-appointment-calendar .ys-row .col-3 {padding:0 0 0 72px}
.ys-appointment-calendar .col-3 .ys-support-wrap-info{position:relative;border:1px solid #D6D6D6;padding:24px}
.ys-appointment-calendar .col-3 .ys-support-wrap-info .ys-support-wrap-info-top{text-align:left}
.ys-appointment-calendar .col-3 .ys-support-wrap-info .ys-support-wrap-info-top .ys-support-wrap-info-img{width:150px;margin:0 0 24px 0}
.ys-appointment-calendar .col-3 .ys-support-wrap-info .ys-support-wrap-info-top h5{margin:0 0 8px 0;text-align:left}
.ys-appointment-calendar .col-3 .ys-support-wrap-info .ys-support-wrap-info-top p{margin:0 0 8px 0;color:rgb(0,119,200);font-weight:700;font-size:18px}
.ys-appointment-calendar .col-3 .ys-support-wrap-info .ys-support-wrap-info-top .support-info-list{margin:0 0 8px 0}
.ys-appointment-calendar .col-3 .ys-support-wrap-info .ys-support-wrap-info-top .support-info-list li{font-size:14px;white-space:normal;word-break:break-word}

/* calendar */
.ys-appointment-calendar .calendar {position:relative;border:1px solid rgb(118,118,118)}
.ys-appointment-calendar .calendar:before,
.ys-appointment-calendar .calendar:after{content:'';display:table;clear:both}
.ys-appointment-calendar .calendar .month {padding:24px}
.ys-appointment-calendar .calendar .month ul li {color:#000000;font-size:18px;text-transform:uppercase;letter-spacing:3px;text-align:center}
.ys-appointment-calendar .calendar .month ul li .year{}
.ys-appointment-calendar .calendar .month .prev {float:left;cursor:pointer}
.ys-appointment-calendar .calendar .month .next {float:right;cursor:pointer}
.ys-appointment-calendar .calendar .weekdays {padding:10px 0;width:100%;background:rgb(118,118,118)}
.ys-appointment-calendar .calendar .weekdays li {display:inline-block;width:13.8%;color:#FFFFFF;text-align:center;font-size:18px}
.ys-appointment-calendar .calendar .days {padding:10px 0;width:100%;position:relative}
.ys-appointment-calendar .calendar .days li {float:left;width:14.28%;padding:16px;text-align:center;margin-bottom:8px;font-size:14px;color:#000000;cursor:pointer;font-weight:700}
.ys-appointment-calendar .calendar .days li span{padding:16px;min-width:46px}
.ys-appointment-calendar .calendar .days li span.active {color:#FFFFFF !important;cursor:default;background:rgb(20,40,160);border-radius:100%}
.ys-appointment-calendar .choose-time{display:block;padding:32px;margin:0 auto;text-align:center}
.ys-appointment-calendar .choose-time li{display:inline-block}

/* ys-appointment-confirm */
.ys-appointment-confirm + .ys-appointment-confirm-check{margin:64px 0 0 0}
.ys-appointment-confirm-check{position:relative}
.ys-appointment-confirm-check:before,
.ys-appointment-confirm-check:after{content:'';display:table;clear:both}
.ys-appointment-confirm-check .ys-row .col-3 {padding:0 0 0 72px}
.ys-appointment-confirm-check .col-3 .ys-support-wrap-info{position:relative;border:1px solid #D6D6D6;padding:24px;text-align:left}
.ys-appointment-confirm-check .col-3 .ys-support-wrap-info .ys-support-wrap-info-top .ys-support-wrap-info-img{width:100px;margin:0 0 24px 0}
.ys-appointment-confirm-check .col-3 .ys-support-wrap-info .ys-support-wrap-info-top h5{margin:0 0 8px 0;text-align:left}
.ys-appointment-confirm-check .col-3 .ys-support-wrap-info .ys-support-wrap-info-top p{margin:0 0 8px 0;color:rgb(0,119,200);font-weight:700}
.ys-appointment-confirm-check .col-3 .ys-support-wrap-info .ys-support-wrap-info-top .support-info-list{margin:0 0 8px 0}
.ys-appointment-confirm-check .col-3 .ys-support-wrap-info .ys-support-wrap-info-top .support-info-list li{font-size:14px;white-space:normal;word-break:break-word}
.ys-appointment-confirm-check  .ys-appointment-detail-info{border-top:1px solid #D6D6D6;margin:0 0 32px 0}
.ys-appointment-confirm-check  .ys-appointment-detail-info .ys-row{margin-bottom:0}
.ys-appointment-confirm-check  .ys-appointment-detail-info .ys-row{border-bottom:1px solid #D6D6D6}
.ys-appointment-confirm-check  .ys-appointment-detail-info .ys-appointment-detail-info-wrap{padding:24px 0 24px 24px;text-align:left} 
.ys-appointment-confirm-check  .ys-appointment-detail-info .ys-appointment-detail-info-wrap .border-b32{margin:16px 0 0 0}
.ys-appointment-confirm-check  .ys-appointment-detail-info .ys-appointment-detail-info-wrap .ys-appointment-detail-info-wrap-title{color:#363636;font-size:20px;font-weight:700;text-align:left}
.ys-appointment-confirm-check  .ys-appointment-detail-info .ys-appointment-detail-info-wrap .ys-appointment-detail-info-list{margin:16px 0 0 24px;text-align:left}
.ys-appointment-confirm-check  .ys-appointment-detail-info .ys-appointment-detail-info-wrap .ys-appointment-detail-info-list li {font-size:16px;position:relative;margin:0 0 8px 0}
.ys-appointment-confirm-check  .ys-appointment-detail-info .ys-appointment-detail-info-wrap .ys-appointment-detail-info-list li:before {content:'■';position:absolute;left:-16px;top:7px;font-size:8px;color:rgb(170,170,170)}
.ys-appointment-confirm-check  .appointment-info{text-align:left;display:block;font-size:18px}
.ys-appointment-confirm-check  .appointment-data-info{text-align:left;font-size:20px;font-weight:700;display:block;margin:8px 0 32px 0}

/* ys-track-repair */ 
.ys-track-repair .ys-support-detail{margin:0 0 40px 0}

/* dp 1115 */
.ys-track-repair .ys-support-detail .repair-content-wrap{padding:32px 0 0 0}
.ys-track-repair .ys-support-detail .repair-content-wrap .repair-content .ys-support-detail{margin:0}
/* dp 1115 */

.ys-track-repair .ys-support-detail:before,
.ys-track-repair .ys-support-detail:after{content:'';display:table;clear:both}
.ys-track-repair .ys-support-detail .ys-text-header{white-space:normal;text-align:center}
.ys-track-repair .ys-support-detail .ys-support-detail-list{position:relative;margin:0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top{position:relative;padding:16px 8px 8px 8px;display:block;background:rgb(247,247,247);border-top:1px solid #D6D6D6;font-size:18px}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li{display:inline-block;padding:0 0 8px 72px;position:relative;vertical-align:top;white-space:normal;word-break:break-word}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(2),
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(2) ~ li {width:49.7%}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(3),
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(3) ~ li {width:33%}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(4),
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(4) ~ li {width:45%}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.ticket:before{content:'';position:absolute;top:3px;left:30px;width:32px;height:17px;background:url(../images/svg/ticket.svg) no-repeat}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.date:before{content:'';position:absolute;top:3px;left:30px;width:32px;height:17px;background:url(../images/svg/serviceday.svg) no-repeat}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.status:before{content:'';position:absolute;top:3px;left:30px;width:32px;height:17px;background:url(../images/svg/status.svg) no-repeat}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.reason:before{content:'';position:absolute;top:3px;left:30px;width:32px;height:17px;background:url(../images/svg/reason.svg) no-repeat}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap{width:100%;display:table;border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2);padding:24px 0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap:last-child{border-top:none;}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-img{display:table-cell;vertical-align:middle;width:8%;text-align:center;margin:0 auto}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-img img{width:80%}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info{display:table-cell;vertical-align:middle;width:52%;text-align:left;padding:0 0 0 32px}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info h5{margin:0 0 10px 0;white-space:normal;display:inline-block}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info-details-col{margin:0 0 10px 8px}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info-details-col li{font-size:16px;position:relative;padding:0 0 0 16px}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info-details-col li:before{content:'';display:block;position:absolute;left:0;top:8px;background:#717171;width:5px;height:5px;border-radius:100%;}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-warranty{display:table-cell;vertical-align:middle;text-align:left;padding:0 0 0 32px;font-size:16px}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-warranty p{color:rgb(110,110,110)}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-btn{display:table-cell;vertical-align:middle;text-align:center;padding:0 0 0 32px}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap + .send-container{margin:32px auto}
.ys-track-repair .ys-support-detail .ys-support-detail-list + .send-container{margin:32px auto 0 auto}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap + .send-container + .ys-support-detail-info{border-top:1px solid #D6D6D6}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info{}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row {border-bottom:1px solid rgba(0,0,0,0.2)}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .ys-row {border-bottom:none;}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .info-notic{margin:0 auto 24px auto;display:block}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .info-notic2{margin:0 auto 24px auto;display:block}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .info-notic3{margin:0 auto 24px auto;display:block}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row.repair_detail_result{border-bottom:none;margin:24px 0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .ys-support-detail-info-wrap .ys-support-detail-info-list{margin:16px 0 16px 24px;text-align:left;float:left;width:100%}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .ys-support-detail-info-wrap .ys-support-detail-info-list li {font-size:16px;position:relative;margin:0 0 8px 0;width:50%;float:left}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-support-detail-info-wrap{padding:24px 0 24px 24px} 
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-support-detail-info-wrap .border-b32{margin:16px 0 0 0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-dp-detail-info-wrap{padding:24px 0 24px 24px;} 
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-dp-detail-info-wrap .border-b32{margin:16px 0 0 0}
.ys-dp-detail-info-wrap-title{color:#363636;font-size:20px;font-weight:700;text-align:left}
.ys-dp-detail-info-list{margin:16px 0 0 24px;text-align:left}
.ys-dp-detail-info-list li{font-size:16px;position:relative;margin:0 0 8px 0}
.ys-dp-detail-info-list li:before{content:'';position:absolute;left:-16px;top:8px;background:rgb(170,170,170);width:5px;height:5px}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .ys-dp-detail-info-wrap .ys-dp-detail-info-list{margin:16px 0 16px 24px;text-align:left;float:left;width:100%}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .ys-dp-detail-info-wrap .ys-dp-detail-info-list li {font-size:16px;position:relative;margin:0 0 8px 0}
.info-notic{position:relative;font-size:15px;padding:0 0 0 8px}
.info-notic2{position:relative;font-size:15px;padding:0 0 0 8px}
.info-notic3{position:relative;font-size:15px;padding:0 0 0 8px}
.info-notic:before{content:'';width:18px;height:18px;background:url(../images/svg/i-question.svg) no-repeat;display:inline-block;vertical-align:middle;margin:-2px 4px 0 0}
.info-notic2:before{content:'';width:18px;height:18px;background:url(../images/svg/info.svg) no-repeat;display:inline-block;vertical-align:middle;margin:-2px 4px 0 0}
.info-notic3:before{content:'';width:18px;height:18px;background:url(../images/svg/info.svg) no-repeat;display:inline-block;vertical-align:middle;margin:-2px 4px 0 0}
.info-notic-icon { float: left; }
.info-notic-text { margin-left:32px; font-size: 15px; text-align: left; }
.info-notic-text a {text-decoration: underline; cursor: pointer;}
.ys-support-detail-info-wrap-title{color:#363636;font-size:20px;font-weight:700;text-align:left}
.ys-support-detail-info-list{margin:16px 0 0 24px;text-align:left}
.ys-support-detail-info-list li{font-size:16px;position:relative;margin:0 0 8px 0}
.ys-support-detail-info-list li:before{content:'';position:absolute;left:-16px;top:8px;background:rgb(170,170,170);width:5px;height:5px}
.ys-support-detail-info-list-none{margin:16px 0 0 8px;text-align:left}
.ys-support-detail-info-list-none li{font-size:16px;position:relative;margin:0 0 8px 0}
.ys-support-detail-info-list-none li:before{content:''}
.ys-track-repair .ys-support-detail + .ys-track-repair-form{margin:0 0 32px 0}
.ys-track-repair-reply{}
.ys-track-repair-form ~ .ys-track-repair-process {margin:40px 0 40px 0}

/* Dealer */
.ys-request-history{width:100%;max-width:1440px;margin:0 auto 64px auto;position:relative;padding:0 16px}
.ys-request-history:before,
.ys-request-history:after{content:'';display:table;clear:both}
.ys-request-history-form{margin:0 auto;text-align:center;}
.ys-request-history-form h3{display:block;margin:0 0 24px 0;text-align:left}
.ys-request-history-form label{text-align:left}
.ys-request-history-form .ys-row .col-4{padding:0 16px 16px 0}
.ys-request-history-form .ys-row .col-4:last-child{padding:0}
.ys-request-history-form .ys-row .col-4 .ys-row .col-6{padding:0 16px 0 0}
.ys-request-history-form .ys-row .col-4 .ys-row .col-6:last-child{padding:0}
.ys-request-history-form button{}
.ys-request-history .ys-support-detail{margin:0}
.ys-request-history .ys-support-detail:before,
.ys-request-history .ys-support-detail:after{content:'';display:table;clear:both}
.ys-request-history .ys-support-detail .ys-text-header{white-space:normal;text-align:center}
.ys-request-history .ys-support-detail .ys-support-detail-list{position:relative;margin:64px 0 32px 0}

.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top{position:relative;padding:16px 8px 8px 8px;display:block;background:rgb(247,247,247);border-top:1px solid #D6D6D6;font-size:18px}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li{position:relative;display:inline-block;padding:0 0 8px 72px;font-size:18px;vertical-align:top;white-space:normal;word-break:break-word}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(2),
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(2) ~ li {width:49.7%}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(3),
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(3) ~ li {width:33% }
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(4),
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(4) ~ li {width:45%}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.ticket:before{content:'';position:absolute;top:3px;left:30px;width:32px;height:17px;background:url(../images/svg/ticket.svg) no-repeat}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.date:before{content:'';position:absolute;top:3px;left:30px;width:32px;height:17px;background:url(../images/svg/serviceday.svg) no-repeat}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.status:before{content:'';position:absolute;top:3px;left:30px;width:32px;height:17px;background:url(../images/svg/status.svg) no-repeat}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.reason:before{content:'';position:absolute;top:3px;left:30px;width:32px;height:17px;background:url(../images/svg/reason.svg) no-repeat}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap{width:100%;display:table;border-top:1px solid #D6D6D6;border-bottom:1px solid #D6D6D6;padding:24px 0}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap:last-child{border-bottom:1px solid #D6D6D6}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-img{display:table-cell;vertical-align:middle;width:15%;text-align:center;margin:0 auto}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-img img{width:32%}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info{display:table-cell;vertical-align:middle;width:50%;text-align:left;padding:0 0 0 32px}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info h5{margin:0 0 16px 0;white-space:normal;display:inline-block}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info-details-col{margin:0 0 10px 8px}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info-details-col li{font-size:16px;position:relative;padding:0 0 0 16px}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info-details-col li:before{ content:'';display:block;position:absolute;left:0;top:8px;background:#717171;width:5px;height:5px;border-radius:100%}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-warranty{display:table-cell;vertical-align:middle;text-align:left;padding:0 0 0 32px}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-warranty p{color:rgb(170,170,170);font-size:18px}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-info{}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row{border-bottom:1px solid #D6D6D6}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-support-detail-info-wrap{padding:24px 0 24px 24px} 
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-support-detail-info-wrap .border-b32{margin:16px 0 0 0}
.ys-request-history .ys-track-repair-process{padding:0 0 0 0}
.ys-request-history .ys-track-repair-process + .ys-support-detail > .ys-support-detail-list{margin:0 0 32px 0}

/* ys-install-request */ 
.ys-install-request{width:100%;max-width:1440px;margin:0 auto;top:-64px;position:relative;padding:0 16px}
.ys-install-request:before,
.ys-install-request:after{content:'';display:table;clear:both}
.ys-install-request-step-wrap {margin:0 auto;text-align: center}
.ys-install-request-step-wrap input[type="button"], .ys-install-request-step-wrap input[type="submit"]{display:inline-block;font-size:14px;padding:10px 24px;vertical-align:middle;text-align:center;min-width:140px;border:1px solid #2189FF;-webkit-border-radius:20px;border-radius:20px;color:#006BEA;text-transform:uppercase;font-weight:700;background-color:transparent; height:40px;}
.ys-install-request-step-wrap input[type="button"]:hover, .ys-install-request-step-wrap input[type="submit"]:hover,
.ys-install-request-step-wrap input[type="button"]:focus, .ys-install-request-step-wrap input[type="submit"]:focus{background-color:#2189FF;border:1px solid transparent;color:#FFFFFF;outline:none}
.ys-install-request-step-wrap input[type="button"]:disabled, .ys-install-request-step-wrap input[type="button"][disabled]{color:#DDDDDD;border:1px solid #DDDDDD;}
.action-button {margin:10px auto;background-color:#2189FF;border:none;color:white;outline:none;cursor:pointer}
.ys-install-request-step-wrap fieldset {background:white;border:0 none;border-radius:3px;padding:0;box-sizing:border-box;width:100%;margin:0 auto;position:relative;text-align:center}
.ys-install-request-step-wrap .fleldset {background:white;border:0 none;border-radius:3px;padding:0;box-sizing:border-box;width:90%;margin:0 auto;position:relative;text-align:center}
.ys-install-request-step-wrap fieldset .input-container label{text-align:left}
.ys-install-request-step-wrap fieldset:not(:first-of-type) {display:none}
.progressform {counter-reset:step;margin-bottom:30px}
.progressform li {list-style-type:none;color:rgb(118,118,118);font-size:16px;width:50%;margin-bottom:32px;float:left;position:relative;text-align:center;}
.progressform li:before {content:counter(step);counter-increment: step;display: block;margin: 0 auto 16px auto;background-color: rgb(118,118,118);line-height: 40px;width: 40px;height: 40px;color: rgb(255,255,255);font-size:18px;padding: 5px;border-radius: 3px;}
.progressform li:after {content:'';width:100%;height:2px;background:gray;position:absolute;left:-50%;top:20px;z-index:-1}
.progressform li:first-child:after {content:none}
.progressform li:before,  .progressform li:after{-webkit-transition:background 1s;-moz-transition:background 1s;-o-transition:background 1s;transition:background 1s}
.progressform li.active:before,  .progressform li.active:after{background:#1428a0;color:white}
.progressform li.active {color:#000000;}
.ys-install-request .ys-install-request-step-wrap .ys-row .col-6 {padding:0 32px 16px 0} 
.ys-install-request .ys-install-request-step-wrap .ys-row .col-61 {padding:0}
.ys-install-request .ys-install-request-step-wrap .ys-row .col-6:last-child{padding:0}
.ys-install-request-step-wrap .ys-row .col-12 .input-container, .ys-install-request-step-wrap .ys-row .col-12 .form-group{margin:0 0 16px 0}
.ys-install-request-table{}
.ys-install-request-table:before,
.ys-install-request-table:after{content:'';display:table;clear:both}
.ys-support-wrap .ys-row .col-3 {padding:0 0 0 72px}
.ys-support-wrap .col-3 .ys-support-wrap-info{position:relative;border:1px solid #D6D6D6;padding:24px}
.ys-support-wrap .col-3 .ys-support-wrap-info .ys-support-wrap-info-top .ys-support-wrap-info-img{width:100px;margin:0 0 24px 0}
.ys-support-wrap .col-3 .ys-support-wrap-info .ys-support-wrap-info-top h5{margin:0 0 8px 0}
.ys-support-wrap .col-3 .ys-support-wrap-info .ys-support-wrap-info-top p{margin:0 0 8px 0;color:rgb(0,119,200);font-weight:700}
.ys-support-wrap .col-3 .ys-support-wrap-info .ys-support-wrap-info-top .support-info-list{margin:0 0 8px 0}
.ys-support-wrap .col-3 .ys-support-wrap-info .ys-support-wrap-info-top .support-info-list li{font-size:14px}

/* tables */
table td, table th{text-align:center}

/* ys-install-request-table */
.ys-install-request-table table .ys-track-repair-table-head th{font-size:18px;color:#FFFFFF;font-weight:normal;height:44px;vertical-align:middle;padding:8px}
.ys-install-request-table table {border-collapse:collapse;background:white;border-radius:3px;overflow:hidden;width:100%;margin:0 auto}
.ys-install-request-table table thead tr {padding:16px;background:rgb(118,118,118)}
.ys-install-request-table table tbody tr {height:44px}
.ys-install-request-table table tbody tr:last-child {border:0}
.ys-install-request-table table td{font-size:16px;color:#000000;vertical-align:middle}
.ys-install-request-table table td.l, table th.l {text-align:right}
.ys-install-request-table table td.c, table th.c {text-align:center}
.ys-install-request-table table td.r, table th.r {text-align:center}
.ys-install-request-table tbody tr:nth-child(even) {background-color:#f5f5f5}
.ys-install-request-table tbody tr {color:#000000}
.ys-install-request-table tbody tr:hover {color:#555555;background-color:#ccf0f9;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}
.ys-install-request-table tbody tr:active, .ys-track-repair-table tbody tr.on {color:#000000;background-color:#99e1f4;cursor:pointer}
.ys-install-request-table .table-scroll-wrap{height:299px}
.ys-install-request-table .table-scroll-wrap .table-scroll-wrap-body {height:236px;overflow-y:auto;overflow-x: hidden}
.ys-install-request-table .table-scroll-wrap-head{height:auto}
.ys-install-request-table .table-info{text-align:left;font-size:14px;display:block;margin:0 0 16px 0}
.pop-container-main .pop-title{display:block;margin:0 0 24px 0}

/* ys-search-result-table */
.ys-search-result-table{margin:40px 0 0 0}
.ys-search-result-table:before,
.ys-search-result-table:after{content:'';display:table;clear:both}
.ys-search-result-table .ys-text-header{display:block;margin:0 0 16px 0;text-align:left}
.ys-search-result-table table .ys-track-repair-table-head th{font-size:18px;color:#FFFFFF;font-weight:normal;height:44px;vertical-align:middle;padding:8px}
.ys-search-result-table table {border-collapse:collapse;background:white;border-radius:3px;overflow:hidden;width:100%;margin:0 auto}
.ys-search-result-table table thead tr {padding:16px;background:rgb(118,118,118)}
.ys-search-result-table table tbody tr {height:44px}
.ys-search-result-table table tbody tr:last-child {border:0}
.ys-search-result-table table td{font-size:16px;color:#000000;vertical-align:middle}
.ys-search-result-table tbody tr:nth-child(even) {background-color:#f5f5f5}
.ys-search-result-table tbody tr {color:#000000}
.ys-search-result-table tbody tr:hover {color:#555555;background-color:#ccf0f9;cursor:pointer}
.ys-search-result-table tbody tr:active, .ys-track-repair-table tbody tr.on {color:#000000;background-color:#99e1f4;cursor:pointer}
.ys-search-result-table .table-scroll-wrap{height:299px}
.ys-search-result-table .table-scroll-wrap .table-scroll-wrap-body {height:236px;overflow-y:auto;overflow-x: hidden}
.ys-search-result-table .table-scroll-wrap-head{height:auto}

/* ys-request-history-table */
.ys-request-history-table{margin:40px 0 0 0}
.ys-request-history-table:before,
.ys-request-history-table:after{content:'';display:table;clear:both}
.ys-request-history-table .ys-text-header{display:block;margin:0 0 16px 0;text-align:left}
.ys-request-history-table table .ys-track-repair-table-head th{font-size:18px;color:#FFFFFF;font-weight:normal;height:44px;vertical-align:middle;padding:8px}
.ys-request-history-table table {border-collapse:collapse;background:white;border-radius:3px;overflow:hidden;width:100%;margin:0 auto}
.ys-request-history-table table thead tr {padding:16px;background:rgb(118,118,118)}
.ys-request-history-table table tbody tr {height:44px}
.ys-request-history-table table tbody tr:last-child {border:0}
.ys-request-history-table table td{font-size:16px;color:#000000;vertical-align:middle}
.ys-request-history-table tbody tr:nth-child(even) {background-color:#f5f5f5}
.ys-request-history-table tbody tr {color:#000000}
.ys-request-history-table tbody tr:hover {color:#555555;background-color:#ccf0f9;cursor:pointer}
.ys-request-history-table tbody tr:active, .ys-track-repair-table tbody tr.on {color:#000000;background-color:#99e1f4;cursor:pointer}

/* track my repair table */
.ys-track-repair{width:100%;max-width:1440px;margin:0 auto;position:relative;top:-64px;padding:64px 16px 0 16px}
.ys-track-repair:before,
.ys-track-repair:after{content:'';display:table;clear:both}
.table-scroll-wrap{width:100%;height:266px;overflow:hidden}
.table-scroll-wrap-head{height:44px;overflow:hidden}
.table-scroll-wrap-body{height:222px;overflow-y:auto;overflow-x:hidden;border:1px solid #d6d6d6}
.ys-track-repair-table{margin:0;width:100%;padding:0 0 64px 0}
.ys-track-repair-table .ys-text-header{margin:0 0 32px 0}
.ys-track-repair-table table .ys-track-repair-table-head th{font-size:18px;color:#FFFFFF;font-weight:700;height:44px;vertical-align:middle;line-height:1}
.ys-track-repair-table table {border-collapse:collapse;background:white;border-radius:3px;overflow:hidden;width:100%;margin:0 auto}
.ys-track-repair-table table thead tr {padding:16px;background:#757575;}
.ys-track-repair-table table tbody tr {height:44px}
.ys-track-repair-table table tbody tr:last-child {border:0}
.ys-track-repair-table table td{font-size:16px;color:#000000;vertical-align:middle}
.ys-track-repair-table table td.l, table th.l {text-align:right}
.ys-track-repair-table table td.c, table th.c {text-align:center}
.ys-track-repair-table table td.r, table th.r {text-align:center}
.ys-track-repair-table tbody tr:nth-child(even) {background-color:#F7F7F7}
.ys-track-repair-table tbody tr {color:#000000}
/* 20200619091459936 수리조회 그리드 색상 변경 Begin */
.ys-track-repair-table tbody tr:hover {color:#555555;background-color:#BBBBBB;cursor:pointer}
.ys-track-repair-table tbody tr:active, .ys-track-repair-table tbody tr.on {color:#000000;background:#757575;cursor:pointer}
.ys-track-repair-table tbody tr:active, .ys-track-repair-table tbody tr.on td {color:#FFFFFF; font-weight: bold;}
/* 20200619091459936 수리조회 그리드 색상 변경 End */
.ys-track-repair-table + .ys-track-repair-form{margin:-24px 0 0 0}

/* ys-warranty-check */
.ys-warranty-check{width:100%;max-width:1440px;margin:0 auto;top:-64px;position:relative;padding:0 16px}
.ys-warranty-check .ys-container{margin:0 auto;padding:64px 0}
.ys-warranty-check-text{padding:0 0 32px 0;text-align:left}
.ys-warranty-check-text-area-p {font-size:18px;color:rgb(110,110,110);white-space:normal}
.ys-warranty-check-form{text-align:left}
.ys-warranty-check-form-wrap{margin:0}
.ys-warranty-check-form .ys-row .ys-warranty-check-form-wrap .ys-row {}
.ys-warranty-check-form .ys-row .ys-warranty-check-form-wrap .ys-row .col-6{padding:0 16px 16px 0}
.ys-warranty-check-form .ys-row .ys-warranty-check-form-wrap .ys-row .col-8{padding:0 16px 16px 0}
.ys-warranty-check-form .ys-row .ys-warranty-check-form-wrap .ys-row .col-12{padding:0 0 16px 0}
.ys-warranty-check-form + .ys-product-search{margin:16px 0 0 0}
.ys-warranty-check .ys-warranty-check-result{margin:0 auto;padding:20px 0}
.ys-warranty-check .ys-warranty-check-result h6{padding-bottom: 10px}
.ys-warranty-check .ys-warranty-check-result .col-12{margin-top: 10px}
.ys-warranty-check .ys-warranty-check-result .warranty-in:before{content:'';width:24px;height:24px;background:url(../images/svg/i-warranty-in.svg) no-repeat; background-size:cover; display:inline-block;vertical-align:middle;margin:-4px 10px 0 0}
.ys-warranty-check .ys-warranty-check-result .warranty-out:before{content:'';width:24px;height:24px;background:url(../images/svg/i-warranty-out.svg) no-repeat; background-size:cover; display:inline-block;vertical-align:middle;margin:-4px 10px 0 0}

/* sorting */
.sorting-back{position:relative;top:3px;right:-10px;width:9px;height:18px;background-image:url(../images/sorting-back.png)}
.sorting-up{position:relative;top:-6px;right:-10px;width:9px;height:7px;background-image:url(../images/sorting-up.png)}
.sorting-down{position:relative;bottom:-3px;right:-10px;width:9px;height:7px;background-image:url(../images/sorting-down.png)}


/* form elements */
textarea {resize:none;display:block;font-size:14px;position:relative;color:#363636;font-family:'SamsungOne',arial,sans-serif;border:1px solid #D6D6D6;border-radius:3px;padding:16px}
:disabled{background:#f7f7f7;border:1px dotted #e5e5e5;color:#717171;pointer-events:none;}
:checked{color:#000000;border:2px solid #00B3E3;font-weight:700}

.mandatory{color:rgb(217,59,48);padding:0 4px 0 0;vertical-align:middle}
.manda{position:relative}
.manda:after{content:'*';font-size:14px;color:rgb(217,59,48);padding:0 4px}
.form-messgae{font-size:12px;Color:#555555;margin:16px 0 0 0;float:left;text-align:left}
.send-container{text-align:center;margin:0 auto;display:block;}
.send-container1{text-align:center;margin:10px;display:block;}
.form-title{display: block;font-size:16px;color:#363636;margin:0 0 8px 0;height:18px;text-align: left;}
.form-info-wrap{border:1px solid #D6D6D6;border-radius:3px;margin: 0 0 8px 0;font-size: 16px;padding: 16px;text-align: left;color:#000;height: auto;overflow: auto; max-height: 425px;}
.form-info-wrap p{font-size:14px;margin:16px auto 16px 32px}
.form-info-wrap ol{list-style:decimal;margin:16px 16px 16px 24px}
.form-info-wrap ol li{padding:0 0 8px 8px}
.form-info-wrap ul.dp-info-list{margin:16px 0 0 24px;text-align:left}
.form-info-wrap ul.dp-info-list li{font-size:16px;position:relative;margin:0 0 8px 0}
.form-info-wrap ul.dp-info-list li:before{content:'';position:absolute;left:-16px;top:8px;background:rgb(170,170,170);width:5px;height:2px}
.form-info-wrap + .ys-checkbox{margin:0 0 24px 0}
.form-info-wrap + .ys-checkbox:after {content:'';width:14px;height:14px;background:url(../images/svg/f-down-b.svg) no-repeat;display:inline-block;vertical-align:middle;margin:4px 0 0 2px}
.form-hide-msg{font-size:12px;Color:#D93B30;margin:8px 0 0 0;display:block;text-align:left}

/* hint error */
.form-hint, .error-hint{display:block;position:relative;font-size:12px;margin:8px 0}
.form-hint {color:#717171}
.input-container.from-error input, .input-container.from-error input:hover, .input-container.from-error input:focus {color:#D93B30;border-color:#D93B30}
.from-error .error-hint{color:#ff3459}

/*.file-placeholder */
.file-placeholder {position:relative;cursor:pointer}
.file-placeholder label{display:block;font-size:14px;color:#555555;margin:0 0 3px 0;min-height:18px}
.file-placeholder input[type=file] {position:absolute;z-index:3;top:26px;left:0;width:100%;max-width:100%;height:44px;opacity:0}
.file-placeholder .file-browse {width:100%;font-size:18px;height:44px;border:none;border-bottom:1px solid #555555;padding:0 16px}
.file-placeholder .file-browse .file-browse-txt {display:block;float:left;line-height:40px;width:calc(100% - 44px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-placeholder .file-browse .file-browse-txt.hasValue {}
.file-placeholder .file-browse .browse {position:relative;display:block;float:left;padding:0 10px;width:44px;height:44px}
.file-placeholder .file-browse .browse:before{content:'';background:url(../images/svg/add.svg) no-repeat;position:absolute;right:0;top:12px;width:18px;height:18px}

/* input → p6 표준화 input[type="text"] 추가*/
.input-container{position:relative; font-weight: 400;}
.input-container label{display:block;font-size:14px;color:#555555;margin:0 0 3px 0;min-height:18px}
.input-container label:focus{color:#000000}
/* input[type="text"] */
.input-container input{font-size:18px;width:100%;height:44px;padding:0 16px;border:none;border-bottom:1px solid #555555;}
.input-container input:hover{}
.input-container input:focus{color:#000000; border-bottom:2px solid #2189FF;}
.input-container input:disabled{color:#DDDDDD;background:transparent;border-bottom:1px solid #DDDDDD;pointer-events:none}
.input-container input:read-only{color:#8F8F8F;background:transparent;border-bottom:1px solid #DDDDDD;pointer-events:none}
/* textarea */
.input-container textarea{font-size:18px;width:100%;min-height:150px;border:1px solid #555555;border-radius:6px;padding:12px 16px;}
.input-container textarea:hover{border:2px solid #2189FF}
.input-container textarea:focus{border:2px solid;outline-color:#2189FF;color:#000000;}
.input-container textarea:disabled{color:#DDDDDD;background:transparent;border:1px solid #DDDDDD;pointer-events:none}
.input-container textarea:read-only{color:#8F8F8F;background:transparent;border:1px solid #DDDDDD;pointer-events:none}
/* 공용사용 */
.input-container input:disabled ~ .form-messgae, .input-container textarea:disabled ~ .form-messgae{color:#DDDDDD;}
.input-container input:read-only ~ .form-messgae, .input-container textarea:read-only ~ .form-messgae{color:#8F8F8F;}
.input-container input:-moz-read-only , .input-container textarea:-moz-read-only{color:#8F8F8F;background:transparent;border:1px solid #DDDDDD;pointer-events:none}
.input-container input.read-only , .input-container textarea.read-only{color:#8F8F8F;background:transparent;border:1px solid #DDDDDD;pointer-events:none}

/* form-group */
.form-group{position:relative}
.form-group label{display:block;font-size:14px;color:#555555;margin:0 0 3px 0;height:18px;text-align:left}
.form-group label:focus{color:#000000}
.form-group input{font-size:18px;width:100%;height:44px;border:none;border-bottom:1px solid #555555;padding:0 16px}
.form-group input:hover{}
.form-group input:focus{border-bottom:2px solid #2189FF;color:#000000}
.form-group input:disabled{color:#DDDDDD;background:transparent;border-bottom:1px solid #DDDDDD;pointer-events:none}
.form-group input:read-only{color:#8F8F8F;background:transparent;border-bottom:1px solid #DDDDDD;pointer-events:none}
.form-group textarea{font-size:18px;width:100%;min-height:150px;border:1px solid #555555;border-radius:6px;padding:12px 16px;}
.form-group textarea:hover{border:2px solid #2189FF}
.form-group textarea:focus{border:2px solid #2189FF;color:#000000}
.form-group textarea:disabled{color:#DDDDDD;background:transparent;border:1px solid #DDDDDD;pointer-events:none}
.form-group textarea:read-only,
.form-group input:-moz-read-only , .input-container textarea:-moz-read-only {color:#8F8F8F;background:transparent;border:1px solid #DDDDDD;pointer-events:none}

/* checkbox*/ 
.ys-checkbox {display:inline-block;position:relative;cursor:pointer}
.ys-checkbox input[type="checkbox"] {margin:0;opacity:0;cursor:pointer;height:16px;width:16px;z-index:10;position:absolute}
.ys-checkbox input[type="checkbox"]~ .checkbox-label{padding-left:32px;font-weight:normal;display:inline-block;position:relative;font-size:14px;color:#555555}
.ys-checkbox input[type="checkbox"]~ .checkbox-label:before{content:'';position:absolute;top:0;left:0;height:24px;width:24px;background:url(../../resources/images/form_check_radio_a.svg) no-repeat;border:none;font-size:14px;border-radius:50%;}
.ys-checkbox input[type="checkbox"]:hover ~ .checkbox-label:before,
.ys-checkbox input[type="checkbox"]:focus ~ .checkbox-label:before {content:'';filter: invert(39%) sepia(90%) saturate(805%) hue-rotate(184deg) brightness(101%) contrast(111%);}
.ys-checkbox input[type="checkbox"]:checked ~ .checkbox-label{}
.ys-checkbox input[type="checkbox"]:checked ~ .checkbox-label:before {content:'';position:absolute;background:url(../../resources/images/form_check_b.svg) no-repeat;filter:none;}
.ys-checkbox input[type="checkbox"]:checked:hover ~ .checkbox-label:before {content:''; filter: brightness(90%);}
.ys-checkbox input[type="checkbox"]:not([disabled]):checked ~ .checkbox-label:before,
.ys-checkbox input[type="checkbox"]:checked:focus ~ .checkbox-label:before {content:'';}
.ys-checkbox input[type="checkbox"]:disabled ~ .checkbox-label:before{content:'';pointer-events:none;filter: invert(94%) sepia(0%) saturate(3796%) hue-rotate(183deg) brightness(187%) contrast(73%);}
.ys-checkbox input[type="checkbox"]:disabled ~ .checkbox-label{color:#DDDDDD}

/* radio */
.ys-radio {display:inline-block;position:relative;cursor:pointer}
.ys-radio:after{content:'';clear:both}
.ys-radio input[type="radio"]{opacity:0;position:absolute;height:0}
.ys-radio input[type="radio"] ~ .radio-label{font-size:14px;color:#363636;padding:0 0 0 30px;vertical-align:top;}
.ys-radio input[type="radio"] ~ .radio-label:before{content:'';position:absolute;top:0;left:0;height:16px;width:16px;border:1px solid #555555;font-size:14px;border-radius:50%;}
.ys-radio input[type="radio"]:hover ~ .radio-label:before {content:'';border-color:#006BEA;}
.ys-radio input[type="radio"]:focus ~ .radio-label:before {content:'';border-color:#2189FF;}
.ys-radio input[type="radio"]:checked ~ .radio-label{}
.ys-radio input[type="radio"]:checked ~ .radio-label:before{content:'';border-color:#2189FF;}
.ys-radio input[type="radio"]:checked ~ .radio-label:after {content:'';left:3px;top:3px;height:12px;width:12px;border-radius:50%;position:absolute;vertical-align:middle;}
.ys-radio input[type="radio"]:checked:hover ~ .radio-label:after{content:'';display:block;background:#006BEA;}
.ys-radio input[type="radio"]:not([disabled]):checked ~ .radio-label:before,
.ys-radio input[type="radio"]:checked:focus ~ .radio-label:before {content:'';border-color:#2189FF;}
.ys-radio input[type="radio"]:disabled ~ .radio-label:before{content:'';pointer-events:none;border-color:#DDDDDD;}
.ys-radio input[type="radio"]:disabled ~ .radio-label{color:#DDDDDD;}
.ys-radio input[type="radio"] ~ .radio-label:after {content:'';position:absolute;display:none}
.ys-radio input[type="radio"]:checked ~ .radio-label:after {content:'';display:block;background:#2189FF;}
.ys-radio input[type="radio"] ~ .radio-label:after {content:'';background:transparent;}
.ys-radio input[type="radio"]:disabled ~ .radio-label:after {content:'';background:#DDDDDD}

/* TV radio */
.ys-tv-radio {position: relative; cursor: pointer; display: table-cell; vertical-align: middle; width: 1%; text-align: center; margin: 0 auto}
.ys-tv-radio:after{content:'';clear:both}
.ys-tv-radio input[type="radio"]{opacity:0;position:absolute;height:0}
.ys-tv-radio input[type="radio"] ~ .radio-label{font-size:14px;color:#363636;padding:0 0 0 22px;vertical-align:top}
.ys-tv-radio input[type="radio"] ~ .radio-label:before{content:'';position:absolute;top:34px;left:0;height:16px;width:16px;background:#FFFFFF;border:1px solid #D6D6D6;font-size:14px;border-radius:50%;}
.ys-tv-radio input[type="radio"]:hover ~ .radio-label:before,
.ys-tv-radio input[type="radio"]:focus ~ .radio-label:before {content:'';border:1px solid #00B3E3}
.ys-tv-radio input[type="radio"]:checked ~ .radio-label{}
.ys-tv-radio input[type="radio"]:checked ~ .radio-label:before{content:'';border:1px solid #00B3E3}
.ys-tv-radio input[type="radio"]:checked ~ .radio-label:after {content:'';left:4px;top:38px;height:10px;width:10px;border-radius:50%;position:absolute}
.ys-tv-radio input[type="radio"]:not([disabled]):checked ~ .radio-label:before,
.ys-tv-radio input[type="radio"]:checked:focus ~ .radio-label:before {content:'';border:1px solid #00B3E3}
.ys-tv-radio input[type="radio"]:disabled ~ .radio-label:before{content:'';background:#e6e6e6;opacity:0.6;pointer-events:none;border:1px solid #D6D6D6}
.ys-tv-radio input[type="radio"] ~ .radio-label:after {content:'';position:absolute;display:none}
.ys-tv-radio input[type="radio"]:checked ~ .radio-label:after {content:'';display:block;background:#00B3E3}
.ys-tv-radio input[type="radio"] ~ .radio-label:after {content:'';background:#FFFFFF}
.ys-tv-radio input[type="radio"]:disabled ~ .radio-label:after {content:'';background:#7b7b7b}

/* form-group dropdown */
.form-group .dropdown {font-family:'SamsungOne',arial,sans-serif;font-weight:400; background-color: #FFFFFF;}
.form-group .dropdown dt span{font-size:14px;text-align:left;padding:0 16px 0 24px;line-height:48px;color:#000000; font-weight:700;}
.form-group .dropdown dd ul{top:0;padding:16px 0;height:200px;overflow-x:hidden;overflow-y:auto}
.form-group .dropdown dd ul li{position:relative;cursor:pointer}
.form-group .dropdown dd ul li:hover{background:#F7F7F7;}
.form-group .dropdown dd ul li a{font-size:14px;text-align:left;padding:0 40px;line-height:48px;color:#717171;border-bottom:none}
.form-group .dropdown dd ul li a:hover, .form-group .dropdown dd ul li a:focus{color:#313131; font-weight:400;}
.form-group .dropdown dd ul li a:active, .form-group .dropdown dd ul li a.active{color:#000000; font-weight:700;}
.form-group .dropdown dd ul li a.active:before{content:'';position:absolute;top:14px;left:16px;width:12px;height:9px;background:url(../images/svg/check-b.svg) no-repeat}
.form-group .dropdown dd ul li a:hover:before{content:''}
.form-group .dropdown dd ul li a:active:before{content:'';position:absolute;top:14px;left:16px;width:12px;height:9px;background:url(../images/svg/check-b.svg) no-repeat}

/* form-step */
.form-step{position:relative;display:block;text-align:left;background:#717171;color:#fff;margin:0 0 16px 0;padding:8px 16px;font-size:18px}
.form-step1{position:relative;display:block;text-align:left;background:#717171;color:#fff;margin:0 0 16px 0;padding:8px 16px;font-size:18px}
.form-step:after{content:'';position:absolute;top:0;right:-20px;width:39px;height:39px;transform:scale(0.707) rotate(45deg);z-index:1;background:#717171;border-radius:0 5px 0 50px}
.form-step1:after{content:'';position:absolute;top:0;right:-20px;width:39px;height:39px;transform:scale(0.707) rotate(45deg);z-index:1;background:#717171;border-radius:0 5px 0 50px}
.ys-install-request .ys-install-request-step-wrap .ys-row .col-6:last-child .form-step:after{content:'';width:0;height:0}

/* select */
.dropdown {margin:0 auto;position:relative; font-family:'SamsungOne',arial,sans-serif;font-weight:400;font-size:14px;}
.dropdown dt a {display:block;height:48px;width:100%;border:1px solid #D6D6D6;border-radius:3px;text-decoration:none;font-weight:700;}
.dropdown dt a:hover {color:#313131; background-color: #F7F7F7;}
.dropdown dt a:active {color:#000000; font-weight: 700;}
.dropdown dt span {position:relative;text-align:left;display:block;padding:0 1em 0 24px;;line-height:48px;border-right:1em solid transparent;cursor:pointer;}
.dropdown dt span:after{content:'';background:url(../images/svg/select-arrow.svg) no-repeat;position:absolute;right:0;top:18px;width:12px;height:8px}
.dropdown dd {position:relative;z-index:10}
.dropdown dd ul {display:none;text-align:left;position:absolute;left:0;top:0;width:100%;list-style:none;background:#FFFFFF none repeat scroll 0 0;border:1px solid #bdc3c7;border-radius:3px}
.dropdown dd ul li:first-child a:hover {border-radius:3px 3px 0 0}
.dropdown dd ul li:last-child a:hover {border-radius:0 0 3px 3px}
.dropdown dd ul li a {display:block;line-height:1.37;padding:10px 13px 9px 24px}
.dropdown dd ul li a.active {color:#000000; font-weight: 700;}
.dropdown dd ul li a:hover {color:#313131; background-color: #F7F7F7;}
.dropdown dd ul li a:active {color:#000000; font-weight: 700;}

/* input icon*/
.input-container i{cursor:pointer}
.input-container .calendar:before{content:'';background:url(../images/svg/calendar.svg) no-repeat;position:absolute;right:16px;top:38px;width:18px;height:18px}
.input-container .time:before{content:'';background:url(../images/svg/time.svg) no-repeat;position:absolute;right:16px;top:38px;width:18px;height:18px}
.input-container .add:before{content:'';background:url(../images/svg/add.svg) no-repeat;position:absolute;right:16px;top:38px;width:18px;height:18px}
.input-container .check:before{content:'';background:url(../images/svg/check.svg) no-repeat;position:absolute;right:16px;top:38px;width:18px;height:18px}
.input-container .magnify:before{content:'';background:url(../images/svg/magnify.svg) no-repeat;position:absolute;right:16px;top:38px;width:18px;height:18px}
/* 시작_추가_20210825 by Guk */
.input-container .search {display:inline-block; margin-left:10px; margin-top:10px; background:url(../images/svg/magnify.svg); background-repeat:no-repeat; width:18px;height:18px; cursor:pointer;}
/* 끝_추가_20210825 by Guk */

/* search */
.ys-search-model{position:relative;width:100%;margin:32px 0 16px 0;overflow:hidden}
.s-search-model-result {display:none;position:absolute;top:100%;left:0;right:0;z-index:21;margin-top:8px}
.s-search-model-result .search-list {border:1px solid #D6D6D6;background-color:#FFFFFF;-webkit-border-radius:3px;border-radius:3px}
.ys-search-model-wrap {position:relative;border:1px solid #D6D6D6;-webkit-border-radius:3px;border-radius:3px;background-color:#FFFFFF}
.ys-search-label {position:absolute;top:0;left:0;bottom:0;right:0;padding:10px 16px;-webkit-border-radius:3px;border-radius:3px;font-size:14px;line-height:29px;color:#666;text-align:left}
.ys-search-input {width:100%;border:0;-webkit-border-radius:4px;border-radius:4px;background:transparent;height:46px;padding:10px 16px;font-size:14px;line-height:29px;color:#666;-webkit-box-sizing:border-box;box-sizing:border-box}
.ys-search-btn {position:absolute;top:1px;right:1px;left:auto;bottom:1px;padding:0 10px 0 8px;background:white}
.ys-search-btn .s-ico-search {position:relative;overflow:hidden;display:block;width:20px;height:20px;background:url(../images/svg/search-20.svg) no-repeat;font-size:0;line-height:999px}

/* ys-model-code */
.ys-model-code{position:relative;width:100%;padding:0 0 16px}
.ys-model-code-result {display:none;position:absolute;top:60px;left:0;right:0;z-index:21;margin-top:8px;overflow:hidden;height:280px;-webkit-box-shadow:0 4px 10px -2px rgba(0,0,0,0.2);box-shadow:0 4px 10px -2px rgba(0,0,0,0.2);border-radius:0 0 24px 24px;}
.ys-model-code-list {background-color:#FFFFFF;border-radius:0 0 24px 24px;height:280px;overflow:auto;}
.ys-model-code-list li{font-size:14px;color:#717171;padding:10px 16px;text-align:left;cursor:pointer}
.ys-model-code-list li:hover, .ys-model-code-list li:active, .ys-model-code-list li.active{color:#000;font-weight:700}
.ys-model-code-wrap {position:relative}
.ys-model-code-label{display:block;font-size:14px;color:#717171;margin:0 0 8px 0;height:18px;text-align:left}
.ys-model-code-label:focus{color:#000000;}
.ys-model-code-search-btn {position:absolute;top:26px;right:8px;bottom:5px;padding:0 16px;height:48px;border:none;background-color:transparent;float:left}
.ys-model-code-search-btn:disabled,
.ys-model-code-search-btn[disabled]{Color:#717171;border:1px dotted #E5E5E5;background:#F7F7F7}
.ys-model-code-search-btn .icon-check {position:relative;overflow:hidden;display:block;width:24px;height:24px;background:url(../images/svg/check.svg) no-repeat;font-size:0;line-height:999px}
.ys-model-code-search-btn .icon-check1 {position:relative;overflow:hidden;display:block;width:24px;height:24px;background:url(../images/svg/check.svg) no-repeat;font-size:0;line-height:999px; filter:invert(39%) sepia(90%) saturate(805%) hue-rotate(184deg) brightness(101%) contrast(111%);}
.ys-model-code-search-btn .icon-search {position:relative;overflow:hidden;display:block;width:24px;height:24px;background:url(../images/svg/magnify.svg) no-repeat;background-size:24px;font-size:0;line-height:999px}
.ys-model-code-input {font-size:18px;color:#000000;background-color:#F7F7F7;height:48px;border:1px solid #757575;border-radius:24px;padding:0 24px;width:100%;float:left;}
.ys-model-code-input1 {font-size:14px;color:#363636;height:28.5px;border:1px solid #D6D6D6;border-radius:3px;padding:0 16px;width:calc(100% - 65px);float:left}
.ys-model-code-input:focus{border:2px solid #2189FF;color:#000000;}
.ys-model-code-input-focus{border-color:transparent;border-radius:24px 24px 0 0; background-color: #ffffff;-webkit-box-shadow:0 0px 10px -2px rgba(0,0,0,0.2);box-shadow:0 4px 10px -2px rgba(0,0,0,0.2);}
.ys-model-code-reset-btn {position:absolute;top:26px;right:48px;bottom:5px;padding:0 16px;height:48px;border:none;background-color:transparent;float:left}
.ys-model-code-reset-btn .icon-reset{position:relative;overflow:hidden;display:block;width:16px;height:16px;background:url(../images/P6_Icon/Bold/Action/Cancel.svg) no-repeat;background-size:16px;font-size:0;line-height:999px}

.ys-find-wrap {position:relative}
.ys-find-label{display:block;font-size:14px;color:#717171;margin:0 0 8px 0;height:18px;text-align:left}
.ys-find-label:focus{color:#000000}
.ys-find-search-btn {position:absolute;top:26px;right:0;bottom:0;padding:0 16px;height:44px;border:1px solid #D6D6D6;border-radius:3px;float:left}
.ys-find-search-btn:hover, .ys-find-search-btn:checked{border:1px solid #00B3E3}
.ys-find-search-btn:disabled,
.ys-find-search-btn[disabled]{Color:#717171;border:1px dotted #E5E5E5;background:#F7F7F7}
.ys-find-search-btn .icon-check {position:relative;overflow:hidden;display:block;width:18px;height:18px;background:url(../images/svg/check.svg) no-repeat;font-size:0;line-height:999px}
.ys-find-search-btn .icon-search {position:relative;overflow:hidden;display:block;width:18px;height:18px;background:url(../images/svg/magnify.svg) no-repeat;font-size:0;line-height:999px}
.ys-find-input {font-size:14px;color:#363636;height:44px;border:1px solid #D6D6D6;border-radius:3px;padding:0 16px;width:50%;float:left}
.ys-find-input + .ys-find-input{width:calc(50% - 82px);margin:0 0 0 16px}
.ys-find-input:hover{border:1px solid #00B3E3}
.ys-find-input:focus{border:1px solid #00B3E3;color:#000000}

/* muti sort-by */
.sort{position:relative}
.sort p{position:relative;font-size:14px;padding:0 24px;border:1px solid #D6D6D6;height:48px;line-height:48px;color:#000;overflow:hidden;cursor:pointer;margin:0 auto;font-weight:700;text-align:left;border-radius:3px}
.sort p:hover{background-color:#F7F7F7; color:#313131; font-weight:400; font-size:14px;}
.sort p:after{content:'';background:url(../images/svg/select-arrow.svg) no-repeat;position:absolute;right:0px;top:18px;width:24px;height:24px}
.sort p.on{background-position:right -160px;border:1px solid rgb(0, 144, 227);color:rgb(0, 144, 227)}
.sort .sub{padding:6px 0;border:1px solid #D6D6D6;left:0;top:44px;display:none;position:absolute;width:100%;top:44px;z-index:10;overflow:hidden;background-color:rgb(255, 255, 255);margin:0 auto;}
.sort .sub {cursor:pointer}
.sort .sub .optionList {overflow:hidden;padding:0;margin:0 auto; font-family:'SamsungOne',arial,sans-serif;font-weight:400;}
.sort .sub .optionList li {display:block;line-height:1.37;font-size:14px;padding:10px 13px 9px;text-align:left;}
.sort .sub .optionList li a {text-decoration:none}
.sort .sub .optionList:hover {}
.sort .sub .optionList li:hover {font-weight:400; color:#313131; background-color: #F7F7F7;}

/* 20200709092257720_Your Service UX 개선(Slot선택)  */
.sort .sub .optionList .no_weight {background:#FFFFFF; font-weight:700; color: #DDDDDD;}

/* ys-choose-product-model */
.ys-choose-product-model{overflow:hidden;position:relative;border:1px solid #D6D6D6;height:243px}
.ys-choose-product-model .product-model-listing{overflow:auto;height:243px;background-color:#FFFFFF}
.ys-choose-product-model .product-model-listing li{line-height:1.37;border-bottom:1px solid #D6D6D6;font-size:14px;padding:10px 16px;cursor:pointer;color:#363636}
.ys-choose-product-model .product-model-listing li a{color:#363636}
.ys-choose-product-model .product-model-listing li:hover a, .ys-choose-product-model .product-model-listing li:focus a, .ys-choose-product-model .product-model-listing li.active a{font-weight:700;color:#006BEA}

/* search seial number */
.ys-product-search-wrap {position:relative;background-color:#FFFFFF}
.ys-product-search-label{display:block;margin-bottom:8px;color:#000000;font-size:16px;text-align:left}
.ys-product-search-input {display:inline-block;padding:0 16px;width:calc(100% - 220px);font-size:18px;color:#000000;height:44px;margin:0 10px 0 0;line-height:44px;border:none;border-bottom:1px solid #8F8F8F;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:text}
.ys-product-search-input:disabled{border-bottom:1px solid #DDDDDD;color:#DDDDDD;pointer-events:none}
.ys-product-search-input:focus{border-bottom:2px solid #2189FF;}
.ys-product-search-btn {display:inline-block;border:1px solid #000000;border-radius:20px;-webkit-border-radius:20px;height:40px;line-height:40px;font-size:14px;color:#000000;font-family:'SamsungOne',arial,sans-serif;font-weight:700; padding:0 24px; vertical-align: middle;text-align:center;}
.ys-product-search-btn:hover, .ys-product-search-btn:focus{background:#eee;color:#555555;border:1px solid #555555}
.ys-product-search-btn:disabled{Color:#DDDDDD;border:1px solid #DDDDDD;}
.ys-product-search-wrap .esIMEI {margin:8px 0; font-size:14px;}
.ys-product-search-label + a{margin:8px 0;display:block;font-size:14px;color:#006BEA;text-align:left;text-decoration:underline;}
.ys-product-search-label + a:after {content:'';width:16px; height:16px; background:url(../../resources/images/icon-new-window-black.svg) no-repeat;display:inline-block;background-size:16px;vertical-align:middle;filter: invert(28%) sepia(41%) saturate(3867%) hue-rotate(200deg) brightness(99%) contrast(107%);}
/* SETK a태그(pdf) newWindow 아이콘 추가 */
.ys-product-search div a {margin:8px 0;font-size:14px; color:#006BEA;text-decoration:underline;}
.ys-product-search div a:after {content:'';width:16px; height:16px; background:url(../../resources/images/icon-new-window-black.svg) no-repeat;display:inline-block;background-size:16px;vertical-align:middle;filter: invert(28%) sepia(41%) saturate(3867%) hue-rotate(200deg) brightness(99%) contrast(107%);}

/* product list */
.ys-product-list{position:relative;margin:0;border-top:1px solid #D6D6D6}
.ys-product-list:before,
.ys-product-list:after{content:'';display:table;clear:both}
.ys-product-list-wrap{display:table;border-bottom: 1px solid #D6D6D6;padding:24px 0}
.ys-product-icon{display:table-cell;vertical-align:middle;width:6%;text-align:center;margin:0 auto}
.ys-product-icon-write{overflow:hidden;margin-right:0;vertical-align:middle;font-size:0}
.ys-product-icon-write:after{content:'';display:block;width:24px;height:24px;background:url(../images/svg/pen-b.svg) no-repeat;opacity:0.6}
.ys-product-icon-write:hover:after{content:'';display:block;width:24px;height:24px;background:url(../images/svg/pen-b.svg) no-repeat;opacity:1}
.ys-product-icon-delete{overflow:hidden;margin-right:0;vertical-align:middle;font-size:0}
.ys-product-icon-delete:after{content:'';display:block;width:24px;height:24px;background:url(../images/svg/trash-b.svg) no-repeat;opacity:0.6}
.ys-product-icon-delete:hover:after{content:'';display:block;width:24px;height:24px;background:url(../images/svg/trash-b.svg) no-repeat;opacity:1}
.ys-product-img{display:table-cell;vertical-align:middle;width:10%;text-align:center;margin:0 auto}
.ys-product-img img{width:100%}
.ys-product-info{display:table-cell;vertical-align:middle;width:40%;text-align:left;padding:0 0 0 8px}
.ys-product-info h5{margin:0 0 10px 0;white-space:normal}
.ys-product-info-details-col{margin:0 0 10px 24px;font-size:18px;list-style:disc}
.ys-product-info-details-row{display:block;margin: 0 0 0 8px}
.ys-product-info-details-row li{display:inline-block;margin:0 24px 0 0;font-size:16px}
.ys-product-info-details-col li a{color:#006BEA;font-weight:700;font-size:16px; text-decoration:underline;}
.ys-product-info-details-col li a:after {content:'';width:12px;height:12px;display:inline-block;vertical-align:middle;margin:4px 0 0 2px}
.ys-product-info-details-row li a{color:#000000;opacity:0.9}
.ys-product-info-details-row li a:hover{opacity:1}
.ys-product-info-details-row li a:hover:after{opacity:1}
.ys-product-info-details-row li a:after {content:'';width:11px;height:11px;display:inline-block;vertical-align:middle;margin-left:2px;opacity:0.9}
.ys-product-info-details-row li:first-child a:after {content:'';width:11px;height:11px;display:inline-block;vertical-align:middle;margin-left:2px;opacity:0.9}
.ys-product-info-details-row li a.openpop{position:relative;color:#006BEA;font-weight:400;font-size:16px;text-decoration:underline;}
.ys-product-info-details-row li a.openpop:after {content:'';width:11px;height:11px;display:inline-block;vertical-align:middle;margin-left:2px;opacity:0.9}
.ys-product-info-details-row li a.openwindow{position:relative;color:#006BEA;font-weight:400;font-size:16px;text-decoration:underline;}
.ys-product-info-details-row li a.openwindow:after {content:'';width:11px;height:11px;display:inline-block;vertical-align:middle;margin-left:2px;opacity:0.9}
.ys-product-info-details-row li a.openpop, .ys-product-info-details-row li a.openwindow{opacity:0.9}
.ys-product-info-details-row li a.openpop:hover, .ys-product-info-details-row li a.openwindow:hover{opacity:1}
.ys-product-info-details-row li a.openpop:hover:after, .ys-product-info-details-row li a.openwindow:hover:after{opacity:1}
.ys-product-info-details-col li a.f-down{position:relative}
.ys-product-info-details-col li a.f-down:after {content:'';width:12px;height:12px;background:url(../images/svg/f-down-b.svg) no-repeat;display:inline-block;vertical-align:middle;margin:4px 0 0 2px}
.ys-product-info-details-row li:nth-child(1) a img, .ys-product-info-details-row li:nth-child(2) a img{width:35px;margin:-7px 0 0 0;height:35px}
.ys-product-buttons{display:table-cell;vertical-align:middle;min-width:100px;max-width:300px;text-align:left;margin:0 24px;}
.ys-product-buttons a{min-width:242px;margin:0 0 8px 0}
.ys-product-buttons a:last-child{margin:0 0 0 0}
.ys-product-goto{display:table-cell;vertical-align:middle;width:10%;text-align:center;margin:0 auto}
.ys-product-goto a{cursor:pointer;display:block;position:relative;text-align:left;padding:0 0 24px 24px}
.ys-product-goto a:last-child{cursor:pointer;display:block;position:relative;text-align:left;padding:0 0 0 24px}
.ys-product-goto-livechat{font-size:14px;color:#717171}
.ys-product-goto-livechat:hover, .ys-product-goto-email, .ys-product-goto-whatsapp, .ys-product-goto-ans:hover{color:#000000}
.ys-product-goto-livechat:before{content:'';position:absolute;left:0;width:18px;height:18px;background:url(../images/svg/livechat-b.svg) center no-repeat;opacity:1}
.ys-product-goto-email{font-size:14px;color:#717171;}
.ys-product-goto-email:before{content:'';position:absolute;left:0;width:18px;height:18px;background:url(../images/svg/email-b.svg) center no-repeat;opacity:1}
.ys-product-goto-whatsapp{font-size:14px;color:#717171}
.ys-product-goto-whatsapp:before{content:'';position:absolute;left:0;width:18px;height:18px;background:url(../images/svg/whatsapp.svg) center no-repeat;opacity:1}
.ys-product-goto-ans{font-size:14px;color:#717171}
.ys-product-goto-ans:before{content:'';position:absolute;left:0;width:18px;height:18px;background:url(../images/svg/AnSLink.svg) center no-repeat;opacity:1}
.ys-track-repair-form{position:relative;padding:0 0 0 0}
.ys-track-repair-form:before,
.ys-track-repair-form:after{content:'';display:table;clear:both}
.ys-track-repair-form .ys-row .col-6{padding:0 16px 16px 0}
.ys-track-repair-form .ys-row .col-6:last-child{padding:0}
.ys-track-repair-form .ys-row .col-6 + .ys-agreement{}
.ys-track-repair-form .radio-tab{position:relative}
.ys-track-repair-form .radio-tab .radio-tab-list {cursor:pointer; text-align:left;}
.ys-track-repair-form .radio-tab .radio-tab-list .ys-radio{margin:0 30px 3px 0;min-width:60px;height:24px}
.ys-track-repair-form .radio-tab-input{}
.ys-track-repair-form .input-container{}
.ys-track-repair-form .input-container label{height:24px;}
.ys-track-repair-form .form-info{display:block;margin:0 0 16px 0}
.ys-track-repair-form .ys-row + .ys-agreement{ margin:0 0 40px 0}
.ys-track-repair-form .ys-row + .send-container{margin:24px auto 0 auto}
.ys-track-repair-process{position:relative;padding:0;margin:0 0 64px 0}
.ys-track-repair-process:before,
.ys-track-repair-process:after{content:'';display:table;clear:both}
.ys-track-repair-process .ys-text-header{margin:0 0 32px 0}

/* multi-steps*/
.ys-track-repair-process {width:100%;}
.multi-steps {display:table;table-layout:fixed;margin:0 auto;}
.multi-steps > li {padding:0 30px 0 0;width:210px;counter-increment:stepNum;text-align:center;display:table-cell;position:relative;font-family:'SamsungOne',arial,sans-serif;font-weight:400;color:#000000; height:82px;}
.multi-steps > li span {display:block;margin-bottom:8px; height:38px; padding-top:10px;font-size:14px;}
.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {content:counter(stepNum);font-family:inherit;font-weight:700;font-size:14px;}
.multi-steps > li:last-child.is-active:before {content: '\2713';}
.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {background-color:rgba(0,0,0,0.2);margin:0 16px;}
.multi-steps > li:before {content:'\2713';display:block;margin:8px auto 4px;width:24px;height:24px;line-height:24px;text-align:center;font-weight:700;background-color:#000000;border-radius:50%;color:#FFFFFF;}
.multi-steps > li:after {content:'';height:2px;width:calc( 100% - 56px );background-color:rgba(0,0,0,0.2);position:absolute;top:20px;left:50%;z-index:-1;margin:0 16px;}
.multi-steps > li:last-child:after {display:none}
.multi-steps > li.is-active{color:#000000; font-weight:700;width:210px;}
.multi-steps > li.is-active:before {background:#2189FF;color:#FFF;border-color:#1428A0}
.multi-steps > li.is-active ~ li {color:#000000;font-weight:400}
.multi-steps > li.is-active ~ li:before {background-color:#8F8F8F;border-color:#FFFFFF;}

/* multi-steps  non-active */
.multi-steps > li.non-active {color:rgb(170,170,170)}
.multi-steps > li.non-active:before, .multi-steps > li.non-active ~ li:before {content:counter(stepNum);font-family:inherit;font-weight:700}
.multi-steps > li.non-active ~ li:after {background-color:rgb(247,247,247)}
.multi-steps > li.non-active:after{background-color:rgb(247,247,247)}
.multi-steps > li.non-active:before {background:rgb(247,247,247);color:#717171;border-color:rgb(247,247,247)}
.multi-steps > li.non-active ~ li {color:rgb(170,170,170);font-weight:normal}
.multi-steps > li.non-active ~ li:before {background-color:rgb(247,247,247);border-color:rgb(247,247,247)}

/* email-form */
.email-form{position:relative}
.email-form:before,
.email-form:after{content:'';display:table;clear:both}
.email-form .ys-header{display:block;text-align:left;margin:-16px 0 24px 0 !important}
.email-form .ys-row .col-6{padding:0 16px 16px 0}
.email-form .ys-row .col-6:last-child{padding:0 0 16px 0}
.email-form .ys-row .col-12{padding:0 0 16px 0}
.email-form .ys-row .col-13{padding:0 0 1px 0}
.email-form .send-container {margin:24px 0 0 0}
.form-txt-info-box{text-align:left;font-size:14px}
.form-txt-info-box p + .ys-agreement{margin:16px 0 21px 0}

/* button */
.ys-line-black-btn{display:inline-block;font-size:14px;padding:10px 24px;vertical-align:middle;text-align:center;min-width:140px;border:1px solid #000000;-webkit-border-radius:20px;border-radius:20px;color:#000000;text-transform:uppercase;font-weight:700;background-color:transparent; height:40px;overflow:auto;}
.ys-line-black-btn::-webkit-scrollbar{display:none;}
.ys-line-black-btn {scrollbar-width: none; -ms-overflow-style:none;}
.ys-line-black-btn ~ button {margin-left:16px;}
.ys-line-black-btn:hover,.ys-line-black-btn:focus{background-color:#eee; backborder:1px solid transparent;color:#555555;border:1px solid #555555;}
.ys-line-black-btn-focus{background-color:#eee;border:1px solid transparent;color:white;outline:none}
.ys-line-white-btn{display:inline-block;font-size:14px;padding:10px 24px;vertical-align:middle;text-align:center;min-width:140px;border:1px solid #FFFFFF;-webkit-border-radius:20px;border-radius:20px;color:#FFFFFF;text-transform:uppercase;font-weight:700;background-color:transparent; height:40px;overflow:auto;}
.ys-line-white-btn::-webkit-scrollbar{display:none;}
.ys-line-white-btn {scrollbar-width: none; -ms-overflow-style:none;}
.ys-line-white-btn ~ button {margin-left:16px;}
.ys-line-white-btn:hover,.ys-line-white-btn:focus{background-color:#555555;border:1px solid #DDDDDD;color:#DDDDDD;outline:none}
.ys-line-blue-btn{display:inline-block;font-size:14px;padding:10px 24px;vertical-align:middle;text-align:center;min-width:140px;border:1px solid #2189FF;-webkit-border-radius:20px;border-radius:20px;color:#006BEA;text-transform:uppercase;font-weight:700;background-color:transparent; height:40px;overflow:auto;}
.ys-line-blue-btn::-webkit-scrollbar{display:none;}
.ys-line-blue-btn {scrollbar-width: none; -ms-overflow-style:none;}
.ys-line-blue-btn ~ button {margin-left:16px;}
.ys-line-blue-btn:hover, .ys-line-blue-btn:focus{background-color:#2189FF;border:1px solid transparent;color:#FFFFFF;outline:none}
.ys-gray-radius3-btn{display:inline-block;font-size:14px;margin-left:5px;padding:12px 28px;vertical-align:middle;text-align:center;min-width:200px;border:1px solid #000000;-webkit-border-radius:3px;border-radius:3px;color:#000000;text-transform:uppercase;font-weight:700;background-color:#FFFFFF}
.ys-gray-radius3-btn:hover, .ys-gray-radius3-btn:focus{background:rgb(20,40,160);color:#FFFFFF;border:1px solid rgb(20,40,160)}
.white-button{position:relative;z-index:1;overflow:hidden;text-decoration:none;cursor:pointer;outline:0}
button:disabled, button[disabled]{color:#DDDDDD;border:1px solid #DDDDDD;}
button:checked{color:#000000;border:2px solid #2189FF;font-weight:700}
.ys-line-black-btn-disable-blue:disabled{background-color:#2189FF;border:1px solid transparent;color:white;outline:none}
/* 시작_추가_20210910 by Guk */
.ys-div-blue-btn{width:250px; font-size:14px; margin-left:5px; padding:12px 24px; vertical-align:middle; text-align:center; min-width:140px; border:1px solid #1428A0; -webkit-border-radius:20px; border-radius:20px; color:#1428A0; background-color:transparent}
.ys-div-blue-btn:hover, .ys-div-blue-btn:focus{background-color:#1428a0;border:1px solid transparent;color:white;outline:none}
.ys-div-white-blue-btn {background-color:transparent;border:1px solid #1428A0;color:#1428A0}
.ys-div-blue-white-btn {background-color:#1428a0;border:1px solid transparent;color:white;outline:none}
.ys-line-blue-radius10-btn{display:inline-block;font-size:14px;margin-left:5px;padding:6px 24px;vertical-align:middle;text-align:center;min-width:100px;border:1px solid #2189FF;-webkit-border-radius:20px;border-radius:20px;color:#006BEA;font-weight:700;background-color:transparent}
.ys-line-blue-radius10-btn:hover{background-color:#2189FF;border:1px solid transparent;color:white;outline:none}
/* 끝_추가__20210910 by Guk */
/* 버튼 디자인 추가 */
.ys-filled-black-btn{display:inline-block;font-size:14px;padding:10px 24px;vertical-align:middle;text-align:center;min-width:140px;-webkit-border-radius:20px;border-radius:20px;color:#FFFFFF;text-transform:uppercase;font-weight:700;background-color:#000000; height:40px;}
.ys-filled-black-btn ~ button {margin-left:16px;}
.ys-filled-black-btn:hover, .ys-filled-black-btn:focus{background-color: #555555; color: #EEEEEE;}
.ys-filled-black-btn:disabled{background-color: #DDDDDD; color: #AAAAAA;}

/* info-table */
#warranty_layer{width:600px}
.info-table {margin:32px 0 0 0;background:#FFFFFF;border:1px solid #767676;width:100%;height:auto;display:block;position:relative;overflow:hidden}
.info-table .info-tbl-title {width:100%;padding:16px;text-align:center;color:#363636;font-size:20px;border-bottom:1px solid #e5e5e5}
.info-table .block {display:block;padding:0}
.info-table .block p{text-align:center;font-size:20px;color:#363636;padding:16px;font-weight:700}
.info-table .block p.in-warranty{position:relative;text-align:center;font-size:20px;color:#fff;background:#0077c8;padding:16px;font-weight:700}
.info-table .block p.out-warranty{text-align:center;font-size:20px;color:#fff;background:#767676;padding:16px;font-weight:700}
.info-table .block .options {display:block;list-style:none;margin:24px auto 24px auto;text-align:center}
.info-table .block .options li {font-size:14px;color:#000000;padding:0 0 8px 0}
.info-table .block .options li:last-child{padding:0}
.info-warranty{color:#2189FF;display:block;margin:1px;padding:16px 8px;text-align:center;font-size:14px;background:#f7f7f7}

/* title */
.stitle {color:#000000;position:relative;overflow:hidden;white-space:nowrap;text-align:center}
.stitle:before,
.stitle:after{content:'';position:relative;display:inline-block;width:50%;height:1px;vertical-align:middle;background:rgb(0,0,0)}
.stitle:before {content:'';left:-.5em;margin:0 0 0 -50%}
.stitle:after {content:'';left: .5em;margin:0 -50% 0 0}

/* popup */
.dim-layer {display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}
.dim-layer .dimBg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;opacity:.6;filter:alpha(opacity=60)}
.pop-layer {display:block;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%, -50%);max-width:684px;max-height:80vh;z-index:555}
.pop-layer1 {display:block;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%, -50%);max-width:1000px;max-height:700px;z-index:555}
/* 시작_추가_20210924 by Guk */
.pop-layer2 {display:block;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%, -50%);width:980px;max-height:700px;z-index:555}
.pop-layer2 .pop-container {padding:24px 24px;position:relative;background:#FFFFFF;border:2px solid rgb(110,110,110); border-radius:20px;max-height:90vh;overflow:auto;}
.pop-layer2 .pop-container .pop-container-title{margin:0 auto;position:relative}
.pop-layer2 .pop-container .pop-dp-title{margin:-16px auto 32px auto}
.pop-layer2 .pop-container .pop-container-main{margin:0 auto;position:relative}
/* 끝_추가_20210924 by Guk */
.pop-layer .pop-container {padding:24px 24px;position:relative;background:#FFFFFF;border:2px solid rgb(110,110,110); border-radius:20px;}
.pop-layer .pop-container .pop-container-title{margin:0 auto;position:relative;font-family:'SamsungSharpSans',arial,sans-serif;font-weight:bold;font-size:24px;color:#000000; text-align:left;}
.pop-layer .pop-container .pop-dp-title{font-family:'SamsungSharpSans',arial,sans-serif;font-weight:bold;font-size:24px;color:#000000;}
.pop-layer .pop-container .pop-container-main{margin:16px auto;position:relative;font-family:'SamsungOne',arial,sans-serif;font-weight:400;font-size: 18px;}
.pop-layer .pop-container .pop-container-main .ys-choose-result-list .ys-choose-result-list-wrap .ys-product-info h5{display:block;white-space:normal;word-break:break-word}
.pop-layer .pop-container .pop-container-main .ys-choose-result-list .ys-choose-result-list-wrap .ys-product-info-details-col{margin:0 0 10px 10px}
.pop-layer .pop-container .pop-container-bottom{margin:0 auto;text-align:center;position:relative;margin:24px 0 0 0}
.pop-container-bottom:before,
.pop-container-bottom:after{content:'';display:table;clear:both}
.close-popup{position:absolute;top:24px;right:24px;background:#FFFFFF;z-index:9999;}
.close-popup img{border:none; -webkit-filter: opacity(.5) drop-shadow(0 0 0 white);filter: opacity(.5) drop-shadow(0 0 0 white);width:24px; height:24px;}
.pop-container .ys-row{margin-bottom:0}
.pop-container-img{margin:0 auto;max-height:548px;overflow:auto}
.pop-container-main .ys-choose-result .ys-choose-result-list{margin:32px 0 32px 0;font-size:18px;}
.pop-container-main .ys-choose-result .ys-choose-result-list .ys-choose-result-list-wrap{width:100%}
.pop-container-main .ys-choose-result .ys-choose-result-list .ys-choose-result-list-wrap .ys-product-img{width:30%;display:block}
.pop-container-main .ys-choose-result .ys-choose-result-list .ys-choose-result-list-wrap .ys-product-info{width:100%;padding:0;display:block;text-align:center}
.pop-container-main .ys-choose-result .ys-choose-result-list .ys-choose-result-list-wrap .ys-product-info .ys-product-info-details-col{list-style:none}


/* dp-pop-layer */
.dp-pop-layer {display:block;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%, -50%);max-width:980px;max-height:80vh;z-index:555}
.dp-pop-layer .dp-pop-container {padding:24px 24px;position:relative;background:#FFFFFF;border:2px solid rgb(110,110,110);border-radius:20px; overflow:auto;}
.dp-pop-layer .dp-pop-container .dp-pop-container-main{margin:0 auto;position:relative}
.dp-pop-layer .dp-pop-container .dp-pop-container-bottom{margin:0 auto;text-align:center;position:relative;margin:24px 0 0 0}
.dp-pop-layer .dp-pop-container .dp-pop-container-bottom:before,
.dp-pop-layer .dp-pop-container .dp-pop-container-bottom:after{content:'';display:table;clear:both}
.dp-popup-search-form{}
.dp-popup-search-form fieldset{min-height:50px;overflow-x:hidden;overflow-y:auto;max-height:230px}
.dp-popup-search-form .form-tit{border-bottom:1px solid #D6D6D6;padding:0 0 8px 0;font-size:24px;margin:0 0 24px 0}
.dp-popup-search-form .ys-row .col-12{padding:0 10px 16px 10px}
.dp-popup-search-form .ys-row .col-12 .ys-radio + .input-container{margin:8px 0 0 0}

/* dp-mul-sel-wrap */
.dp-mul-sel-wrap {position:relative;margin:0 auto}
.dp-mul-sel-wrap dd,.dp-mul-sel-wrap dt {margin:0;padding:0}
.dp-mul-sel-wrap ul {margin:-1px 0 0 0}
.dp-mul-sel-wrap dd {position:relative}
.dp-mul-sel-wrap dt a span {font-size:14px;text-align:left;line-height:40px;color:#717171}
.dp-mul-sel-wrap dt a span:after{content:'';background:url(../images/svg/select-arrow.svg) no-repeat;position:absolute;right:16px;top:18px;width:12px;height:8px}
.dp-mul-sel-wrap dt a {padding:0 16px;display:block;height:44px;width:100%;border:1px solid #D6D6D6;border-radius:3px;text-decoration:none}
.dp-mul-sel-wrap dt a spa {cursor:pointer;display:inline-block;padding:0 3px 2px 0}
.multiSel {padding:0;margin:0;width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:5%}
.multiSel span {cursor:pointer;display:inline;padding:0 3px 2px 0}
.dp-mul-sel-wrap dd ul {background-color:#fff;color:#363636;display:none;left:0;padding:8px 16px 8px 8px;position:absolute;top:8px;width:100%;list-style:none;height:100px;overflow-y:auto;overflow-x:hidden;z-index:10;border:1px solid #dadada}
.dp-mul-sel-wrap dd ul li{padding:0 0 8px 0}
.dp-mul-sel-wrap dd ul li:last-child{padding:0}
.dp-mul-sel-wrap span.value {display:none}
.dp-mul-sel-wrap dd ul li a {padding:8px;display:block}
.dp-mul-sel-wrap dd ul li a:hover {background-color:#fafafa}


/* alert */
.alert-dim-layer {display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}
.alert-dim-layer .dimBg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;opacity:.6;filter:alpha(opacity=60)}
.alert-layer {display:block;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%, -50%);width:386px;height:290px;z-index:9999}
.alert-layer .alert-container {padding:24px 24px;position:relative;background:#FFFFFF;border:2px solid rgb(110,110,110);border-radius:20px;}
.alert-layer .alert-container .alert-container-main{margin:0 auto;text-align:center}
.alert-layer .alert-container .alert-container-main img{margin:0 auto 16px auto; width:48px; height:48px;}
.alert-layer .alert-container .alert-container-main h6{ font-size:18px}
.alert-container-bottom{margin:0 auto;text-align:center;position:relative;margin:24px 0 0 0}
.alert-container-bottom:before,
.alert-container-bottom:after{content:'';display:table;clear:both}
.close-alertup{position:absolute;top:24px;right:24px;background:#FFFFFF;z-index:9999}

/* dim-msg-layer */
.dim-msg-layer {display:block;position:fixed;top:0;left:0;min-width:448px;width:100%;height:100%;z-index:100; padding:24px 24px;}
.dim-msg-layer .dimBg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;opacity:.6;filter:alpha(opacity=60)}
.pop-msg-warp {display:block;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%, -50%);max-width:600px;max-height:80vh;z-index:555}
.pop-msg-warp .pop-container {padding:24px 24px;position:relative;background:#FFFFFF;border:2px solid rgb(110,110,110);border-radius:20px;}
.pop-msg-warp .pop-container .pop-container-main{margin:32px auto;position:relative}
.pop-msg-warp .pop-container .pop-container-main p.txt-bold{font-weight: bold;}
.pop-msg-warp .pop-container .pop-container-bottom{margin:0 auto;text-align:center;position:relative;margin:24px 0 0 0}
.pop-msg-warp .pop-container .pop-container-main p a.openwindow:after {content:'';width:11px;height:11px;display:inline-block;vertical-align:middle;margin-left:2px;opacity:0.9}

/* msg-warring */
.msg-warring{padding:21px;background-color:#fff;border-radius:4px;position:relative;border:1px solid #d93b30}
.msg-warring:before{content:'';height:100%;border-top-left-radius:4px;border-bottom-left-radius:4px}
.msg-warring .msg-icon{margin:0 8px}
.msg-warring .msg-content .msg-tit{color:#d93b30;margin:2px auto 0 auto}
.ys-container .msg-warring{padding:21px;background-color:#fff;border-radius:4px;position:relative;border:1px solid #d93b30}
.ys-container .msg-warring:before{content:'';height:100%;border-top-left-radius:4px;border-bottom-left-radius:4px}
.ys-container .msg-warring .msg-icon{margin:0 8px}
.ys-container .msg-warring .msg-content .msg-tit{color:#d93b30;margin:2px auto 0 auto;font-size:18px}
 
/* msg-nodata */
.msg-nodata{padding:21px;background-color:#fff;border-radius:4px;position:relative;-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.04);box-shadow:1px 1px 1px 0 rgba(0,0,0,0.04);border:solid 1px #d9d9d9}
.msg-nodata:before{content:'';height:100%;border-top-left-radius:4px;border-bottom-left-radius:4px}
.msg-nodata .msg-icon{margin:0 8px;width:40px;height:40px}
.msg-nodata .msg-content .msg-tit{color:#363636;margin:2px auto 0 auto;font-size:18px;text-align:left}

/* msg-sucess */
.msg-sucess{padding:21px;position:relative}
.msg-sucess:before{content:'';height:100%;border-top-left-radius:4px;border-bottom-left-radius:4px}
.msg-sucess .msg-icon{background-color:#006BEA;margin:0 8px}
.msg-sucess .msg-content .msg-tit{color:#006BEA;margin:2px auto 0 auto}

/* loading */
.loading {display:block;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%, -50%);z-index:9999}

/* 12 grid */
.ys-container{width:100%;margin:0 auto}
.ys-row{width:100%}
.ys-container:before,
.ys-container:after,
.ys-row:before,
.ys-row:after{content:'';display:table;clear:both}
[class*="col-"]{position:relative;float:left;min-height:1px}
[class*="col-"]:last-of-type {padding-right:0}
.col-12{width:100%}
.col-11{width:91.6666667%}
.col-10{width:83.3333333%}
.col-9{width:75%}
.col-8{width:66.6666667%}
.col-7{width:58.3333333%}
.col-6{width:50%}
.col-61{width:50%}
.col-5{width:41.6666667%}
.col-4{width:33.3333333%}
.col-3{width:25%}
.col-2{width:16.6666667%}
.col-1{width:8.33333333%}

/* DP css */ 
.estimated-notic-wrap{padding:24px;border:1px solid #d6d6d6;border-radius:3px}
.estimated-notic-wrap h6{color:#1428a0;margin:0 auto 8px auto}
.estimated-notic-wrap p{font-size:18px}
.estimated-notic-wrap + .send-container{margin:40px auto 0 auto}
.msg-nodata + .send-container{margin:40px auto 0 auto}
.estimated-notic-wrap + .estimated-notic-wrap{margin:40px auto 0 auto}

/* ys-appointment-dp-form */
.ys-appointment-dp-form{text-align:left;margin:0 auto}
.ys-appointment-dp-form:before,
.ys-appointment-dp-form:after{content:'';display:table;clear:both}
.ys-appointment-dp-form .ys-row .col-6{padding:0 16px 16px 0}
.ys-appointment-dp-form .ys-row .col-6:last-child{padding:0}
.ys-appointment-dp-form .send-container{margin:40px auto 0 auto}

/*process-delivery-container */
.process-delivery-wrap {margin:0 auto;text-align:center}
.process-delivery-wrap:before,
.process-delivery-wrap:after{content:'';display:table;clear:both}
.process-delivery-wrap input[type="button"], .process-delivery-wrap input[type="submit"]{display:inline-block;font-size:14px;padding:10px 24px;vertical-align:middle;text-align:center;min-width:140px;border:1px solid #2189FF;-webkit-border-radius:20px;border-radius:20px;color:#006BEA;text-transform:uppercase;font-weight:700;background-color:transparent; height:40px;}
.process-delivery-wrap input[type="button"]:hover, .process-delivery-wrap input[type="submit"]:hover,
.process-delivery-wrap input[type="button"]:focus, .process-delivery-wrap input[type="submit"]:focus{background-color:#2189FF;border:1px solid transparent;color:#FFFFFF;outline:none}
.action-button {margin:10px auto;background-color:#2189FF;border:none;color:white;outline:none;cursor:pointer}
.process-delivery-wrap fieldset {position:relative;width:50%;float:left;background:white;border:0 none;border-radius:3px;padding:0;box-sizing:border-box;margin:0 auto;text-align:center}
.process-delivery-wrap fieldset .input-container label{text-align:left;white-space:nowrap}
.process-delivery-wrap fieldset:first-child{padding:0 16px 0 0}
.process-delivery-wrap fieldset:first-child + .send-container{bottom:-80px;width:50%;position:absolute}
.process-delivery-wrap fieldset:not(:first-of-type) + .send-container{bottom:-80px;width:50%;position:absolute;left:50%}
.process-delivery-wrap fieldset:not(:first-of-type) {display:block;padding:0 0 0 16px;}
.process-delivery-wrap fieldset:disabled {opacity:0.6}
.process-delivery-wrap .ys-row .col-12{padding:0 0 16px 0}
.process-delivery-wrap .ys-row .col-6{padding:0 16px 16px 0}
.process-delivery-wrap .ys-row .col-6:last-child{padding:0 0 16px 0}
.process-delivery-wrap fieldset .ys-model-code fieldset{width:100%;border-right:none;padding:0}
.process-tabs {position:relative;width:100%;margin:0 0 24px 0;border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2);background-color:#F7F7F7}
.process-tabs:before,
.process-tabs:after{content:'';display:table;clear:both}
.process-tabs li {float:left;width:50%}
.process-tabs li a {position:relative;display:block;padding:20px 0 20px 20px;font-size:16px;font-weight:700;text-align:center;color:#555555;cursor:pointer;background:#f7f7f7}
.process-tabs li a:hover {color:#006BEA;}
.process-tabs li a:hover span:first-child{border-color:#006BEA;}
.process-tabs li a.current {color:#fff;background:#2189FF;}
.process-tabs li a span:first-child {display:inline-block;width:24px;height:24px;margin-right:5px;border:2px solid #aaa;border-radius:50%;background-color:#fff}
.process-tabs li a.current span:first-child {color:#2189FF;border-color:#fff;background:#fff}
.process-tabs li a:before,
.process-tabs li a:after {content:'';position:absolute;top:0;left:100%;z-index:1;display:block;width:0;height:0;border-top:32px solid transparent;border-bottom:32px solid transparent;border-left:16px solid transparent}
.process-tabs li a:before {margin-left:1px;border-left-color:#d5d5d5}
.process-tabs li a:after {border-left-color:#f7f7f7}
.process-tabs li a:hover:after {border-left-color:#f7f7f7}
.process-tabs li a.current:after {border-left-color:#2189FF;}
.process-tabs li:last-child a:before,
.process-tabs li:last-child a:after {display:none}
.track-repair-tab-wrap{width:100%;margin:0 auto}

ul.tab-list{margin:0;padding:0;list-style:none}
ul.tab-list:before,
ul.tab-list:after{content:'';display:table;clear:both}
ul.tab-list li{width:49.8%;background:#f7f7f7;float:left;padding:24px 16px;cursor:pointer;text-align:center;font-size:18px}
ul.tab-list li a{color:#555555}
ul.tab-list li.current{font-weight:700;background:#fff;-webkit-box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2)}
ul.tab-list li.current a{color:#006BEA}

.repair-content-wrap{padding:32px 0}
.repair-content{display:none;background:transparent;padding:16px}
.repair-content.current{display:inherit}

/* dp-confirm-repair-wrap */
.dp-confirm-repair-wrap{}
.dp-confirm-repair-wrap:before,
.dp-confirm-repair-wrap:after{content:'';display:table;clear:both}
.dp-confirm-repair-wrap .msg-wrap, .dp-confirm-repair-wrap .send-container{margin:0 auto 40px auto}
.dp-confirm-repair-wrap-info{margin:0 auto 40px auto;padding:32px 16px;background:#f7f7f7;border:1px solid #e5e5e5;border-radius:6px;}
.dp-confirm-repair-wrap-info .msg-sucess{width:50%;margin:0 auto 40px auto}
.dp-confirm-repair-wrap-info .msg-sucess .msg-icon{left:auto}
.dp-confirm-repair-wrap-info .msg-sucess .msg-content{padding-left:60px;padding-right:0;display:inline-block}
.dp-confirm-repair-wrap-info .msg-warring{width:100%;text-align:center;margin:0 auto 40px auto;border-radius:6px;}
.dp-confirm-repair-wrap-info .msg-warring .msg-icon{display:inline-block;padding:0}
.dp-confirm-repair-wrap-info .msg-warring .msg-content{padding-right:0;padding-left:60px;display:inline-block}
.dp-confirm-repair-wrap-info .msg-warring .msg-content .msg-tit{font-weight:400;font-size:18px}

/* dp-review-booking-info */
.dp-review-booking-info{margin:0 auto 32px auto;display:block}
.dp-review-booking-info:before,
.dp-review-booking-info:after{content:'';display:table;clear:both}
.dp-review-booking-info .ys-row{}
.dp-review-booking-info .ys-row .col-6{padding:0 32px 0 8px;background:#fff;min-height:840px}
.dp-review-booking-info .ys-row .col-6:last-child{padding:0 8px 0 32px;border-right:none}
.dp-review-booking-info .ys-row .col-6 .dp-info-box{overflow:hidden}

/* dp-review-booking-info */
.dp-review-booking-info h6{text-align:left;display:block;margin:0 0 16px 0;padding:8px 0;font-size:20px;border-bottom:1px solid #d6d6d6}
.dp-review-booking-info dl.dp-info-box{text-align:left;display:block;position:relative;margin:0 0 8px 0;padding:8px;clear:both}
.dp-review-booking-info dl.dp-info-box dt{display:block;font-weight:700;margin:0 0 16px 0;font-size:18px}
.dp-review-booking-info dl.dp-info-box dd{display:block;font-weight:400;color:#767676;font-size:16px;padding:0 0 0 8px;border-left:1px dotted #d6d6d6;white-space:pre-wrap;word-break:break-word}
.dp-review-booking-info dl.dp-info-box dd span{font-weight:700;padding:0 8px;color:#000;font-size:18px}
.dp-review-booking-info dl.dp-info-box-col{text-align:left;position:relative;display:block;width:49%;float:left;margin:0 0 8px 0;padding:8px}
.dp-review-booking-info dl.dp-info-box-col dt{display:block;font-weight:700;margin:0 0 16px 0;font-size:18px} 
.dp-review-booking-info dl.dp-info-box-col dd{position:relative;display:block;font-weight:400;color:#767676;font-size:16px;padding:0 0 0 8px;border-left:1px dotted #d6d6d6;white-space:normal;word-break:break-word}
.dp-review-booking-info ul.ys-support-detail-info-list li{position:relative;display:block;font-weight:400;color:#767676;font-size:16px;padding:0 0 0 8px;border-left:1px dotted #d6d6d6;white-space:normal;word-break:break-word} 
.dp-review-booking-info dl.dp-info-box-col dd span{font-weight:700;padding:0 8px;color:#000;font-size:18px} 
.dp-review-booking-info .ys-row .col-6 fieldset.group-check-box{display:block;text-align:left;padding:0 16px}
.dp-review-booking-info .ys-row .col-6 fieldset.group-check-box .ys-checkbox{margin:0 0 16px 0;display:block}
.dp-review-booking-info .ys-row .col-6 fieldset.group-check-box .ys-checkbox input[type="checkbox"]~ .checkbox-label{font-size:15px}
.dp-review-booking-info .dp-in-cont{background:#fafafa;padding:16px;display:block;border-radius:3px;clear:both}
.dp-review-booking-info .dp-in-cont .dp-in-cont-tit{font-size:16px;color:#0077c8;margin:0 0 8px 0}
.dp-review-booking-info .dp-in-cont .dp-in-cont-list{}
.dp-review-booking-info .dp-in-cont .dp-in-cont-list li{font-size:16px;color:#363636;padding:0 0 0 16px;position:relative;text-align:left}
.dp-review-booking-info .dp-in-cont .dp-in-cont-list li:before {content:'■';position:absolute;left:2px;top:6px;font-size:6px;color:#767676} 

/* detail-dp-wrap */
.detail-dp-wrap{margin:24px 0 40px 0}
.detail-dp-wrap:before,
.detail-dp-wrap:after{content:'';display:table;clear:both}
.dp-radio-form{position:relative;margin:0 auto 40px auto}
.dp-radio-form:before,
.dp-radio-form:after{content:'';display:table;clear:both}
.dp-radio-form .sub-title{margin:0 auto 24px auto}
.dp-radio-form .ys-radio{min-width:120px;text-align:left}
.dp-radio-form .send-container{margin:24px auto 0 auto}

/* dp-tbl-wrap */
.dp-tbl-wrap{margin:24px 0;display:block}
.dp-tbl-wrap .sub-title{margin:0 0 8px 0;text-align:left}
.dp-tbl {width:100%;display:table;border-top:2px solid #717171}
.dp-tbl-row {width:100%;height:100%;display:inherit}
.dp-tbl-cell {padding:8px;width:50%;height:100%;display:table-cell;border-bottom:1px solid #d6d6d6;font-size:16px}
.dp-tbl-cellhd {color:#000;padding:8px;width:50%;height:100%;display:table-cell;border-bottom:1px solid #d6d6d6;font-size:18px;font-weight:700}
.dp-tbl-wrap a{color:#717171;padding:0 0 0 24px}
.add-file{position:relative}
.add-file:before{content:'';background:url(../images/svg/add.svg) no-repeat;position:absolute;left:0;top:4px;width:14px;height:14px;background-size:14px}

/* dp-payment-info */
.dp-payment-info{}
.dp-payment-info:before,
.dp-payment-info:after{content:'';display:table;clear:both}
.dp-payment-info ul{margin:0 auto;text-align:center}
.dp-payment-info ul li{font-weight:700;margin:0 auto 8px auto}
.dp-payment-info ul li span{font-weight:normal}

/* ys-book-appointment-tip */
.dp-book-appointment-tip{}
.dp-tip-cards{margin:0 auto 32px auto;display:table;text-align:center;border-spacing:16px 0}
.dp-tip-cards:before,
.dp-tip-cards:after{content:'';display:table;clear:both}
.dp-tip-cards .ys-row div:nth-last-child(1),
.dp-tip-cards .ys-row div:nth-last-child(1) ~ div {width:98.5%}
.dp-tip-cards .ys-row div:nth-last-child(2),
.dp-tip-cards .ys-row div:nth-last-child(2) ~ div {width:48.6%}
.dp-tip-cards .ys-row div:nth-last-child(3),
.dp-tip-cards .ys-row div:nth-last-child(3) ~ div {width:32%}
.dp-tip-cards .ys-row div:nth-last-child(4),
.dp-tip-cards .ys-row div:nth-last-child(4) ~ div {width:23.6%}
.dp-tip-cards .ys-row ~ .ys-row{margin:16px auto 0 auto}
.dp-text-container {position:relative;display:table-cell;text-align:center;background:#FFFFFF;padding:32px;margin:0;-webkit-box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);box-shadow:0px 4px 10px -2px rgba(0,0,0,0.2);border:3px solid transparent;border-radius:6px;}
.dp-text-container .text-img{margin:0 auto 32px auto;overflow:hidden}
.dp-text-container .dp-text-area-p {font-size:18px;padding:0 0 12px 0}
.dp-text-container .dp-text-header {position:relative;color:#000000}
.dp-text-container a{position:absolute;bottom:0;left:50%;margin-right:-50%;transform:translate(-50%, -50%)}
.dp-text-container a:after {content:'';width:16px;height:16px;background:url(../../resources/images/icon-new-window-black.svg) no-repeat;background-size:16px;display:inline-block;vertical-align:middle;margin-left:3px}
.dp-text-container .no-icon:after {background: none; width: inherit}
.dp-text-container .no-icon:hover:after {background: none;width: inherit}
.dp-text-wrap{margin:32px auto 32px auto}
.dp-tip-info{margin:32px;background:#f7f7f7;padding:16px 0; border-radius:6px;}
.dp-tip-info:before,
.dp-tip-info:after{content:'';display:table;clear:both}
.dp-tip-info-tit{text-align:left;font-size:18px}
.dp-tip-info-list{margin:16px 0 0 24px;text-align:left}
.dp-tip-info-list li{font-size:16px;position:relative;margin:0 0 8px 0}
.dp-tip-info-list li a{color:#006BEA;}
.dp-tip-info-list li a:hover, .dp-tip-info-list li a:active{color:#006BEA}
.dp-tip-info li:before{content:'■';position:absolute;left:-16px;top:6px;font-size:6px;color:rgb(170,170,170)}
.dp-tip-info-ref-icon{float:left}
.dp-tip-info-ref-icon:before{content:'※';font-size:23px;position:absolute;margin-top:-8px;}
.dp-tip-info-ref-text{text-align:left;font-size:16px;padding:0 15px 0 20px}
.dp-tip-info-ref-text a{text-decoration: underline;color: #006BEA}
.dp-text-wrap .dp-text-area-p + .dp-text-area-p{padding:0 0 12px 0}
.dp-text-wrap .dp-text-area-p:last-child{padding:0 0 40px 0}
.ys-appointment-issue-title-dp{text-align:left;display:block;margin:0 0 24px 0;background:#757575;padding:16px;border-radius:6px;color:#fff;font-size:18px}

/* appoint-ship-info */
.appoint-ship-info{text-align:left;margin:0 auto 32px auto}
.appoint-ship-info:before,
.appoint-ship-info:after{content:'';display:table;clear:both}
.appoint-ship-info h6{margin:0 auto 16px auto;border-bottom:1px solid #d6d6d6;padding:0 0 8px 0}
.appoint-ship-info .sub-title{margin:0 auto 8px auto;padding:0 0 0 8px}
.appoint-ship-info .appoint-ship-info-detail{position:relative;font-size:16px;padding:0 0 0 24px;font-weight:700}
.appoint-ship-info .appoint-ship-info-detail:before {content:'■';position:absolute;left:8px;top:6px;font-size:6px;color:rgb(170,170,170)}
.appointment-issue-share + .appoint-ship-info{margin:-16px auto 32px auto}

/* appointment-dp-select-wrap */
.appointment-dp-select-wrap{text-align:left;margin:32px auto 32px auto}
.appointment-dp-select-wrap:before,
.appointment-dp-select-wrap:after{content:'';display:table;clear:both}
.appointment-dp-select-wrap .ys-row .col-12 .sub-title{margin:0 0 16px 0;text-align:left;font-size:16px}
.appointment-dp-select-wrap .ys-row .col-12 .ys-row .col-4{padding:0 16px 0 0}
.appointment-dp-select-wrap .ys-row .col-12 .ys-row .col-4:last-child{padding:0}

.ys-ubradio .ubchecked + label {padding:8px 24px 8px 24px; text-align:left;}
.ys-ubradio .ubchecked + label .ubImg {padding: 15px 0px 10px 0px}
.ys-ubradio .ubchecked + label .ys-ubradio1 {padding: 30px 0px 10px 0px; width:230px;}
.ys-ubradio .ubchecked + label .ys-ubradio2 {padding: 30px 0px 10px 0px; width:230px;}

/* styles */

/* color */
.b-white{background:#FFFFFF}
.b-darkgray{background:#363636}

/* font-size */
.fon-12{font-size:12px}
.fon-14{font-size:14px}
.fon-16{font-size:16px}
.fon-18{font-size:18px}

/* font-weight */
.fon-bold{font-weight:bold}
.fon-nor{font-weight:normal}

/* text-align */
.txt-left{text-align:left}
.txt-right{text-align:right}
.txt-center{text-align:center !important}

/* clear:both */
.clear-b{clear:both}

/* float:left,right */
.flo-lt{float:left}
.flo-rt{float:right}
.flo-center{margin:0 auto;text-align:center}

/* margin */
.mt0 {margin-top:0px !important}
.mt5 {margin-top:5px}
.mt8 {margin-top:8px}
.mt25 {margin-top:25px}
.mt15 {margin-top:15px}
.mt16 {margin-top:16px !important}
.mt24 {margin-top:24px !important}
.mt32 {margin-top:32px !important}
.mt40 {margin-top:40px !important}
.mt48 {margin-top:48px !important}
.mtb24{margin: 24px 0 !important}

/* min-height */
.mh220px{min-height:220px !important}
.w50p{width:50% !important}

/* border */
.border-b30{position:relative;height:1px;background:rgba(0,0,0,0.2); width:120px;margin:16px 0 0 0}

/* hr */
.hr{display:block;margin:10px auto;width:50%;height:2px;background:#D6D6D6;border:none}

/*직정산 취소사유 프로세스*/
.pop-container-wrap {display: block;position: absolute;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);max-width: 600px;max-height: 80vh;z-index: 555;}
.pop-container-wrap .pop-content {padding: 24px 24px;position: relative;background: #FFFFFF;border-radius:24px;}
.pop-container-wrap .pop-content .pop-content-main {margin: 32px auto 0 auto;position: relative; font-size:14px;}
.pop-container-wrap .pop-content .pop-content-bottom {text-align: center;position: relative;margin: 24px 0 0 0;}
.pop-cancel-form .frm-tit {border-bottom: 1px solid #D6D6D6;padding: 0 0 8px 0;font-size: 100%;margin: 0 0 24px 0;} /* 2021.02.09_김수성, 일본 유어서비스 영향으로 class명 변경 */
.pop-cancel-form .mo-text-align .ys-row {margin-bottom:5px;}

/* 직정산 물류사 선택 로고 */
.lo-image {vertical-align: middle;margin:auto 10px; width:30px; height: 30px}
.lo-image-DHL {width: 138px;}
.lo-image-GLS {width: 90px}
.lo-image-UPS {width: 25px}

/* SEJ 확산 : 직정산 Tip 페이지 데이터 백업 안내 팝업 */
.data-backup-guide tr {padding:12px;display:block;}
.data-backup-guide thead tr {padding:14px;}
.data-backup-guide thead th {font-weight: bold;font-size: 20px}
.data-backup-guide tbody td {text-align: left;}
.data-backup-guide a {font-size: 13px;font-weight:700;color:rgb(0,119,200);cursor:pointer;}
.data-backup-guide a:hover {text-decoration:underline;}
.data-backup-guide a:after {content:'';width:11px;height:14px;display:inline-block;vertical-align:middle;margin-left:2px;opacity:0.9}

/* Simple Captcha */
.captcha-container {text-align:center;margin:24px auto;display:block}
.captcha-container .input-container {width:280px;margin:0 auto}
.captcha-container dl {border:1px solid #EEE8F4;border-radius:15px;padding:20px 0;background-color:#EEE8F4}
.captcha-container dd {margin-top:10px}
.captcha-container img {vertical-align:middle}
.captcha-container button {margin-left:3px;outline:none}
.captcha-container input {width:186px}
.captcha-base_reset {margin-bottom:5px;background-color:#4c45e4;color:#ffffff;font-weight:bold;font-size:19px;border:none;cursor:pointer;padding:2px 7px}

/* Product Search popup */
.ys-search-product-popup .pop-container {padding:40px 56px;position:relative;background:#FFFFFF;text-align:center}
.ys-search-product-popup .pop-container > * {margin-bottom:20px}
.ys-search-product-popup .pop-container .pop-container-title {border-bottom:1px dotted;padding-bottom:10px}
.ys-search-product-popup .pop-container .pop-container-bottom {margin-bottom:10px}
.ys-search-product-popup .pop-container .pop-container-bottom .ys-search-btn:hover {cursor:default}
.ys-search-product-popup .pop-container .pop-container-bottom .s-ico-search {background:#fff url(../images/svg/search-20.svg) no-repeat;width:24px;height:24px;display:block;position:absolute;top:12px;right:11px;}
.ys-search-product-popup .pop-container .pop-container-bottom .s-ico-search:hover {cursor:pointer;}
.ys-search-product-popup .pop-container .pop-container-result {text-align:left}
.ys-search-product-popup .pop-container .pop-container-result span {float:left;}
.ys-search-product-popup .pop-container .pop-container-result p {font-size:14px}
.ys-search-product-popup .pop-container .pop-container-result .result-o:before{content:'';width:18px;height:18px;background:url(../images/svg/i-warranty-in.svg) no-repeat; background-size:cover; display:inline-block;vertical-align:middle;margin:-4px 10px 0 0}
.ys-search-product-popup .pop-container .pop-container-result .result-x:before{content:'';width:18px;height:18px;background:url(../images/svg/i-warranty-out.svg) no-repeat; background-size:cover; display:inline-block;vertical-align:middle;margin:-4px 10px 0 0}
.ys-search-product-popup .pop-container .pop-container-result .result-v:before{content:'';width:18px;height:18px;background:url(../images/svg/info.svg) no-repeat; background-size:cover; display:inline-block;vertical-align:middle;margin:-4px 10px 0 0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12{margin:0 auto}
/* scroll */
::-webkit-scrollbar {width:3px; height:3px;}
::-webkit-scrollbar-track:horizontal {-webkit-box-shadow:inset 0 0 3px #DDDDDD; border-radius:1.5px; max-width:448px;}
::-webkit-scrollbar-track:vertical {background-color:transparent;}
::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 3px #8F8F8F; border-radius:1.5px}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow:inset 0 0 5px #313131; border-radius:2.5px;}

/* 인도 챗봇 관련 추가 VOC : 20200206103159054 */
.chatbotPopup {position:fixed; bottom:0; right:0; width:100%; height:660px; z-index:99;}

/* SEJ 확산 : support-request 시리얼번호/IMEI 없이 제품 등록하는 안내 메세지 */
.unknown-serial-regist {margin-top: 5%;}
.unknown-serial-regist label {font-size: 18px;}
.unknown-serial-regist label a {cursor: pointer; text-decoration: underline; color: #1428a0; font-weight: bold;}

/* VOS 생성 체크 박스 */
.vos-booking-check .col-12 fieldset.group-check-box{display:block;text-align:left;padding:0 16px}
.vos-booking-check .col-12 fieldset.group-check-box .ys-checkbox{margin:0 0 16px 0;display:block}
.vos-booking-check .col-12 fieldset.group-check-box .ys-checkbox input[type="checkbox"]~ .checkbox-label{font-size:15px}

/* BespokeColor Select */
.ys-bes-container {text-align:center; width:100%; padding: 40px 20px;}
.ys-bes-color-wrap div.card-warp {border-radius: 8px;padding:20px;border:4px solid #e8e8e8;margin:10px;text-align: left;}
.ys-bes-color-wrap div.card-warp h6 {margin-bottom:10px;text-align: center;}

.radio-tab-list .ys-bes-radio {display: inline-table;width:20%;text-align: center;table-layout: fixed;margin-top:5px;}
.radio-tab-list .ys-bes-radio input[type="radio"] {opacity:0;position:absolute;height:0;display:none;}
.radio-tab-list .ys-bes-radio input[type="radio"]:checked + div {box-shadow: 0 0 0 2px #2189FF;overflow: hidden;}

.radio-tab-list .ys-bes-radio div {display:inline-block;width:40px;height:40px;border-radius:50%}
.radio-tab-list .ys-bes-radio div .ys-bes-circle {border:1px solid rgba(0,0,0,0.5);width:32px;height:32px;border-radius:50%;display:block; margin:4px 4px;}

/* pop-model-wrap : 중남미 How to find model code */
.pop-model-wrap {display:block;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%, -50%);z-index:555;}
.pop-model-wrap .pop-container {display: inline-block; position: relative;background: #fff;line-height: 1.33;vertical-align: middle;letter-spacing: 0;width:77.84722222vw;padding:24px 24px;border-radius:20px;max-height:80vh;}
.pop-model-wrap .pop-container .pop-container-main p.txt-bold{color:#000000;font-family:'SamsungSharpSans',arial,sans-serif;font-weight:bold;font-size:24px;}
.pop-model-wrap .pop-container .pop-container-bottom{margin:0 auto;text-align:center;position:relative;margin:24px 0 0 0}
.pop-model-wrap .pop-container .pop-container-main p a.openwindow:after {content:'';width:11px;height:11px;display:inline-block;vertical-align:middle;margin-left:2px;opacity:0.9}
.pop-model-wrap .pop-container .pop-container-main .main-select-wrap{margin-left: 20px; heigth:auto;overflow: hidden;}
.pop-model-wrap .pop-container .pop-container-main .main-select-wrap .pop-select-list {width:45%;float:left;height:100%; margin-bottom:24px;}
.pop-model-wrap .pop-container .pop-container-main .main-select-wrap .pop-image-wrap{width: 50%;float:left; text-align: center; display: table; height:auto; overflow: hidden; margin-left: 22px;}
.pop-model-wrap .pop-container .pop-container-main .main-select-wrap .pop-image-wrap .pop-image-div{display: table-cell; vertical-align: middle; }
.pop-model-wrap .pop-container .pop-container-main .main-select-wrap .pop-image-wrap .pop-image-div img{text-align: center;}
.pop-model-wrap .pop-container .pop-container-main .main-select-wrap .pop-select-list li.pop-select-item em.layer-select-title{width: 80px;display: table-cell;padding-top: 16px;padding-right: 16px;text-align: left;font-size: 16px;font-weight: bold;color: #000;vertical-align: middle;}
.pop-model-wrap .pop-container .pop-container-main .main-select-wrap .pop-select-list li.pop-select-item .layer-select-menu select{height:44px; width:100%;border: 1px solid #D6D6D6; border-radius: 3px; padding: 0 16px;}
.pop-model-wrap .pop-container .pop-container-main .main-select-wrap .pop-select-list li.pop-select-item .layer-select-menu{}

.imei-image-wrap img{height:240px;width:auto;}
.imei-image-button-wrap{padding:5px 8px 5px 8px;display:inline-block;vertical-align:middle;border:1px solid rgba(0,0,0,0.1);border-radius:16px;margin-top:20px;}
.imei-image-button-wrap button{cursor:pointer;margin-right:4px;width:16px;height:16px;opacity:1;}
.imei-image-button-wrap button .imei-image-button-dot-wrap{position:relative;display:inline-block;width:16px;height:16px;}
.imei-image-button-wrap button .imei-image-button-dot-wrap .imei-image-button-dot{width:8px;height:8px;position:absolute;border-radius:50%;background-color:#757575;margin:3px -3px 3px -3px;}
.imei-image-button-wrap button .imei-image-button-dot-wrap .imei-image-button-dot:hover{background-color:#000000;}
.imei-image-button-wrap button .imei-image-button-dot-wrap .imei-image-button-action{background-color:#000000;}

.ys-product-search-pop{color: #006BEA; font-weight: bold;text-decoration: underline;}
.ys-product-search-pop:hover{text-decoration:underline;}

/* media Query */
/* mobile */
@media screen and (max-device-width: 767px){
		
[class*="col-"]{width:100%}
a[href^="tel"] {color:inherit}
.ys-wrap{padding:0;overflow-x:hidden}	
/* headline */
h1, h2, h3, h4{font-family:'SamsungSharpSans',arial,sans-serif;font-weight:bold;text-align:center;}
h1{font-size:44px;line-height:1.2;}
h2{font-size:36px;line-height:1.2;}
h3{font-size:30px;line-height:1.33;}
h4{font-size:26px;line-height:1.33;}
h5, h6{font-family:'SamsungOne',arial,sans-serif;font-weight:700;text-align:center;line-height:1.33;}
h5{font-size:22px}
h6{font-size:20px}
.title{font-family:'SamsungOne',arial,sans-serif;font-weight:700;font-size:22px;text-align:center}
.sub-title{font-family:'SamsungOne',arial,sans-serif;font-weight:400;font-size:18px;text-align:left}
body{font-size:14px;font-weight:400;text-align:center;margin:0 auto}
	
/* intro */	
.ys-intro, .ys-sub-top{padding:32px 16px 32px 16px;margin:0 auto}
.ys-text-container{display:block;margin:0 auto 40px auto;text-align:center;height:auto !important}
.ys-benefits .ys-row {border-spacing:0;display:block}
.ys-benefits .ys-row div.ys-text-container:nth-last-child(2),
.ys-benefits .ys-row div.ys-text-container:nth-last-child(2) ~ div.ys-text-container {width:100%}
.ys-benefits .ys-row div.ys-text-container:nth-last-child(3),
.ys-benefits .ys-row div.ys-text-container:nth-last-child(3) ~ div.ys-text-container {width:100%}
.ys-benefits .ys-row div.ys-text-container:nth-last-child(4),
.ys-benefits .ys-row div.ys-text-container:nth-last-child(4) ~ div.ys-text-container {width:100%}
.ys-benefits .ys-row div.ys-text-container:nth-last-child(5),
.ys-benefits .ys-row div.ys-text-container:nth-last-child(5) ~ div.ys-text-container {width:100%}
.ys-text-area-p{height:auto}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner h1{font-size:50px}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-white, .ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-dark{padding-bottom:0;margin-bottom:0}
.ys-intro + .ys-navigation-wrap{margin:0 auto}
.ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-white .ys-intro-white-title, .ys-intro .ys-intro-wrap .ys-intro-wrap-inner .ys-row .ys-intro-wrap-dark .ys-intro-dark-title{height:auto}
 		
/* breadcrumbs */	
.ys-breadcrumbs{position:relative;max-width:100%;margin:0 auto;height:48px;overflow:hidden;line-height:48px;padding:0 24px; border-style:solid none; border-width:1px; border-color:#DDDDDD;}
.ys-benefits .ys-row .col-4{margin:0 0 48px 0}	
.ys-benefits{padding:64px 16px;display:block}

/* ys-support */
.ys-support{padding:64px 0}
.ys-support .ys-support-detail{padding:0 16px}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap{display:block}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-img{display:block;width:auto;margin:0 auto 16px auto}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info{display:block;width:auto;padding:0;margin:0 auto}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li{width:auto;text-align:center;display:block;margin:0 auto;padding:0;vertical-align:top}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:first-child{margin:0 auto 8px auto}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-warranty{padding:8px 0 0 8px;text-align:left;display:block}
.ys-support .ys-support-wrap .col-8 .ys-row .col-6, .ys-support .ys-support-wrap .col-8 .ys-row .col-6:last-child {padding:0 0 16px 0}
.ys-support .ys-support-wrap{padding:32px 16px}
.ys-support .ys-support-wrap .col-8 .ys-row:nth-child(4) .col-6:last-child label{display:none}
.ys-support-detail-list-top li{margin:0 0 16px 0;vertical-align:top}
.ys-support-detail-list-top li:last-child{margin:0}
.ys-support-detail-list-top li span{white-space:normal}
.ys-support-wrap .ys-row .col-3{padding:64px 0 0 0}
.ys-support .ys-support-wrap .col-8, .ys-support .ys-support-wrap .col-4{width:100%}
.ys-support .ys-support-wrap .col-4 .ys-support-wrap-info .ys-support-wrap-info-top p {text-align:center;}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info h5{margin:0 0 24px 0;text-align:left;font-size:22px}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-support-detail-info-wrap {padding:24px 0 0 0}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row:last-child .col-12 .ys-support-detail-info-wrap{padding:24px 0 24px 0}
.ys-support-wrap .input-container .time:before{top:12px;}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .ys-support-detail-info-wrap .ys-support-detail-info-list{float:none}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .ys-support-detail-info-wrap .ys-support-detail-info-list li{width:auto;float:none}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info-details-col li{padding:0 0 0 20px;text-align:left}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info-details-col li:before, .ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info-details-col li:before{left:8px;top:6px}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .col-3 {margin-top:30px;}
.ys-support .ys-support-wrap .col-4 .ys-support-wrap-info .ys-support-wrap-info-top .ys-support-wrap-info-img {margin:0 auto;}
.ys-support .ys-support-wrap .col-4 .ys-support-wrap-info .ys-support-wrap-info-top h5{font-size:24px;text-align:center;}
.ys-support .ys-support-wrap .col-4 .ys-support-wrap-info .ys-support-wrap-info-top ul{text-align:center;}
.ys-support-detail-info .ys-row .col-6:last-child .ys-support-detail-info-wrap{padding:24px 0 24px 0}
.ys-support-detail-info .ys-row .col-6:first-child .ys-support-detail-info-wrap{padding:24px 0 0 0}

/* product */
.ys-product{padding:16px;margin:0 auto;text-align:center}
.ys-product-list-wrap{display:block}
.ys-product-icon{display:block;width:100%}
.ys-product-img{display:block;width:60%;margin:24px auto}
.ys-product-info{display:block;width:100%;padding:0}
.ys-product-buttons{display:block;width:100%;margin:24px auto;text-align:center;}
.ys-product-goto{display:block;width:100%;margin:0 auto;text-align:center;}
.ys-product-goto a, .ys-product-goto a:last-child{display:inline-block}
.ys-product-goto a:last-child{margin-left:20px}
.ys-product-search-wrap {position:relative;background:#FFFFFF;padding:0}
.ys-product-search-wrap label {text-align:center;}
.ys-product-search-wrap font {font-size:14px;}
.ys-product-search-input{width:60%; max-width:400px;font-size:14px;}
.ys-product-search-btn{width:auto}
.ys-product-info h5{text-align:center;font-size:22px}	
.ys-product-info-details-col li a, .ys-product-info-details-row li a{text-decoration:underline}
.ys-product-info-details-row li {margin:0 10px 0 0;color:#000}
.ys-product-info-details-row li:last-child{margin:0}
.ys-product-info-details-row li:nth-child(1) a img, .ys-product-info-details-row li:nth-child(2) a img{}
.ys-product-img img{width:100%}
.ys-product-info-details-col {margin:0 auto 10px auto;font-size:18px;list-style:none;text-align:center}

/* ys-choose */
.ys-choose-result-list{padding:0}
.ys-choose-category .ys-row .col-3{padding:16px 0 0 0}
.ys-choose-product-list li:nth-last-child(2),
.ys-choose-product-list li:nth-last-child(2) ~ li {width:50%}
.ys-choose-product-list li:nth-last-child(3),
.ys-choose-product-list li:nth-last-child(3) ~ li {width:50%}
.ys-choose-product-list li:nth-last-child(4),
.ys-choose-product-list li:nth-last-child(4) ~ li {width:50%}
.ys-choose-product-list li:nth-last-child(5),
.ys-choose-product-list li:nth-last-child(5) ~ li {width:50%}
.ys-choose-product-list li:nth-last-child(6),
.ys-choose-product-list li:nth-last-child(6) ~ li {width:50%}
.ys-choose-product-list{border-spacing:0}
.ys-choose-product-list li button#current:after ,.ys-choose-product-list li button:after {content:''}
.ys-choose-product-list li{display:inline-block}
.ys-choose-product-model{width:100%}
.ys-choose-result-form{padding:0}
.ys-choose-result-form .ys-row .col-6{padding:0}
.ys-choose-result-form .ys-row .col-6 .input-container label{text-align:left}
.ys-choose-result-form .send-container{margin:24px 0 0 0}
.ys-choose-result-list .ys-choose-result-list-wrap .ys-product-info-details-col{margin:0}
.ys-choose-result-list .ys-choose-result-list-wrap .ys-product-img{width:55%;display:block;margin:0 auto 24px auto}
.ys-choose-result-list .ys-choose-result-list-wrap .ys-product-info{width:100%;padding:0;display:block;margin:0 auto;text-align:center}
.ys-choose-result{padding:0}
.ys-choose-category{padding:0 16px;margin:0}
.ys-choose-product-close{top:0}
.ys-choose-category + .ys-support-wrap .ys-row{padding:0}
.ys-choose-category + .ys-support-wrap .ys-row .col-6, .ys-choose-category + .ys-support-wrap .ys-row .col-12, .ys-choose-category + .ys-support-wrap .ys-row .col-6:last-child {padding:0 0 16px 0}
.ys-choose-product{padding:0 16px}
.ys-choose-result-list .ys-choose-result-list-wrap .ys-product-info h5{display:block}
.ys-choose-result-list .ys-choose-result-list-wrap{display:block}

/* stitle */
.stitle{white-space:pre-wrap}
.stitle:before,
.stitle:after{content:'';display:none}

.ys-search-label{font-size:14px}
.ys-search-model{margin-top:0}

/* form */	
.form-messgae{font-size:12px;Color:#555555;margin:16px 0}
.form-label{font-size:14px;color:#363636;margin:0 0 16px 0}
.form-input{font-size:28px;color:#363636;height:88px;border:2px solid #D6D6D6;border-radius:6px;padding:0 32px}	
.form-input:hover{border:2px solid #00B3E3}	

.ys-track-repair-form .ys-row .col-6{padding:0}
.ys-track-repair-table table{display:block}
.ys-track-repair-table table > *, table tr, table td, table th {display:block}
.ys-track-repair-table table thead {display:none}
.ys-track-repair-table table tbody tr {height:auto;padding:32px 0}
.ys-track-repair-table table tbody tr td {padding-left:50% !important;margin-bottom:24px;text-align:left;min-height:18px}
.ys-track-repair-table table tbody tr td:last-child {margin-bottom:0}
.ys-track-repair-table table tbody tr td:before {font-size:18px;color:#000000;line-height:1.2;position:absolute;width:40%;left:32px}
.ys-track-repair-table table tbody tr td.column4,
.ys-track-repair-table table tbody tr td.column5,
.ys-track-repair-table table tbody tr td.column6,
.ys-track-repair-table table tbody tr td.column1,
.ys-track-repair-table table tbody tr td.column2,
.ys-track-repair-table table tbody tr td.column3 {width:100%}
.ys-track-repair-table tbody tr {font-size:14px}
.ys-track-repair-table table tbody tr:last-child{ border-bottom:1px solid #d6d6d6}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .ys-support-detail-info-wrap .ys-support-detail-info-list{float:none;width:auto}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .ys-support-detail-info-wrap .ys-support-detail-info-list li{width:auto;float:none}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 {margin:0 auto 16px auto}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .ys-support-detail-info-wrap{padding:24px 0 0 0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-6 .ys-support-detail-info-wrap{padding:24px 0 24px 0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-6 + .col-6 .ys-support-detail-info-wrap{padding:0 0 24px 0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .col-4 {margin-top:30px;}

/* table-scroll */
.table-scroll-wrap{width:100%;height:auto;overflow:hidden}
.table-scroll-wrap-head{height:auto;overflow:hidden}
.table-scroll-wrap-body{height:auto;overflow:hidden;border:none}

/* ys-install-request-table */ 
.ys-install-request-table .table-scroll-wrap{height:auto}
.ys-install-request-table table{display:block}
.ys-install-request-table table > *, table tr, table td, table th {display:block}
.ys-install-request-table table thead {display:none}
.ys-install-request-table table tbody tr {height:auto;padding:32px 0}
.ys-install-request-table table tbody tr td {padding-left:50% !important;margin-bottom:24px;text-align:left}
.ys-install-request-table table tbody tr td:last-child {margin-bottom:0}
.ys-install-request-table table tbody tr td:before {font-size:18px;color:#000000;line-height:1.2;position:absolute;width:40%;left:32px}
.ys-install-request-table table tbody tr td:nth-child(1):before {content:'ASC Code'}
.ys-install-request-table table tbody tr td:nth-child(2):before {content:'ASC Name'}
.ys-install-request-table table tbody tr td:nth-child(3):before {content:'Date '}
.ys-install-request-table table tbody tr td:nth-child(4):before {content:'result'}
.ys-install-request-table table tbody tr td:nth-child(5):before {content:'result'}
.ys-install-request-table table tbody tr td:nth-child(6):before {content:'result'}
.ys-install-request-table table tbody tr td:nth-child(7):before {content:'result'}
.ys-install-request-table table tbody tr td:nth-child(8):before {content:'result'}
.ys-install-request-table table tbody tr td:nth-child(9):before {content:'result'}
.ys-install-request-table table tbody tr td:nth-child(10):before {content:'result'}
.ys-install-request-table table tbody tr td.column4,
.ys-install-request-table table tbody tr td.column5,
.ys-install-request-table table tbody tr td.column6 {text-align:left}
.ys-install-request-table table tbody tr td.column4,
.ys-install-request-table table tbody tr td.column5,
.ys-install-request-table table tbody tr td.column6,
.ys-install-request-table table tbody tr td.column1,
.ys-install-request-table table tbody tr td.column2,
.ys-install-request-table table tbody tr td.column3 {width: 100%}
.ys-install-request-table tbody tr {font-size:14px}
.ys-install-request-table .table-scroll-wrap .table-scroll-wrap-head{height:auto;overflow:hidden;border:none}
.ys-install-request-table .table-scroll-wrap .table-scroll-wrap-body{height:auto;overflow:hidden;border:none}

/* ys-search-result-table */ 
.ys-search-result-table{}
.ys-search-result-table table{display:block}
.ys-search-result-table table > *, table tr, table td, table th {display:block}
.ys-search-result-table table thead {display:none}
.ys-search-result-table table tbody tr {height:auto;padding:32px 0}
.ys-search-result-table table tbody tr td {padding-left:50% !important;margin-bottom:24px;text-align:left}
.ys-search-result-table table tbody tr td:last-child {margin-bottom:0}
.ys-search-result-table table tbody tr td:before {font-size:18px;color:#000000;line-height:1.2;position:absolute;width:40%;left:32px}
.ys-search-result-table table tbody tr td:nth-child(1):before {content:'ASC Code'}
.ys-search-result-table table tbody tr td:nth-child(2):before {content:'Product Name'}
.ys-search-result-table table tbody tr td:nth-child(3):before {content:'Model Code'}
.ys-search-result-table table tbody tr td:nth-child(4):before {content:'Ticket Number'}
.ys-search-result-table table tbody tr td:nth-child(5):before {content:'Status'}
.ys-search-result-table table tbody tr td:nth-child(6):before {content:'Service type'}
.ys-search-result-table table tbody tr td:nth-child(7):before {content:'Service type'}
.ys-search-result-table table tbody tr td:nth-child(8):before {content:'Service type'}
.ys-search-result-table table tbody tr td:nth-child(9):before {content:'Service type'}
.ys-search-result-table table tbody tr td:nth-child(10):before {content:'Service type'}
.ys-search-result-table table tbody tr td.column1,
.ys-search-result-table table tbody tr td.column2,
.ys-search-result-table table tbody tr td.column3,
.ys-search-result-table table tbody tr td.column4,
.ys-search-result-table table tbody tr td.column5,
.ys-search-result-table table tbody tr td.column6,
.ys-search-result-table table tbody tr td.column7,
.ys-search-result-table table tbody tr td.column8,
.ys-search-result-table table tbody tr td.column9,
.ys-search-result-table table tbody tr td.column10{width:100%}
.ys-search-result-table tbody tr {font-size:14px}
.ys-search-result-table .table-scroll-wrap{height:auto}
.ys-search-result-table .table-scroll-wrap .table-scroll-wrap-body{height:auto;overflow-y:hidden}

/* ys-request-history-table */ 
.ys-request-history-table{}
.ys-request-history-table table{display:block}
.ys-request-history-table table > *, table tr, table td, table th {display:block}
.ys-request-history-table table thead {display:none}
.ys-request-history-table table tbody tr {height:auto;padding:32px 0}
.ys-request-history-table table tbody tr td {padding-left:50% !important;margin-bottom:24px;text-align:left;min-height:10px}
.ys-request-history-table table tbody tr td:last-child {margin-bottom:0}
.ys-request-history-table table tbody tr td:before {font-size:18px;color:#000000;line-height:1.2;position:absolute;width:40%;left:32px}
.ys-request-history-table table tbody tr td:nth-child(1):before {content:'Dealer Invoice No'}
.ys-request-history-table table tbody tr td:nth-child(2):before {content:'Service Order No'}
.ys-request-history-table table tbody tr td:nth-child(3):before {content:'Model Code'}
.ys-request-history-table table tbody tr td:nth-child(4):before {content:'Customer Name'}
.ys-request-history-table table tbody tr td:nth-child(5):before {content:'ASC Code'}
.ys-request-history-table table tbody tr td:nth-child(6):before {content:'ASC Name'}
.ys-request-history-table table tbody tr td:nth-child(7):before {content:'Request Date'}
.ys-request-history-table table tbody tr td.column1,
.ys-request-history-table table tbody tr td.column2,
.ys-request-history-table table tbody tr td.column3,
.ys-request-history-table table tbody tr td.column4,
.ys-request-history-table table tbody tr td.column5,
.ys-request-history-table table tbody tr td.column6,
.ys-request-history-table table tbody tr td.column7{width:100%}
.ys-request-history-table tbody tr {font-size:14px}

/* ys-navigation  */ 
.ys-navigation a img{display:none}
.ys-navigation ul {position:relative;background:#000000;border:none;width:100%;max-width:92%;padding:0;border-radius:0;min-height:40px;}

/* x button */ 
.ys-navigation ul .toggle{display:block;position:absolute;right:16px;top:10px;z-index:20;outline:none}
.ys-navigation ul.open {border-radius:6px;-webkit-box-shadow:0 4px 10px -2px rgba(0,0,0,0.2);box-shadow:0 4px 10px -2px rgba(0,0,0,0.2);}
.ys-navigation ul.open .toggle{width:25px;height:25px}
.ys-navigation ul.open .toggle:after{content:'';position:absolute;top:0;right:0;z-index:20;pointer-events:none;background:url(../images/P6_Icon/Bold/Action/Delete.svg) no-repeat;background-size:16px;width:16px;height:16px;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(15deg) brightness(102%) contrast(102%);}
.ys-navigation ul.open .toggle:before{content:''; background:none;}
.ys-navigation ul .toggle:before{content:'';position:absolute;top:0;right:0;z-index:20;pointer-events:none;background:url(../images/P6_Icon/Bold/Navigation/Menu.svg) no-repeat;background-size:16px;width:16px;height:16px;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(15deg) brightness(102%) contrast(102%);}
.ys-navigation li {display:block;width:100%}
.ys-navigation a {position:absolute;top:0;left:0;width:100%;height:40px;border-color:transparent;cursor:pointer;text-indent:-20px;opacity:1;color:#FFFFFF;font-size:14px;padding:10px 24px;}
.ys-navigation ul.open a {position:relative;display:block;border-color:transparent;z-index:9}
.ys-navigation a.active {z-index:1;background:#000000;opacity:1;color:#fff;font-weight:700;}
.ys-navigation a.non-active {z-index:1;background:#000000;opacity:1;color:#fff}
.ys-navigation-wrap{top:-25px;margin:0 auto}
.ys-navigation a.active:after{content:''; background:none;}
.ys-navigation a.non-active:after{content:''; background:none;}
.ys-navigation li:nth-last-child(2),
.ys-navigation li:nth-last-child(2) ~ li {width:100%}
.ys-navigation li:nth-last-child(3),
.ys-navigation li:nth-last-child(3) ~ li {width:100%}
.ys-navigation li:nth-last-child(4),
.ys-navigation li:nth-last-child(4) ~ li {width:100%}
.ys-navigation li:nth-last-child(5),
.ys-navigation li:nth-last-child(5) ~ li {width:100%}
.ys-navigation li:nth-last-child(6),
.ys-navigation li:nth-last-child(6) ~ li {width:100%}
.ys-header, .ys-benefit-header{padding:0 16px}
.ys-product-info-details-row {margin:16px auto 0 auto;text-align:center}
.vertical-text{display:none}
.ys-sub-top .ys-sub-wrap .ys-sub-wrap-inner h1{font-size:44px}

	
/* sub top */
.ys-sub-top .ys-sub-wrap .ys-sub-wrap-inner{display:block}
.ys-sub-top .ys-sub-wrap .ys-sub-wrap-inner p.sub-title{margin:0 0 8px 0;font-size:16px}
.ys-product-right-img{display:none}
.ys-product-list{margin:32px 0 32px 0;padding:0 16px}

/* book-appointment */
.book-appointment-option .ys-row .col-6:first-child .card-wrap{margin:0 auto 64px auto;cursor:pointer}
.book-appointment-option .ys-row .col-6 .card-wrap, .book-appointment-option .ys-row .col-6:last-child .card-wrap{padding:0 16px;cursor:pointer}
.ys-appointment-confirm .ys-text-header{text-align:center}
.ys-appointment-info .ys-row .col-3{padding:0}
.ys-appointment-info .ys-row .col-6{padding:0 0 16px 0}
.ys-appointment-info .ys-row .col-6:last-child{padding:0}
.ys-appointment-info .col-3 .ys-support-wrap-info{margin:40px 0 0 0}
.ys-appointment-calendar .ys-row .col-3, .ys-appointment-map .ys-row .col-3{padding:0}
.ys-search-location-wrap{width:100%}
.ys-search-location-input {-webkit-border-radius:20px;border-radius:20px;height:40px;padding:10px 16px;font-size:14px;}
.ys-search-location-btn {padding:10px 16px;height:40px;}
.ys-search-location-btn .s-ico-search {width:16px;height:16px;background-size:16px;}
.ys-reset-location-btn {right:30px;padding:0 12px;height:40px;}
.ys-reset-location-btn .s-ico-reset {position:relative;overflow:hidden;display:block;width:16px;height:16px;background-size:16px;font-size:0;line-height:999px}
.ys-appointment-form{margin:0;text-align:center}
.ys-appointment-form .ys-appointment-form-title{margin:0 0 32px 0}
.ys-appointment-map .ys-row .col-3 .ys-appointment-issue-info, .ys-appointment-calendar .col-3 .ys-support-wrap-info, .ys-appointment-confirm-check .ys-row .col-3{margin:40px 0 0 0}
.ys-appointment-confirm-check .ys-row .col-3{padding:0}
.ys-appointment-confirm .appointment-info-title{margin:0 0 16px 0;text-align:center}
.ys-appointment-calendar .choose-time{padding:32px 0 0 0}
.ys-appointment-calendar .choose-time .ys-gray-radius3-btn{width:auto;min-width:auto;padding:0 17px;margin:0}
.ys-appointment-calendar .calendar .weekdays li {width:12%}
.ys-appointment-form .ys-row .ys-appointment-form-wrap .ys-row .col-6{padding:0 0 16px 0}
.ys-appointment-form .ys-row .ys-appointment-form-wrap .ys-row .col-6:last-child{padding:0 0 16px 0}
.ys-appointment-form-wrap .input-container label{text-align:left}
.ys-appointment-confirm .ys-appointment-detail-list-wrap{width:100%;display:block;border-bottom:1px solid #D6D6D6;padding:24px 0;margin:0 0 24px 0}
.ys-appointment-confirm .ys-appointment-detail-list-wrap .ys-appointment-img{display:block;vertical-align:middle;width:80%;text-align:center;margin:0 auto 16px auto}
.ys-appointment-confirm .ys-appointment-detail-list-wrap .ys-appointment-img img{width:100%;}
.ys-appointment-confirm .ys-appointment-detail-list-wrap .ys-appointment-info{display:block;vertical-align:middle;width:100%;text-align:left;padding:0}
.ys-appointment-issue-title-dp{margin:0 0 24px 0}
.book-appointment-option{padding:48px 16px;display:block;}
.book-appointment-option .ys-row .card-wrap{margin:0 auto 32px auto;display:inline-block; width:90vw;max-width:330px;}
.book-appointment-option .ys-row .card-wrap:last-child{margin:0 auto}
.book-appointment-option .ys-row div:nth-last-child(1),
.book-appointment-option .ys-row div:nth-last-child(1) ~ div {width:90vw}
.book-appointment-option .ys-row div:nth-last-child(2),
.book-appointment-option .ys-row div:nth-last-child(2) ~ div {width:90vw}
.book-appointment-option .ys-row div:nth-last-child(3),
.book-appointment-option .ys-row div:nth-last-child(3) ~ div {width:90vw}
.book-appointment-option .ys-row div:nth-last-child(1),
.book-appointment-option .ys-row div:nth-last-child(1) ~ div img{max-width:330px} 
.book-appointment-option .ys-row div:nth-last-child(2),
.book-appointment-option .ys-row div:nth-last-child(2) ~ div img{max-width:330px} 
.book-appointment-option .ys-row div:nth-last-child(3),
.book-appointment-option .ys-row div:nth-last-child(3) ~ div img{max-width:330px}
.appointment-issue-card .ys-row:nth-child(2) .col-3:last-child {padding:32px 0 0 0}
.ys-appointment-issue-info .ys-appointment-issue-info-top .ys-appointment-issue-info-img{margin:0 auto;}
.ys-appointment-issue-info .ys-appointment-issue-info-top h5{text-align:center;}
.ys-appointment-dp-form .ys-row .col-6 {padding:16px 0}
.book-appointment-container ul.ys-tabs {display:inline-flex;}
.book-appointment-container ul.ys-tabs li{display:inline-block;margin:0 0 32px 0;padding:0 8px 8px 8px;white-space:normal;font-size:16px; word-break:break-word;height:145px;}
.book-appointment-container ul.ys-tabs li:nth-child(1).current img{}
.book-appointment-container ul.ys-tabs li:nth-child(2).current img{}
.book-appointment-container ul.ys-tabs li:nth-child(3).current img{}
.book-appointment-container ul.ys-tabs li:nth-child(4).current img{}
.book-appointment-container ul.ys-tabs li:nth-last-child(2),
.book-appointment-container ul.ys-tabs li:nth-last-child(2) ~ li {width:49%}
.book-appointment-container ul.ys-tabs li:nth-last-child(3),
.book-appointment-container ul.ys-tabs li:nth-last-child(3) ~ li {width:31.5%}
.book-appointment-container ul.ys-tabs li:nth-last-child(4),
.book-appointment-container ul.ys-tabs li:nth-last-child(4) ~ li {width:31.5%}
.book-appointment-container ul.ys-tabs li:nth-last-child(5),
.book-appointment-container ul.ys-tabs li:nth-last-child(5) ~ li {width:31.5%}
.book-appointment-container ul.ys-tabs li:nth-last-child(6),
.book-appointment-container ul.ys-tabs li:nth-last-child(6) ~ li {width:31.5%}
.ys-appointment-issue .ys-row .col-4, .ys-support .ys-support-wrap .col-4{padding:40px 0 0 0}
.ys-appointment-issue-title{text-align:center}
.appointment-issue-card .sub-title{text-align:center;margin:0 0 8px 0}
.book-appointment-tab{padding:32px 16px 0 16px}

/*20200317 - mobile symtpom view 수정*/
.appointment-issue-detail .appointment-issue-detail-list li, .appointment-issue-detail .dp-appointment-issue-detail-list li{width:32.5%;display:block;margin:16px 0px;font-size:12px}
.appointment-issue-detail .dp-issue-detail-list li{width:32.5%;display:block;margin:16px 0px;font-size:12px}
/*20200317 - mobile symtpom view 수정*/

.ys-appointment-issue .ys-row .col-3{padding:32px 0 0 0}
.appointment-issue-card .ys-row:nth-child(1) .col-3:last-child {padding:32px 0 0 0}
.ys-appointment-confirm .ys-appointment-detail-info .ys-appointment-detail-info-wrap, .ys-appointment-confirm-check .ys-appointment-detail-info .ys-appointment-detail-info-wrap{padding:24px 0 0 0}
.ys-appointment-confirm .ys-appointment-detail-info .ys-row .col-4:last-child .ys-appointment-detail-info-wrap{padding:24px 0 24px 0}
.ys-appointment-confirm .appointment-info-title-info{text-align:center;margin:0 0 16px 0}
.appointment-issue-card .ys-row .col-2{width:33%}
.book-appointment-container .ys-tab-content{padding:0;margin:0}
.book-appointment-option .ys-row .col-6:last-child .card-wrap{margin:0}
.ys-book-appointment, .ys-track-repair{padding:64px 0}
.book-appointment-option .ys-row .card-wrap h2{font-size:44px}
.ys-appointment-confirm .ys-appointment-detail-list-wrap .ys-appointment-info h5{font-size:24px}

.ys-model-code-input {font-size:14px; border-radius:20px;padding:0 16px;height:40px;}
.ys-model-code-search-btn {height:40px}
.ys-model-code-search-btn .icon-search {width:16px;height:16px;background-size:16px;}
.ys-model-code-reset-btn {right:36px;padding:0 12px;height:40px}
.ys-model-code-result {top:52px;}
.ys-model-code-input-focus{border-color:transparent;border-radius:24px 24px 0 0; background-color: #ffffff;-webkit-box-shadow:0 0px 10px -2px rgba(0,0,0,0.2);box-shadow:0 4px 10px -2px rgba(0,0,0,0.2);}

/* ys-track-repair */
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top{padding:16px;font-size:16px;}
.ys-track-repair-table .ys-text-header{text-align:center}
.ys-track-repair-table table .ys-track-repair-table-head th{color:#000000}
.ys-track-repair-table{padding:0 16px 24px 16px}
.ys-track-repair-form{padding:64px 16px 0 16px}
.ys-track-repair-form .ys-row .col-6:last-child{margin:16px 0 16px 0}
.ys-track-repair-process{padding:64px 0 0 0}
.ys-track-repair-process .ys-text-header{text-align:center}
.repair-content-wrap .ys-support-detail{padding:0}
.ys-support-detail{padding:0 16px}
.ys-support-detail ul.tab-list{padding:0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap{display:block}  
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-img{display:block;width:70%;margin:0 auto 16px;}  
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info{display:block;width:100%;padding:0;margin: 16px 0 0 0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-warranty{display:block;text-align:left;padding:0 0 0 24px}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-btn{display:block;margin:24px auto 0 auto;text-align:center;padding:0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info h5{display:block;text-align:left;margin:0 auto 16px;font-size:22px}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li{display:block;text-align:left;padding:0 0 0 32px;margin:0 0 16px 0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:last-child{margin:0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(2),
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(2) ~ li {width:100%}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(3),
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(3) ~ li {width:100%}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(4),
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(4) ~ li {width:100%}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.status:before{content:'';left:0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.ticket:before{content:'';left:0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.date:before{content:'';left:0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.reason:before{content:'';left:0;top:4px}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .ys-dp-detail-info-wrap .ys-dp-detail-info-list{width:auto;margin:16px 0 0 24px}

.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .ys-dp-detail-info-wrap{padding:24px 0 24px 0} /*수정시 track-my-repair-DP-RepairHistory.html 확인해야함*/
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-4:nth-child(1) .ys-support-detail-info-wrap, .ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-4:nth-child(2) .ys-support-detail-info-wrap {padding:24px 0 0 0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-4:last-child .ys-support-detail-info-wrap {padding:24px 0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-info .ys-row .col-12 .info-notic{margin:0 auto}
.ys-track-repair .ys-support-detail + .ys-track-repair-form{padding:0 16px}
.ys-track-repair-form .form-info{margin:0 0 20px 0}
.ys-track-repair .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-img img{width:100%}
.repair-content-wrap{padding:0 16px}
.repair-content .dp-confirm-repair-wrap{padding:0}
.repair-content{padding:0}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top{padding:16px}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li{display:block;text-align:left;padding:0 0 0 32px;margin:0 0 16px 0}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:last-child{margin:0}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(2),
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(2) ~ li {width:100%}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(3),
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(3) ~ li {width:100%}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(4),
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(4) ~ li {width:100%}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.status:before{content:'';left:0}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.ticket:before{content:'';left:0}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.date:before{content:'';left:0}
.ys-support .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.reason:before{content:'';left:0;top:4px}

/* ys-install */
.ys-install-request{top:0;padding:16px 16px 64px 16px}
.ys-install-request .ys-install-request-step-wrap .ys-row .col-6, .ys-install-request .ys-install-request-step-wrap .ys-row .col-6:last-child{padding: 0 0 16px 0;}

/* ys-request-history */
.ys-request-history{padding:16px}
.ys-request-history-form .ys-row .col-4{padding:0 0 16px 0}
.ys-request-history-form .ys-row .col-4:last-child {padding:0 0 16px 0}
.ys-request-history-form .ys-row:last-child .col-4:last-child {padding:0 0 32px 0}
.ys-request-history-form .ys-row .col-4 .ys-row .col-6{padding:0 0 16px 0}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top{padding:16px}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li{width:100%;padding:0 0 0 32px;text-align:left}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(2),
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(2) ~ li {width:100%}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(3),
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(3) ~ li {width:100%}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(4),
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li:nth-last-child(4) ~ li {width:100%}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.status:before{content:'';left:0}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.ticket:before{content:'';left:0}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.date:before{content:'';left:0}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-top li.reason:before{content:'';left:0;top:4px}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap{display:block}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-img{display:block;width:100%;margin:0 0 24px 0}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info{display:block;width:100%;padding:0}
.ys-request-history .ys-support-detail .ys-support-detail-list .ys-support-detail-list-wrap .ys-support-info h5{font-size:22px}

/* ys-warranty-check */
.ys-warranty-check{padding:0 16px}
.ys-warranty .ys-warranty-form .ys-row .ys-warranty-form-wrap .ys-row {width:90vw;}
.ys-warranty-check .ys-container{padding:64px 0 64px 0}
.ys-warranty-check-text{padding:16px;margin:0 auto;text-align:center}
.ys-warranty-check-form{margin:0;text-align:center}
.ys-warranty-check .ys-container .ys-warranty-check-form .ys-warranty-check-form-wrap{margin:24px 0 0 0}
.ys-warranty-check-form .ys-row .ys-warranty-check-form-wrap .ys-row .col-6{padding:0 0 16px 0}
.ys-warranty-check-form .ys-row .ys-warranty-check-form-wrap .ys-row .col-6:last-child{padding:0 0 16px 0}
.ys-warranty-check .ys-warranty-check-result{padding:20px 0 0 0}
#warranty_layer {width:100%;}

/* multi-select */
.multi-select .multi-select-title{display:none}
.multi-select .placeholder {position:relative;display:block;background:#fff;color:#717171;z-index:1;cursor:pointer;font-size:14px;height:44px;line-height:44px;border:1px solid #D6D6D6;border-radius:3px;text-decoration:none;padding:0 16px}
.multi-select ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;border-radius:3px;top:100%;left:0;list-style:none;padding:0;z-index:10;border:1px solid #D6D6D6;padding:0;height:auto}

/* multi-steps */
.ys-track-repair-process {overflow-x:auto;}
.ys-track-repair-process::-webkit-scrollbar {display:none;}
.ys-track-repair {scrollbar-width: none; -ms-overflow-style:none;}
.multi-steps {margin:0 16px;width:auto;}
.multi-steps > li{padding:0 48px 0 0; width:176px;height:76px;}
.multi-steps > li:after {width: calc( 100% - 56px ); left:45%;}
.multi-steps > li span {font-size:12px;width:128px;}
.multi-steps > li.is-active{width:176px;}

/* pop */
.pop-container-main .ys-choose-result .ys-choose-result-list .ys-choose-result-list-wrap .ys-product-img{width:80%}
.pop-layer .pop-container .pop-container-bottom .ys-line-black-btn, .pop-layer .pop-container .pop-container-bottom .ys-line-blue-btn, .pop-layer .pop-container .pop-container-bottom .ys-filled-black-btn{min-width:200px;margin:0 auto 16px 0;}
.pop-layer .pop-container .pop-container-title {font-size:22px; word-break:break-all;}
.dim-msg-layer {max-width:100%; min-width:100px;}
.pop-msg-warp {display:block;position:absolute;top:0;left:0;right:0;min-width:100px;width:100vw;max-width:400px;bottom:0;z-index:999;margin:30vh auto 0 auto;overflow:auto;transform:none}
.pop-msg-warp .pop-container {font-size:14px;}
.pop-msg-warp .pop-container .pop-container-bottom .ys-line-black-btn, .pop-msg-warp .pop-container .pop-container-bottom .ys-line-blue-btn, .pop-msg-warp .pop-container .pop-container-bottom .ys-filled-black-btn{min-width:200px;}
.pop-msg-warp .pop-container .pop-container-bottom .ys-line-black-btn {margin:0 auto 16px 0;}
.pop-msg-warp .pop-container .pop-container-bottom .ys-filled-black-btn {margin:0 auto 16px 0;}
.pop-msg-warp .pop-container .pop-container-bottom .ys-line-blue-btn {margin:0 auto 16px 0;}
.pop-layer .pop-container{min-height:100%}
.pop-container .email-form .ys-row .col-6{padding:0 0 16px 0}
.pop-container .email-form .ys-row .col-6 .input-container label, .pop-container .email-form .ys-row .col-12 .input-container label{text-align:left;}
.pop-layer {display:block;position:absolute;top:0;left:0;right:0;height:100%;min-height:100%;width:100%;min-width:100%;bottom:0;z-index:999;margin:0;overflow:auto;transform:none}
.not_scroll {position:fixed; overflow:hidden; width:100%; height:100%}
.not_header {display:none;}

/* dp */ 
.dp-tip-cards {margin:32px auto 0 auto;display:block}
.dp-text-container{margin:0 auto 24px auto;display:block}
.dp-text-wrap {margin:24px auto;}
.dp-text-wrap .dp-text-area-p {font-size:14px; padding-bottom:24px;}
.dp-tip-cards .ys-row div:nth-last-child(2),
.dp-tip-cards .ys-row div:nth-last-child(2) ~ div {width:100%}
.dp-tip-cards .ys-row div:nth-last-child(3),
.dp-tip-cards .ys-row div:nth-last-child(3) ~ div {width:100%}
.dp-tip-cards .ys-row div:nth-last-child(4),
.dp-tip-cards .ys-row div:nth-last-child(4) ~ div {width:100%}
.dp-tip-info-icon{margin:0 auto 24px auto}
.dp-confirm-repair-wrap-info .msg-warring .msg-icon{margin:0 auto;display:block;width:100%;top:40px;left:0}
.dp-confirm-repair-wrap-info .msg-warring .msg-content{padding:0;margin:70px auto 0 auto}
.dp-confirm-repair-wrap-info .msg-sucess .msg-content{padding:0;margin:70px auto 0 auto}
.dp-confirm-repair-wrap-info .msg-sucess{width:100%;padding:0}
.dp-confirm-repair-wrap-info .msg-sucess .msg-icon{width:45px;height:45px;top:20px;margin:0 auto;text-align:center;right:0;left:0}
.dp-tip-info{padding:16px;margin:0 0 40px 0}
.appointment-dp-select-wrap .ys-row .col-12 .ys-row .col-4{padding:0 0 16px 0;}
.dp-confirm-repair-wrap {margin:24px 0 0 0;padding:0}
.dp-review-booking-info .ys-row .col-6{min-height:auto;padding:0}
.dp-review-booking-info .ys-row .col-6:last-child {padding:0}
.dp-review-booking-info .ys-row .col-6 .dp-in-cont{background:#f7f7f7}
.dp-tip-info-tit{text-align:center; font-size:16px;word-break:break-word;}
.dp-tip-info-list {word-break:break-word;}
.dp-payment-info ul li{font-size:18px}
.dp-review-booking-info dl.dp-info-box-col{width:100%;float:none}

.ys-ubradio .ubchecked + label .ubImg {padding: 30px 0px 10px 0px}

/* tab-list */
ul.tab-list{padding:0 8px;margin:24px auto 0 auto;display:table;width:100%;}
ul.tab-list li{float:none;display:table-cell;vertical-align:middle;width:50%;font-size:14px;}

/* msg-nodata */
.ys-container .msg-nodata{margin:0 16px}
.ys-container .msg-nodata .msg-content {padding-left:40px}
.ys-container .msg-nodata .msg-content .msg-tit{text-align:center;margin:0 auto}
.ys-container .msg-nodata .msg-icon {left:3px}

/* process-delivery-wrap */
.process-delivery-wrap fieldset{width:100%}
.process-delivery-wrap fieldset:not(:first-of-type){padding:32px 0 0 0;}
.process-delivery-wrap fieldset:first-child{padding:0}
.process-delivery-wrap fieldset:first-child + .send-container{bottom:-80px;width:50%;position:inherit}
.process-delivery-wrap fieldset:not(:first-of-type) + .send-container{bottom:-80px;width:50%;position:inherit;left:50%}
.process-delivery-wrap .ys-row .col-6{padding:0 0 16px 0}
.process-delivery-wrap .ys-row:last-child .col-12{padding:0 0 48px 0}

.process-tabs li {float:left;width:100%;}
.process-tabs li a {position:relative;display:none;padding:20px;font-size:16px;font-weight:700;text-align:center;color:#555555;cursor:pointer;background:#f7f7f7}
.process-tabs li a:hover {color:#006BEA;}
.process-tabs li a:hover span:first-child{border-color:#006BEA;}
.process-tabs li a.current {color:#fff;background:#2189FF;display:block;}
.process-tabs li a span:first-child {display:inline-block;width:24px;height:24px;margin-right:5px;border:2px solid #aaa;border-radius:50%;background-color:#fff}
.process-tabs li a.current span:first-child {color:#2189FF;border-color:#fff;background:#fff}
.process-tabs li a:before,
.process-tabs li a:after {content:'';position:absolute;top:0;left:100%;z-index:1;display:block;width:0;height:0;border-top:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent}

/* ys-register-product */
.ys-register-product{padding:0 16px}
.ys-register-product .ys-choose-product{padding:0}
.ys-register-product .ys-choose-category{padding:0}
.ys-register-product .ys-container .ys-appointment-form .ys-appointment-form-wrap{margin:24px 0 0 0}
.ys-register-product .ys-container{padding:64px 0 64px 0}

/* send-container */
.send-container button{display:block;margin:0 auto 16px auto}

/* appoint-ship-info */
.appoint-ship-info h6{text-align:left}
.appoint-ship-info .sub-title {text-align:left;font-size:18px}

/* ys-warranty */
.ys-warranty-form .ys-text-header{text-align:center}
.ys-warranty .ys-warranty-form .ys-row .ys-warranty-form-wrap .ys-row .col-6, .ys-warranty .ys-warranty-form .ys-row .ys-warranty-form-wrap .ys-row .col-6:last-child{padding:0 0 16px 0}

/* ys-agreement */
.ys-agreement a.ys-agree-link:first-child, .ys-agreement a.ys-agree-link:last-child{padding:0 5px 0 5px}
.ys-agreement span{display:inline-block;margin:8px 0 0 30px}

/* ys-goto-support */
.ys-goto-support{text-align:center;padding:0;}
.ys-goto-support a{padding:0}

/* alert */
.mo-alert-layer{min-height: 70%; width: 90vw; max-width:386px;}
.mo-alert-container-comment{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden}

/*직정산 취소사유 프로세스*/
.pop-container-wrap {max-height: 100%; overflow-y: auto;width:100vw; max-width:600px;}
.pop-container-wrap .pop-content .pop-content-bottom {margin: 12px 0 0 0;}
.pop-container-wrap .pop-content .pop-content-bottom .pop-content-bottom-btn{display:block;margin: 10px auto 0;}

.mo-text-align{text-align: left;}
.form-step:after, .ys-install-request .ys-install-request-step-wrap .ys-row .col-6:last-child .form-step:after{content:"";width:0;height:0}
.estimated-notic-wrap p {font-size:16px;}
.estimated-notic-wrap h6{margin:0 auto 16px auto;font-size:18px}
.info-notic{text-align:left;float:left;line-height:1.5;word-break:break-word;}
.info-notic2{text-align:left;float:left;line-height:1.5}
.info-notic3{text-align:left;float:left;line-height:1.5}
.ys-goto-product, .ys-appointment-confirm .appointment-info-title-warring{text-align:center;margin:0 auto}
.multi-scroll-wrap {overflow:hidden;height:auto}
.ys-my-product{padding:0}
.form-hide-msg{text-align:right}
/* input type="text" */
.input-container label{text-align:left;min-height:auto}
.input-container input{font-size:14px;width:100%;height:44px;padding:0 16px;border:none;border-bottom:1px solid #555555;}
.input-container textarea{font-size:14px;width:100%;min-height:121px;border:1px solid #555555;border-radius:3px;padding:12px 16px;}
.input-container .form-messgae {margin-top:8px; font-size:10px; color:#555555;}
/* file */
.file-placeholder .file-browse-txt {font-size:14px;}
.top-go-holder{position:fixed;top:70px;right:10px;}
.msg-content{padding-right:0}
.border-b30{width:100%;margin:16px auto 0 auto}
.form-info-wrap + .ys-checkbox{float:left}
.ys-track-repair .ys-support-detail .ys-support-detail-list{padding:0 0}
.dp-review-booking-info .dp-in-cont .dp-in-cont-tit{text-align:left}
.ys-request-history .ys-support-detail{padding:0}


/* 812px에서 옮겨온 style */
.ys-appointment-issue .ys-row .col-9 .appointment-issue-card .ys-row .col-3 {padding:32px 0 0 0;word-wrap: break-word;width: 33.3%;}
.ys-appointment-issue .ys-row .col-9 .appointment-issue-card .ys-row .col-3 p{font-size:12px}
.dp-pop-layer{display:block;position:absolute;top:0;left:0;right:0;height:100%;min-height:100%;width:100%;min-width:100%;bottom:0;z-index:999;margin:0;overflow:auto;transform:none}
.dp-pop-layer .dp-pop-container{min-width:auto;min-height:100%;height:auto}
.ys-choose-result-form .ys-row .col-6 {padding:0 0 16px 0}
.ys-appointment-issue .ys-row .sub-title + .col-3{padding:16px 0 0 0}
.ys-appointment-info-form .ys-row .col-6, .ys-appointment-info-form .ys-row .col-6:last-child {padding:0 0 16px 0}
.book-appointment-option{border-spacing:8px 0}
/* #warranty_layer{width:auto} */
.dp-tbl-cell{font-size:14px}
.dp-radio-form .sub-title, .dp-tbl-wrap .sub-title{font-size:18px}
.dp-pop-container-bottom button {margin-bottom:16px}
.dp-popup-search-form{text-align:left}
.ys-warranty-find{width:100%}
.ys-warranty-find .ys-warranty-find-form .ys-row .col-4{padding:0 0 16px 0}
.ys-warranty-find .ys-warranty-result-form-wrap .ys-warranty-result-form .ys-row .col-6{padding:0 0 16px 0}
.ys-warranty-find p{text-align:left}

.pop-model-wrap .pop-container {width: 100vw;max-width: 100vw;height: 100vh;max-height: 100vh;border-radius:0;vertical-align: top; overflow:auto;}
.pop-model-wrap .pop-container .pop-container-main p.txt-bold {font-size:22px;width:80vw;}
.pop-model-wrap .pop-container .pop-container-main p {text-align:left;}
.pop-model-wrap .pop-container .pop-container-main .main-select-wrap {margin-left:0;}
.pop-model-wrap .pop-container .pop-container-main .main-select-wrap .pop-select-list{width: 100%;height:240px;}
.pop-model-wrap .pop-container .pop-container-main .main-select-wrap .pop-image-wrap{margin-left:0;width: 100%;}

/* google map */
.gmap-wrap-list-wrap-inner{height:300px;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.ys-appointment-map-wrap .ys-row .col-7 {height:300px;}

.location-title .tit .sc {font-size:12px;}
.location-title .tit .an {font-size:14px;}
.location-cont .spc2 {font-size:12px;}

.gmap-result-list li .schedule-pop-wrap .location-schedule .ys-row .col-6 .input-container input:read-only{font-size:14px;}
.gmap-result-list li .location-schedule .ys-row .col-6 .sort .sub {height:150px;}

.ys-ubradio .ubchecked + label .ys-ubradio1 {width:200px;}
.ys-ubradio .ubchecked + label .ys-ubradio2 {width:200px;}

}/* end @media screen and (max-width: 767px) */

/* PC → 화면 줄인 크기 */
@media screen and (min-width:768px) and (max-width: 812px){
.ys-wrap{padding:0;overflow-x:hidden}	
/*20200317 - mobile symtpom view 수정*/
.ys-appointment-issue .ys-row .col-9 .appointment-issue-card .ys-row .col-3 {padding:32px 0 0 0;word-wrap: break-word;width: 33.3%;}
.ys-appointment-issue .ys-row .col-9 .appointment-issue-card .ys-row .col-3 p{font-size:12px}
.appointment-issue-detail .appointment-issue-detail-list li, .appointment-issue-detail .dp-appointment-issue-detail-list li{width:32.5%;margin:16px 1px;font-size:12px}
/*20200317 - mobile symtpom view 수정*/
}/* end @media screen and (max-width: 812px) */



/* 태블릿 화면 크기 → P6에서는 정의하지 X */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {

.book-appointment-container ul.ys-tabs li:nth-last-child(2),
.book-appointment-container ul.ys-tabs li:nth-last-child(2) ~ li {width:49%}
.book-appointment-container ul.ys-tabs li:nth-last-child(3),
.book-appointment-container ul.ys-tabs li:nth-last-child(3) ~ li {width:31.5%}
.book-appointment-container ul.ys-tabs li:nth-last-child(4),
.book-appointment-container ul.ys-tabs li:nth-last-child(4) ~ li {width:24%}
.book-appointment-container ul.ys-tabs li:nth-last-child(5),
.book-appointment-container ul.ys-tabs li:nth-last-child(5) ~ li {width:24%}

.ys-appointment-issue .ys-row .col-3, .ys-appointment-map .ys-row .col-3, .ys-appointment-calendar .ys-row .col-3, .ys-appointment-info .ys-row .col-3 {padding: 0 0 0 32px;}
.ys-appointment-issue-info .ys-appointment-issue-info-top .ys-appointment-issue-info-img {width:110px;}
.ys-appointment-issue-info .ys-appointment-issue-info-top h5 {font-size:16px;}
.appointment-issue-card .ys-row .col-3{padding:16px 16px 0 0}
.ys-request-history-table table .ys-track-repair-table-head th, .table-scroll-wrap-head{min-height:44px;height:auto}
.ys-breadcrumbs {padding:0 32px}
.ys-text-header {margin:0 0 24px 0}
.ys-text-container .ys-text-header{margin:0 auto 16px auto}
.ys-navigation a.active:after{bottom:-8px;}
.table-scroll-wrap{border-bottom:1px solid #d6d6d6}
.top-go-holder{top:70px}
.ys-support .ys-support-wrap .col-8 {width:72%}
.ys-support .ys-support-wrap .col-4 {padding:0 0 0 32px;width:28%}	
.ys-product-icon{width:3%}
.ys-product-img{width:13%}

.ys-appointment-map .ys-row .col-3 {padding:0 0 0 30px;}

.gmap-result-list li .location-schedule .ys-row .col-6{padding:0 0 8px 8px;width:100%}
.gmap-result-list li .location-schedule .ys-row .col-6 .input-container .time:before{content:'';background:url(../images/svg/time.svg) no-repeat;position:absolute;left:16px;top:14px;width:18px;height:18px}
.gmap-result-list li .location-schedule .ys-row .col-6 .input-container .calendar:before{content:'';background:url(../images/svg/calendar.svg) no-repeat;position:absolute;right:15px;top:14px;width:18px;height:18px}

/* 독일에서만 사용하는 class */
.book-appointment-option .ys-row div:nth-last-child(2),
.book-appointment-option .ys-row div:nth-last-child(2) ~ div {width:450px}
.book-appointment-option .ys-row div:nth-last-child(3),
.book-appointment-option .ys-row div:nth-last-child(3) ~ div {width:330px}
.appointment-dp-select-wrap .ys-row .col-12 .ys-row .col-4 {width:100%; padding:0 0 16px 0;}
.appointment-dp-select-wrap .ys-row .col-12 .ys-row .col-4:last-child {padding:0 0 16px 0;}
}

/* galaxy fold 접었을 때  깨지는 css 보완 */
@media screen and (max-device-width: 359px) {
.gmap-result-list li .location-schedule .ys-row .col-6{padding:0 8px 8px 0;width:100%}
.gmap-result-list li .location-schedule .ys-row .col-6 .input-container .time:before{content:'';background:url(../images/svg/time.svg) no-repeat;position:absolute;left:16px;top:14px;width:18px;height:18px}
.gmap-result-list li .location-schedule .ys-row .col-6 .input-container .calendar:before{content:'';background:url(../images/svg/calendar.svg) no-repeat;position:absolute;right:15px;top:14px;width:18px;height:18px}
.gmap-result-list li .location-schedule .ys-row .col-6 .sort .sub {height:100px;}

.ys-ubradio .ubchecked + label {padding:8px 16px 8px 16px;}

/* 직정산 물류사 선택 로고 */
.lo-image {vertical-align: middle;margin:auto 5px; width:30px; height: 30px}
.lo-image-DHL {width: 138px;}
.lo-image-GLS {width: 70px}
.lo-image-UPS {width: 25px}

.appointment-issue-card .ys-row .col-2{width:50%;}

.ys-ubradio .ubchecked + label .ubImg {padding: 5px 0px 10px 0px}
.ys-ubradio .ubchecked + label .ys-ubradio1 {padding: 5px 0px 10px 0px; font-size:12px;}
.ys-ubradio .ubchecked + label .ys-ubradio2 {padding: 5px 0px 10px 0px; font-size:12px;}

.ys-sub-top .ys-sub-wrap .ys-sub-wrap-inner h1 {word-break:break-word;}
}

/*P5 mobile 메뉴 정렬*/
.gb-gnb.gb-gnb-202006 .gb-gnb__drop-mobile .gb-gnb__depth1-container{
	text-align: start;
}

/* common header footer fix */
@media screen and (min-width: 768px){.gb-gnb-2019 .gb-gnb__bar-inner{height:61px !important}}
@media screen and (min-width: 768px){.gb-gnb.gb-gnb-2019 .gb-gnb__drop-mobile .s-depth1-wrap>li{text-align:left}}
@media screen and (max-width: 767px){.gb-footer-2019__sitemap-items .gb-footer-2019__item-list li{text-align:left}}
@media screen and (max-width: 767px){.gb-footer-2020__sitemap-items .gb-footer-2020__item-list li{text-align:left}}


/* cross browser */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
.ys-navigation a.active::after{bottom:-7px}
.ys-product-info-details-row li:nth-child(1) a img, .ys-product-info-details-row li:nth-child(2) a img{}
.appointment-issue-detail .appointment-issue-detail-list li{display:block}
.appointment-issue-detail .dp-issue-detail-list li{display:block}
.ys-product-info-details-row li a{vertical-align:middle}
input:read-only, input[readonly="readonly"], input[readonly] {color:#8F8F8F;background:transparent;border-bottom:1px solid #DDDDDD;pointer-events:none}
textarea:read-only, textarea[readonly="readonly"], textarea[readonly] {color:#8F8F8F;background:transparent;border:1px solid #DDDDDD;pointer-events:none}
.table-scroll-wrap-head{background:#757575;padding-right:19px}

/*ie 10*/
}

/* Track Repair 360px 이하 화면 스케줄변경 팝업 깨지지 않게 */
/* Select Symptom 360px 이하 증상 이미지 여백 제거 */
@media screen and (max-device-width:359px) {
	.gmap-result-list li .location-schedule .ys-row .col-6 {
		padding:0 0 8px 0;
		width:100%;
	}
	.appointment-issue-detail .dp-issue-detail-list li{padding:32px 0px 0px 0px}
	.appointment-issue-card .ys-row .col-3 .card-warp{padding:32px 0px 0px 0px}
}