@charset "utf-8";
@import "https://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css";

html{margin:0;padding:0}
body{margin:0;padding:0;font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;font-size:14px;line-height:1.5;color:#292a37;letter-spacing:0;-webkit-text-size-adjust:none}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
img{border:0;vertical-align:top}
hr{display:none}
ul,ol,dl,dt,dd,li{list-style:none}
table,th,td{border-collapse:collapse;border-spacing:0;font-weight:400}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em}
fieldset,blockquote,iframe,button{border:none}
i,em,u,cite{font-style:normal}
strong,em,b{font-weight:400}
a{color:#292a37;text-decoration:none}
input{font-family:sans-serif}
button{background:transparent;cursor:pointer;vertical-align:middle;margin:0}
button,input[type="submit"],input[type="button"],input[type="reset"]{cursor:pointer;-webkit-appearance:none}
section,nav,article,aside,header,footer,main{display:block}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="date"]::-webkit-inner-spin-button{display:none}
input[type="text"],input[type="search"],input[type="tel"],input[type="number"],input[type="password"]{-webkit-appearance:none;border-radius:0}
input[placeholder]{font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif}
.tit-brand{font-family:'Nanum Myeongjo','맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;display:block;line-height:46px;margin-bottom:30px;font-size:45px;color:#45191a;position:relative;padding-top:15px;font-weight:700}
.tit-brand:before{content:"";top:0;left:0;position:absolute;width:.8em;height:3px;background:#372629}
.tit-brand img{height:46px}
.tit-brand .bg-txt{color:#fff;text-align:center;display:inline-block;width:44px;height:46px;background:url(/kr/ko/resource/img/layout/first-text02-bg.png) no-repeat}
.tit-brand .sub{font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;line-height:12px;margin:0 0 10px;display:block;color:#372629;font-size:12px;letter-spacing:3px}
.tit-brand02{font-size:22px;color:#a16332}
.tit-brand03{font-size:22px;color:#4f3834;display:block;margin-bottom:15px}
.tit-brand04{font-size:18px;color:#29170b}
.tit-brand-sub{font-size:15px;color:#737373}
.tit-brand-txt{font-size:18px;color:#372629}
.tit-story{font-family:'Nanum Myeongjo','맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;font-weight:700;padding-top:10px;margin:50px 0 20px;font-size:34px;line-height:38px;color:#45191a;position:relative}
.tit-story:before{content:"";top:0;left:0;position:absolute;width:.8em;height:2px;background:#372629}
.tit-story img{height:32px;vertical-align:middle}
.tit-story .sub{margin-top:5px;color:##A4775E;font-size:25px;display:block}
.tab-brand{font-size:14px;overflow:hidden;margin:40px 0 24px}
.tab-brand a{text-align:center;padding:0 25px;width:140px;line-height:35px;height:35px;margin:0 8px 0 0;border-color:#746244;border-style:solid;border-width:1px;float:left;color:#746244;background:#f6f6f6} /* 20211028 #cdaf79 -> #746244 웹접근성*/
.tab-brand a.on{border-color:#372629;color:#372629;font-weight:700}
.desc-box-brand{font-size:16px;color:#3a3a3a}
.desc-box-brand dt{font-size:16px;color:#4f3834;font-weight:700}
.desc-box-brand p{margin-bottom:15px}
.brand-text{position:relative;font-size:16px;overflow:hidden;margin:0 0 100px}
.brand-text .img-area{float:left;width:100%}
.brand-text .con-area{width:100%;float:right}
.brand-text .img-area img{width:100%}
.brand02 .desc-box-brand{margin-bottom:40px}
.brand02 .desc-box-brand dt{margin-bottom:30px}
.brand02 .txt01{position:relative}
.brand02 .txt01 dd p{padding-right:24%}
.brand02 .txt01 dd .img{width:22%;position:absolute;bottom:0;right:0}
.brand02 .txt01 dd .img img{width:100%}
.brand03 .img-area{width:46%}
.brand03 .con-area{width:52%}
.brand04 .img-area{width:34%}
.brand04 .con-area{width:64%}
.brand04 .desc-box dd:after,.brand03 .desc-box dd:after{display:none}
.brand04 .desc-box dt,.brand03 .desc-box dt{font-size:16px}
.content-brand.ryo-story{padding-bottom:500px;background:url(/kr/ko/resource/img/brand/brand-bg-w.png) no-repeat center bottom}
.content-brand .desc-box dt{color:#4f3834}
.ryo-story-main{padding:0 200px;overflow:hidden;width:422px;margin:30px auto 0;background:url(/kr/ko/resource/img/brand/story-bg.png) no-repeat}
.ryo-story-main li{width:50%;position:relative;width:195px;height:191px;margin-bottom:30px;box-shadow:5px 5px 5px #ccc}
.ryo-story-main li img{border:1px solid #8c8b8a;width:193px;height:189px}
.ryo-story-main li .tit{position:absolute;top:15px;right:15px;color:#fff;font-size:25px}
.ryo-story-main li.m01,.ryo-story-main li.m03{float:left}
.ryo-story-main li.m02,.ryo-story-main li.m04{float:right}
.product-story-text{margin:10px 0 40px;font-size:14px}
.product-story-text dl{position:relative;margin:0 0 30px;padding:0 40% 0 0}
.product-story-text dl dt{font-family:'Nanum Myeongjo','맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;font-weight:700;color:#b28c6e;font-size:22px}
.product-story-text dl dd{color:#3a3a3a;font-size:14px}
.product-story-text dl dd p{margin:20px 0}
.product-story-text dl.txt-l dd.img{width:36%;position:absolute;top:-46px;right:0}
.product-story-text dl.txt-l dd.img img{width:100%}
.product-story-text dl.txt-r{margin:50px 0;overflow:hidden}
.product-story-text dl.txt-r dt{margin-bottom:10px;font-size:16px;color:#352528}
.product-story-text dl.txt-r dt,.product-story-text dl.txt-r dd.desc{float:right;width:60%}
.product-story-text dl.txt-r dd.img{width:40%;float:left;text-align:center}
.product-story-text dl.txt-r dd.img img{max-width:100%}
.product-story-text02{overflow:hidden;margin:10px 0 50px;border:2px solid #cdaf79;padding-bottom:20px}
.product-story-text02 ul{margin-top:10px;position:relative;padding:80px 0 0;font-size:16px;color:#3a3a3a;width:50%;float:left;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.product-story-text02 ul.t01{padding-left:10px;padding-right:20px;border-right:1px solid #d8d8d8}
.product-story-text02 ul.t02{padding-left:20px;padding-right:10px}
.product-story-text02 ul li{margin-top:25px}
.product-story-text02 ul .img{position:absolute;top:0}
.product-story-text02 ul.t01 .l02 .img{left:124px}
.product-story-text02 ul.t01 .l03 .img{left:238px}
.product-story-text02 ul.t02 .l02 .img{left:134px}
.product-story-text02 ul.t02 .l03 .img{left:249px}
.product-story-text02 ul li .tit{display:block;color:#a16332;font-size:16px;margin:0 0 10px}
.product-story-text03{margin:10px 0 40px;font-size:14px}
.product-story-text03 dl{position:relative;margin:20px 0 30px;padding-right:40%}
.product-story-text03 dl.txt-l{min-height:156px}
.product-story-text03 dl dt{color:#352528;font-size:16px}
.product-story-text03 dl dd{color:#3a3a3a;font-size:16px}
.product-story-text03 dl dd span{color:#b28c6e}
.product-story-text03 dl dd p{margin:20px 0}
.product-story-text03 dl.txt-l dd.img{width:36%;position:absolute;top:-50px;right:0}
.product-story-text03 dl.txt-l dd.img img{width:220px;max-width:100%}
.product-story-text03 dl.txt-r{margin:70px 0 50px;overflow:hidden;padding-right:0}
.product-story-text03 dl.txt-r dt{margin-bottom:10px}
.product-story-text03 dl.txt-r dt,.product-story-text dl.txt-r dd.desc{float:right;width:58%}
.product-story-text03 dl.txt-r dd{float:right;width:58%}
.product-story-text03 dl.txt-r dd.img{width:40%;float:left;text-align:center}
.product-story-text03 dl.txt-r dd.img img{max-width:100%;width:203px}
.list-od-wrap{border:2px solid #cdaf79;padding:10px;margin-bottom:30px}
ul.list-od-brand{overflow:hidden;margin-top:40px;margin-bottom:50px}
ul.list-od-brand li{padding-top:0;width:32%;float:left;margin-left:1%;height:110px}
ul.list-od-brand li:nth-child(4n),ul.list-od-brand li:first-child{margin-left:0}
ul.list-od-brand li strong.nm{background-color:#d1b07d}
ul.list-od-brand li strong.tit{font-size:15px;color:#b28c6e}
ul.list-od-brand li p{font-size:14px;color:#737373}
.content-brand .content-inner{padding-bottom:0}
.content-brand .content-inner:after{content:"";clear:both;width:100%;display:block;height:1px}
.brand-ryo{font-size:16px;margin:50px 0 0;overflow:hidden;color:#3a3a3a;padding:0 250px 0 0;background:url(/kr/ko/resource/img/brand/brand-ryo-img.png) no-repeat right 50%}
.brand-ryo .tit{padding:0 0 17px;margin:0 0 20px;letter-spacing:3px;display:block;color:#a16332;font-size:18px;position:relative}
.brand-ryo .tit:before{content:"";position:absolute;bottom:0;left:0;width:1.2em;height:2px;background:#3f3f40}
.brand-ryo .tit02{font-family:'Nanum Myeongjo','맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;color:#4f3834;font-weight:700;font-size:30px;margin:0 0 20px;display:block}
.brand-ryo ul li{overflow:hidden;position:relative;padding-left:177px;margin:0 0 50px}
.brand-ryo ul li .img{position:absolute;top:0;left:0;width:177px;text-align:center}
.visual-area-no1{border-bottom:1px solid #d2d2d2}
.brand-history{position:relative;padding:65px 0 50px;margin:20px 0 0}
.brand-history button.tab{position:absolute;top:0;left:0;height:37px;font-size:14px;width:225px;text-align:center;color:#737373;border:1px solid #737373;background:#fff} /* 20211028 웹접근성 c6c6c6 -> 737373 */
.brand-history button.tab.on{border-color:#414141;color:#414141; font-weight: bold;}
.brand-history button.tab1{display:block}
.brand-history button.tab2{left:230px}
.brand-history .con{display:none}
.brand-history button.tab.on + .con{display:block}
.brand-history .con ul{color:#737373}
.brand-history .con ul li{margin:0 0 5px;position:relative;padding-left:80px;min-height:1.2em}
.brand-history .con ul .year{position:absolute;top:0;left:0}
.brand-history .history2{padding-left:232px;background:url(/kr/ko/resource/img/brand/award-bg.png) no-repeat 0 50%}
.history-wrap{border:2px solid #cdaf79;padding:10px;margin-bottom:30px}
.awards{margin-top:30px;overflow:hidden;color:#737373;font-size:14px;position:relative}
.awards ul{overflow:hidden}
.awards ul li{position:relative;margin-bottom:40px;overflow:hidden;min-height:50px}
.awards ul li .con{padding:0 0 0 84px}
.awards strong.year{line-height:24px;padding-bottom:20px;font-size:24px;color:#29170b;display:inline-block;position:absolute;top:0;left:0;z-index:9}
.awards strong.year:after{content:'';position:absolute;bottom:0;left:0;width:1.2em;height:2px;background:#29170b}
.awards ul li.has-thum .img{position:absolute;top:0;left:0;z-index:9;text-align:left;width:235px;height:166px}
.awards ul li.has-thum .img img{width:235px}
.awards ul li.has-thum .con{padding-left:368px;min-height:200px}
.awards ul li.has-thum .year{top:10px;left:260px}
.awards .btn-year{position:absolute;top:0;right:20px;color:#a491b1;font-size:24px}
.tv-cf{margin:20px 0 50px}
.tv-cf:after{content:"";display:block;clear:both}
.tv-cf .video{float:left;width:65%;min-height:200px;padding-right:45px;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.tv-cf .video-area iframe{width:100%;height:400px!important}
.tv-cf .video-list{float:right;width:35%}
.tv-cf .video-desc{color:#777;margin-top:10px}
.video-list > ul{overflow:auto;margin-top:30px}
.video-list > ul li{margin:0 0 20px}
.video-list > ul li a{display:block;color:#532c6d;font-size:14px;overflow:hidden}
.video-list > ul li a img{float:left;margin:0 10px 0 0;width:96px}
.video-img .btn-play{display:block;position:relative}
.video-img .btn-play img{width:100%}
.video-img .btn-play span{overflow:hidden;text-indent:-1000px;position:absolute;top:50%;left:50%;width:83px;height:83px;margin:-41px 0 0 -41px;background:url(/kr/ko/resource/img/layout/btn-play.png) no-repeat 0 0}
.tv-cf .jqListBox-list{height:200px}
.news-wrap{position:relative}
.news-wrap .news-search .fm-inline{width:400px;margin:0 auto}
.news-detail .tb01{margin-top:10px}
.news-detail .news-tit{border-top:2px solid #c4b8c7;background:#efe8e8;padding:15px 40px}
.news-detail .news-tit h3{font-size:14px;color:#000;font-weight:700}
.news-detail-info{color:#777;font-size:13px}
.news-detail .news-con{font-size:13px;color:#777;padding:30px 40px;border-top:1px solid #c4b8c7;background:#fff}
.news-detail .news-con strong,.news-detail .news-con b{font-weight:700}
.news-detail .img-area{text-align:center}
.news-detail .img-area img{max-width:100%}
.news-link{border-top:1px solid #c4b8c7;border-bottom:1px solid #c4b8c7}
.news-link li{border-bottom:1px solid #c4b8c7;overflow:hidden;padding:10px 0}
.news-link li strong{float:left;width:20%;color:#777;text-align:center}
.news-link li p{float:left;width:80%;color:#372629}
.news-link li p a{color:#372629}
.tab-news ul{overflow:hidden}
.tab-news ul li{float:left;margin-right:4px}
.tab-news ul li a{display:block;padding:0 10px;text-align:center;color:#b2b2b2;width:110px;height:36px;line-height:34px;border:1px solid #b2b2b2;border-radius:3px;background:#fff;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.tab-news ul li.on a{border-color:#532c6d;color:#532c6d;font-weight:700}
.content-no1 .tit-brand02{margin-top:40px}
@media all and (max-width:1023px) {
.content-brand .content-inner{padding:0 20px}
.product-story-text dl.txt-l{min-height:300px}
.product-story-text dl.txt-r{padding-right:0}
.product-story-text dl.txt-l dd.img{top:0;width:30%}
.product-story-text03 dl.txt-l dd.img{top:0}
.ryo-story-main{padding:0;background:none}
}
@media all and (max-width:768px) {
.tab-brand{display:table;width:100%;border-spacing:5px 0;border-bottom:0}
.tab-brand a{display:table-cell;width:auto;width:25%;margin:0;padding:0;vertical-align:middle;line-height:1.2;float:none;border-bottom-width:1px}
.desc-box-brand{font-size:14px}
.tit-story .sub{font-size:16px}
.desc-box-brand dt{font-size:18px}
.brand-text,.brand-text.brand04{padding:0}
.brand-text .img-area{text-align:center;margin:0 0 20px;position:static;float:none;width:100%}
.brand-text .con-area{width:100%;float:none}
.content-brand.ryo-story{padding-bottom:50px;background-image:url(/kr/ko/resource/img/brand/brand-bg-m.png);background-size:100% auto}
.product-story-text02 ul{padding:0;width:100%;padding:10px!important}
.product-story-text02 ul .img{position:static}
.product-story-text02 ul.t01{border:0;padding:0}
.product-story-text02 ul.t02{padding:0;border:0}
.product-story-text02 ul li:first-child{margin-top:0}
.product-story-text02 ul li{position:relative;padding-left:125px;min-height:78px}
.product-story-text02 ul li .img{position:absolute;top:0;left:0!important;right:auto;bottom:auto}
ul.list-od-brand li{width:49%;float:left;margin-left:0;height:100px}
ul.list-od-brand li:nth-child(2n){float:right}
.brand-ryo{padding:0 0 200px;background:url(/kr/ko/resource/img/brand/brand-ryo-img-m.png) no-repeat center bottom}
.brand-ryo ul li{padding-left:150px}
.brand-ryo ul li .img{width:115px}
.brand-history button.tab{width:49%;font-size:13px;line-height:14px}
.brand-history button.tab2{left:51%;font-size:13px;line-height:14px}
.brand-history .history2{background:none;padding-left:0}
.tv-cf .video{float:none;width:100%;padding:0;margin:0 0 10px}
.tv-cf .video-list{float:none;width:100%}
.video-list > ul li{float:left;width:50%}
.tv-cf .video-area iframe{height:300px}
.content-brand .jqListbox-adapt{height:34px}
.tab-news ul li{width:25%;margin:0;font-size:12px}
.tab-news ul li a{width:96%;padding:0 5px}
.content-brand .news-content{margin:0;padding:0}
.news-wrap{border-left:0;border-right:0;position:relative}
.news-wrap .news-search{position:static;top:19px;right:50px}
.news-wrap .news-search .selectbox .jqListBox{min-width:70px}
.news-wrap .news-search .fm-inline{width:270px}
.news-wrap .news-search .ip-txt{width:100px}
.news-wrap .news-list table{width:100%;display:block}
.news-wrap .news-list tr,.news-wrap .news-list thead,.news-wrap .news-list td,.news-wrap .news-list tbody{display:block}
.news-wrap .news-list thead tr{width:1px;height:1px;overflow:hidden;position:absolute;top:-1px;left:-1px}
.news-wrap .news-list tbody tr{width:100%;position:relative;height:65px}
.news-wrap .news-list td.c-ctg{width:50%;position:absolute;left:0;text-align:left!important}
.news-wrap .news-list td.c-date{width:50%;position:absolute;right:0;text-align:right!important}
.news-wrap .news-list td.c-no,.news-wrap .news-list td.c-cnt{position:absolute;width:1px;height:1px;overflow:hidden;top:-1000px;left:-1000px}
.news-wrap .news-list td.c-tit{position:absolute;padding-top:40px;left:0;right:0;background:none;width:100%;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
}
@media all and (max-width:640px) {
.tit-brand{line-height:30px;font-size:30px;margin-bottom:15px}
.tit-brand img{width:40px;height:30px}
.tit-brand .sub{font-size:12px}
.tit-brand02{font-size:24px}
.tit-story{margin:30px 0 10px;font-size:29px;line-height:29px;color:#363636}
.tit-story img{height:28px}
.tit-story .sub{font-size:16px}
.tit-brand-txt{font-size:12px}
.brand02 .desc-box-brand dt{margin-bottom:15px}
.brand02 .txt01 dd p{padding-right:50%}
.brand02 .txt01 dd .img{width:48%;top:60px;bottom:auto}
.ryo-story-main{padding:0;background:none;width:211px}
.ryo-story-main li{width:100px;height:auto;width:99px;height:97px;margin-bottom:15px}
.ryo-story-main li img{width:100%;height:auto;width:97px;height:95px}
.ryo-story-main li .tit{top:10px;right:10px;font-size:14px}
ul.list-od-brand li{width:100%;float:none;height:auto;margin:0 0 10px}
ul.list-od-brand li:nth-child(2n){float:none}
.brand-ryo{font-size:14px}
.brand-ryo .tit{padding:0 0 17px;margin:0 0 10px}
.brand-ryo .tit02{font-size:16px;margin:0 0 10px}
.awards ul li{float:left;position:absolute}
.awards ul li .con,.awards ul li.has-thum .con{padding:20px}
.awards ul li .year,.awards ul li.has-thum .year{position:relative;top:auto;left:20px}
.awards ul li.has-thum .img{position:static;background:none;margin-bottom:50px}
.awards ul li .con{margin-top:20px}
.content-brand .content-inner{padding:0 10px}
.content-brand .content-inner.content-no1{padding:0;margin:0}
.content-brand .content-inner.content-no1 .tit-brand{margin:0 10px}
.brand-history{margin:20px}
.content-brand .content-inner.content-no1 .tit-brand04{margin:10px 20px 0}
.content-brand .content-inner.content-no1 .tit-brand-sub{margin:0 20px}
.content-brand .content-inner.content-no1 .tit-brand03{margin:0 20px}
.video-list > ul li{width:100%}
.video-img .btn-play span{width:42px;height:42px;margin:-21px 0 0 -21px;background:url(/kr/ko/resource/img/layout/btn-play-m.png) no-repeat 0 0}
.content-no1 .tit-brand02{margin-top:20px}
.content-no1 .tit-brand-txt{margin:10px}
.content-no1 .tit-brand02{margin-left:10px;margin-right:10px}
.product-story-text dl.txt-l{min-height:0}
.product-story-text03 dl.txt-l{min-height:0}
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
.btn-large-arr:after,label.ip-check-large:before,.btn-large-arr-l:after{background-image:url(/kr/ko/resource/img/layout/icons-bg-X2.png)}
.video-img .btn-play span{background-image:url(/kr/ko/resource/img/layout/btn-play.png);background-size:42px}
}
::-webkit-input-placeholder{color:#aaa}
::-moz-placeholder{color:#aaa}
:-ms-input-placeholder{color:#aaa}
:-moz-placeholder{color:#aaa}
::-ms-clear,::-ms-reveal{display:none}
div,p,table,td,h1,h2,h3,h4,h5,h6,strong,span,dl,dt,dd{word-break:break-word}
select,textarea,button{font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;-webkit-appearance:none;border-radius:0}
input[type="text"],input[type="search"]{-webkit-appearance:none;border-radius:0}
.skip{position:fixed;top:0;left:0;width:100%;z-index:9010}
.skip a{display:block;width:0;height:0;font-size:0}
.skip a:hover,.skip a:focus,.skip a:active{display:block;padding:9px 0;height:16px;width:100%;text-align:center;font-size:14px;color:#fff;background:#282a37}
.lang-cn{font-family:'돋움',Dotum,AppleGothic,sans-serif}
.screen_out{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;font-size:1px}
.clearfix:after{clear:both;display:block;content:"";height:0;visibility:hidden}
* html .fclear{height:1px}
.clearfix{display:block;min-height:1px}
.mt20{margin-top:20px}
.mt40{margin-top:40px}
.f16{font-size:16px}
.fl{float:left}
.fr{float:right}
.fc{clear:both}
.p-color01{color:#532c6d!important}
.p-color02{color:#369!important}
.p-color03{color:#b6000d!important}
.p-color04{color:#6c2118!important}
.p-color05{color:#4f3834!important}
.tl{text-align:left!important}
.tr{text-align:right!important}
.tc{text-align:center!important}
.poss{position:static}
.posr{position:relative}
.posa{position:absolute}
.posf{position:fixed}
.mobshow{display:none}
.tabletshow{display:none}
.bold{font-weight:700!important}
.underline{text-decoration:underline!important}
/*20181018 수정*/
.btn-arr {position:relative; display:inline-block;vertical-align:middle;padding:0 50px 0 10px;border:1px solid #7b6c53;color:#7b6c53;font-size:13px;height:36px;line-height:34px;border-radius:3px;background:#fff;box-sizing:border-box;}
.btn-arr:hover {background-color:#7b6c53; color:#fff;}
/*20181018 화살표 추가*/
.btn-arr:after{content:''; display:block; width:3px; height:3px; border-top:1px solid #7b6c53; border-right:1px solid #7b6c53; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right:10px; top:64%; margin-top:-7px;  }
.btn-arr:hover:after,
.btn-arr.btn-v:hover:after{border-color: #fff;}
.btn-arr.btn-v{border-color:#532c6d;color:#532c6d;}
.btn-arr.btn-v:after{border-color: #532c6d;}
.btn-arr.btn-v:hover{background-color:#532c6d; color: #fff;}
.btn-arr.btn-b{border-color:#884d31;background-color:#884d31;color:#fff;}
.btn-arr.btn-b:after{border-color: #884d31;}
/*--20181018 end--*/
.btn-area{margin:20px 0}
.btn-large{margin:0 5px;display:inline-block;vertical-align:middle;border:1px solid #583a3a;color:#583a3a;font-size:20px;height:58px;padding:0 45px;line-height:58px;background:#fff;-webkit-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.btn-large:hover,.btn-large:active{color:#fff;background:#583a3a}
.btn-large-arr{position:relative;text-align:left;padding:0 40px 0 17px;min-width:140px}
.btn-large-arr:after{content:'';position:absolute;top:50%;right:11px;margin-top:-5px;width:6px;height:10px;background:url(/kr/ko/resource/img/layout/icons-bg.png) no-repeat 0 0;background-size:199px 175px}
.btn-large:hover:after{background-position:0 -20px}
.btn-large-arr-l{position:relative;text-align:right;padding:0 17px 0 40px;min-width:140px;color:#d2b17c;border-color:#d2b17c}
.btn-large-arr-l:hover,.btn-large-arr-l:active{background:#d2b17c}
.btn-large-arr-l:after{content:'';position:absolute;top:50%;left:11px;margin-top:-5px;width:6px;height:10px;background:url(/kr/ko/resource/img/layout/icons-bg.png) no-repeat 0 -41px;background-size:199px 175px}
.btn-large-arr-l:hover:after{background-position:0 -61px}
.btn-small{display:inline-block;font-size:11px;text-align:center;padding:0 10px;height:22px;color:#fff;background:#807777;border:1px solid #9d9696;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.btn-small.btn-w{color:#74544d;border-color:#c5b9b4;background:#ede7e6}
.btn-top{display:inline-block;width:58px;height:52px;border-radius:5px;overflow:hidden;text-align:left;text-indent:-1000px;background:#b0b0b0 url(/kr/ko/resource/img/layout/btn-top.png) no-repeat 50% 50%}
.top-bottom-wrap{text-align:right}
.btns a{margin:0 2px}
.btn-both{overflow:hidden}
.jqListbox-adapt.selectbox{display:inline-block;height:36px;vertical-align:middle}
.selectbox .jqListBox{width:auto;min-width:120px;border:1px solid #532c6d;height:36px;background-color:#fff;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-radius:3px}
.selectbox .jqListBox-combo{border:0;height:100%;line-height:34px;font-size:13px;color:#532c6d;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.selectbox .jqListBox-combo-arrow{background:url(/kr/ko/resource/img/layout/combo-bg.png) no-repeat 6px 50%}
.selectbox .jqListBox-combo-arrow.on{background:url(/kr/ko/resource/img/layout/combo-on-bg.png) no-repeat 6px 50%}
.selectbox .jqListBox-list{border:1px solid #777;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-radius:3px}
.selectbox .jqListBox-list .jqListBox-option{color:#777}
.selectbox .jqListBox-list .jqListBox-option.selected{color:#fff;background:#b9b9b9}
.selectbox .jqListBox:hover{background-color:#532c6d;color:#fff}
.selectbox .jqListBox:hover .jqListBox-combo{color:#fff}
.selectbox .jqListBox:hover .jqListBox-combo-arrow{background-image:url(/kr/ko/resource/img/layout/combo-over-bg.png)}
.jqListbox-adapt.selectbox02{height:23px}
.selectbox02 .jqListBox{border-color:#ccc4d2;border-radius:0;height:23px}
.selectbox02 .jqListBox-combo{line-height:21px;color:#777}
.selectbox02 .jqListBox:hover{background-color:#fff}
.selectbox02 .jqListBox:hover .jqListBox-combo{color:#777}
.selectbox02 .jqListBox-list{border:1px solid #ccc4d2;border-radius:0}
.selectbox02 .jqListBox-list .jqListBox-option{height:18px}
.selectbox02 .jqListBox-combo-arrow{background:url(/kr/ko/resource/img/layout/combo02-bg.png) no-repeat 6px 50%}
.selectbox02 .jqListBox:hover .jqListBox-combo-arrow{background-image:url(/kr/ko/resource/img/layout/combo02-over-bg.png)}
.ip-txt[type="text"]{min-width:100px;padding:0 10px;color:#532c6d;font-size:13px;vertical-align:middle;border:1px solid #b2b2b2;height:36px;background-color:#fff;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.ie8 .ip-txt[type="text"]{line-height:36px}
.ip-txt02[type="text"]{border:1px solid #ccc4d2;height:23px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.fm-inline > li{float:left;margin-right:5px}
.fm-inline > li:last-child{margin-right:0}
.fm-inline:after{content:'';clear:both;display:block}
.ip-check-large{position:relative;display:inline-block;padding:0 0 0 60px;overflow:hidden;min-height:41px;border:0!important}
.ip-check-large input{position:absolute;width:50px;height:50px;font-size:1px;top:0;left:0;opacity:0;filter:alpha(opacity=0)}
.ip-check-large:before{content:'';display:block;position:absolute;top:0;left:0;width:41px;height:41px;background:url(/kr/ko/resource/img/layout/icons-bg.png) no-repeat -43px 0;background-size:199px 175px}
.ip-check-large.checked:before{background-position:-43px -48px}
.ip-check-large.focus{outline:1px solid #6fb9e0}
.ip-check-large.disabled{color:#b3b3b3!important}
.ip-check-large.disabled:before{content:'';background:url(/kr/ko/resource/img/layout/icons-bg.png) no-repeat -92px 0}
.ie8 .ip-check-large:before{display:none}
.ie8 .ip-check-large .before{content:'';z-index:999;display:block;position:absolute;top:0;left:0;width:41px;height:41px;background:url(/kr/ko/resource/img/layout/icons-bg.png) no-repeat -43px 0;background-size:199px 175px}
.ie8 .ip-check-large.checked .before{background-position:-43px -48px}
.ie8 .ip-check-large.disabled .before{content:'';background:url(/kr/ko/resource/img/layout/icons-bg.png) no-repeat -92px 0}
@media all and (max-width:1023px) {
.tabletshow{display:block}
.top-bottom-wrap{margin:0 20px}
}
@media all and (max-width:768px) {
.tit03 .sub{display:block}
}
@media all and (max-width:640px) {
.mobshow{display:block}
.btn-large{margin:0 2px;height:45px;line-height:45px;font-size:16px}
.ip-check-large{padding:0 0 0 40px;overflow:hidden;min-height:30px}
.ip-check-large:before{width:30px;height:30px;background-position:-43px -96px}
.ip-check-large.checked:before{background-position:-43px -129px}
.ip-check-large.disabled:before{background-position:-92px -96px}
.top-bottom-wrap{margin:0 10px}
.btn-top{display:inline-block;width:40px;height:35px;border-radius:3px;background-image:url(/kr/ko/resource/img/layout/btn-top-m.png)}
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
.btn-large-arr:after,.ip-check-large:before,.btn-large-arr-l:after{background-image:url(/kr/ko/resource/img/layout/icons-bg-X2.png)}
.btn-top{background-image:url(/kr/ko/resource/img/layout/btn-top.png);background-size:10px 14px}
}
@charset "UTF-8";
.animated{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:1s;animation-duration:1s}
@-webkit-keyframes flash {
0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash {
0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse {
0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse {
0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand {
0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}
40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes rubberBand {
0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}
40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake {
0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake {
0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing {
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing {
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada {
0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada {
0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble {
0%{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
100%{-webkit-transform:none;transform:none}
}
@keyframes wobble {
0%{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
100%{-webkit-transform:none;transform:none}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes bounceIn {
0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn {
0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounceInDown {
0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown {
0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
100%{-webkit-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft {
0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft {
0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
100%{-webkit-transform:none;transform:none}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight {
0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
100%{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight {
0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
100%{-webkit-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp {
0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp {
0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut {
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut {
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig {
0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig {
0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft {
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig {
0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig {
0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig {
0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig {
0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:200ms;animation-delay:200ms}
@-webkit-keyframes fadeInUpBig {
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig {
0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip {
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip {
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX {
0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX {
0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY {
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX {
0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@keyframes flipOutX {
0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY {
0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes flipOutY {
0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes lightSpeedIn {
0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
100%{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn {
0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
100%{-webkit-transform:none;transform:none;opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut {
0%{opacity:1}
100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut {
0%{opacity:1}
100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn {
0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn {
0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut {
0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
@keyframes rotateOut {
0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
@keyframes rotateOutDownLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutDownRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutUpLeft {
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
@keyframes rotateOutUpRight {
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge {
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge {
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn {
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn {
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn {
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn {
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown {
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInDown {
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft {
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInLeft {
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight {
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInRight {
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp {
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInUp {
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut {
0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:0}
}
@keyframes zoomOut {
0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomOutDown {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomOutUp {
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown {
0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInDown {
0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInLeft {
0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {
0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInRight {
0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp {
0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInUp {
0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}
}
@keyframes slideOutDown {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@keyframes slideOutLeft {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}
}
@keyframes slideOutRight {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
}
@keyframes slideOutUp {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* iCheck plugin Minimal skin, black
----------------------------------- */
.icheckbox_minimal,
.iradio_minimal {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 18px;
	height: 18px;
	background: url(ryo/css/icheck/minimal.png) no-repeat;
	border: none;
	cursor: pointer;
}

.icheckbox_minimal {
	background-position: 0 0;
}
.icheckbox_minimal.hover {
	background-position: -20px 0;
}
.icheckbox_minimal.checked {
	background-position: -40px 0;
}
.icheckbox_minimal.disabled {
	background-position: -60px 0;
	cursor: default;
}
.icheckbox_minimal.checked.disabled {
	background-position: -80px 0;
}

.icheckbox_minimal.focus {
	outline:1px dotted #000;
}

.iradio_minimal {
	background-position: -100px 0;
}
.iradio_minimal.hover {
	background-position: -120px 0;
}
.iradio_minimal.checked {
	background-position: -140px 0;
}
.iradio_minimal.disabled {
	background-position: -160px 0;
	cursor: default;
}
.iradio_minimal.checked.disabled {
	background-position: -180px 0;
}

.iradio_minimal.focus {
	outline:1px dotted #000;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
	.icheckbox_minimal,
	.iradio_minimal {
		background-image: url(ryo/css/icheck/minimal@2x.png);
		-webkit-background-size: 200px 20px;
		background-size: 200px 20px;
	}
}

.iradio_minimal label {vertical-align: top}
@charset "utf-8";

.jqListbox-adapt {position:relative;display:block;height:43px; z-index: 1}
.jqListbox-adapt select {width:100%;height:100%;margin:0;padding:0;border:none;}
.jqListBox {position:relative;top:0;left:0;display:inline-block;*display:inline;*zoom:1;width:100%;vertical-align:top;font-size:13px;font-family:arm,"돋움",Dotum, arial, Sans-serif}
.jqListBox * {margin:0;padding:0;vertical-align:middle;text-decoration:none;}
.jqListBox-combo {display:block;height:43px;white-space:nowrap;font-size:17px;line-height:43px;color:#292a37;cursor:pointer;*zoom:1;border:1px solid #d4d4d7;}
.jqListBox-combo:after {content:"";display:block;clear:both}
.jqListBox-combo-txt {float:left;overflow:hidden;text-overflow:ellipsis;text-indent:10px}
.jqListBox-combo-arrow {float:right;width:20px;height:100%;background:url("ryo/css/jqListbox/jqlistbox-arrow.png") no-repeat 0 50%;}
.jqListBox-combo-arrow.on {background-position:-29px 50%;}
.jqListBox-list {overflow-x:hidden;overflow-y:auto;position:absolute;top:auto;left:0;background:#fff;border:1px solid #ccc;list-style:none;z-index:1;}
.jqListBox-option{display:block;overflow:hidden;height:22px;padding:3px 0;text-indent:10px;color:#606060;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;}
.jqListBox-option:focus,
.jqListBox-option:hover,
.jqListBox-option.selected {background-color:#f0f7fb;color:#2366b2;}

@media all and (min-width: 767px) {
	.jqListbox-adapt {height:34px;}
	.jqListBox-combo {height:43px;font-size:17px;line-height:43px;}
	.jqListBox-list {margin-top:-1px}
}

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
	.jqListBox-combo-arrow {background-image:url("ryo/css/jqListbox/jqlistbox-arrow@2x.png");background-size:56px 7px;}
}


@charset "utf-8";
.wrapper{width:100%;height:100%;min-width:320px}
.mobnavActive{overflow:hidden}
.container{min-height:400px;background-color:#f6f6f6}
.content{padding:0}
.content .content-inner{max-width:980px;margin:0 auto;padding-bottom:38px}
.pagecontent-info{background-color:rgba(255,255,255,0.7);height:48px}
.ie8 .pagecontent-info{background-image:url(/kr/ko/resource/img/layout/navigator-bg.png)}
.pagecontent-info .breadcr{max-width:980px;margin:0 auto}
.pagecontent-info .breadcr .gt{display:inline-block;margin:0 5px}
.breadcr p{float:left;height:48px;line-height:48px;padding-left:0;letter-spacing:-1px;font-size:12px}
.breadcr ul{float:right;height:48px;line-height:48px;letter-spacing:-1px}
.breadcr ul li{float:left;padding-top:15px;width:18px;height:18px;margin-right:4px}
.breadcr ul li a{display:block;width:18px;height:18px;text-indent:-999em;background-image:url(/kr/ko/resource/img/layout/pageutil-bg.png)}
.ico-print{background-position:0 0}
.ico-email{background-position:-22px 0}
.ico-tw{background-position:-44px 0}
.ico-face{background-position:-66px 0}
.ico-in{background-position:-88px 0}
.header{position:relative;height:95px;border-bottom:2.5px solid #d0b07d;z-index:9001}
.header-head{position:relative;max-width:980px;margin:0 auto}
.header .logo{position:absolute;left:0;top:7px;z-index:1}
.header .logo img{width:79px}
.header-container{max-width:980px;margin:0 auto;height:95px;border-bottom:2.5px solid #6a242c}
.header-content{/* padding:0 0 0 177px */text-align:center;}
.header-global{position:absolute;right:0;top:0;width:100px;z-index:10}
.header-global > strong{padding:5px 5px 5px 14px;color:#737373;font-size:12px;line-height:12px;border:1px solid #d3d3d3;border-radius:3px}
.header-global > strong button{width:26px;height:16px;overflow:hidden;text-indent:-1000px;background:url(/kr/ko/resource/img/layout/btn-lang-more.png) no-repeat 50% 50%}
.header-global ul{display:none;top:0;right:0px;width:126px;padding:8px 0;margin-top: -94px;position:absolute;background:#fff;border:1px solid #c2c2c2;z-index:9003;border-radius:3px}
.header-global ul:after{content:'';position:absolute;bottom:-9px;left:50%;width:23px;height:9px;background:url(/kr/ko/resource/img/layout/btn-lang-arr.png) no-repeat;margin:0 0 0 -11px}
.header-global ul li a{padding:0 10px;color:#989898;font-size:12px;line-height:19px;height:21px;display:block}
.header-global ul li a:hover,
.header-global ul li a:focus {color:#4e4e4e;background:#d9d9d9;}
.header-util{/* height:36px; */position:relative;min-height:auto;}
.header-util .header-util {position:absolute;top:-46px;right:0;}
.header-util ul{float:right;padding-top:20px}
.header-util ul li{float:left;position:relative;padding:0 7px}
.header-util ul li:first-child:after{display:none}
.header-util ul li a{display:block;font-size:11px;letter-spacing:-1px}
.header-util ul li .util-member {display:block;cursor:pointer;}
.header-util ul li.search a{font-size:12px;font-weight:700;}
.header-util .popup {display:none;left:-10px;top:100%;position:absolute;margin-top:14px;padding:8px 14px;border: 1px solid #767676;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;border-radius: 5px;font-size: 1.2em;background: #fff;z-index: 9999!important;box-shadow: 0 2px 4px rgba(51,51,51,.25);-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;-ms-transform-origin: 50% 0;-o-transform-origin: 50% 0;transform-origin: 50% 0;}
.header-util .popup:before {content:"";position:absolute;left:20px;top:-7px;height:0;width:0;border-bottom:6.5px solid #767676;border-left:6.5px solid transparent;border-right:6.5px solid transparent;}
.header-util .popup:after {content:"";position:absolute;left:20px;top:-6px;height:0;width:0;border-bottom:6.5px solid #fff;border-left:6.5px solid transparent;border-right:6.5px solid transparent;}
.header-util .popup a {display: block;color: #767676;line-height: 23px;text-decoration: none;white-space: nowrap;}
.header-util .popup a:focus, 
.header-util .popup a:hover {color:#454545}

.header-nav {display:inline-block;}
.mobnavActive .nav{z-index:9005}
.mobnavActive .header-content .navajax{display:none}
.nav{width:100%}
.nav .logo{width:100%;text-align:center;padding:30px 0 50px}
.nav .navbox{margin:0 auto;padding-top:49px;}
.nav .navbox .navitem{float:left;padding-right: 64.5px;}
.nav .navbox .navitem:first-child + .navitem{background:none}
.nav .navbox .navitem>a{font-size:17px;padding:0 10px 30px;font-family:'Nanum Myeongjo',Malgun Gothic W35,'돋움',Dotum,AppleGothic,sans-serif;font-weight:700}
.nav .navbox .navitem>a.active{color:#9561d3}
.nav .txt-ryo{width:21px;height:22px;line-height:22px;text-align:center;color:#fff;display:inline-block;background:url(/kr/ko/resource/img/layout/first-text03-bg.png) no-repeat;background-size:100%}
.nav .navbox .navitem>a.active .txt-ryo{background-image:url(/kr/ko/resource/img/layout/first-text03-active-bg.png)}
.dep2{display:none;height:50px;position:absolute;left:0;top:95px;width:100%;background:#3f295d;z-index:9002}
.dep2box{display:inline-block;max-width:980px;margin:0 auto;*zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.dep2box:after{clear:both;content:'';display:block}
.dep2box .dep2box-item{float:left}
.dep2box .dep2box-item>a{font-size:14px;display:block;color:#fff;padding:11px 20px}
.dep2box-item .dep3ar.active,.dep2box-item .dep3ar:hover{background:url(/kr/ko/resource/img/layout/gnb-arr.png) no-repeat right 50%}
.dep3{display:none;position:absolute;left:0;top:50px;width:100%;background:rgba(62,42,93,0.8)}
.ie8 .dep3{background:url(/kr/ko/resource/img/layout/dimmdbg.png) 0 0 repeat}
.dep3box{max-width:980px;margin:0 auto;padding:20px 400px 20px 200px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*zoom:1}
.dep3box:after{clear:both;content:'';display:block}
.dep3box li{float:left;position:relative;width:50%;padding-left:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:left;}
.dep3box li:after{content:'ㆍ';color:#fff;text-align:center;display:block;width:10px;height:100%;line-height:100%;position:absolute;left:0;top:5px}
.dep3box li a{font-size:12px;display:block;color:#fff;padding:3px 20px}
.ie8 .dep3box{width:800px;padding-left:100px}
.menu0 .dep3box{padding:20px 300px 20px 220px}
.menu1 .dep3box{padding:20px 300px 20px 320px}
.menu2 .dep3box{padding:20px 100px 20px 520px}
.ie8 .menu0 .dep3box{width:800px;padding-left:30px}
.ie8 .menu1 .dep3box{width:700px;padding:20px 200px 20px 100px}
.ie8 .menu2 .dep3box{width:700px;padding:20px 100px 20px 200px}
.gnbsubbox01{margin-left:-382px;}
.gnbsubbox02{margin-left:-62px;}
.gnbsubbox03{margin-left:43px;}
.gnbsubbox04{margin-left:211px;}

.ie8 .gnbsubbox04{padding-left:555px;padding-right:0;left:555px;position:relative}
.mob-navclose{overflow:hidden;text-indent:-100px;position:absolute;top:15px;right:15px;width:20px;height:20px;background:url(/kr/ko/resource/img/layout/btn-close.png) no-repeat 50% 50%}
.footer{border-top:1px solid #cbcbcb;padding-top:18px;padding-bottom:18px; width: 100%;}
.footer-container{position:relative;max-width:980px;margin:0 auto}
.foot-logo{position:absolute;top:0;left:0;z-index:10}
.foot-con{position:relative;padding:0 203px 0 162px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.foot-con ul li{position:relative;float:left;padding:0 7px;font-size:11px;color:#656565;letter-spacing:-1px;height:16px}
.foot-con ul li:first-child{padding-left:0}
.foot-con ul li:first-child:after{display:none}
.foot-con ul li:after{width:1px;height:11px;position:absolute;left:0;top:3px;background:#a7a7a7;content:''}
.foot-con ul li a{font-size:11px;color:#656565}
.foot-con ul li.cmcenter{padding-left:0}
.foot-con ul li.cmcenter:after{display:none}
.foot-con .copyright{font-size:11px;font-weight:700;color:#ccc}
.foot-util{position:relative;z-index:1;float:right}
.foot-util .familysite,.foot-util .mark-ico{float:left}
.foot-util .familysite{font-size:11px;font-weight:700;height:auto;padding-top:5px}
.foot-util .jqListBox-combo{height:auto;line-height:18px;border:none;font-size:11px;color:#b7af9f}
.foot-util .jqListBox-combo-txt{height:auto;line-height:18px}
.foot-util .jqListBox-combo-arrow{height:13px;background:url(/kr/ko/resource/img/layout/foot-fmsiteup.png) 5px 2px no-repeat}
.foot-util .jqListBox-combo-arrow.on{background:url(/kr/ko/resource/img/layout/foot-fmsitedown.png) 5px 2px no-repeat}
.foot-util .jqListBox-list{bottom:18px}
.foot-util .jqListbox-adapt{float:left}
.foot-util .fmsite-go{float:left;font-size:11px;border:1px solid #b7af9f;text-align:center;padding:0 3px;margin-right:10px}
.foot-infoutil{position:absolute;right:120px;top:-7px;padding:0}
.foot-infoutil img{width:60px}
.dimmd{display:none;width:100%;height:100%;background:rgba(89,68,102,0.8);position:fixed;left:0;top:0;z-index:9004}
.ie8 .dimmd{background:url(/kr/ko/resource/img/layout/dimmdbg.png) 0 0 repeat}
@media all and (max-width:1023px) {
.container{padding-top:97px}
.content{max-width:100%}
.breadcr ul{display:none}
.breadcr p{padding-left:38px}
.header{position:fixed;left:0;top:0;width:100%;background:#fff}
.header .logo{position:relative;width:68px;margin:0 auto}
.header-content{padding:0 38px}
.header-util{display:none}
.header-nav .mob-navopen{position:absolute;left:38px;top:35px}
.header-nav .mob-searchbtn{position:absolute;right:38px;top:35px}
.nav{display:none;overflow:auto;width:70%;height:100%;left:-80%;top:0;bottom:0;position:fixed;background:#fff}
.nav .navbox{float:left;margin-left:0;padding-top:0;border-bottom:2px solid #e4e0e7;border-top:2px solid #e4e0e7}
.nav .navbox .navitem{float:left;width:100%;padding:0;border-top:2px solid #e4e0e7;background:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.nav .navbox .navitem:first-child{border-top:none}
.nav .navbox .navitem>a{position:relative;display:block;font-size:30px;padding:15px 0 15px 20px;letter-spacing:-1px}
.nav .navbox .navitem>a.active .txt-ryo{height:30px;width:33px;background-image:url(/kr/ko/resource/img/layout/first-text03-active-bg2.png)}
.nav .navbox .navitem>a.dep3ar:after{display:block;background-image:url(/kr/ko/resource/img/layout/mobgnbar.png);background-position:right -13px;background-repeat:no-repeat;content:'';position:absolute;top:30px;right:20px;width:22px;height:13px}
.nav .navbox .active>a.dep3ar:after{background-position:right 0}
.nav .navbox .navitem2{border-top:2px solid #e4e0e7;width:50%;float:left;font-size:30px;padding:15px 0;text-align:center;letter-spacing:-1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.nav .navbox .navitem2.bd-l{border-left:2px solid #e4e0e7}
.nav .navbox .navitem2.gnb-store {width:100%;}
.nav .txt-ryo{width:42px;height:44px}
.dep2{display:none;height:auto;position:relative;left:0;top:0;width:100%;background:#fff}
.dep2box .dep2box-item{float:left;width:100%;border-top:2px solid #e4e0e7;background:url(/kr/ko/resource/img/layout/mobgnbdot1.png) 20px 26px no-repeat}
.dep2box .dep2box-item>a{position:relative;font-size:24px;display:block;color:#3a3a3a;padding:10px 40px;letter-spacing:-1px}
.dep2box .dep2box-item a.dep3ar:after{display:block;background-image:url(/kr/ko/resource/img/layout/mobgnbar.png);background-position:right -13px;background-repeat:no-repeat;content:'';position:absolute;top:25px;right:20px;width:22px;height:13px}
.active .active a.dep3ar:after{background-image:url(/kr/ko/resource/img/layout/mobgnbar.png);background-position:right 0}
.dep3{display:none;position:relative;left:0;top:0;width:100%;background:#f9f7fa}
.dep2box-item .dep3ar.active,.dep2box-item .dep3ar:hover{background-image:none}
.ie8 .dep3{background:#f9f7fa}
.dep3box{padding:0}
.dep3box li{float:left;width:100%;padding-left:0;border-top:2px solid #e4e0e7}
.dep3box li a{background:url(/kr/ko/resource/img/layout/mobgnbdot2.png) 40px 26px no-repeat;font-size:22px;display:block;color:#797979;padding:10px 50px;letter-spacing:-1px}
.dep3box li:after{display:none}
.active>.dep2{display:block}
.active>.dep3{display:block}
.gnbsubbox01{margin-left:0}
.gnbsubbox02{margin-left:0}
.gnbsubbox03{margin-left:0}
.gnbsubbox04{margin-left:0}
.menu0 .dep3box{padding:0}
.menu1 .dep3box{padding:0}
.menu2 .dep3box{padding:0}
.gnbsubbox03 .dep3box{margin-left:0}
.footer-container{padding:0 38px}
.foot-logo{left:39px;top:auto;bottom:0}
.foot-util{width:100%;margin-top:50px;z-index:1}
.foot-util .familysite{position:relative;max-width:273px;width:50%}
.foot-util .jqListBox-combo{border:1px solid #d8d8d8;height:44px;font-size:14px;color:#b7af9f}
.foot-util .jqListBox-combo-txt{height:44px;line-height:44px}
.foot-util .jqListBox-combo-arrow{float:right;width:20px;height:100%;background:url(ryo/css/jqListbox/jqlistbox-arrow.png) no-repeat 0 50%}
.foot-util .jqListBox-combo-arrow.on{background:url(ryo/css/jqListbox/jqlistbox-arrow.png) no-repeat -29px 50%}
.foot-util .jqListBox-list{bottom:44px}
.foot-util .jqListbox-adapt{position:relative;float:none;width:100%;padding-right:46px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.foot-util .fmsite-go{position:absolute;right:0;top:5px;width:46px;height:46px;margin:0;z-index:2}
.foot-util .mark-ico{float:right}
.foot-con{width:100%;padding:0 0 40px}
.foot-con ul{padding-left:0;padding-right:180px}
.foot-con ul li{float:left;padding:0 7px;height:auto!important}
.foot-con ul li a{color:#656565}
.foot-con .copyright{padding-left:0}
.foot-infoutil{position:absolute;right:80px;top:-7px;padding:0}
}
@media all and (max-width:640px) {
.container{padding-top:48px}
.breadcr p{padding-left:19px;font-size:11px}
.header{height:47px;border-bottom:0}
.header-nav .mob-navopen{position:absolute;left:19px;top:14px}
.header-nav .mob-searchbtn{position:absolute;right:19px;top:14px}
.header-container{height:47px;padding:0 19px;margin:0 19px;border-bottom:none}
.header .logo{width: 52px;top: -4px;left: 5px;}
.header .logo img{width:100%}
.nav .navbox .navitem>a{font-size:20px}
.nav .navbox .navitem>a.dep3ar:after{top:24px}
.nav .navbox .navitem>a.active .txt-ryo{height:22px;width:21px;background-image:url(/kr/ko/resource/img/layout/first-text03-active-bg.png)}
.nav .navbox .navitem2{font-size:12px}
.dep2box .dep2box-item{background-position:20px 20px}
.dep2box .dep2box-item>a{font-size:16px}
.dep2box .dep2box-item a.dep3ar:after{top:16px}
.dep3box li a{font-size:14px;background-position:40px 20px}
.nav .txt-ryo{width:21px;height:22px}
.footer-container{padding:0 19px 25px}
.foot-con ul{padding-left:0;padding-right:100px}
.foot-con .copyright{padding-left:0}
.foot-util .jqListbox-adapt{position:relative}
.foot-util .jqListBox-combo-arrow{display:none}
.foot-logo{left:19px;bottom:0}
.foot-con{padding-bottom:10px}
.foot-infoutil{position:absolute;right:6px;top:auto;bottom:-35px}
}
@media all and (max-width:503px) {
.foot-util{width:100%;margin-top:70px}
.foot-logo{margin-top:100px}
.breadcr p{height:42px;line-height:18px;margin-top:6px;padding-right:19px}
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
.mob-navclose{background-image:url(/kr/ko/resource/img/layout/btn-close-X2.png);background-size:14px 15px}
}


@charset "utf-8";

table.ellipsis td, .tb-list.ellipsis ul > li > span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ta01 */
.tb01 {margin:20px 0 0 0;border-top:2px solid #ccc4d2;}
.tb01 table {border-collapse:collapse;width:100%;table-layout:fixed;color:#777;}
.tb01 table thead tr {border-bottom:1px solid #ccc4d2;}
.tb01 table thead th {padding:8px 10px;}
.tb01 table tbody tr {border-bottom:1px solid #bbb;}
.tb01 table tbody tr td {padding:8px 10px;}
.tb01 table tbody tr:last-child {border-bottom:1px solid #ebe7ed;}
.tb01 table tbody td a {color:#777;}

/* tb02 */
.tb02 table {width:100%;border-collapse:collapse;font-size:14px;color:#777;}
.tb02 table thead th {background:#f3f2f2;border-bottom:1px solid #ccc4d2;}
.tb02 table tbody tr {border-bottom:1px dotted #e9e8eb;}
.tb02 table tbody tr td {padding:5px 20px;}
.tb02 table tbody tr th {background:#f3f3f3;}

/* tb03 */
.tb03 table {width:100%;border-collapse:collapse;font-size:13px;color:#777;}
.tb03 table thead th {color:#fff;background:#968a86;border-left:1px solid #c8c3c7; border-bottom:1px solid #b6acb2;padding:5px 10px;}
.tb03 table thead tr th.bd-none {border-left:none;}
.tb03 table tbody tr {border-bottom:1px solid #d1b8c8;}
.tb03 table tbody th {color:#b06039;background:#f1f1f1;text-align:left;}
.tb03 table tbody th, .tb03 table tbody td {padding:5px 10px;}
.tb03 td.p0 {padding:0;}

/* ta04 */
.tb04 {margin:20px 0 0 0;border-top:2px solid #ccc4d2;font-size:14px;}
.tb04 table {border-collapse:collapse;width:100%;table-layout:fixed;color:#777;border-bottom:1px solid #bbb;}
.tb04 table thead tr {border-bottom:1px solid #ccc4d2;}
.tb04 table thead th {padding:8px 10px;}
/*
.tb04 table tbody tr td {border-bottom:1px solid #ebe7ed;}
*/
.tb04 table tbody tr td {padding:8px 10px; background:url("/kr/ko/resource/img/layout/tb04-bg.png") repeat-x top;}
.tb04 table tbody tr:first-child td {background-image:none;}
.tb04 table tbody td a {color:#777;}

/* tb-list */
.tb-list {color:#777;font-size:14px;background:#fff;display:table;margin:10px 0 0 0;border-collapse:collapse;width:100%;table-layout:fixed;border-top:2px solid #ccc4d2;color:#777;}
.tb-list .colgroup {display:table-column-group;}
.tb-list .colgroup span {display:table-column;}
.tb-list ul.head {display:table-header-group;}
.tb-list ul.body {display:table-row-group;}
.tb-list ul > li {display:table-row;}
.tb-list ul > li > span {display:table-cell;vertical-align:middle;text-align:center;}
.tb-list ul.head > li > span {border-bottom:1px solid #ccc4d2;padding:10px;}
.tb-list ul.body > li > span {border-bottom:1px dotted #bbb;padding:10px;}
.tb-list ul.body > li:last-child > span {border-bottom:1px solid #ebe7ed;}
.tb-list a {color:#777;}





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

.tb02 table {font-size:12px;}



/* tb-list */
.tb-list {display:block;border-top:1px solid #eaeaea;}
.tb-list .colgroup, .tb-list ul.head {display:none;}
.tb-list ul.body {display:block;}
.tb-list ul.body > li {display:block;border:none;border-bottom:1px dotted #bbb;padding:20px 0;}
.tb-list ul.body > li:last-child > span {border:none;}
.tb-list ul.body > li > span {display:inline;border:none;}


}

@media all and (max-width:640px) {
	/* tb03 */
	.tb03 table  {font-size:12px;}
	
}
@charset "utf-8";
.tit01{font-family:'Nanum Myeongjo',Malgun Gothic W35,'돋움',Dotum,AppleGothic,sans-serif;font-weight:700;display:block;color:#532c6d;margin:20px 0;font-size:28px;line-height:45px;border-bottom:2px solid #e6e5e5;padding:0 0 10px;position:relative;letter-spacing:-.1em}
.tit01.bd-none{border-bottom:0;padding-bottom:0}
.tit01 .ft{color:#fff;width:45px;height:47px;text-align:center;display:inline-block;font-weight:700;background:url(/kr/ko/resource/img/layout/first-text-bg.png) no-repeat}
.tit02{font-family:'Nanum Myeongjo',Malgun Gothic W35,'돋움',Dotum,AppleGothic,sans-serif;color:#532c6d;margin:30px 0 15px;font-size:20px;position:relative;letter-spacing:-.1em}
.tit02 .sub{font-size:18px;color:#a75e91;letter-spacing:0}
.tit03{font-family:'Nanum Myeongjo',Malgun Gothic W35,'돋움',Dotum,AppleGothic,sans-serif;font-weight:700;color:#532c6d;font-size:18px;position:relative}
.tit03 .sub,.tb_count{font-size:14px;color:#c3a068}
.tit_summary{font-family:'Nanum Myeongjo',Malgun Gothic W35,'돋움',Dotum,AppleGothic,sans-serif;font-weight:700;display:block;padding-top:15px;color:#532c6d;font-size:24px;line-height:24px;position:relative}
.tit_summary:after{content:"";position:absolute;top:0;left:0;height:2px;width:1em;background-color:#532c6d}
.tit04{margin:0 0 20px;font-size:24px;color:#45191a;font-family:'Nanum Myeongjo',Malgun Gothic W35,'돋움',Dotum,AppleGothic,sans-serif;font-weight:700}
.tab01{overflow:hidden;width:100%;display:table;border-spacing:5px 0}
.tab01 a{display:table-cell;width:20%;background:red;vertical-align:middle;color:#b8a8c2;font-size:16px;padding:10px 0;text-align:center;background:#fff;border:1px solid #e1dde4}
.tab01 a.on{color:#532c6d;border-color:#532c6d}
.tab-dep01-wrap{max-width:980px;margin:0 auto;margin-top:20px}
.tab-dep01{width:100%;margin:0 0 35px;display:table;table-layout:fixed;border-collapse:collapse;background:#fff;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.tab-dep01 a{font-size:16px;padding:13px 10px;vertical-align:middle;display:table-cell;border:1px solid #e1dde4;text-align:center;color:#b8a8c2}
.tab-dep01 a.on{font-weight:700;color:#532c6d;border-color:#532c6d;position:relative}
.tab-dep01 a.prev{border-right:1px solid #532c6d}
.tab-dep02{overflow:hidden;margin-bottom:40px}
.tab-dep02 li{margin-right:20px;min-width:125px;float:left;position:relative;height:34px;border-bottom:2px solid #b4b4b4;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.tab-dep02 li:after{content:"";position:absolute;bottom:0;right:0;width:16px;height:11px;background:url(/kr/ko/resource/img/layout/tab02-bg.png) no-repeat}
.tab-dep02 li a{display:block;color:#7f7f7f;font-size:16px;padding-bottom:8px}
.tab-dep02 li.on{border-color:#273256}
.tab-dep02 li.on:after{background-position:0 bottom}
.tab-dep02 li.on a{color:#273256}
.paging{text-align:center;margin:20px 0 40px}
.paging a,.paging p,.paging button{color:#b2b2b2;display:inline-block;padding:0 10px;height:22px;line-height:22px;vertical-align:middle}
.paging a.on,.paging p.on,.paging button.on,.paging strong{color:#532c6d;text-decoration:underline}
.paging a.first,.paging a.last,.paging a.prev,.paging a.next,.paging button.first,.paging button.last,.paging button.prev,.paging button.next{margin:0 2px;text-indent:-1000px;padding:0;height:22px;width:22px;border:1px solid #e4e4e4;overflow:hidden;background:url(/kr/ko/resource/img/layout/paging-bg.png) no-repeat;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.paging a.prev,.paging button.prev{background-position:-20px 0}
.paging a.next,.paging button.next{background-position:-40px 0}
.paging a.last,.paging button.last{background-position:-60px 0}
ul.list-od{list-style:none;overflow:hidden}
ul.list-od li{position:relative;color:#777;font-size:13px;margin:0 0 15px;min-height:66px;padding:15px 0 0 80px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
ul.list-od li .nm{position:absolute;top:0;left:0;text-align:center;line-height:66px;width:66px;height:66px;font-size:18px;color:#fff;background:#532c6d;border-radius:50%}
.bul-list{color:#737373;font-size:14px}
.bul-list li{position:relative;padding:0 0 0 12px}
.bul-list li:after{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;background:#a0a0a0;border-radius:50%}
.bul-list02{color:#666;font-size:12px}
.bul-list02 li{position:relative;padding:0 0 0 12px;margin:0 0 10px}
.bul-list02 li:after{content:'';position:absolute;left:0;top:8px;width:3px;height:3px;background:#532c6d;border-radius:50%}
.list-od-box{overflow:hidden}
.list-od-box li{color:#737373}
.list-od-box li > div{position:relative;border:1px solid #e4dce0;padding:20px 20px 20px 120px}
.list-od-box li > div .nm{position:absolute;top:0;left:0;color:#fff;height:100%;width:80px;font-size:30px;text-align:center;background:#bf6481}
.list-od-box li > div .nm:after{content:'';position:absolute;width:11px;height:19px;top:50%;right:-11px;margin-top:-10px;background:url(/kr/ko/resource/img/layout/orderbox-arr-bg.png) no-repeat 0 0}
.list-od-box li.bg-v div .nm{background:#6a2852}
.list-od-box li.bg-v > div .nm:after{background-position:0 bottom}
.list-od-box li > div .nm span{position:absolute;top:50%;margin-top:-20px;left:0;width:100%}
.list-od-box li .tit{line-height:1.2;display:block;font-size:22px;color:#662a65;margin:0 0 15px;letter-spacing:-1px}
.tip-box{margin-top:20px;position:relative;padding:24px 10px 24px 88px;border:1px solid #f2e9db;background:#fdfaf5;font-size:13px;color:#b58f52;min-height:42px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.tip-box .tip{overflow:hidden;text-indent:-1000px;position:absolute;margin-top:-21px;top:50%;left:24px;width:42px;height:42px;background:url(/kr/ko/resource/img/layout/tip.png) no-repeat}
.tip-tit{border-left:11px solid #b0bbce;padding:0 20px 0 10px;height:30px;line-height:30px;color:#3d5987;font-size:16px;background:#e2e5eb;display:inline-block}
.tip-box02{color:#737373;padding:30px;background:#f6f2f4;color:#6b6b6b;font-size:13px;line-height:1.4}
.tip-box02 .tit{font-size:14px;display:block;margin:0 0 10px}
.text-area{color:#777}
.text-area p{margin-top:20px}
.text-area p:first-child{margin-top:0}
.text-area .img-area{margin-top:20px}
.text-area .img-area img{max-width:100%}
.visual-area{max-width:980px;margin:20px auto 35px;overflow:hidden}
.visual-area img{width:100%}
.visual-area .img-text{width:0;height:0;position:absolute;top:-1px;left:-1px;overflow:hidden;font-size:1px}
.visual-full-area{margin:0;overflow:hidden}
.visual-full-area .inner{max-width:980px;margin:0 auto}
.visual-full-area .inner img{width:100%}
.visual-full-area .img-text{width:0;height:0;position:absolute;top:-1px;left:-1px;overflow:hidden;font-size:1px}
.img-area{position:relative;overflow:hidden}
.img-area .img-full{width:100%}
.img-area.img-full img{width:100%}
.img-area .img-text{width:1px;height:1px;overflow:hidden;position:absolute;top:-10px}
.desc-box{margin:0 0 28px}
.desc-box dt{color:#532c6d;font-size:15px;position:relative}
.desc-box dd{margin:10px 0 0;padding-top:10px;position:relative;color:#737373;font-size:14px}
.desc-box dd:after{content:"";position:absolute;top:0;left:0;width:1.2em;height:1px;background:#3f3f40}
.ico-ctg{vertical-align:middle;display:inline-block;height:17px;width:34px;line-height:17px;overflow:hidden;text-indent:-1000px;background:url(/kr/ko/resource/img/layout/ctg-ico.png) no-repeat 0 0}
.ico-ctg.ctg02{background-position:0 -17px}
.ico-ctg.ctg03{background-position:0 -34px}
.ico-ctg.ctg04{background-position:0 -51px}
.ico-ctg.ctg05{background-position:0 -68px}
.fm01{border-top:2px solid #ccc4d2;border-bottom:2px solid #ccc4d2}
.fm01 > ul{width:100%;display:table;border-collapse:collapse;table-layout:fixed}
.fm01 > ul > li{display:table-row;border-bottom:1px solid #d1cad6}
.fm01 > ul > li > div{display:table-cell;padding:10px}
.fm01 > ul > li > div.th{width:20%}
.fm01 > ul > li > div.td{width:80%}
.fm01 .label{display:inline-block;position:relative;padding:0 0 0 12px}
.fm01 .label:after{content:'';position:absolute;top:10px;left:0;width:3px;height:3px;background:#eb50a0}
.file-atc p{margin-bottom:5px}
.file-atc .bn{position:relative;vertical-align:middle;display:inline-block;width:67px;height:21px;background:url(/kr/ko/resource/img/layout/btn-file.png) no-repeat}
.file-atc .bn.focus{border:1px solid #18d8f5}
.file-atc .bn input{width:100%;position:absolute;top:0;right:0;filter:alpha(opacity=0);opacity:0}
.file-atc .file-name{overflow:hidden;margin-right:4px;vertical-align:middle;display:inline-block;height:22px;border:1px solid #b6b6b6;width:350px;white-space:nowrap;background:#fff}
.file-atc .btn-add{margin-left:4px;overflow:hidden;text-indent:-1000px;height:21px;width:49px;display:inline-block;background:url(/kr/ko/resource/img/layout/btn-add.png) no-repeat}
.visual-store{background:#dae8e6}
.store-wrap{overflow:hidden;margin-top:40px}
.store-wrap .map{width:66%;border:1px solid #e0e0e0;float:left}
.store-wrap .map img{width:100%}
.store-wrap .store-detail{float:right;width:28%}
.store-wrap .store-detail .tit{font-size:18px;color:#532c6d;border-bottom:1px solid #c1c1c1;padding:0 0 10px;margin:0 0 20px}
.store-wrap .store-detail dl{margin:15px 0 0;padding:0 6px;border:1px solid #532c6d;border-radius:3px;background:#fff;color:#532c6d}
.store-wrap .store-detail dl dt{padding:10px;font-size:20px;font-weight:400}
.store-wrap .store-detail dl dd{font-size:14px;padding:10px;border-top:1px dotted #bbb;overflow:hidden}
.store-wrap .store-detail dl dd .name{padding-left:25px;float:left;background:url(/kr/ko/resource/img/store/bul-check.png) no-repeat 0 50%}
.store-wrap .store-detail dl dd .cnt{float:right}
.store-wrap .store-detail .selectbox .jqListBox-list{max-height:170px}
.store-wrap .store-detail .fm-inline li{margin:0}
.store-wrap .store-detail .fm-inline li.f01{width:55%;padding-right:6px;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.store-wrap .store-detail .fm-inline li.f02{width:45%}
.store-wrap .store-detail .jqListbox-adapt.selectbox,.store-wrap .store-detail .jqListBox,.store-wrap .store-detail .btn-arr{min-width:10px;width:100%}
.store-wrap .store-detail .btns{margin:20px 0 0;padding:15px 0 0;border-top:1px solid #c1c1c1;text-align:left}
.store-wrap .store-detail .btns a{max-width:180px}
.sitemap-wrap{max-width:980px;margin:0 auto}
.sitemap{overflow:hidden;margin:0 0 50px}
.sitemap a{color:#777}
.sitemap > li{float:left;width:25%;padding:0 10px;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.sitemap > li.s05{height:auto}
.sitemap > li > a{margin:0 0 30px;display:block;padding-bottom:10px;font-size:18px;color:#532c6d;border-bottom:1px solid #ccc4d2}
.sitemap > li > ul > li > a{font-size:14px;margin:0 0 20px;color:#333;display:inline-block;border-bottom:1px solid #333}
.sitemap > li > ul > li > ul{margin-bottom:30px}
.sitemap > li > ul > li > ul > li > a{font-size:13px}
.keyvisual{background-repeat:repeat-x;background-position:center top}
.keyvisual .inner{max-width:980px;height:254px;margin:0 auto;position:relative;overflow:hidden}
.keyvisual .inner .txt-area{top:20%;position:absolute;padding-top:25px}
.keyvisual .inner .txt-area:after{content:"";position:absolute;top:0;left:25px;width:30px;height:3px;background:#e6d5d5}
.keyvisual .inner .sub{position:relative;padding:0 25px;font-size:18px;letter-spacing:5px;font-weight:200}
.keyvisual .inner .tit{font-size:50px;font-weight:500;letter-spacing:-2px;padding:0 25px;line-height:74px}
.keyvisual .inner .tit .ryo{height:74px;margin-right:5px}
.keyvisual .inner .visual-img{width:100%}
.keyvisual .type01{color:#fff}
.keyvisual .type02{color:#000}
.keyvisual .type03{color:#7a7a7a}
.keyvisual .type04{color:#523333}
.keyvisual .inner .type01:after{background:#fff}
.keyvisual .inner .type02:after{background:#000}
.keyvisual .inner .type03:after{background:#7a7a7a}
.keyvisual .inner .type04:after{background:#523333}
.login-wrap{overflow:hidden;min-height:100px;background:url(/kr/ko/resource/img/layout/main-bg.png)}
.login-wrap .tit-area{padding:60px 0 10px;border-bottom:1px solid #afa397}
.login-wrap .tit-area h2{max-width:980px;margin:0 auto;font-family:'Nanum Myeongjo',Malgun Gothic W35,'돋움',Dotum,AppleGothic,sans-serif;font-weight:700;font-size:35px;color:#3e254a}
.login-wrap .inner{max-width:520px;margin:0 auto}
.login-wrap .txt01{margin:40px 0 0;font-family:'Nanum Myeongjo',Malgun Gothic W35,'돋움',Dotum,AppleGothic,sans-serif;font-weight:700;font-size:21px;color:#343434;}
.login-wrap .login-form{position:relative;margin:40px 0 65px;padding-right:160px}
.login-wrap .login-form p{height:28px;margin:0 0 9px;overflow:hidden}
.login-wrap .login-form p label{display:inline-block;line-height:28px;color:#4c4c4c;font-size:16px;width:30%;float:left}
.login-wrap .login-form p input.ip-txt{color:#777;padding:0 10px;font-size:14px;width:70%;border:1px solid #c9c9c9;height:28px;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.ie8 .login-wrap .login-form p input.ip-txt{line-height:28px}
.login-wrap .login-form .btn-login{position:absolute;top:0;right:0;font-size:16px;width:150px;color:#fff;height:67px;background:#70534e;border-radius:3px}
.login-wrap .login-form .save-id{display:block;padding-left:30%;color:#4c4c4c;font-size:13px}
.login-wrap ul{color:#4c4c4c;font-size:13px;margin-bottom:100px}
.login-wrap ul li{position:relative;padding:0 0 0 10px;margin:0 0 10px;overflow:hidden}
.login-wrap ul li p{float:left;min-width:290px}
.login-wrap ul li a.btn-small{margin:0 3px;min-width:80px}
.login-wrap ul li:after{content:"";position:absolute;top:9px;left:0;width:3px;height:3px;background:#6a1f1f}
.search-form{text-align:center;margin:0 0 20px}
.search-form .ip-txt{width:40%}
.search-result{font-size:14px;color:#777}
.search-result strong{color:#372629;font-weight:700}
.tab-search ul{margin:20px 0 0;overflow:hidden}
.tab-search ul li{float:left;margin-right:4px}
.tab-search ul li a{display:block;padding:0 10px;color:#b2b2b2;width:110px;height:36px;line-height:34px;border:1px solid #b2b2b2;border-radius:3px;background:#fff;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.tab-search ul li.on a{border-color:#532c6d;color:#532c6d;font-weight:700}
.search-result-list{margin:20px 0 0}
.search-result-list .result-info{font-size:16px;color:#777}
.search-result-list ul{margin:10px 0 0;border-top:2px solid #c8bfce;border-bottom:1px solid #c8bfce}
.search-result-list ul li{padding:20px 40px;border-bottom:1px solid #c8bfce;position:relative}
.search-result-list ul li .tit,.search-result-list dl dt{font-size:17px}
.search-result-list ul li .desc{font-size:14px;color:#777;margin:15px 0 0;padding-bottom:25px}
.search-result-list ul li .depth{margin:20px 0 0;text-align:right;font-size:12px;color:#7a7a7a}
.search-result-list ul li dl{padding-left:260px;position:relative;min-height:210px}
.search-result-list ul li dl .img{position:absolute;top:0;left:0;width:210px;height:210px}
.search-result-list ul li dl .img img{width:100%;height:100%}
.search-result-list ul li dl .info{position:absolute;bottom:0}
.search-result-list ul li dl .info span{padding:0 7px;display:inline-block;font-size:12px;color:#fff;background:#d8c4a2}
.search-result-list ul li.no-data{padding:150px 0;text-align:center;color:#000}
.search-word{color:#372629;font-weight:700}
.search-prod-name a{font-size:17px;font-weight:700;color:#372629}
.more-result{text-align:right}
.more-result a{font-size:13px;color:#45191a;display:block;background:url(/kr/ko/resource/img/main/search-more-btn.png) no-repeat right center;padding-right:10px;margin-top:10px}
.search-result-list .search-result-content li{padding:20px 0 15px}
.search-result-list .search-result-content li .desc{padding-bottom:0}
.search-result-list .result-textcon-wrap{padding:0 40px}
.search-result-area{margin-bottom:200px}
.pop-layer{display:none;width:690px;left:50%;top:50%;margin:0 0 0 -345px;border:3px solid #715951;padding:40px 30px;background-color:#fff;position:absolute;z-index:1000;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.pop-layer .btn-pop-close{position:absolute;top:15px;right:15px;width:23px;height:23px;text-indent:-1000px;overflow:hidden;background:url(/kr/ko/resource/img/layout/btn-close-pop.png) no-repeat}
.pop-layer .tit-pop01{font-weight:700;padding:0 0 10px;color:#5d3832;font-size:20px;display:block;border-bottom:1px solid #685a4f}
.gate-header{background:#fff;height:128px}
.gate-header h1{max-width:998px;margin:0 auto;padding-top:75px}
.gate-header h1 img{width:145px}
.gate-wrap{overflow:hidden;min-height:100px;background:url(/kr/ko/resource/img/layout/main-bg.png)}
.gate-wrap .inner{max-width:826px;margin:50px auto 0}
.gate-wrap .inner h2{text-align:center}
.gate-wrap .inner h2 img{width:123px}
.gate-wrap .inner h3{margin:25px 0 0;color:#3e254a;font-size:40px;text-align:center}
.gate-wrap .inner h3 span{display:block;font-size:14px;color:#747474}
.gate-wrap .inner ul{overflow:hidden;padding:50px 0 100px}
.gate-wrap .inner ul li{float:left;width:33.3%;text-align:center}
.gate-wrap .inner ul li a{display:block}
.gate-wrap .inner ul li img{width:242px}
.gate-wrap .inner ul li strong{margin:10px 0 0;display:block;font-size:15px;color:#4c4c4c}
#popGate{width:510px;margin-left:-255px}
.gate-pop .txt01{color:#777;font-size:13px;margin-top:10px}
.gate-pop .tit-pop02{display:block;margin-top:30px;font-size:14px;color:#5d3832;font-weight:700}
.gate-pop .btn{text-align:center;margin:15px 0 40px}
.gate-pop .btn a{display:inline-block;text-align:center;width:130px;height:34px;line-height:34px;border:1px solid #532c6d;border-radius:3px;background:#7e549c;color:#fff;font-weight:700;font-size:15px}
.gate-pop .btn a.btn-no{background-color:#c2c2c2;border-color:#797979;color:#515151}
.gate-pop .privacy{border-top:1px solid #c1bdba;padding:15px 0 0;font-size:12px;color:#777}
.gate-pop .privacy a{color:#000;text-decoration:underline}
.gate-foot{padding:25px 0 20px;background:url(/kr/ko/resource/img/layout/gate-foot.png) repeat-x top}
.gate-foot address{color:#bdbdbd;font-size:11px;display:block;max-width:998px;margin:0 auto;text-align:center;font-style:normal}
/*181116 에러페이지*/
.error-wrap{position: fixed; top: 0;  left: 0; width:100%; height:100%; border-top:22px solid #062c5e; background:url(/kr/ko/resource/img/util/bg.gif) no-repeat right bottom; box-sizing:border-box; font-family:AritaL,'Malgun Gothic','맑은 고딕','Nanum Gothic','나눔 고딕','돋움',dotum,sans-serif; text-align: center; line-height: 1.15; }
.error-wrap h1{margin:1.2em 0 6.6em; padding: 0; font-size:2em}
.error-wrap .mesg{position:relative; font-size:2.35em; color:#062c5e}
.error-wrap .mesg:after{position:relative; display:block; width:30px; height:2px; margin:.7em auto; background:#062c5e; content:''}
.error-wrap .txt{font-size:1.5em; line-height:1.85}
.error-wrap .link{margin-top:3.5em}
.error-wrap .link a{display: inline-block; margin:0 2px; padding:10px 28px 12px; border:1px solid #00457e; font-family:'Microsoft YaHei',AritaL,'Malgun Gothic','맑은 고딕','Nanum Gothic','나눔 고딕','돋움',dotum,sans-serif; font-size:.9em; font-weight:700; color:#00457e}
.error-wrap .link a:nth-child(even){padding:10px 40px 12px; background:#00457e; color:#fff}
.error-wrap .link a:active,
.error-wrap .link a:focus,
.error-wrap .link a:hover{background:#00457e; color:#fff; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s}
.error-wrap .link a:nth-child(even):active,
.error-wrap .link a:nth-child(even):focus,
.error-wrap .link a:nth-child(even):hover{background:#fff; color:#00457e}
/*-//181116 에러페이지*/
@media all and (max-width:1023px) {
.visual-full-area .inner{padding:0 20px}
.tab01 a{line-height:1.4}
.tab-dep01-wrap{padding:0 20px}
.content-inner-store{padding:0 20px}
.sitemap-wrap{padding:0 20px}
.tab-dep02 li{margin-right:10px;min-width:0;padding-right:20px}
.login-wrap .tit-area h2{padding-left:25px}
.login-wrap .inner{padding:0 20px}
.gate-header h1{padding-left:15px}
.gate-foot{background:none}
.gate-wrap .inner{max-width:320px}
.gate-wrap .inner ul{padding:50px 10px 80px}
.gate-wrap .inner ul li{width:100%;margin-bottom:10px;float:none;text-align:left}
.gate-wrap .inner ul li img{width:120px;margin-right:20px}
.gate-wrap .inner ul li strong{margin-top:0;display:inline-block;font-size:14px;line-height:80px}
.error-wrap{padding:50px 20px}
}
@media all and (max-width:768px) {
.paging a{padding:0 12px;height:24px}
.paging a.first,.paging a.last,.paging a.prev,.paging a.next{width:24px;height:24px}
.store-wrap{margin-top:15px}
.store-wrap .map{float:none;width:auto}
.store-wrap .store-detail{min-height:300px;margin-top:10px;float:none;width:auto}
.sitemap > li{width:33.3%}
.sitemap > li.s04{height:auto}
.pop-layer{left:20px;right:20px;width:auto!important;margin:0!important}
/*181116 에러페이지*/
.error-wrap h1{margin:1.3em 0 1.6em}
.error-wrap h1 img{width:210px}
.error-wrap .mesg{font-size:1.4em}
.error-wrap .mesg:after{margin:1em auto}
.error-wrap .mesg img{width:24px}
.error-wrap .txt{font-size:1.04em; line-height:1.4}
.error-wrap .link a{margin:5px}
/*-//181116 에러페이지*/
}
@media all and (max-width:640px) {
.keyvisual .inner{height:150px}
.keyvisual .inner .txt-area{padding-top:10px}
.keyvisual .inner .txt-area:after{height:2px;width:20px}
.keyvisual .inner .sub{padding:0 25px;font-size:14px;letter-spacing:3px}
.keyvisual .inner .sub:after{width:20px;height:3px}
.keyvisual .inner .tit{font-size:30px;letter-spacing:-2px;padding:0 25px;line-height:37px}
.keyvisual .inner .tit .ryo{width:33px;height:37px;margin-right:5px}
.tit01{font-size:30px}
.tit02{font-size:20px}
.visual-full-area .inner{padding:0}
.tab01 a{font-size:12px}
.tab-dep01-wrap{padding:0 10px}
.tab-dep01 a{font-size:12px;padding:12px 5px}
.tab-dep02 li{margin-top:10px}
ul.list-od li .nm{width:40px;height:40px;line-height:40px;font-size:14px}
ul.list-od li{min-height:40px;padding:10px 0 0 48px}
.bul-list{font-size:12px}
.bul-list li{padding:0 0 0 9px}
.bul-list li:after{width:3px;height:3px;top:7px}
.tip-box02{padding:20px 10px}
.content-inner-store{padding:0 10px}
.sitemap > li{width:50%}
.sitemap > li > ul > li > a{font-size:12px}
.sitemap > li.s03,.sitemap > li.s04{height:670px}
.keyvisual .inner .sub{padding:15px 25px 0;font-size:14px;letter-spacing:3px}
.keyvisual .inner .sub:after{width:20px;height:3px}
.keyvisual .inner .tit{margin-top:15px;font-size:30px;letter-spacing:-2px;padding:0 25px;line-height:37px}
.keyvisual .inner .tit .ryo{width:33px;height:37px;margin-right:5px}
.login-wrap .tit-area{padding-top:25px}
.login-wrap .tit-area h2{font-size:24px}
.login-wrap ul li{font-size:14px}
.login-wrap ul li p{float:none}
.login-wrap ul li a.btn-small{font-size:14px;height:34px;line-height:34px;min-width:100px}
.login-wrap .login-form p{height:36px}
.login-wrap .login-form p label{font-size:18px}
.login-wrap .login-form p input.ip-txt{height:36px}
.login-wrap .txt01{font-size:16px}
.login-wrap .login-form{padding-right:0;margin-bottom:30px}
.login-wrap .login-form .btn-login{font-size:18px;margin-top:10px;position:static;width:100%}
.login-wrap .login-form .save-id{padding-left:0;margin-top:10px;font-size:14px}
.search-result-list ul li{padding:15px}
.search-result-list ul li dl{min-height:100px;padding-left:120px}
.search-result-list ul li dl .img{width:100px;height:100px}
.search-result-list .result-textcon-wrap{padding:0}
.search-result-list .search-result-content li{padding:20px 30px 15px}
.search-result-area{margin-bottom:80px}
.pop-layer{left:10px;right:10px}
.gate-wrap .inner h2 img{width:60px}
.gate-wrap .inner h3{font-size:24px}
.gate-wrap .inner h3 span{display:block;font-size:14px;color:#747474}
}
@charset "utf-8";
.tit-brand{font-family:'Nanum Myeongjo','맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;display:block;line-height:46px;margin-bottom:30px;font-size:45px;color:#45191a;position:relative;padding-top:15px;font-weight:700}
.tit-brand:before{content:"";top:0;left:0;position:absolute;width:.8em;height:3px;background:#372629}
.tit-brand img{height:46px}
.tit-brand .bg-txt{color:#fff;text-align:center;display:inline-block;width:44px;height:46px;background:url(/kr/ko/resource/img/layout/first-text02-bg.png) no-repeat}
.tit-brand .sub{font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;line-height:12px;margin:0 0 10px;display:block;color:#372629;font-size:12px;letter-spacing:3px}
.tit-brand02{font-size:22px;color:#a16332}
.tit-brand03{font-size:22px;color:#4f3834;display:block;margin-bottom:15px}
.tit-brand04{font-size:18px;color:#29170b}
.tit-brand-sub{font-size:15px;color:#737373}
.tit-brand-txt{font-size:18px;color:#372629}
.tit-story{font-family:'Nanum Myeongjo','맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;font-weight:700;padding-top:10px;margin:50px 0 20px;font-size:34px;line-height:38px;color:#45191a;position:relative}
.tit-story:before{content:"";top:0;left:0;position:absolute;width:.8em;height:2px;background:#372629}
.tit-story img{height:32px;vertical-align:middle}
.tit-story .sub{margin-top:5px;color:#A4775E;font-size:25px;display:block}
.tab-brand{font-size:14px;overflow:hidden;margin:40px 0 24px}
.tab-brand a{text-align:center;padding:0 25px;width:140px;line-height:35px;height:35px;margin:0 8px 0 0;border-color:#746244;border-style:solid;border-width:1px;float:left;color:#746244;background:#f6f6f6} /* 20211028 #cdaf79 -> #746244 웹접근성*/
.tab-brand a.on{border-color:#372629;color:#372629;font-weight:700}
.desc-box-brand{font-size:16px;color:#3a3a3a}
.desc-box-brand dt{font-size:16px;color:#4f3834;font-weight:700}
.desc-box-brand p{margin-bottom:15px}
.brand-text{position:relative;font-size:16px;overflow:hidden;margin:0 0 100px}
.brand-text .img-area{float:left;width:100%}
.brand-text .con-area{width:100%;float:right}
.brand-text .img-area img{width:100%}
.brand02 .desc-box-brand{margin-bottom:40px}
.brand02 .desc-box-brand dt{margin-bottom:30px}
.brand02 .txt01{position:relative}
.brand02 .txt01 dd p{padding-right:24%}
.brand02 .txt01 dd .img{width:22%;position:absolute;bottom:0;right:0}
.brand02 .txt01 dd .img img{width:100%}
.brand03 .img-area{width:46%}
.brand03 .con-area{width:52%}
.brand04 .img-area{width:34%}
.brand04 .con-area{width:64%}
.brand04 .desc-box dd:after,.brand03 .desc-box dd:after{display:none}
.brand04 .desc-box dt,.brand03 .desc-box dt{font-size:16px}
.content-brand.ryo-story{padding-bottom:500px;background:url(/kr/ko/resource/img/brand/brand-bg-w.png) no-repeat center bottom}
.content-brand .desc-box dt{color:#4f3834}
.ryo-story-main{padding:0 200px;overflow:hidden;width:422px;margin:30px auto 0;background:url(/kr/ko/resource/img/brand/story-bg.png) no-repeat}
.ryo-story-main li{width:50%;position:relative;width:195px;height:191px;margin-bottom:30px;box-shadow:5px 5px 5px #ccc}
.ryo-story-main li img{border:1px solid #8c8b8a;width:193px;height:189px}
.ryo-story-main li .tit{position:absolute;top:15px;right:15px;color:#fff;font-size:25px}
.ryo-story-main li.m01,.ryo-story-main li.m03{float:left}
.ryo-story-main li.m02,.ryo-story-main li.m04{float:right}
.product-story-text{margin:10px 0 40px;font-size:14px}
.product-story-text dl{position:relative;margin:0 0 30px;padding:0 40% 0 0}
.product-story-text dl dt{font-family:'Nanum Myeongjo','맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;font-weight:700;color:#b28c6e;font-size:22px}
.product-story-text dl dd{color:#3a3a3a;font-size:14px}
.product-story-text dl dd p{margin:20px 0}
.product-story-text dl.txt-l dd.img{width:36%;position:absolute;top:-46px;right:0}
.product-story-text dl.txt-l dd.img img{width:100%}
.product-story-text dl.txt-r{margin:50px 0;overflow:hidden}
.product-story-text dl.txt-r dt{margin-bottom:10px;font-size:16px;color:#352528}
.product-story-text dl.txt-r dt,.product-story-text dl.txt-r dd.desc{float:right;width:60%}
.product-story-text dl.txt-r dd.img{width:40%;float:left;text-align:center}
.product-story-text dl.txt-r dd.img img{max-width:100%}
.product-story-text02{overflow:hidden;margin:10px 0 50px;border:2px solid #cdaf79;padding-bottom:20px}
.product-story-text02 ul{margin-top:10px;position:relative;padding:80px 0 0;font-size:16px;color:#3a3a3a;width:50%;float:left;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.product-story-text02 ul.t01{padding-left:10px;padding-right:20px;border-right:1px solid #d8d8d8}
.product-story-text02 ul.t02{padding-left:20px;padding-right:10px}
.product-story-text02 ul li{margin-top:25px}
.product-story-text02 ul .img{position:absolute;top:0}
.product-story-text02 ul.t01 .l02 .img{left:124px}
.product-story-text02 ul.t01 .l03 .img{left:238px}
.product-story-text02 ul.t02 .l02 .img{left:134px}
.product-story-text02 ul.t02 .l03 .img{left:249px}
.product-story-text02 ul li .tit{display:block;color:#a16332;font-size:16px;margin:0 0 10px}
.product-story-text03{margin:10px 0 40px;font-size:14px}
.product-story-text03 dl{position:relative;margin:20px 0 30px;padding-right:40%}
.product-story-text03 dl.txt-l{min-height:156px}
.product-story-text03 dl dt{color:#352528;font-size:16px}
.product-story-text03 dl dd{color:#3a3a3a;font-size:16px}
.product-story-text03 dl dd span{color:#b28c6e}
.product-story-text03 dl dd p{margin:20px 0}
.product-story-text03 dl.txt-l dd.img{width:36%;position:absolute;top:-50px;right:0}
.product-story-text03 dl.txt-l dd.img img{width:220px;max-width:100%}
.product-story-text03 dl.txt-r{margin:70px 0 50px;overflow:hidden;padding-right:0}
.product-story-text03 dl.txt-r dt{margin-bottom:10px}
.product-story-text03 dl.txt-r dt,.product-story-text dl.txt-r dd.desc{float:right;width:58%}
.product-story-text03 dl.txt-r dd{float:right;width:58%}
.product-story-text03 dl.txt-r dd.img{width:40%;float:left;text-align:center}
.product-story-text03 dl.txt-r dd.img img{max-width:100%;width:203px}
.list-od-wrap{border:2px solid #cdaf79;padding:10px;margin-bottom:30px}
ul.list-od-brand{overflow:hidden;margin-top:40px;margin-bottom:50px}
ul.list-od-brand li{padding-top:0;width:32%;float:left;margin-left:1%;height:110px}
ul.list-od-brand li:nth-child(4n),ul.list-od-brand li:first-child{margin-left:0}
ul.list-od-brand li strong.nm{background-color:#d1b07d}
ul.list-od-brand li strong.tit{font-size:15px;color:#b28c6e}
ul.list-od-brand li p{font-size:14px;color:#737373}
.content-brand .content-inner{padding-bottom:0}
.content-brand .content-inner:after{content:"";clear:both;width:100%;display:block;height:1px}
.brand-ryo{font-size:16px;margin:50px 0 0;overflow:hidden;color:#3a3a3a;padding:0 250px 0 0;background:url(/kr/ko/resource/img/brand/brand-ryo-img.png) no-repeat right 50%}
.brand-ryo .tit{padding:0 0 17px;margin:0 0 20px;letter-spacing:3px;display:block;color:#a16332;font-size:18px;position:relative}
.brand-ryo .tit:before{content:"";position:absolute;bottom:0;left:0;width:1.2em;height:2px;background:#3f3f40}
.brand-ryo .tit02{font-family:'Nanum Myeongjo','맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;color:#4f3834;font-weight:700;font-size:30px;margin:0 0 20px;display:block}
.brand-ryo ul li{overflow:hidden;position:relative;padding-left:177px;margin:0 0 50px}
.brand-ryo ul li .img{position:absolute;top:0;left:0;width:177px;text-align:center}
.visual-area-no1{border-bottom:1px solid #d2d2d2}
.brand-history{position:relative;padding:65px 0 50px;margin:20px 0 0}
.brand-history button.tab{position:absolute;top:0;left:0;height:37px;font-size:14px;width:225px;text-align:center;color:#737373;border:1px solid #737373;background:#fff} /* 20211028 웹접근성 c6c6c6 -> 737373 */
.brand-history button.tab.on{border-color:#414141;color:#414141}
.brand-history button.tab1{display:block}
.brand-history button.tab2{left:230px}
.brand-history .con{display:none}
.brand-history button.tab.on + .con{display:block}
.brand-history .con ul{color:#737373}
.brand-history .con ul li{margin:0 0 5px;position:relative;padding-left:80px;min-height:1.2em}
.brand-history .con ul .year{position:absolute;top:0;left:0}
.brand-history .history2{padding-left:232px;background:url(/kr/ko/resource/img/brand/award-bg.png) no-repeat 0 50%}
.history-wrap{border:2px solid #cdaf79;padding:10px;margin-bottom:30px}
.awards{margin-top:30px;overflow:hidden;color:#737373;font-size:14px;position:relative}
.awards ul{overflow:hidden}
.awards ul li{position:relative;margin-bottom:40px;overflow:hidden;min-height:50px}
.awards ul li .con{padding:0 0 0 84px}
.awards strong.year{line-height:24px;padding-bottom:20px;font-size:24px;color:#29170b;display:inline-block;position:absolute;top:0;left:0;z-index:9}
.awards strong.year:after{content:'';position:absolute;bottom:0;left:0;width:1.2em;height:2px;background:#29170b}
.awards ul li.has-thum .img{position:absolute;top:0;left:0;z-index:9;text-align:left;width:235px;height:166px}
.awards ul li.has-thum .img img{width:235px}
.awards ul li.has-thum .con{padding-left:368px;min-height:200px}
.awards ul li.has-thum .year{top:10px;left:260px}
.awards .btn-year{position:absolute;top:0;right:20px;color:#a491b1;font-size:24px}
.tv-cf{margin:20px 0 50px}
.tv-cf:after{content:"";display:block;clear:both}
.tv-cf .video{float:left;width:65%;min-height:200px;padding-right:45px;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.tv-cf .video-area iframe{width:100%;height:400px!important}
.tv-cf .video-list{float:right;width:35%}
.tv-cf .video-desc{color:#777;margin-top:10px}
.video-list > ul{overflow:auto;margin-top:30px}
.video-list > ul li{margin:0 0 20px}
.video-list > ul li a{display:block;color:#532c6d;font-size:14px;overflow:hidden}
.video-list > ul li a img{float:left;margin:0 10px 0 0;width:96px}
.video-img .btn-play{display:block;position:relative}
.video-img .btn-play img{width:100%}
.video-img .btn-play span{overflow:hidden;text-indent:-1000px;position:absolute;top:50%;left:50%;width:83px;height:83px;margin:-41px 0 0 -41px;background:url(/kr/ko/resource/img/layout/btn-play.png) no-repeat 0 0}
.tv-cf .jqListBox-list{height:200px}
.news-wrap{position:relative}
.news-wrap .news-search .fm-inline{width:400px;margin:0 auto}
.news-detail .tb01{margin-top:10px}
.news-detail .news-tit{border-top:2px solid #c4b8c7;background:#efe8e8;padding:15px 40px}
.news-detail .news-tit h3{font-size:14px;color:#000;font-weight:700}
.news-detail-info{color:#777;font-size:13px}
.news-detail .news-con{font-size:13px;color:#777;padding:30px 40px;border-top:1px solid #c4b8c7;background:#fff}
.news-detail .news-con strong,.news-detail .news-con b{font-weight:700}
.news-detail .img-area{text-align:center}
.news-detail .img-area img{max-width:100%}
.news-link{border-top:1px solid #c4b8c7;border-bottom:1px solid #c4b8c7}
.news-link li{border-bottom:1px solid #c4b8c7;overflow:hidden;padding:10px 0}
.news-link li strong{float:left;width:20%;color:#777;text-align:center}
.news-link li p{float:left;width:80%;color:#372629}
.news-link li p a{color:#372629}
.tab-news ul{overflow:hidden}
.tab-news ul li{float:left;margin-right:4px}
.tab-news ul li a{display:block;padding:0 10px;text-align:center;color:#b2b2b2;width:110px;height:36px;line-height:34px;border:1px solid #b2b2b2;border-radius:3px;background:#fff;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.tab-news ul li.on a{border-color:#532c6d;color:#532c6d;font-weight:700}
.content-no1 .tit-brand02{margin-top:40px}
@media all and (max-width:1023px) {
.content-brand .content-inner{padding:0 20px}
.product-story-text dl.txt-l{min-height:300px}
.product-story-text dl.txt-r{padding-right:0}
.product-story-text dl.txt-l dd.img{top:0;width:30%}
.product-story-text03 dl.txt-l dd.img{top:0}
.ryo-story-main{padding:0;background:none}
}
@media all and (max-width:768px) {
.tab-brand{display:table;width:100%;border-spacing:5px 0;border-bottom:0}
.tab-brand a{display:table-cell;width:auto;width:25%;margin:0;padding:0;vertical-align:middle;line-height:1.2;float:none;border-bottom-width:1px}
.desc-box-brand{font-size:14px}
.tit-story .sub{font-size:16px}
.desc-box-brand dt{font-size:18px}
.brand-text,.brand-text.brand04{padding:0}
.brand-text .img-area{text-align:center;margin:0 0 20px;position:static;float:none;width:100%}
.brand-text .con-area{width:100%;float:none}
.content-brand.ryo-story{padding-bottom:50px;background-image:url(/kr/ko/resource/img/brand/brand-bg-m.png);background-size:100% auto}
.product-story-text02 ul{padding:0;width:100%;padding:10px!important}
.product-story-text02 ul .img{position:static}
.product-story-text02 ul.t01{border:0;padding:0}
.product-story-text02 ul.t02{padding:0;border:0}
.product-story-text02 ul li:first-child{margin-top:0}
.product-story-text02 ul li{position:relative;padding-left:125px;min-height:78px}
.product-story-text02 ul li .img{position:absolute;top:0;left:0!important;right:auto;bottom:auto}
ul.list-od-brand li{width:49%;float:left;margin-left:0;height:100px}
ul.list-od-brand li:nth-child(2n){float:right}
.brand-ryo{padding:0 0 200px;background:url(/kr/ko/resource/img/brand/brand-ryo-img-m.png) no-repeat center bottom}
.brand-ryo ul li{padding-left:150px}
.brand-ryo ul li .img{width:115px}
.brand-history button.tab{width:49%;font-size:13px;line-height:14px}
.brand-history button.tab2{left:51%;font-size:13px;line-height:14px}
.brand-history .history2{background:none;padding-left:0}
.tv-cf .video{float:none;width:100%;padding:0;margin:0 0 10px}
.tv-cf .video-list{float:none;width:100%}
.video-list > ul li{float:left;width:50%}
.tv-cf .video-area iframe{height:300px}
.content-brand .jqListbox-adapt{height:34px}
.tab-news ul li{width:25%;margin:0;font-size:12px}
.tab-news ul li a{width:96%;padding:0 5px}
.content-brand .news-content{margin:0;padding:0}
.news-wrap{border-left:0;border-right:0;position:relative}
.news-wrap .news-search{position:static;top:19px;right:50px}
.news-wrap .news-search .selectbox .jqListBox{min-width:70px}
.news-wrap .news-search .fm-inline{width:270px}
.news-wrap .news-search .ip-txt{width:100px}
.news-wrap .news-list table{width:100%;display:block}
.news-wrap .news-list tr,.news-wrap .news-list thead,.news-wrap .news-list td,.news-wrap .news-list tbody{display:block}
.news-wrap .news-list thead tr{width:1px;height:1px;overflow:hidden;position:absolute;top:-1px;left:-1px}
.news-wrap .news-list tbody tr{width:100%;position:relative;height:65px}
.news-wrap .news-list td.c-ctg{width:50%;position:absolute;left:0;text-align:left!important}
.news-wrap .news-list td.c-date{width:50%;position:absolute;right:0;text-align:right!important}
.news-wrap .news-list td.c-no,.news-wrap .news-list td.c-cnt{position:absolute;width:1px;height:1px;overflow:hidden;top:-1000px;left:-1000px}
.news-wrap .news-list td.c-tit{position:absolute;padding-top:40px;left:0;right:0;background:none;width:100%;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
}
@media all and (max-width:640px) {
.tit-brand{line-height:30px;font-size:30px;margin-bottom:15px}
.tit-brand img{width:40px;height:30px}
.tit-brand .sub{font-size:12px}
.tit-brand02{font-size:24px}
.tit-story{margin:30px 0 10px;font-size:29px;line-height:29px;color:#363636}
.tit-story img{height:28px}
.tit-story .sub{font-size:16px}
.tit-brand-txt{font-size:12px}
.brand02 .desc-box-brand dt{margin-bottom:15px}
.brand02 .txt01 dd p{padding-right:50%}
.brand02 .txt01 dd .img{width:48%;top:60px;bottom:auto}
.ryo-story-main{padding:0;background:none;width:211px}
.ryo-story-main li{width:100px;height:auto;width:99px;height:97px;margin-bottom:15px}
.ryo-story-main li img{width:100%;height:auto;width:97px;height:95px}
.ryo-story-main li .tit{top:10px;right:10px;font-size:14px}
ul.list-od-brand li{width:100%;float:none;height:auto;margin:0 0 10px}
ul.list-od-brand li:nth-child(2n){float:none}
.brand-ryo{font-size:14px}
.brand-ryo .tit{padding:0 0 17px;margin:0 0 10px}
.brand-ryo .tit02{font-size:16px;margin:0 0 10px}
.awards ul li{float:left;position:absolute}
.awards ul li .con,.awards ul li.has-thum .con{padding:20px}
.awards ul li .year,.awards ul li.has-thum .year{position:relative;top:auto;left:20px}
.awards ul li.has-thum .img{position:static;background:none;margin-bottom:50px}
.awards ul li .con{margin-top:20px}
.content-brand .content-inner{padding:0 10px}
.content-brand .content-inner.content-no1{padding:0;margin:0}
.content-brand .content-inner.content-no1 .tit-brand{margin:0 10px}
.brand-history{margin:20px}
.content-brand .content-inner.content-no1 .tit-brand04{margin:10px 20px 0}
.content-brand .content-inner.content-no1 .tit-brand-sub{margin:0 20px}
.content-brand .content-inner.content-no1 .tit-brand03{margin:0 20px}
.video-list > ul li{width:100%}
.video-img .btn-play span{width:42px;height:42px;margin:-21px 0 0 -21px;background:url(/kr/ko/resource/img/layout/btn-play-m.png) no-repeat 0 0}
.content-no1 .tit-brand02{margin-top:20px}
.content-no1 .tit-brand-txt{margin:10px}
.content-no1 .tit-brand02{margin-left:10px;margin-right:10px}
.product-story-text dl.txt-l{min-height:0}
.product-story-text03 dl.txt-l{min-height:0}
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
.btn-large-arr:after,label.ip-check-large:before,.btn-large-arr-l:after{background-image:url(/kr/ko/resource/img/layout/icons-bg-X2.png)}
.video-img .btn-play span{background-image:url(/kr/ko/resource/img/layout/btn-play.png);background-size:42px}
}
@charset "utf-8";
.depilation-wrap .txt-p{font-size:18px;color:#a75e91}
.depilation-wrap{overflow:hidden;min-height:500px;background:url(/kr/ko/resource/img/depilation/depilation-bg.png) repeat-x}
.depilation-frame{padding:30px 10px 0 195px;margin:50px auto 0;max-width:980px;min-height:500px;position:relative;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.ie8 .depilation-frame{max-width:775px;-ms-box-sizing:content-box;box-sizing:content-box}
.depilation-frame:before{content:"";position:absolute;left:0;top:249px;bottom:0;height:100%;width:195px;background:url(/kr/ko/resource/img/depilation/bg-left.png) repeat-y}
.depilation-frame:after{content:"";position:absolute;right:0;top:20px;bottom:0;height:100%;width:10px;background:url(/kr/ko/resource/img/depilation/bg-right.png) repeat-y}
.content-inner-depilation{background:#fff;padding:0 186px 30px 0;font-size:13px;color:#737373;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.content-inner-depilation:before{content:"";position:absolute;top:0;left:0;width:195px;height:249px;background:url(/kr/ko/resource/img/depilation/bg-left-top.png) no-repeat}
.tit-depilation{text-indent:-1000px;position:absolute;right:10px;top:0;left:195px;height:50px;background:url(/kr/ko/resource/img/depilation/bg-top.png) repeat-x}
.tit-depilation:after{content:"";position:absolute;right:-10px;top:0;width:10px;height:20px;background:url(/kr/ko/resource/img/depilation/bg-right-top.png) no-repeat}
.depilation-frame.frame-scalp-care:before{background-image:url(/kr/ko/resource/img/depilation/bg-left02.png)}
.depilation-frame.frame-scalp-care .content-inner-depilation:before{background-image:url(/kr/ko/resource/img/depilation/bg-left02-top.png)}
.depilation-frame.frame-homecare:before{background-image:url(/kr/ko/resource/img/depilation/bg-left03.png)}
.depilation-frame.frame-homecare .content-inner-depilation:before{background-image:url(/kr/ko/resource/img/depilation/bg-left03-top.png)}
.depilation-tab{font-size:16px;width:139px;padding:44px 5px 0;top:-6px;right:20px;position:absolute;background:#6f232b;z-index:100;text-align:center;background:url(/kr/ko/resource/img/depilation/bg-tab.png) no-repeat}
.depilation-tab .dep01 ul{display:none}
.depilation-tab .dep01.on ul{display:block}
.depilation-tab .tit{display:block;background:#6f232b url(/kr/ko/resource/img/depilation/tab-tit-bg.png) no-repeat 50% bottom}
.depilation-tab .tit a{display:block;color:#fff;font-size:14px;padding:10px 5px}
.depilation-tab .bo{height:58px;background:url(/kr/ko/resource/img/depilation/bg-tab-bo.png) no-repeat 0 bottom}
.depilation-tab .bo button{width:50px;height:30px;text-indent:-100px;text-align:left;overflow:hidden;display:none;background:url(/kr/ko/resource/img/depilation/bg-tab-btn.png) no-repeat 50% 50%}
.depilation-tab.on .bo button{background-image:url(/kr/ko/resource/img/depilation/bg-tab-btn-close.png)}
.depilation-tab a{color:#fff}
.depilation-tab .dep01 > ul{padding:5px 0;background:#5b151d}
.depilation-tab .dep01 > ul a{display:block;padding:7px 10px 7px 22px;text-align:left;font-size:13px;letter-spacing:-1px;position:relative;color:#f5b69f}
.depilation-tab .dep01 > ul a:after{content:'';top:15px;left:14px;width:2px;height:2px;background:#ca897a;position:absolute}
.depilation-tab .dep01 > ul li.on a{color:#fff}
.depilation-text01{margin:15px 0 0;overflow:hidden}
.depilation-text01 > p{float:left;width:45%}
.depilation-text01 > img{float:right;width:53%}
.outline-area{min-height:150px;position:relative;color:#484848;font-size:13px;padding:0 0 0 350px}
.outline-area .outline{font-size:23px;color:#369}
.outline-area p{margin-bottom:15px}
.outline-area .img{position:absolute;top:0;left:0}
.visual-depilation{background-color:#f7e0c1}
.hair-cycle{position:relative;overflow:hidden}
.hair-cycle ul{width:74%;height:190px;float:right;border:1px solid #d9d4d9;background:#fff;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.hair-cycle ul li button{border-bottom:1px solid #ededed;width:26%;height:38px;color:#a995b5;font-size:14px;position:absolute;top:0;left:0;text-align:left;padding:0 0 0 15px}
.hair-cycle ul li:first-child button{border-top:1px solid #ededed}
.hair-cycle ul li{text-align:center}
.hair-cycle ul li.c01 button{top:0}
.hair-cycle ul li.c02 button{top:38px}
.hair-cycle ul li.c03 button{top:76px}
.hair-cycle ul li.c04 button{top:113px}
.hair-cycle ul li.c05 button{top:151px}
.hair-cycle ul li img{margin-top:20px;display:none;height:120px}
.hair-cycle ul li.on img{display:inline}
.hair-cycle ul li.on button{color:#3e254a;background:#ece7ec}
.cause-list{overflow:hidden}
.cause-list > li{width:48%;position:relative;float:left;color:#787878;font-size:13px;overflow:hidden;height:200px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0 2% 0 0}
.cause-list > li.c01{border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;padding:0 20px 20px 0}
.cause-list > li.c02{border-bottom:1px solid #e4e4e4;padding:0 0 0 20px}
.cause-list > li.c03{border-right:1px solid #e4e4e4;padding:0 20px 0 0}
.cause-list > li.c04{padding:0 0 0 20px}
.cause-list > li > strong{position:relative;height:50px;display:block;vertical-align:middle;color:#a75e91;font-size:16px;padding:20px 0 0 40px}
.cause-list > li > strong .nm{font-size:48px;position:absolute;top:0;left:0;color:#ebeae8;text-align:center}
.cause-list > li.c04 > strong,.cause-list > li.c02 > strong{text-align:right;padding:20px 40px 0 0}
.cause-list > li.c04 > strong .nm,.cause-list > li.c02 > strong .nm{left:auto;right:0}
.depilation-con-box .img-area{position:relative;overflow:hidden}
.depilation-con-box .img-area img{width:100%}
.depilation-con-box .img-area .img-text{width:0;height:0;position:absolute;top:-1px;left:-1px;overflow:hidden;font-size:1px}
.cause-oriental{overflow:hidden;margin:50px 0 0;position:relative}
.cause-oriental dl{border-left:1px dashed #9e91a4;width:55%}
.cause-oriental dl dt{margin:10px 0;font-size:20px;color:#282626;position:relative;padding:0 0 0 14px}
.cause-oriental dl dt:before{content:"";position:absolute;width:5px;height:5px;left:0;top:14px;background:#3e254a}
.cause-oriental dl dd{padding:0 0 0 14px;font-size:13px;color:#737373}
.cause-oriental dl dd ul{padding:0 0 0 7px;margin:0 0 5px}
.cause-oriental .tit{font-size:15px;color:#a75e91}
.cause-oriental .img{position:absolute;top:0;right:0;width:46%}
.cause-oriental .img img{width:100%}
.dep-solution{padding:15px;margin:15px 0 0;background:#a75e91;color:#fff}
.dep-solution .tit{font-size:18px;display:block}
.dep-solution ul{margin-top:10px}
.dep-solution ul li{display:inline-block;margin-right:10px}
.depilation-con-experience{margin-top:20px}
.trouble-step{margin:20px 0 0;overflow:hidden;position:relative}
.trouble-step li{width:30%;float:left}
.trouble-step li dl.dl01{height:284px}
.trouble-step li dl.dl01 dd{padding:20px 10px;display:table;table-layout:fixed;width:100%;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.trouble-step li dl.dl01 dd > div{display:table-cell;height:180px;vertical-align:middle;text-align:center}
.trouble-step li.step01{padding-right:5%}
.trouble-step li.step02{font-size:18px;color:#fff;text-align:center;width:35%;padding-right:5%;display:table;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.trouble-step li.step02 > div{background:#a6437d;height:284px;display:table-cell;vertical-align:middle}
.trouble-step li.step01:after,.trouble-step li.step02:after{content:"";position:absolute;top:0;left:30%;display:block;width:5%;height:286px;background:url(/kr/ko/resource/img/layout/step-arr-r.png) no-repeat 50% 50%}
.trouble-step li.step01:after{left:65%}
.oriental-mg{margin-top:40px;min-height:269px;position:relative;color:#737373;font-size:14px;padding:0 0 0 235px}
.oriental-mg .outline{font-size:18px;color:#a75e91}
.oriental-mg p{margin-bottom:10px}
.oriental-mg .img{position:absolute;top:0;left:0}
.oriental-mg .img img{width:215px}
.orienta-tip{padding:30px 10px 30px 50px;background:#f8f5f8;font-size:13px;color:#737373;position:relative}
.orienta-tip .tit{position:absolute;top:14px;left:11px;width:39px;height:40px;overflow:hidden;text-indent:-100px;background:url(/kr/ko/resource/img/depilation/tip-bg.png) no-repeat}
.orienta-tip ul{overflow:hidden}
.orienta-tip ul li{padding:10px 20px;border-left:1px solid #e9d9e5;height:180px;float:left;text-align:left;width:33.3%;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.orienta-tip ul li dt{font-size:18px;color:#a75e91}
.frame-scalp-care .tit01{color:#022043}
.frame-scalp-care .tit01 .ft{background-image:url(/kr/ko/resource/img/layout/first-text04-bg.png)}
.frame-scalp-care .tit02{color:#022043}
.frame-scalp-care .tit02 .sub{color:#3d5987}
.visual-scalp-care{background:#d4cbce}
.scalp-desc{overflow:hidden;margin-bottom:20px}
.scalp-desc .text-area{float:left;width:65%}
.scalp-desc .img{float:right;width:30%;text-align:right}
.scalp-desc .img img{width:100%;max-width:254px}
.scalp-dry-tip{margin:20px 0 0;overflow:hidden}
.scalp-dry-tip li{margin-bottom:15px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.scalp-dry-tip li > div{padding-left:64px;position:relative}
.scalp-dry-tip li .nm{padding:0 13px;border-color:#dbd8da;border-style:solid;border-width:0 1px;position:absolute;top:0;left:0;color:#6b6b6b;font-size:20px}
.scalp-dry-tip li .tit{color:#3d5987}
.outline-season{padding-left:150px;border-bottom:1px solid #e3e1e0}
.outline-season .img img{width:140px}
.season-tip dt{font-size:28px;color:#369}
.season-tip{overflow:hidden}
.season-tip li{float:left;width:50%;color:#737373;font-size:13px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.season-tip li dl{padding:25px 20px;background:#f6f2f4;height:400px}
.season-tip li dl dt{margin-bottom:20px}
.season-tip li p{margin:10px 0}
.season-tip li .tit{font-size:14px;color:#0a2454}
.season-tip li.step01{padding-right:8px}
.season-tip li.step02{padding-left:8px}
.season-summer-tip li dl.dl01{height:600px}
.season-fall-tip li dl.dl01{height:400px}
.season-winter-tip li dl.dl01{height:580px}
.frame-homecare .tit01{color:#4b3233}
.frame-homecare .tit01 .ft{background-image:url(/kr/ko/resource/img/layout/first-text02-bg.png)}
.frame-homecare .tit02{color:#4b3233}
.frame-homecare .tit03{color:#562a37}
.txt-homecare{color:#b06039;font-size:18px}
.txt-homecare02{overflow:hidden;padding:5px 170px 5px 10px;background:url(/kr/ko/resource/img/depilation/homecare-bg.png) no-repeat right bottom}
.txt-homecare02 li{padding:0 0 0 8px;position:relative;background:url(/kr/ko/resource/img/depilation/bul-homecare.png) no-repeat 0 8px}
.bul-homecare{padding:0 0 0 8px;background:url(/kr/ko/resource/img/depilation/bul-homecare.png) no-repeat 0 8px}
.visual-homecare{background-color:#dee1d8}
.stretch-step{margin:30px 0 0;color:#494848}
.stretch-step li{overflow:hidden;border-bottom:1px solid #c0bfc0;padding:60px 0 0}
.stretch-step li p{overflow:hidden;float:left;line-height:1.4;width:50%;font-size:24px}
.stretch-step li strong{color:#6a1f1f;margin:0 17px;line-height:83px;font-size:83px;vertical-align:top;float:left}
.stretch-step li .img{float:right;width:50%}
.stretch-step li .img img{height:284px}
.stretch-step li.right p{float:right}
.stretch-step li.right .img{float:left}
.habit-list{margin-top:20px}
.habit-list .tit{font-size:24px;font-weight:400}
.habit-list ul.list-od li{font-size:14px}
.qna-list{margin-top:40px;border-top:1px solid #f3eef1;border-bottom:1px solid #f3eef1;font-size:13px}
.qna-list li{border-bottom:1px solid #ebe9ef}
.qna-list li:last-chlid{border-bottom:none}
.qna-list .tit{position:relative}
.qna-list .tit button{display:block;padding:15px 15px 15px 90px;color:#494c52;width:100%;text-align:left}
.qna-list .answer{position:relative;display:none;color:#676b73;padding:15px 15px 15px 90px;border-top:1px solid #f3eef1;background:#faf8f9}
.qna-list li.on .tit button{color:#b65e33}
.qna-list li.on .answer{display:block}
.qna-list .tit > strong,.qna-list .answer > strong{position:absolute;top:15px;left:40px;font-weight:700}
.qna-list .tit > strong{color:#b65e33}
.beauty-tip{margin:10px 0 25px;color:#737373;overflow:hidden}
.beauty-tip .tit-box span{display:inline-block;font-size:13px;background:#673826;color:#fff;height:18px;line-height:18px;padding:0 5px}
.beauty-tip01{position:relative}
.beauty-tip01 > ul{padding:10px 20px 10px 53px;width:55%;float:left;background:#f7f4f7;font-size:13px;color:#787777;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.beauty-tip01 .tit-box{position:absolute;top:10px;left:10px}
.beauty-tip01 .img{float:right;width:45%;text-align:right}
.beauty-tip01 .img img{width:100%;max-width:199px}
.beauty-tip02,.beauty-tip05{position:relative}
.beauty-tip02 ul{padding:10px 20px 10px 53px;background:#f7f4f7;font-size:13px;color:#787777;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.beauty-tip02 .img{display:block;margin:15px 0 0;text-align:center}
.beauty-tip02 .img img{width:100%;max-width:585px}
.beauty-tip02 .tit-box,.beauty-tip05 .tit-box{position:absolute;top:10px;left:10px}
.beauty-tip03{overflow:hidden;position:relative;padding-left:38%}
.beauty-tip03 .img{position:absolute;top:0;left:0;width:38%}
.beauty-tip03 .img img{width:194px}
.beauty-tip03 .con{position:relative;margin-top:20px}
.beauty-tip03 .con ul{padding:10px 20px 10px 53px;background:#f7f4f7;font-size:13px;color:#787777;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.beauty-tip03 .con .tit-box{position:absolute;top:10px;left:10px}
.beauty-tip04 .tit{color:#b36738;font-size:17px}
.beauty-tip04 ul li{float:left;font-size:13px}
.beauty-tip04 ul li .img-wrap{float:left}
.beauty-tip04 ul li.t01{width:60%}
.beauty-tip04 ul li.t02{width:39%}
.beauty-tip04 ul li.t01 p{float:right;width:37%}
.beauty-tip04 ul li.t02 p{float:right;width:60%}
.beauty-tip04 ul li.t01 img{width:100px}
.beauty-tip04 ul li.t02 img{width:40px}
.beauty-tip05 ul{float:left;width:64%;padding:10px 20px 10px 53px;background:#f7f4f7;font-size:13px;color:#787777;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.beauty-tip05 ul li{margin-bottom:10px}
.beauty-tip05 .img{float:right;width:36%;text-align:right}
.beauty-tip05 .img img{width:100%;max-width:205px}
.beauty-tip06{overflow:hidden;position:relative}
.beauty-tip06 .img{width:40%;position:absolute;top:0;left:0}
.beauty-tip06 .img img{width:100%;max-width:181px}
.beauty-tip06 .tit{float:right;width:60%}
.beauty-tip06 .con{float:right;width:60%;margin:10px 0 0;position:relative}
.beauty-tip06 .con ul{padding:10px 20px 10px 53px;background:#f7f4f7;font-size:13px;color:#787777;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.beauty-tip06 .con .tit-box{position:absolute;top:10px;left:10px}
.beauty-tip07 ul{width:100%;margin-top:10px}
.beauty-tip07 ul li{padding-left:18px;position:relative}
.beauty-tip07 ul li:after{content:'';position:absolute;top:0;left:0;width:13px;height:15px;background:url(/kr/ko/resource/img/depilation/check-img.png) no-repeat}
.beauty-tip08 ul{float:left;width:60%}
.beauty-tip08 ul li{margin-bottom:5px}
.beauty-tip08 ul li strong{padding:1px 5px 2px;display:inline-block;height:16px;line-height:16px;font-size:16px;color:#fff;background:#673826;font-weight:200}
.beauty-tip08 ul li .img{float:right;width:40%}
.beauty-tip08 ul li .img img{width:100%}
.tit-beauty{margin:0 0 5px;font-size:25px;color:#b36738}
.tit-beauty .sub{display:block;font-size:16px}
.tit-beauty .sub *{vertical-align:middle}
.visual-faq{background:#fbeadf}
.center-info{color:#676b73;font-size:14px;margin:20px 0 25px}
.faq-list{border-top:1px solid #e6a1cf;border-bottom:1px solid #e6a1cf;margin-bottom:50px}
.faq-list dl{border-bottom:1px solid #ebecef}
.faq-list dl dt{background:#fff;padding:20px 20px 20px 90px;color:#cb75ad;position:relative}
.faq-list dl dd{margin:20px 0;padding:0 0 0 90px;position:relative;color:#676b73}
.faq-list dl .badge{position:absolute;left:33px;top:20px}
.faq-list dl dd .badge{top:0}
.content-counsel .content-inner{padding-top:30px}
.visual-counsel{background-color:#f9f6f5}
.counsel-search{position:relative;height:36px;padding-top:30px}
.counsel-search ul{width:400px;margin:0 auto}
.counsel-list{margin-bottom:15px}
.counsel-list strong{font-weight:700}
.counsel-list .current{background:#f4f2f2}
.counsel-view{margin:30px 0 15px;border-top:2px solid #c8bfce;border-bottom:2px solid #c8bfce}
.counsel-view .tit{margin:0 0 10px;font-weight:700;font-size:17px;color:#000}
.counsel-view dd{color:#777;font-size:14px}
.counsel-view dl{padding:40px 0 40px 220px;position:relative;min-height:200px}
.counsel-view dl .info{position:absolute;top:5px;right:0;color:#777}
.counsel-view dl .info strong{line-height:14px;padding-right:5px;margin-right:5px;display:inline-block;border-right:1px solid #777}
.counsel-view dl.answer{border-top:1px solid #c8bfce}
.counsel-view dl.answer .info strong{font-weight:700}
.counsel-view dl strong.q,.counsel-view dl strong.a{border-right:1px solid #ccc;overflow:hidden;text-indent:-1000px;position:absolute;top:10px;bottom:10px;left:0;width:200px;background:red}
.counsel-view dl strong.q{background:url(/kr/ko/resource/img/depilation/q-img.png) no-repeat 50% 65px}
.counsel-view dl strong.a{background:url(/kr/ko/resource/img/depilation/a-img.png) no-repeat 50% 65px}
.counsel_fm{margin:30px 0 15px;border-top:2px solid #c8bfce;border-bottom:1px solid #c8bfce}
.counsel_fm > ul{display:table;border-collapse:collapse;width:100%}
.counsel_fm > ul > li{border-bottom:1px solid #c8bfce;display:table-row}
.counsel_fm > ul > li > div{display:table-cell}
.counsel_fm > ul > li > div.th{color:#777;vertical-align:top;width:15%;padding:10px}
.counsel_fm > ul > li > div.td{width:85%;padding:10px 15px}
.counsel_fm > ul > li > div.td .ip-txt02{width:100%}
.counsel_fm textarea{padding:10px;border:1px solid #c8bfce;width:100%;height:370px;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.counsel_fm .textarea textarea{width:100%}
.depilation-main-wrap{overflow:hidden;min-height:400px;background:url(/kr/ko/resource/img/depilation/sub-bg.png)}
.depilation-main-wrap .inner{position:relative;min-height:400px;padding:0 0 30px;margin:30px auto 0;max-width:1014px;background:url(/kr/ko/resource/img/depilation/sub-bo-bg.png) center bottom no-repeat}
.depilation-main-wrap .dep-tit01{overflow:hidden;text-indent:-1000px;position:absolute;width:15%;background:red;top:0;left:0;min-height:150px;background:url(/kr/ko/resource/img/depilation/tit01.png) no-repeat center 0}
.depilation-main-wrap .dep-con{padding-left:15%;position:relative}
.depilation-main-wrap .dep-con>.images>img{width: 100%;}/*180809 add*/
.depilation-main-wrap .dep-con .quick-nav{width:33%}
.depilation-main-wrap .dep-con .quick-nav ul li{margin-bottom:15px;position:relative}
.depilation-main-wrap .dep-con .quick-nav ul li:after{content:'';position:absolute;top:5px;right:5px;width:6px;height:7px;background:url(/kr/ko/resource/img/depilation/sub-quick-bul.png) no-repeat}
.depilation-main-wrap .dep-con .quick-nav ul strong{display:block;margin:0 0 5px;color:#bda4e7;font-size:18px}
.depilation-main-wrap .dep-con .quick-nav ul p{font-size:13px;color:#e8e5ed}
/*20181018 추가*/
.depilation-main-wrap .dep-con .quick-nav ul li a:focus strong{color:#fff;}
.depilation-main-wrap .dep-con .quick-nav ul li a:focus p{font-weight:bold;}
/*--20181018 end--*/
.depilation-main-wrap .dep-con .dep-tit02 img{width:100%}
.depilation-main-wrap .dep-tit03{font-size:30px;color:#efe4f9}
.depilation-main-wrap .quick-nav{position:absolute;left:32%;top:11%}
.depilation-main-wrap .dep-nav{width:10%;position:absolute;bottom:5%;left:3%}
.depilation-main-wrap .dep-nav ul{width:100%}
.depilation-main-wrap .dep-nav li{float:left}
.depilation-main-wrap .dep-nav li a{display: inline-block;}/*181019 add - 접근성*/
.depilation-main-wrap .dep-nav li img{width:100%}
.depilation-main-wrap .dep-nav li.l01{width:51.5%}
.depilation-main-wrap .dep-nav li.l02{width:48.5%}
.depilation-main02 .dep-tit03{color:#d8e9f5}
.depilation-main02 .dep-con .quick-nav ul strong{color:#91e6ff}
.depilation-main02 .dep-con .quick-nav ul p{color:#cfdbe3}
.depilation-main03 .dep-tit03{color:#e9d4c8}
.depilation-main03 .dep-con .quick-nav ul strong{color:#f1bb8b}
.depilation-main03 .dep-con .quick-nav ul p{color:#e9d4c8}
.depilation-main03 .dep-con .quick-nav ul li{margin-bottom:5px}
@media all and (max-width:1023px) {
.depilation-tab{padding-top:30px}
.depilation-tab > ul{display:none}
.depilation-tab.on > ul{display:block}
.depilation-tab .tit{font-size:14px;padding:0;background-image:none}
.depilation-tab.on .tit{padding-bottom:15px;background-image:url(/kr/ko/resource/img/depilation/tab-tit-bg.png)}
.depilation-tab .bo{height:50px;background:url(/kr/ko/resource/img/depilation/bg-tab-bo02.png) no-repeat 0 bottom}
.depilation-tab.on .bo{background-image:url(/kr/ko/resource/img/depilation/bg-tab-bo.png)}
.depilation-tab .bo button{display:inline-block}
.depilation-tab .dep01{display:none}
.depilation-tab.on .dep01{display:block}
.content-inner-depilation{padding-top:40px}
.cause-list li{width:100%;border-right:none!important;border-bottom:1px solid #e4e4e4;height:auto;padding:0 0 10px!important}
.dep-solution ul li{display:block}
.oriental-mg{padding:0;margin-top:20px}
.oriental-mg .img{display:block;margin:0 0 20px;position:static}
.orienta-tip{background:none;padding:40px 0 0}
.orienta-tip .tit{top:1px;left:0}
.orienta-tip ul li{float:none;width:100%;border-left:0;height:auto;border-top:1px solid #d5d5d5;padding:10px 0}
.season-tip li{margin-bottom:15px;float:none;width:100%;padding:0!important}
.season-tip li dl{height:auto!important}
.content-inner-depilation{padding-right:10px}
.depilation-frame{margin-left:20px;margin-right:20px}
.txt-homecare02{padding:0 0 130px}
.content-inner-faq{margin:0 20px}
.content-counsel .content-inner{margin:0 20px}
.depilation-main-wrap .inner{max-width:640px;margin:30px auto 0;overflow:hidden}
.depilation-main-wrap .dep-tit01{width:60%;height:37px;top:0;left:5%;background:url(/kr/ko/resource/img/depilation/tit01-m.png) no-repeat 0 0}
.depilation-main-wrap .dep-con{margin-top:37px;padding-left:0;position:relative}
.depilation-main-wrap .dep-con .quick-nav{width:70%;left:50%;margin-left:-35%;top:44%}
.depilation-main-wrap .dep-tit03{font-size:40px}
.depilation-main-wrap .dep-con .quick-nav ul strong{font-size:24px}
.depilation-main-wrap .dep-con .quick-nav ul p{font-size:20px}
.depilation-main-wrap .dep-con .quick-nav ul li:after{display:none}
.depilation-main-wrap .dep-nav{bottom:auto;top:0;left:auto;right:1%;width:24%}
.depilation-main-wrap .dep-nav li.l01{width:51.5%}
.depilation-main-wrap .dep-nav li.l02{width:48.5%}
.depilation-main02 .dep-con .quick-nav{top:47%}
.depilation-main-wrap.depilation-main02 .dep-con .quick-nav{top:50%}
}
@media all and (max-width:768px) {
.hair-cycle{padding-top:47px}
.hair-cycle ul{width:100%;height:140px}
.hair-cycle ul li button{padding:0;border:1px solid #ededed;text-align:center;height:48px;width:20%;top:0!important;font-size:12px}
.hair-cycle ul li.on button{border-color:#532c6d}
.hair-cycle ul li button span{display:block}
.hair-cycle ul li.c01 button{left:0}
.hair-cycle ul li.c02 button{left:20%}
.hair-cycle ul li.c03 button{left:40%}
.hair-cycle ul li.c04 button{left:60%}
.hair-cycle ul li.c05 button{left:80%}
.hair-cycle ul li{padding:10px 0}
.hair-cycle ul li img{margin:0 0 0 -78px;position:absolute;top:60px;left:50%}
.scalp-oily-tip li{float:none;width:100%;padding:0!important;margin:0 0 15px}
.scalp-oily-tip li dl.dl01{height:auto}
.scalp-oily-tip li dl.dl01 dt{font-size:14px}
.season-tip li{float:none;width:100%;padding:0!important;margin:0 0 15px}
.season-tip li dl.dl01{height:auto}
.stretch-step li{padding-top:20px}
.stretch-step li p,.stretch-step li.right p{float:none;width:auto;font-size:18px}
.stretch-step li p strong{line-height:62px;font-size:62px}
.stretch-step li .img,.stretch-step li.right .img{float:none;width:100%;display:block;text-align:center}
.stretch-step li .img img{height:178px}
.beauty-tip01 ul,.beauty-tip02 ul,.beauty-tip03 ul,.beauty-tip08 ul{width:100%;margin-right:0}
.beauty-tip01 ul{float:none}
.beauty-tip01 .img{margin:10px 0 0;float:none;display:block;width:100%;text-align:center}
.beauty-tip01 .img,.beauty-tip02 .img,.beauty-tip06 .img,.beauty-tip08 ul li .img{margin-top:10px}
.beauty-tip02 .img img,.beauty-tip03 .img img,{max-width:100%}
.beauty-tip04 ul li{padding:0;float:none;width:100%!important;overflow:hidden}
.beauty-tip04 ul li .img-wrap{width:40%;text-align:center}
.beauty-tip04 ul li p{width:50%!important;float:left!important}
.beauty-tip03{padding-left:0}
.beauty-tip03 .img{position:static;display:block;width:100%;text-align:center}
.beauty-tip05 .img{display:block}
.beauty-tip06 .img{display:block;margin:10px 0 0;position:static;width:100%;text-align:center}
.beauty-tip06 .tit{float:none;width:100%}
.beauty-tip06 .con{float:none;width:100%}
.beauty-tip08 .img{text-align:center;width:100%;display:block}
.beauty-tip05 ul{width:100%;float:none;height:auto}
.beauty-tip05 .img{width:100%;float:none;text-align:left;margin:10px 0 0;text-align:center}
.depilation-text01 p{float:none;width:100%;margin-bottom:10px}
.depilation-text01 img{float:none;width:auto;max-width:100%}
.depilation-main-wrap .dep-tit03{font-size:30px}
.depilation-main-wrap .dep-con .quick-nav ul strong{font-size:20px}
.depilation-main-wrap .dep-con .quick-nav ul p{font-size:16px}
}
@media all and (max-width:640px) {
.depilation-frame{margin-left:10px;margin-right:10px}
.depilation-frame:before{width:52px;background-image:url(/kr/ko/resource/img/depilation/bg-left-m.png);background-position:0 4px;background-size:52px auto}
.depilation-frame:after{background-image:url(/kr/ko/resource/img/depilation/bg-right-m.png);background-position:right 7px}
.depilation-frame{padding-left:52px}
.content-inner-depilation{padding:40px 7px 30px 3px}
.tit-depilation{left:52px}
.content-inner-depilation:before{top:4px;left:0;width:52px;height:245px;background:url(/kr/ko/resource/img/depilation/bg-left-top-m.png) no-repeat}
.tit-depilation:after{top:7px;background:url(/kr/ko/resource/img/depilation/bg-right-top-m.png) no-repeat}
.depilation-con-box{padding:20px 0}
.depilation-frame.frame-scalp-care:before{background-image:url(/kr/ko/resource/img/depilation/bg-left02-m.png)}
.depilation-frame.frame-scalp-care .content-inner-depilation:before{background-image:url(/kr/ko/resource/img/depilation/bg-left02-top-m.png)}
.depilation-frame.frame-homecare:before{background-image:url(/kr/ko/resource/img/depilation/bg-left03-m.png)}
.depilation-frame.frame-homecare .content-inner-depilation:before{background-image:url(/kr/ko/resource/img/depilation/bg-left-top03-m.png)}
.trouble-step li{width:100%;float:none}
.trouble-step li.step01:after,.trouble-step li.step02:after{display:none;background:none}
.trouble-step li dl.dl01{height:auto}
.trouble-step li dl.dl01 dd > div{height:auto}
.trouble-step li.step02{display:block;width:100%;padding:0;font-size:14px}
.trouble-step li.step02 > div{display:block;height:auto;padding:25px}
.trouble-step li.step01,.trouble-step li.step02{padding-right:0;padding-bottom:40px;background:url(/kr/ko/resource/img/layout/step-arr-b.png) no-repeat 50% bottom}
.oriental-mg{padding:0;font-size:13px}
.oriental-mg p{margin-bottom:15px}
.oriental-mg .outline{font-size:14px}
.oriental-mg .img{display:block;position:static;margin-bottom:15px}
.oriental-mg .img img{width:169px}
.cause-oriental dl{width:100%}
.cause-oriental .img{position:static;width:auto;margin-top:10px}
.cause-oriental .img img{max-width:274px}
.outline-area{padding:0;font-size:13px}
.outline-area p{margin-bottom:15px}
.outline-area .outline{font-size:14px}
.outline-area .img{display:block;position:static;margin-bottom:15px;text-align:center}
.outline-season{border-bottom:0}
.orienta-tip li{float:none;padding:0!important;width:100%;margin:0 0 15px}
.orienta-tip li dl.dl01{height:auto}
.scalp-desc .text-area{float:none;width:100%}
.scalp-desc .img{margin:10px 0 0;width:100%;display:block;float:none;text-align:left;text-align:center}
.habit-list ul.list-od li{font-size:12px}
.content-counsel .content-inner{margin:0 10px}
.counsel-list table,.counsel-list tbody{display:block;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.counsel-list thead{display:none}
.counsel-list tbody tr{display:block;width:100%;position:relative}
.counsel-list td.c-tit{display:block;padding:10px 80px 10px 70px;width:100%;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.counsel-list td.c-ctg{position:absolute;top:0;left:0}
.counsel-list td.c-date{display:none}
.counsel-list td.c-status{position:absolute;top:0;right:0;border:0}
.counsel-list td.c-cnt{display:none}
.counsel-list td.nodata{width:100%;display:block;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.counsel-search{padding-top:0}
.counsel-search ul{width:290px}
.counsel-search ul .ip-txt{min-width:70px;width:100px}
.counsel-search ul .selectbox .jqListBox{min-width:70px;width:90px}
.counsel-view dl{padding-left:90px}
.counsel-view dl strong.q,.counsel-view dl strong.a{width:80px}
.counsel-view dl dt .info{float:left}
.counsel-view dl dt .info strong{margin:0 18px 0 0}
.counsel-view dl dt .info span{margin-right:20px}
.content-inner-faq{margin:0 10px}
.faq-list dl dt,.faq-list dl dd{padding-left:50px}
.faq-list dl .badge{left:20px}
.qna-list .tit button,.qna-list .answer{padding-left:60px}
.qna-list .tit > strong,.qna-list .answer > strong{left:20px}
.depilation-main-wrap .dep-tit03{font-size:16px}
.depilation-main-wrap .dep-con .quick-nav{top:44%}
.depilation-main03 .dep-con .quick-nav{top:42%}
.depilation-main-wrap .dep-con .quick-nav ul li{margin-bottom:5px}
.depilation-main-wrap .dep-con .quick-nav ul strong{font-size:13px;margin-bottom:0}
.depilation-main-wrap .dep-con .quick-nav ul p{font-size:12px}
}
@charset "utf-8";

.tit-event {position:relative;padding:0 0 7px 0;margin:0 0 40px; font-size:18px;color:#000;font-weight:bold;border-bottom:2px solid #9e6d68;}
.tit-event:after {content:"";position:absolute;right:0;bottom:-2px;width:15px;height:11px;background:url("/kr/ko/resource/img/event/tit-bg.png") no-repeat;}
.tit-event02 {padding:10px 0 0 0;margin:0 0 25px;position:relative;font-size:16px;line-height:16px;color:#532c6d;}
.tit-event02:after {content:"";position:absolute;top:0;left:0;width:1.2em;height:2px;background-color:#532c6d;}
.tit-event02 .sub {font-size:14px;color:#c3a068;}


.best-review {margin:70px 0 0 0;}
.best-review ul {overflow:hidden;}
.best-review ul li {margin:0 0 25px;float:left;width:33.3%;height:380px;overflow:hidden;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.best-review ul li img {width:100%;}
.best-review ul li.l01, .best-review ul li.l04 {padding-right:1%;}
.best-review ul li.l03, .best-review ul li.l06 {padding-left:1%;}
.best-review ul li.l02, .best-review ul li.l05 {padding:0 0.5%;}

.best-review-pop {max-height:500px;overflow:auto;}
.best-review-pop img {width:100%;}

.review-product-slider {position:relative;padding:0 30px;}
.review-product-slider button {position:absolute;margin-top:-20px;overflow:hidden;text-indent:-1000px;width:20px;height:40px;background:url(/kr/ko/resource/img/event/btn-review-slider.png) no-repeat;}
.review-product-slider button.btn-prev {left:0;top:50%;background-position:0 bottom;}
.review-product-slider button.btn-next {right:0;top:50%;background-position:0 top;}
.review-product-slider button.btn-prev.btn-disabled {background-position:right bottom;}
.review-product-slider button.btn-next.btn-disabled {background-position:right top;}
.review-product-slider .slide-wrap {overflow:hidden;}
.review-product-slider .slide-list {overflow:hidden;width:3000px;position:relative;}
.review-product-slider .slide-list li {float:left;width:230px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.review-product-slider .slide-list li a.active {border:1px solid #532c6d;}
.review-product-slider .slide-list li a {display:block;}
.review-product-slider .slide-list li .img {display:block;text-align:center;}
.review-product-slider .slide-list li .img img {width:200px;height:200px;}
.review-product-slider .slide-list li strong {padding:0 10px; font-size:16px;color:#532c6d;font-weight:bold;display:block;}
.review-product-slider .slide-list li p {padding:0 10px; font-size:14px;color:#777;}

.event-step {margin:0 0 60px;border:5px solid #715250;overflow:hidden;color:#c4c3c3;background:#fff;}
.event-step li {position:relative;padding:10px;float:left;height:92px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.event-step li:after {content:"";position:absolute;top:30px;right:-7px;width:13px;height:48px;background:url(/kr/ko/resource/img/event/step-bg.png) no-repeat;}
.event-step li.s01 {width:16%;}
.event-step li.s02 {width:20%;}
.event-step li.s03 {width:22%;}
.event-step li.s04 {width:20%;}
.event-step li.s05 {width:22%;}
.event-step li.s05:after {background:none;display:none;}
.event-step li > span {font-size:18px;display:block;}
.event-step li > p {overflow:hidden;}
.event-step li > p span {font-size:16px;color:#565454;letter-spacing:-1px;}
.event-step li > p strong {margin-right:5px;color:#c4c3c3;font-size:48px;line-height:48px;float:left;letter-spacing:-2px;}

.event-step li.on > p span, .event-step li.on > p strong, .event-step li.on > span {color:#715250;}
.event-image-wrap {margin:0 0 25px;}
.event-image-wrap img {width:100%;}

.event-review-list02 {margin-top:10px;border-top:2px solid #c8bfce;}
.event-review-list02 > ul {width:100%;display:table;table-layout:fixed;border-collapse:collapse;color:#777;}
.event-review-list02 > ul > li {display:table-row;border-bottom:1px dotted #b6b6b6;}
.event-review-list02 > ul > li > .td {display:table-cell;vertical-align:middle;padding:15px 0;}
.event-review-list02 > ul > li > span.no {width:10%;text-align:center;}
.event-review-list02 > ul > li > span.id {width:15%;text-align:center;}
.event-review-list02 > ul > li > div.con {width:auto; position: relative;}
.event-review-list02 > ul > li > div.con textarea {width:100%;color:#777;padding:10px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.event-review-list02 > ul > li > span.date {width:12%;text-align:center;}
.event-review-list02 > ul > li:last-child {border-bottom:1px solid #c8bfce;}
.event-review-list02 .btn {display:block;position: absolute; top: inherit; right: 0; bottom: -2px; height: inherit; text-align:right;}/*170717 수정*/
.event-review-list02 .btn button {margin-left:4px;}

.review-tip {border:1px solid #dedede;color:#777;padding:20px;background-color:#fff;box-shadow:0px 2px 5px #ccc;position:relative;}
.review-tip p {border-bottom:1px solid #dedede;padding:0 0 10px;}

.review-fm {border-bottom:0;color:#777;}
.review-fm > ul > li > div.th {font-weight:bold;width:12%;}
.review-fm > ul > li > div.td {width:88%;}
.review-fm input, .review-fm label {vertical-align:middle;}
.review-fm label {display:inline-block;}
.review-fm .lb-raido {margin-right:10px;}
.review-bul-list {padding:0 15px;margin-bottom:20px;border-bottom:2px solid #c8bfce;}

.tb-cnt {color:#c3a068;font-size:14px;}

.review-detail .tb01 {margin-top:10px;}
.review-detail {margin:0 0 50px;}
.review-detail .review-tit {border-top:2px solid #c4b8c7;background:#efe8e8;padding:15px 20px;overflow:hidden;}
.review-detail .review-tit h3 {font-size:14px; color:#000;font-weight:bold;}
.review-detail .review-tit .img {float:left;width:145px;height:145px;position:absolute;}
.review-detail .review-tit .img img {width:100%;height:100%;}
.review-detail .review-tit > ul {padding-left:160px;min-height:145px;overflow:hidden;color:#777;}
.review-detail .review-tit > ul .th {font-weight:bold;color:#372629;}
.review-detail .review-tit > ul li {overflow:hidden;float:left;width:50%;margin:0 0 10px;}
.review-detail .review-tit > ul li .th {float:left;width:40%;}
.review-detail .review-tit > ul li .td {float:left;width:60%;}
.review-detail .review-tit > ul li.l01 {width:100%;}
.review-detail .review-tit > ul li.l02 {width:100%;}
.review-detail .review-tit > ul li.l01 .th {width:20%;}
.review-detail .review-tit > ul li.l01 .td {width:80%;}
.review-detail .review-tit > ul li.l02 .th {width:20%;}
.review-detail .review-tit > ul li.l02 .td {width:80%;}

.review-detail-info {color:#777;font-size:13px;}
.review-detail .review-con {font-size:13px;color:#777;padding:30px 40px;border-top:1px solid #c4b8c7;background:#fff;}
.review-detail .img-area {text-align:center;margin-bottom:20px;}
.review-detail .img-area img {max-width:100%;}
.review-link {margin:10px 0 0 0;border-top:2px solid #c4b8c7;border-bottom:1px solid #c4b8c7;}
.review-link li {border-bottom:1px solid #c4b8c7;overflow:hidden;padding:10px 25px;color:#372629;}
.review-link li span.date {float:right;width:30%;color:#777;text-align:right;}
.review-link li p {float:left;width:70%;color:#372629;position:relative;padding:0 0 0 15px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.review-link li p:after {content:"";position:absolute;top:8px;left:0;width:3px;height:3px;background-color:#401d53;}
.review-link li p a {color:#372629;}


.btn-review-write {margin-top:10px;}
.request-fm {overflow:hidden;padding:10px 130px 10px 10px;position:relative;border-bottom:1px dotted #b6b6b6;}
.request-fm textarea {padding:10px;width:100%;height:115px;border:1px solid #777;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.request-fm button {position:absolute;right:0;top:10px;width:120px;height:110px;background:#532c6d;color:#fff;border-radius:3px;}

.star {padding-left:80px;position:relative;}
.star:after {content:"";width:74px;height:13px;position:absolute;left:0;top:3px;background:url("/kr/ko/resource/img/layout/star.png") no-repeat;}
.star1:after {background-position:0 0;}
.star2:after {background-position:0 -13px;}
.star3:after {background-position:0 -26px;}
.star4:after {background-position:0 -39px;}
.star5:after {background-position:0 -52px;}

.tab-event {overflow:hidden;margin:0 0 40px;}
.tab-event li {float:left;font-size:14px;font-weight:bold;margin:0 20px 0 0;}
.tab-event li a {padding:0 55px 7px 0;color:#7f7f7f;display:block;border-bottom:2px solid #b4b4b4;position:relative;}
.tab-event li a:after {content:"";position:absolute;width:15px;height:11px;bottom:-2px;right:0;background:url("/kr/ko/resource/img/event/tab-bg.png") no-repeat;}
.tab-event li.on a {color:#684041;border-color:#5e4143;text-decoration:underline;}
.tab-event li.on a:after {background-position:0 bottom;}

.event-bn-list {margin:10px 0 0 0;}
.event-bn-list li {margin-bottom:10px;}
.event-bn-list li a {display:block;}
.event-bn-list li a > img {max-width:100%;border:1px solid #ccc;}
.event-bn-list + .img-area {border:1px solid #ccc;}

/*
.prev-event-list li {overflow:hidden;padding: 14px 0 0 11px;width:736px;height:126px;background:url("/kr/ko/resource/img/event/event-listbg.gif") no-repeat;}
*/
.prev-event-list li {overflow:hidden;margin-bottom:10px;}
.prev-event-list li a img {max-width:100%;}

.file-list p {margin-bottom:5px;}

.notes-point {display: block; font-size: 15px; font-weight: bold; color: #660000; text-decoration: underline;}
.add-point{color:#ce0a0a; font-weight:bold; text-decoration:underline;}
.notes-list strong{color:#ce0a0a}

/* 16.07.05 이벤트 */
	#winWrap {position:relative;height:100%;padding:0;text-align:center;margin-bottom:20px;}
	#winWrap .top {position:relative;max-width:980px;margin:0 auto;}
	#winWrap .top img {max-width:100%;}
	#winWrap .top a {display:block; position:absolute;}
	#winWrap .top .btn1 {width:30.7%; left:7.9%; bottom:48.5%; height:3.1%;}
	#winWrap .top .btn2 {width:35.7%; left:7.9%; bottom:38.4%; height:3.1%;}
	#winWrap .top .btn3 {width:32.3%; left:7.9%; bottom:28.4%; height:3.1%;}
	#winWrap .win_list .btn4 {display:block; position:absolute;width:21.3%; left:39.3%; top:42.3%; height:8.3%;}
	.win_list {max-width:980px;padding:0 0 4%;margin:0 auto;position:relative;background:url(/kr/ko/resource/img/event/23_bg_side_line.gif) repeat 0 0;}
	.win_list img{width:100%;}
	.win_list .wrap-list{overflow:hidden;width:89%;margin:0 auto;padding:20px 20px 0;background-color:#fff;border:1px solid #d9b27e;}
	.win_list .list li {float:left;width:33.333%;margin:0 0 16px;font-size:12px;color:#666;line-height:14px;}
	.win_list .list li span {display:inline-block;float:left;width:80px;}
	.win_list .btn4 {display:block; position:absolute;width:21.3%; left:39.3%; top:42.3%; height:8.3%;}
	.m_img {display:none;}
	.w_img p {position:relative;}

/* 16.08.30 비디스낵 김은미 이벤트 */
	#winWrap.event20160830 {position:relative;height:100%;padding:0;text-align:center;margin-bottom:20px;}
	#winWrap.event20160830 .top {position:relative;max-width:980px;margin:0 auto;}
	#winWrap.event20160830 .top img {max-width:100%;}
	#winWrap.event20160830 .top a {display:block; position:absolute;}
	#winWrap.event20160830 .top .btn1 {width:30.7%; left:7.9%; bottom:48.5%; height:3.1%;}
	#winWrap.event20160830 .top .btn2 {width:35.7%; left:7.9%; bottom:38.4%; height:3.1%;}
	#winWrap.event20160830 .top .btn3 {width:32.3%; left:7.9%; bottom:28.4%; height:3.1%;}
	.event20160830 .win_list {max-width:980px;padding:0 0 4%;margin:0 auto;position:relative;background:url(/kr/ko/resource/img/event/23_bg_side_line.gif) repeat 0 0;}
	.event20160830 .win_list img{width:100%;}
	.event20160830 .win_list .wrap-list{overflow:hidden;width:89%;margin:0 auto;padding:20px 20px 0;background-color:#fff;border:1px solid #d9b27e;}
	.event20160830 .win_list .list li {float:left;width:33.333%;margin:0 0 16px;font-size:12px;color:#666;line-height:14px;}
	.event20160830 .win_list .list li span {display:inline-block;float:left;width:80px;}
	.event20160830 .m_img {display:none;}
	.event20160830 .w_img p {position:relative;}
	.event20160830 .btn {position:absolute; display:block; background:yellow; /*opacity:0;*/ font-size:0; line-height:0;background: url("http://nufo.amorepacific.com/upload_files/editor/blank.png") 0 0 repeat; background-size:cover;}
	.event20160830 .btn_1 {width:9.2%; height:2%; top:24.7%; left:37.4%;}
	.event20160830 .btn_2 {width:9.2%; height:2%; top:24.7%; right:8.5%;}
	.event20160830 .btn_3 {width:9.2%; height:2%; top:47.6%; left:37.4%;}
	.event20160830 .btn_4 {width:9.2%; height:2%; top:47.6%; right:8.5%;}
	.event20160830 .btn_5 {width:9.2%; height:2%; top:68.8%; left:37.4%;}
	.event20160830 .btn_6 {width:9.2%; height:2%; top:69.6%; right:8.5%;}
	.event20160830 .btn_7 {width:9.2%; height:2%; top:91.6%; left:37.4%;}
	.event20160830 .btn_8 {width:9.2%; height:2%; top:91.6%; right:8.5%;}
	.event20160830 .btn_9 {width:21.4%; height:17.2%; top:71.7%; left:39.3%;}

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

	.content-event .content-inner {padding:0 20px 30px;}

	.event-step li > p span {font-size:14px;}
	.event-step li > p strong {font-size:34px;}

	.best-review-pop {max-height:none;}

	.review-product-slider .slide-wrap {width:460px;margin:0 auto;}
	.review-fm .file {display:none;}

}

@media all and (max-width:768px) {
	.event-step {border:0;}
	.event-step li {height:114px;}
	.event-step li > p span {font-size:12px; line-height:13px;}
	.event-step li > p strong {font-size:18px;line-height:24px;}
	.event-step li > span {font-size:14px;}
	.event-step li {margin:0 0 10px;border-top:5px solid #715250;border-bottom:5px solid #715250;}
	.event-step li:after {top:30px;}
	.event-step li.s01 {width:28%;border-left:5px solid #715250;}
	.event-step li.s02 {width:36%;}
	.event-step li.s03 {width:36%;border-right:5px solid #715250;}
	.event-step li.s03:after {background:none;display:none;}
	.event-step li.s04 {width:40%;margin-left:10%;border-left:5px solid #715250;}
	.event-step li.s05 {width:40%;border-right:5px solid #715250;}

	.best-review ul li {height:280px;}
	
}


@media all and (max-width:640px) {
	.content-event .content-inner {padding:0 10px 30px;}

	.best-review ul li {width:50%;height:360px;}
	.best-review ul li.l01, .best-review ul li.l03, .best-review ul li.l05 {padding:0 1% 0 0;}
	.best-review ul li.l02, .best-review ul li.l04, .best-review ul li.l06 {padding:0 0 0 1%;}
		
	.event-step li > p strong {display:none;}
	.event-review-list .col06, .event-review-list .col04 {display:none;}
	.event-review-list col.col01 {width:15% !important;}
	.event-review-list col.col03 {width:20% !important;}
	.event-review-list col.col05 {width:30% !important;}

	.event-review-list02 > ul {display:block;}
	.event-review-list02 > ul > li {display:block;position:relative;padding:15px 0 35px 55px;}
	.event-review-list02 > ul > li > span.td {display:block;padding:0;width:auto;text-align:left;}
	.event-review-list02 > ul > li > span.no {position:absolute;left:0;top:15px;width:55px;text-align:center;}
	.event-review-list02 > ul > li > span.id {position:absolute;bottom:10px;left:55px;}
	.event-review-list02 > ul > li > span.date {position:absolute;bottom:10px;right:0;}

	.review-product-slider .slide-wrap {width:230px;margin:0 auto;}
	
	.review-tip {padding-bottom:40px;}
	.review-tip .btn-cm {position:absolute;bottom:10px;right:20px;}
	
	.review-fm > ul {display:block;}
	.review-fm > ul > li {display:block;}
	.review-fm > ul > li > div.th {padding:10px 0 0;display:block;position:static;width:100%;float:none;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
	.review-fm > ul > li > div.td {padding:10px 0;display:block;position:static;width:100%;float:none;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
	.review-fm > ul > li > div.td .selectbox02 .jqListBox {min-width:90px;}

	.request-fm {padding:10px 0;overflow:hidden;}
	.request-fm button {position:static;float:right;height:40px;}
	
	.review-detail .review-tit .img {position:static;float:none;width:100%;text-align:center;display:block;}
	.review-detail .review-tit .img img {width:145px;height:145px;}
	.review-detail .review-tit > ul {padding:10px 0 0;}
	.review-detail .review-tit > ul li {width:100%;margin-bottom:5px;}
	.review-detail .review-tit > ul li .th {width:35% !important;}
	.review-detail .review-tit > ul li .td {width:65% !important;}
	
	.tab-event {margin-bottom:20px;}
	.tab-event li {margin-right:10px;}
	.tab-event li a {padding-right:5px;font-size:14px;}

	.win_list .btn4 {width:37.3%; left:31.3%; top:25.3%; height:8.3%;}

	/* 16.07.05 이벤트 */
	#winWrap .top {max-width:560px;}
	#winWrap .top .btn1 {width:59.8%; left:8.2%; bottom:56.5%; height:3.5%;}
	#winWrap .top .btn2 {width:69.8%; left:8.2%; bottom:44.8%; height:3.5%;}
	#winWrap .top .btn3 {width:62.8%; left:8.2%; bottom:32.9%; height:3.5%;}
	.win_list .wrap-list{overflow:hidden;width:85%;}
	.win_list .list {padding-top:20px;}
	.win_list .list li {width:50%;}
	.w_img {display:none;}
	.m_img {display:block;}
	.m_img p {position:relative;}

	/* 16.08.30 비디스낵 김은미 이벤트 */
    #winWrap.event20160830 .top {max-width:560px;}
    #winWrap.event20160830 .top .btn1 {width:59.8%; left:8.2%; bottom:56.5%; height:3.5%;}
    #winWrap.event20160830 .top .btn2 {width:69.8%; left:8.2%; bottom:44.8%; height:3.5%;}
    #winWrap.event20160830 .top .btn3 {width:62.8%; left:8.2%; bottom:32.9%; height:3.5%;}
    .event20160830 .win_list .wrap-list{overflow:hidden;width:85%;}
    .event20160830 .win_list .list {padding-top:20px;}
    .event20160830 .win_list .list li {width:50%;}
    .event20160830 .w_img {display:none;}
    .event20160830 .m_img {display:block;}
    .event20160830 .m_img p {position:relative;}
    .event20160830 .btn_1 {top:3.9%;left:11%;width:77.5%;height:10.6%;}
    .event20160830 .btn_2 {top:15.8%;left:11%;width:77.5%;height:10.6%;}
    .event20160830 .btn_3 {top:27.6%;left:11%;width:77.5%;height:10.6%;}
    .event20160830 .btn_4 {top:39.5%;left:11%;width:77.5%;height:10.6%;}
    .event20160830 .btn_5 {top:51.3%;left:11%;width:77.5%;height:10.6%;}
    .event20160830 .btn_6 {top:63.2%;left:11%;width:77.5%;height:10.6%;}
    .event20160830 .btn_7 {top:75%;left:11%;width:77.5%;height:10.6%;}
    .event20160830 .btn_8 {top:87%;left:11%;width:77.5%;height:10.6%;}
    .event20160830 .btn_9 {top:68.5%;left:31%;width:37.5%;height:17.6%;}

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

	.best-review ul li {height:300px;}
}

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

	.best-review ul li {height:250px;}
	/* 16.07.05 이벤트 */
	.popup-wrap3 .pop-frame .link {bottom:4%;} 
}

@media all and (max-width:340px) {
    /* 16.07.05 이벤트 */
	.win_list .wrap-list{padding:0;width:85%;}
	.win_list .list li {float:none;width:auto;}
    .win_list .btn4 {width:37.3%; left:31.3%; top:16.3%; height:5.3%;}

	/* 16.08.30 비디스낵 김은미 이벤트 */
	.event20160830 .win_list .wrap-list{padding:0;width:85%;}
	.event20160830 .win_list .list li {float:none;width:auto;}
}

@charset "utf-8";


/* 디테일 */
.product-detail-top { padding-top:38px;position: relative; min-height:400px; background:url('/kr/ko/resource/img/layout/container-bg.png') #f6f6f6 repeat-x left top;}
.product-detail-top .inner {max-width: 980px;margin:0 auto;position:relative;}
.product-slide { position: absolute; left:0; top:0; float: left; width: 100%; max-width: 370px; min-height:400px;overflow: hidden; }
.product-slide .slider-box { /* visibility: hidden; */ width: 100%; max-width:1024px;margin:0 auto; }
.product-slide .slider-Wrap .item-content a:focus-visible {outline-color: #bbb;box-sizing: border-box;border: 1px solid #bbb;}
.product-slide .slider-Wrap { position: relative; width: 100%; font-size: 0; overflow: hidden;}
.product-slide .slider-Wrap:after { display: block; clear:both; content:'';}
.product-slide .slider-Wrap .slider-item{ float: left; width: 100%;}
.product-slide .slider-Wrap .slider-item:focus {outline: none;}
.product-slide .slider-Wrap .slider-item:focus-visible {outline: none;border: 1px solid #bbb;box-sizing: border-box;}
.product-slide .slider-Wrap .slider-item img{ width: 100%;}
.product-slide .slider-Wrap .slider-item:after{clear:both; content:''; display: block;}
.product-slide .slider-Wrap .slider-item a{ display: block; width: 100%; position:relative;}
.product-slide .slider-Wrap .slider-item .mark {position:absolute;top:0;left:0; width:27.02702702703%; max-width: 100px;}/*180718 아이콘 변경에 따른 수정*/
.product-slide .slider-Wrap .slider-item .emblem {position:absolute;top:15px;right:15px;}
.product-slide .slider-Wrap .slider-item .emblem > strong {margin-bottom:15px;display:block;width:90px;}
.product-slide .slider-Wrap .slider-item .emblem > strong img {width:100%;}
.product-slide .slider-Wrap .item-content a{ display: inline-block;  width: 100%;}
.slider-content:after { float: left;}
.product-slide .pagerbox { position: absolute; top:396px; left:0; height:3px; line-height:3px;}
.pager { text-indent:-999em; text-align: center; height:3px; width:30px; background: #d5cedb; margin-right: 2px;}
.pager span { text-indent:-999em;}
.pager.active { background: #532c6d; border:0; outline-color: #bbb; }

.product-info { padding-left:427px;}
.product-info h1 { position: relative;font-size: 28px; color: #532c6d; letter-spacing: -1px; padding-top: 18px;font-family:'Nanum Myeongjo','나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,sans-serif;font-weight:bold;}
.product-info h1:after { width: 31px; height:3px; position: absolute; top:0; left:0; content:''; background: #532c6d; }
.product-info .info-desc { padding-bottom: 18px; font-size: 15px; color: #737373; letter-spacing: -1px;}

.product-info-part{ position: relative;}
.product-info-part:after { width: 31px; height:1px; background: #c2c2c2; position: absolute; top:0; left:0; content:'';}
.product-info-part ul { padding: 14px 0 12px 0;}
.product-info-part ul li { float: left; padding:2px 5px; margin-right: 4px; color: #ffffff;}
.product-info-part dl  { padding-bottom: 18px;}
.product-info-part dl dt { float: left; color: #3a3227;letter-spacing: -1px;}
.product-info-part dl dt:after {content:':'; padding-left:5px; color: #3a3227;}
.product-info-part dl dd { padding-left:50px; color: #666666; letter-spacing: -1px; }
.product-info-part .ml { background: #824b14;} /* BDsnack 161222 웹접근성 관련 color값 수정 한수산나 (#d8c4a2)*/
.product-info-part .medical { background: #e9a0b0}
.product-info-part .new { background: #904d49}

.product-info-btn{ padding-bottom: 18px;}
.info-btn { width:273px; padding-bottom: 5px; }/*20170524  커머스일원화 float:left 제거*/
.info-btn a { float: left; font-size: 13px;display: inline-block; margin-left: 8px; width: 50%; height:34px; padding-right:10px; text-align:center;background: #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;line-height:34px; letter-spacing: -1px; border:1px solid #737373; max-width:130px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}/*20170524  커머스일원화 margin-left:4px;수정*/
.product-info-btn .info-btn a {float:none;} 

.info-btn:nth-child(2) a{margin-top: 8px;}
.info-btn a:first-child{ margin-left: 0;}
.info-btn .color1{ border-color:#532c6d; color: #532c6d; background-image: url('/kr/ko/resource/img/layout/btnc1.png'); background-position: 95% 50%; background-repeat: no-repeat;}
.info-btn .color2{ border-color:#824b14; color: #824b14; background-image: url('/kr/ko/resource/img/layout/btnc2.png'); background-position: 95% 50%; background-repeat: no-repeat;} /* BDsnack 161222 웹접근성관련 color값 수정 한수산나 (#d0b07d) */

.product-relation{ padding-left: 427px; }
.product-relation h2 {padding-top: 10px; font-size: 16px; position: relative; color: #532c6d; letter-spacing: -1px; font-weight: bold;font-family:'Nanum Myeongjo','나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,sans-serif;font-weight:bold;}
.product-relation h2:after { width: 21px; height:2px; background: #532c6d; content:''; position: absolute; left:0; top:0;}
.product-relation ul  { padding-top: 18px;}
.product-relation ul li { float: left; max-width:71px; margin-right: 10px;}
.product-relation ul li a{ display: block;}
.product-relation ul li img{ width: 100%; border: 1px solid #dddddd; }
.product-relation ul li span{ text-align: center; display: block; width: 100%; padding-top: 9px; font-size: 11px; line-height:13px; color: #777777;}

.product-detail-bottom { margin-top:55px; }
.private-link { color: #532c6d; text-decoration: underline; letter-spacing: -1px; padding: 0 10px 0 0; background-image: url('/kr/ko/resource/img/layout/btnc1.png'); background-position: right 5px; background-repeat: no-repeat;}




.product-detail-content {}
.product-detail-con {overflow:hidden;padding:30px 0; margin-bottom:30px;border-top:1px solid #ddd;}
.product-detail-con .detail-tit {float:left;width:23%;font-size: 20px; color: #532c6d; }
.product-detail-con .con {float:right;width:77%;}
.product-detail-con .con img {width:100%;}



.detailtab1{ top:0; }
.detailtab2{ top:87px; }
.detailtab3{ top:174px; }
.detailtab4{ top:261px; }

.product-detail-box1 img, .product-detail-box2 img, .product-detail-box3 img{ width: 100%;}

.review-content .review-con {color:#777;font-size:13px;background:#efefef;display:none;}
.review-content .review-con td {white-space:normal;}
.review-content .review-con.on {display:table-row;}
.review-content .review-con .btns {text-align:right;}
.review-content .review-con .btns button {height:21px;width:50px;text-align:center;line-height:21px;color:#fff;background:#d8c4a2;}
.review-content .review-con .btns button.btn-del {background:#e9a0b0;}

.product-yotube {margin:30px 0;}
.product-yotube iframe {width:100%;height:400px;}

/* 16.04.28 추가 */
.mt10 {margin-top:10px;}.mt20 {margin-top:20px;}.mt30 {margin-top:30px;} .mt40 {margin-top:40px;}
.mb60 {margin-bottom:60px;}
.ml55 {margin-left:55px;}
.pl55 {padding-left:55px;}
.fs13 {font-size:13px;}
.bold {font-weight:bold;}
.prd-detail-box.hairdyes {position:relative;}
.prd-detail-box.hairdyes span.tag_top {position:absolute;top:-30px;right:0;width:120px;height:120px;display:block;background:url('/kr/ko/resource/img/product/tag.png') no-repeat left top;text-indent:-9999;font-size:0;line-height:0;}
.prd-detail-box.hairdyes h3 {color:#7b002f;font-size:36px;font-family:'Nanum Myeongjo','나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,sans-serif;font-weight:bold;margin-top:20px;}
.prd-detail-box.hairdyes .h3_stit {font-size:20px;}
.prd-detail-box.hairdyes .h3_stxt {font-size:18px;margin-top:15px;margin-bottom:35px;display:block;}
.prd-detail-box.hairdyes h4 {background:url('/kr/ko/resource/img/product/h4_blt.gif') no-repeat left top;padding-top:10px;font-family:'Nanum Myeongjo','나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,sans-serif;color:#7b002f;font-size:23px;font-weight:bold;margin-bottom:20px;}
.prd-detail-box.hairdyes h4.bg_none {background:none;}
.prd-detail-box.hairdyes h4 span {font-size:13px;font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;color:#333;font-weight:normal;margin-left:5px;}
.prd-detail-box.hairdyes h4 p.stxt {font-size:13px;color:#333;font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;font-weight:normal;}
.prd-detail-box.hairdyes .dtl-box {margin-top:60px;position:relative;letter-spacing:-0.04em;}
.prd-detail-box.hairdyes .dtl-box.fir {margin-top:0;}
.prd-detail-box.hairdyes .dtl-box:after {clear:both;display:block;content:"";}
.prd-detail-box.hairdyes .dtl-box p {letter-spacing:-0.04em;}
.prd-detail-box.hairdyes .dtl-box .left_section {float:left;width:49%;}
.prd-detail-box.hairdyes .dtl-box .right_section {float:right;width:49%;}
.prd-detail-box.hairdyes .dtl-box .left_section ul.how li, .prd-detail-box.hairdyes .dtl-box .right_section ul.how li {width:48%;margin-right:4%;}
.prd-detail-box.hairdyes .dtl-box .left_section ul.how li:nth-child(2), .prd-detail-box.hairdyes .dtl-box .right_section ul.how li:nth-child(2) {margin-right:0;}
.prd-detail-box.hairdyes .dtl-box ul.how:after {clear:both;display:block;content:"";}
.prd-detail-box.hairdyes .dtl-box ul.how li {float:left;width:23.5%;margin-right:2%;}
.prd-detail-box.hairdyes .dtl-box ul.how li .btit {font-size:18px;color:#7b002f;margin-top:10px;line-height:1.1;}
.prd-detail-box.hairdyes .dtl-box ul.how li .stxt {font-size:13px;margin-top:10px;}
.prd-detail-box.hairdyes .dtl-box.type2 .left_section {width:auto;} 
.prd-detail-box.hairdyes .dtl-box.type2 .right_section {width:auto;}
.prd-detail-box.hairdyes .dtl-box.type2 .right_section ul li {font-size:13px;}
.prd-detail-box.hairdyes .dtl-box .bg_title {background:#7b002f;color:#fff;font-size:18px;text-align:center;padding:2px 0;margin-bottom:10px;}
.prd-detail-box.hairdyes .dtl-box .bg_titlebar {background:#7b002f;color:#fff;font-size:18px;text-align:center;padding:}
.prd-detail-box.hairdyes .two-column {display:table;}
.prd-detail-box.hairdyes .two-column .tbl-row {display:table-row;}
.prd-detail-box.hairdyes .two-column .left_section {display:table-cell;float:none;vertical-align:top;padding-right:20px;width:auto;}
.prd-detail-box.hairdyes .two-column .right_section {display:table-cell;float:none;vertical-align:middle;width:50%;}
.prd-detail-box.hairdyes .col-3 li {width:32%; margin-right:2%;float:left;}
.prd-detail-box.hairdyes .col-3 li:nth-child(3n) {margin-right:0;}
.prd-detail-box.hairdyes .col-3 li .li-info {margin-top:15px;}
.prd-detail-box.hairdyes .col-3 li .li-info .tit {font-size:18px;color:#7b002f;}
.prd-detail-box.hairdyes .col-3 li .li-info .tit span {border:solid 1px #7b002f;-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px;background:#7b002f;color:#fff;display:inline-block;padding:0 8px;text-align:center;font-size:16px;font-weight:bold;margin-right:5px;}
.prd-detail-box.hairdyes .col-3 li .li-info .tit span.type2 {width:auto;}
.prd-detail-box.hairdyes .col-3 li .li-info .txt {font-size:13px;margin-top:13px;}
.prd-detail-box.hairdyes .li-box:after {clear:both;display:block;content:"";}

/* 16.07.04 추가 */
.prd-detail-box.hairdyes .tbl_tip {display:table;}
.prd-detail-box.hairdyes .tbl_tip p {display:table-cell;vertical-align:top;padding-right:7px;}
.prd-detail-box.hairdyes .tbl_tip p span {background:#7b002f;border-radius:12px;padding:0px 7px 2px;color:#fff;font-weight:bold;font-size:16px;}
.prd-detail-box.hairdyes .tbl_tip ul {display:table-cell;vertical-align:top;}
.prd-detail-box.hairdyes .tbl_tip ul.w87 {width:87%;}
.prd-detail-box.hairdyes .tbl_tip ul.w94 {width:94%;}
.prd-detail-box.hairdyes .tbl_tip ul li {font-size:13px;}
.prd-detail-box.hairdyes .tbl_tip.dp_blk {display:block;}
.prd-detail-box.hairdyes .tbl_tip.dp_blk p {display:block;margin-bottom:8px;}
.prd-detail-box.hairdyes .tbl_tip.dp_blk ul{display:block;}

.efficacy ul li {width:25%;}
.efficacy ul li p.tit {text-align:center;font-size:15px;letter-spacing:-0.04em;}
.efficacy ul li p.txt {font-size:13px;margin-top:10px;line-height:1.4;}

/* 리스트 */
/*
.product-visual {padding:38px 0;position: relative; min-height:280px; background:url('/kr/ko/resource/img/layout/container-bg.png') #f6f6f6 repeat-x left top;}
*/
.product-visual {padding:0;margin:0 0 50px;position: relative;max-height:400px;overflow:hidden;background:url('/kr/ko/resource/img/layout/container-bg.png') #f6f6f6 repeat-x center bottom;}
.product-visual .inner { position: relative; min-height:280px;max-width: 980px;margin:0 auto; }
.product-visual h2 { padding-top: 60px; font-size: 32px;font-family:'Nanum Myeongjo','나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,sans-serif;font-weight:bold;}
.product-visual p { color: #6e6e6e; letter-spacing: -1px;}
.product-visual img { position: absolute; right:0; bottom:0; max-width:100%;}

.product-tit h3 { padding-top: 10px; font-size: 18px; position: relative; color: #532c6d; letter-spacing: -1px;font-family:'Nanum Myeongjo','나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,sans-serif;font-weight:bold;}
.product-tit h3:after { width: 21px; height:2px; background: #532c6d; content:''; position: absolute; left:0; top:0;}
.product-tit span{ padding:0; color: #6e6e6e; font-size: 12px;}

.product-list-container { overflow: hidden; padding-top: 10px; margin-bottom:20px;}
.product-list-content { margin-left: -10px;  }
.product-list-item { float: left; width: 25%; text-align:center;margin-bottom: 10px;height:354px;overflow:hidden;padding-left: 10px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.product-list-item a{ display: block; position:relative; background: #ffffff; border:1px solid #e9e9e9; padding: 20px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-list-item img{ width: 100%; max-width:196px;max-height:196px;}
.product-list-item .mark {position:absolute;top:0;left:0;width:27.02702702703%; max-width: 68px;}/*180718 아이콘 변경에 따른 수정*/
.product-list-item .emblem {position:absolute;top:15px;right:15px;width:51px;}
.product-list-item .emblem strong {display:block;margin-bottom:10px;}
.product-list-item dl { padding-top: 10px; }
.product-list-item dl dt, .product-list-item .pname {height:38px;line-height:1.4;text-align:left;overflow:hidden;}/* 16.07.07 overflow 추가 */
.product-list-item dl dt, .product-list-item .pname { position: relative; padding-top: 10px; font-size: 14px; color: #444444; font-weight: bold;letter-spacing: -1px; }
.product-list-item dl dt:after, .product-list-item .pname:after { width: 21px; height:2px; background: #444444; content:''; position: absolute; left:0; top:0; }
.product-list-item dl dd{ letter-spacing: -1px;line-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;}
.product-list-item .pname {margin-top:10px;display:block;}

.product-list-item .product-info-part:after { display: none; }
.product-list-item .product-info-part ul { padding-bottom: 0; }

.review-form {display:none;margin-top:20px;}
.review-form  ul.form {border-top:2px solid #ccc4d2;margin:0 0 20px;}
.review-form  ul.form li {border-bottom:1px solid #ccc4d2;padding:9px 20px 9px 90px;position:relative;}
.review-form  ul.form li label {color:#777;font-size:14px;position:absolute;top:10px;left:10px;}
.review-form input[type=text] {width:100%;border:1px solid #ccc4d2;height:23px;padding:0 10px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.review-form textarea {resize:none;border:1px solid #ccc4d2;height:320px;width:100%;padding:0 10px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.review-form .bul-list02 {border-bottom:2px solid #ccc4d2;margin-bottom:15px;}


.review-wrap{position:relative; }/*180803 padding-top delete*/
.review-wrap .tab-review {border:1px solid #e5e1e8;color:#baabc5;font-size:16px; padding:12px 0;position:absolute; top:0; left:0;background:#fff;width:32%;text-align: center;}
.review-wrap .tab-review.on {color:#532c6d;border-color:#532c6d;font-weight:bold;}
.review-wrap .tab-review01 {left:0;}
.review-wrap .tab-review02 {left:33%;}
.review-wrap .tab-review03 {left:66%;}

.review-wrap .review-content {display:none;}
.review-wrap .review-content#ryo{display: block;}/*180803 add*/
/* best */
.product-best-review {overflow:hidden;width:100%;margin-top:20px;padding:0 0 19px 0;border-bottom:1px solid #ebe7ed;}
.product-best-review li {float:left;width:24%;margin-right:1%;}
.product-best-review li:last-child {margin-right:0;}
.product-best-review li dt {margin:0 0 15px;text-align:center;}
.product-best-review li dt img{max-width:100%;max-height:100%;}
.product-best-review li dd {color:#777;text-align:center;}
.product-best-review li dd.tit {font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.product-best-review li dd.date {font-size:12px;}
.btn-best-review{display:block;}

/* banners */
.product-detail-con .banners {margin:20px 0 0 0;overflow:hidden;}
.product-detail-con .banners li {width:50%;float:left;height:130px;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.product-detail-con .banners li:first-child {border-right:1px solid #e9e9e9;}
.product-detail-con .banners li.b02 {padding-left:42px;}
.product-detail-con .banners li p {color:#3a3227;font-size:13px;margin:0 0 20px;}
.product-detail-con .banners li p strong {font-weight:normal;font-size:18px;display:block;}
.product-detail-con .banners li p img {width:21px;height:22px;}
.product-detail-con .banners li p strong * {vertical-align:middle;}


/* find product */
.tit-pdfind {text-align:center;display:block;margin:0 0 40px;color:#362527;font-size:30px;font-family:'Nanum Myeongjo','나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,sans-serif;font-weight:bold;}
.tit-pdfind span {font-size:14px;color:#d6a351;display:block;}
.visual-product-find {background:#583a3a;}
.product-find-step01 {text-align:center;margin:150px 0;}
.product-find-step01 .tit {font-size:42px;color:#000;font-family:'Nanum Myeongjo','나눔고딕',NanumGothic,'돋움',Dotum,AppleGothic,sans-serif;font-weight:bold;}
.product-find-step01 p {margin:20px 0 25px;color:#5a5a5a;font-size:18px;}
.product-find-step02, .product-find-step03, .product-find-step04, .product-find-step05 {max-width:784px;margin:40px auto 0;}
.scalp-select {overflow:hidden;margin:0 0 80px;}
.scalp-select > li {float:left;width:33.3%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.scalp-select > li.s01 {padding-right:12px;}
.scalp-select > li.s02 {padding:0 6px;}
.scalp-select > li.s03 {width:33.4%;padding-left:12px;}
.scalp-select > li > div {border:1px solid #e9e9e9;margin:0 0 10px;}
.scalp-select > li > div img {width:100%;margin:0 0 20px;}
.scalp-select > li > div strong {margin:0 20px 17px; padding:20px 0 0 0;display:block;color:#444;font-size:15px;position:relative;text-align:left;}
.scalp-select > li > div strong:after {content:'';position:absolute;top:0;left:0;width:1.4em;height:2px;background:#444;}
.scalp-select > li label {font-size:13px;color:#444;}
.product-find .check-list {border-top:1px solid #cbc2d1;padding:5px 0; margin:0 0 50px;}
.product-find .check-list li {padding:10px 65px;border-bottom:1px dotted #b9b9b9;}
.product-find .check-list li label {line-height:40px;}
.product-find .store-select {overflow:hidden; margin:0 0 100px;}
.product-find .store-select > li {float:left;width:33.3%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-find .store-select > li.s01 {padding-right:12px;}
.product-find .store-select > li.s02 {padding:0 6px;}
.product-find .store-select > li.s03 {width:33.4%;padding-left:12px;}
.product-find .store-select > li > div {padding:0 0 20px;border:1px solid #e9e9e9; text-align:center;}
.product-find .store-select > li img {width:100%;margin:0 0 20px;}
.product-find .store-select > li label {font-size:16px; line-height:40px;}
.product-find-step06 {margin-top:40px;}
.product-find-step06 .text01 {text-align:center;color:#000;font-size:30px;}
.product-find-step06 .tit01 {color:#372327;}
.product-find-result {overflow:hidden;margin:50px 0 32px;}
.product-find-result li {float:left;width:50%;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.product-find-result li.step01 {padding-right:10px;}
.product-find-result li.step02 {padding-left:10px;}
.product-find-result dl {height:465px;}
.product-find-result dd p {overflow:hidden;margin:0 0 30px; position:relative;min-height:65px;padding:0 0 0 80px;}
.product-find-result dd p > strong {float:left;margin:0 20px 0 0;}
.product-find-result dd p.nm > span {display:block;padding-top:10px;} 
.product-find-result dd p.nm > strong  {color:#ab9597;font-size:60px;position:absolute;top:0;left:0;line-height:60px;}
.product-find-result dd p .round {width:65px;height:65px;color:#fff;background:#5f4842;border-radius:50%;font-size:16px;text-align:center;line-height:65px;position:absolute;top:0;left:0;}
.product-find-result dl.bg-p dd p.nm strong {color:#ab9597;}
.product-find-result dl.bg-p dd p .round {background:#5f4842;}
.product-find-step06  .product-list-container {margin:35px 0;}

.product-find .product-list-item {height:auto;text-align:center;}
.product-find .product-list-item .pname {text-align:left;}
.product-find-result dl.dl01 {border:1px solid #e0e0e0;color:#777;}
.product-find-result dl.dl01 dt {color:#fff;text-align:center;font-size:20px;height:62px;line-height:62px;background:#583a3a;position:relative;}
.product-find-result dl.dl01 dt:after {content:'';position:absolute;bottom:-11px;left:50%;margin:0 0 0 -10px;width:19px;height:11px;background:url('/kr/ko/resource/img/layout/cause-arr-bg.png') no-repeat 0 bottom;}
.product-find-result dl.dl01 dd {padding:30px;font-size:14px;}
.product-find-result dl.dl01 .tit {color:#532c6d;font-size:18px;}

/* product map */
.product-map {margin:30px 0 0;}
.product-map-list table {width:100%;border-collapse:collapse;table-layout:fixed;color:#676b73;font-size:13px;text-align:center;}
.product-map-list table thead tr {border-top:1px solid #e5d7d2; border-bottom:1px solid #e5d7d2;background:#faf8fa;}
.product-map-list table thead th {color:#fff;height:50px;border-left:1px solid #e8eaed;background:#673533;}
.product-map-list table thead tr th:first-child {border-left:none;}
.product-map-list table td {border-left:1px solid #e5d7d2;}
.product-map-list table tbody tr {border-bottom:1px solid #e5d7d2;}
.product-map-list table tbody tr.last {border-bottom-color:#653532;}
.product-map-list table tbody th {color:#8b504f; border-bottom:1px solid #653532;background:#e5d8d2;}
.product-map-list table tbody td.th {color:#915348;background:#f6eee9;}
.product-map-list .products {overflow:hidden;padding:10px 5px 5px;}
.product-map-list .products li {padding:10px;text-align:center;margin:0 3px 5px 3px;float:left;border:1px solid #ebebeb;letter-spacing: -1px;width:115px;height:195px;overflow:hidden;background:#fff;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.product-map-list .products a {color:#444;display:block;}
.product-map-list .products a img {width:100%;}
.product-map-list .products a span {display:block;margin:8px 0 0 0;line-height:1.2;}

/* 16.06.22 제품 상세 video */
.product-detail-con .con .video {position:relative;}
.product-detail-con .con .video img.bg {}
.product-detail-con .con .video .cover {position:absolute; bottom:38px;left:3%;z-index:100;display:block;pointer:cursor;}
.product-detail-con .con .video .cover img {z-index:100;cursor:pointer;}
.product-detail-con .con .video iframe {position:absolute;bottom:38px;left:3%;width:93.8%;height:400px;z-index:90;}


/* 팝업 */
#popStore {width:510px;margin-left:-255px;}
#popCustomStore {width:510px;margin-left:-255px;}
.product-stroe-pop .tit-pop01 {font-weight:bold;padding:0 0 10px;color:#5d3832;font-size:20px;display:block;border-bottom:1px solid #685a4f;}
.product-stroe-pop .tit-pop02 {font-weight:bold;margin:30px 0 0;display:block;color:#5d3832;font-size:14px;border-bottom:1px solid #c1bdba;padding:0 0 5px;}
.product-stroe-pop .txt01 {margin-top:10px;color:#777;font-size:13px;}
.product-stroe-pop .txt02 {margin:10px 0 0 0;overflow:hidden;color:#777;font-size:13px;line-height:1.2;position:relative;min-height:41px;}
.product-stroe-pop .txt02:after {display: block; content: ''; clear: both;}
.product-stroe-pop .txt02 a{display:block;float:left;width:138px;height:41px;padding:2px;}
.product-stroe-pop .txt02 img {position:absolute;top:0;left:0;width:138px;height:41px;}
.product-stroe-pop .txt02 p {/*float:right;padding:0 0 0 165px;*/margin-left:165px;}
.product-stroe-pop .mall-list {margin:10px 0 0 0;font-size:12px;overflow:hidden;}
.product-stroe-pop .mall-list li {float:left;width:33.3%;text-align:center;margin:0 0 5px;}
.product-stroe-pop .mall-list a {display:block;color:#777;}
.product-stroe-pop .mall-list a strong {display:block;}
.product-stroe-pop .mall-list a img {width:138px;height:41px;margin:0 0 5px;}
.product-stroe-pop .find-mall {overflow:hidden;margin:20px 0 0 0;}
.product-stroe-pop .find-mall li {float:left;}
.product-stroe-pop .find-mall li.l01 {width:32%;margin-right:1%;}
.product-stroe-pop .find-mall li.l02 {width:32%;margin:0 0.5%;}
.product-stroe-pop .find-mall li.l03 {width:32%;margin-left:1%;}
.product-stroe-pop .find-mall li .btn-arr {padding-right:20px;width:100%;}

/*20180912 영상 자막 영역 추가*/
.product-detail-con .con img.retinaimg{display: block;}
.product-detail-content .vid-box {overflow:hidden;position:relative;width:100%;padding-bottom:56.3%;}
.product-detail-content .vid-box iframe {position:absolute;width:100%;height:100%;}
.product-detail-content .txt-box {padding:2.7% 4%;background:#f0f0f0;}
.product-detail-content .txt-box .desc {overflow-y:auto;box-sizing:border-box;width:100%;height:141px;resize:none;border:none;background:none;font-family:Malgun Gothic;font-size:16px;color:#555555;line-height:1.5;letter-spacing:-0.05em;}
/*--20180912 end--*/
/*20181017 영상 자막 영역 추가*/
.product-detail-content .vid-box.vid-style {margin-top:30px; padding-bottom:53%;}
/*--20181017 end--*/
@media all and (max-width:1023px) {

	/* 디테일 */
	.product-info { margin-top: 10px;}

	.product-detail-top { position: relative; min-height:600px; padding:38px 38px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.product-slide { left:38px;}
	.product-info-part dl dt { font-size: 14px;}
	.product-info-part dl dd { font-size: 14px;}
	.info-btn {padding-bottom: 12px; }
	.product-relation{ position: absolute; top:430px; left:0; width: 100%; padding-left: 38px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.product-relation h3 { font-size: 18px; font-weight: normal;}
	.product-relation ul li { max-width:80px;}
	.product-relation ul li span{ font-size: 14px; line-height:18px; letter-spacing: -2px;}
	.product-detail-bottom { padding-top: 30px; }

	.private-link { margin-right: 38px;}

	.product-detail-content {padding:0 38px;}
	.review-wrap .tab-review {font-size:14px;}
	/*
	.detailcon-tabbtn { text-align: left; height:60px; text-indent:38px; line-height:60px; position: relative; width: 100%; top:0; background: #ffffff;}
	.detailcon-tabbtn:before {content:"";position:absolute;margin:-1px 0 0 0;top:50%;left:17px;width:11px;height:3px;background:url('/kr/ko/resource/img/layout/moac-bg.png') no-repeat 0 -23px;}
	.detailcon-tabbtn:after {content:"";position:absolute;margin:-6px 0 0 0;top:50%;right:20px;width:20px;height:12px;background:url('/kr/ko/resource/img/layout/moac-bg.png') no-repeat 0 0;}
	.detailcon-tabbtn.active:after {background-position:0 -11px;}
	.detailcon-tabbtn.active { width: 100%;  height:60px; line-height:60px; }
	.product-detail-con { width: 100%; padding:36px 38px; margin-left: 0; border-right: none; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*/
	/* 16.04.28 추가 */
	.prd-detail-box.hairdyes a.btn_color_web {display:none;}
    .prd-detail-box.hairdyes a.btn_color_tablet {display:block;}

	/* 리스트 */
	.product-visual { padding: 0 38px; text-align: center;}
	.product-visual h2 { padding-top: 20px; font-size: 35px;}
	.product-visual img {/*  position: relative; */ padding-top: 20px;} /* 20201019 md */

	.product-tit { padding:20px 38px 0 38px;}
	.product-tit h3{ float: none; }
	.product-tit span{ float: none; padding-left: 0; }

	.product-list-container { padding: 10px 38px 0 38px; }
	.product-list-item { width: 33%; }

	/* find product */
	.product-find-step02, .product-find-step03, .product-find-step04, .product-find-step05, .product-find-step06  {padding:0 20px;}
	.product-find-result dl {height:460px;}

	.product-map {margin-left:20px;margin-right:20px;}
	.product-yotube iframe {height:350px;}


}



@media all and (max-width:768px) {
	/* 디테일 */
	.product-slide { left:0px;}
	.product-slide { position: relative; float: none; margin:0 auto; min-height:100%; padding-bottom: 20px; overflow: visible; }
	.product-slide .pagerbox { position: absolute; top:100%; }
	.product-slide .wrapslider { overflow: hidden;}

	.product-detail-bottom { padding-top: 0; }
	.product-info { padding:30px 0 0 0; }
	.product-relation{ position: relative; top:0; left:0; padding-left: 0;}
	.product-stroe-pop .txt02 a{float:none;display:block;}
	.product-stroe-pop .txt02 p{margin-left:0;margin-top:10px;}

	

	/* 리스트 */
	.product-list-item { width: 50%; }

	/* best */
	.product-best-review li dt {height:171px;}
	.product-best-review li dt img {max-height:100%;max-width:100%;}
	.product-best-review li {width:48%;height:250px;overflow:hidden;margin:0 0 10px;}
	.product-best-review li:nth-child(2n) {float:right;}
	
	/* banners */
	.product-detail-con .banners li {width:100%;}
	.product-detail-con .banners li:first-child {border-right:0;border-bottom:1px solid #e9e9e9;}
	.product-detail-con .banners li.b02 {margin-top:10px;padding:0;}
	.product-detail-con .banners li:first-child, .product-detail-con .banners li.b02 {background-position:right bottom;}
	
	/* find product */
	.product-find-result li {width:100%;padding:0 !important;float:none;margin-bottom:10px;}
	.product-find-result li dl {height:auto;}

	.product-yotube iframe {height:300px;}

	/* 16.04.28 추가 */
	.prd-detail-box.hairdyes .h3_stit span {display:block;}
	.prd-detail-box.hairdyes .dtl-box.type2 .left_section {display:block;}
	.prd-detail-box.hairdyes .dtl-box.type2 .right_section {display:block;margin-top:20px;}
	.efficacy ul li p.tit span {display:block;}
}

@media all and (max-width:680px) {
    /* 16.04.28 추가 */
	.prd-detail-box.hairdyes .h3_stit span {display:block;}
	.prd-detail-box.hairdyes .dtl-box.type2 .left_section {display:block;}
	.prd-detail-box.hairdyes .dtl-box.type2 .right_section {display:block;margin-top:20px;}
	.efficacy ul li p.tit span {display:block;}	
	/* 디테일 */
	.product-detail-top { padding:38px 19px 0; }
	.product-detail-content {padding:0 19px;}
	.product-detail-con .detail-tit {font-size:16px;}
	.private-link { margin-right: 19px;}



/*
	.product-detail-con { padding:18px 19px; }
*/

	/* 리스트 */
	.product-tit { padding:20px 19px 0 19px;}
	.product-list-container { padding: 10px 19px 0 19px; }

	/* 16.06.23 제품 상세 video */
	.product-detail-con .con .video iframe {bottom:5%;left:7.5%;width:85.5%;height:70%;}
	/* 16.07.05 제품 상세 */
	.right_section .ml55 {margin-left:0;}
	.prd-detail-box.hairdyes .tbl_tip p {display:block;margin-bottom:10px;}
	.prd-detail-box.hairdyes .tbl_tip ul {display:block;}
	.prd-detail-box.hairdyes .tbl_tip ul.w87 {width:auto;}

}

@media all and (max-width:639px) {
	
	
	.product-detail-con {border:none;padding-top:0;}
	.product-detail-con .detail-tit {font-size:16px;float:none;width:100%;display:block;margin:0 0 10px;}
	.product-detail-con .con {font-size:16px;float:none;width:100%;}
	
	.review-form  ul.form li {padding-left:0;}
	.review-form  ul.form li label  {position:static;}
	
	.review-wrap .tab-review  {display:block;font-size:13px;}

	/* find product */
	.tit-pdfind {font-size:18px;margin-bottom:20px;}
	.product-find-step01 {margin:50px 0;}
	.product-find-step01 .tit {font-size:28px;}
	.product-find-step01 p {margin:20px 0 25px;color:#5a5a5a;font-size:12px;}
	.product-find-step02, .product-find-step03, .product-find-step04, .product-find-step05, .product-find-step06 {padding:0 10px;}
	
	.scalp-select {margin-bottom:20px;}
	.scalp-select > li {padding:0 10px 0 134px !important;position:relative;min-height:117px;float:none;width:100% !important;border:1px solid #eaeaea;margin-bottom:10px;}
	.scalp-select > li > div {border:0;}
	.scalp-select > li > div img {width:124px;height:115px;margin:0;position:absolute;top:1px;left:1px;}
	.scalp-select > li > div strong {margin:10px 0 0 0;padding:10px 0 0 0;font-size:12px;}
	.scalp-select > li label {font-size:12px;}
	.product-find .check-list {margin-bottom:20px;}
	.product-find .check-list li {padding:10px;}
	.product-find .check-list li label {line-height:30px;font-size:12px;}
	
	.product-find .store-select {margin-bottom:20px;}
	.product-find .store-select > li {width:100% !important;float:none;padding:0 !important;margin:0 0 10px;}
	.product-find .store-select > li > div {overflow:hidden;padding:0 !important;text-align:left;} 
	.product-find .store-select > li img {width:120px;float:left;margin:0 20px 0 0;}
	.product-find .store-select > li label {line-height:30px;font-size:12px;margin-top:45px;}
	.product-find-step06 .text01 {font-size:15px;}
	.product-find-result dd p {margin-bottom:15px;padding-left:60px;}
	.product-find-result dd p.nm > strong {font-size:30px;}
	.product-find-result dd p.nm > span {padding-top:10px;}
	.product-find-result dd p .round {width:45px;height:45px;line-height:45px;font-size:11px;}
	.product-find-step06  .product-list-container {margin:20px 0;}
	
	.product-map-list .products {padding:0;}
	.product-map-list .products li {border:none;background:none;width:auto;height:auto;float:none;border-top:1px solid #e8eaed;}
	.product-map-list .products li a {padding:10px;display:block;}
	.product-map-list .products a span br {display:none;}
	.product-map-list .products li:first-child {border-top:0;}
	.product-map-list .products li br {display:none;}
	.product-map-list .products li span {margin:0;}
	.product-map-list .products li img {display:none;}

	.product-map  {margin-left:10px;margin-right:10px;}

	/* 팝업 */
	#popStore {padding:40px 10px;}
	#popCustomStore {padding:40px 10px;}
	.product-stroe-pop .txt02 img {position:static;}
	.product-stroe-pop .txt02 p {padding:0;margin:10px 0 0 0;}
	.product-stroe-pop .mall-list li {width:50%;}
	.product-stroe-pop .mall-list li a img {width:100px;height:auto;}
	.product-stroe-pop .find-mall li.l01 {width:49%;}
	.product-stroe-pop .find-mall li.l02 {width:4Sp9%;margin-left:1%;margin-right:0;}
	.product-stroe-pop .find-mall li.l03 {width:49%;margin:10px 0 0 0;}

	.product-yotube iframe {height:250px;}

	/* 16.04.28 추가 */
	.prd-detail-box.hairdyes h3 {font-size:1.5em;}
    .prd-detail-box.hairdyes .h3_stit {font-size:1em;line-height:1.2;margin-top:10px;}
    .prd-detail-box.hairdyes .h3_stxt {font-size:0.9em;line-height:1.2;margin-top:5px;margin-bottom:20px;}
	.prd-detail-box.hairdyes h4 {font-size:1.2em;margin-bottom:10px;}
    .prd-detail-box.hairdyes h4 span {display:block;margin-left:0;}
    .prd-detail-box.hairdyes .dtl-box {margin-top:35px;}
    .prd-detail-box.hairdyes .dtl-box p {font-size:0.9em;}
     .prd-detail-box.hairdyes .two-column .left_section {display:block;}
    .prd-detail-box.hairdyes .two-column .right_section {display:block;width:100%;margin-top:20px;}
	.prd-detail-box.hairdyes .col-3 li {width:100%;float:none;margin-bottom:30px;}
	.prd-detail-box.hairdyes a.btn_color_tablet {display:none;}
    .prd-detail-box.hairdyes a.btn_color_mobile {display:block;}
	.prd-detail-box.hairdyes .dtl-box .left_section {float:none;width:100%;}
	.prd-detail-box.hairdyes .dtl-box .right_section {float:none;width:100%;margin-top:20px;}
	.prd-detail-box.hairdyes .dtl-box ul.how li {width:46%;margin-right:4%;margin-bottom:15px;}
	.prd-detail-box.hairdyes .dtl-box ul.how li:nth-child(2n) {margin-right:0;}
	.prd-detail-box.hairdyes .dtl-box ul.how li.fin {float:none;width:100%;font-size:0.9em;}
	.prd-detail-box.hairdyes .dtl-box ul.how li.mb20 {margin-bottom:20px;}
	.prd-detail-box.hairdyes .dtl-box ul.how li.fl_n {float:none;}
	.prd-detail-box.hairdyes .dtl-box ul.how li .btit {font-size:0.9em;}
	.prd-detail-box.hairdyes .dtl-box ul.how li .stxt {line-height:1.2;}
	.prd-detail-box.hairdyes .dtl-box .bg_title {font-size:1em;}
    .prd-detail-box.hairdyes .col-3 li .li-info .tit {font-size:0.95em;}
    .prd-detail-box.hairdyes .col-3 li .li-info .tit span {font-size:0.75em;border:none;border-radius:9px;padding:0 5.5px;vertical-align:2px;}
    .prd-detail-box.hairdyes .col-3 li .li-info .txt {margin-top:6px;}
    .efficacy ul li {width:100%;float:none;}
    .efficacy ul li p.tit span {display:inline-block;}
    .product-detail-con .con .efficacy img {width:50%;display:block;margin:0 auto;}
    /*20180912 영상 자막 영역 추가*/
    .product-detail-content .txt-box .desc {height:143px;font-size:12px;}
    /*--20180912 end--*/
}

@media all and (max-width:500px) {
	.product-list-item { width: 100%; text-align:center;}
	.product-list-item .pname {text-align:left;}
	.product-relation ul li { max-width:60px;height:150px;}
	.product-relation ul li span {font-size:12px;}

	.product-yotube iframe {height:200px;}
}

@charset "utf-8";
.main-wrap{overflow:hidden;min-height:152px}
.main-top{max-width:980px;margin:0 auto; /*overflow:hidden; 180713 hide*/ position:relative}
.main-top:after{display: block; clear: both; content: ''}/*180713 add*/
.main-top .main-visual{width:100%;/*padding-right:18%;*/position:relative;/*overflow:hidden; 180713 hide*/float:left;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.main-top .main-visual img{max-width:100%}
.main-top .main-visual .visual01{float:left; width:100%; box-sizing: border-box;}
.main-top .main-visual .visual02{float:left; width:34.2%; max-width: 335px;}
.main-top .main-visual .visual01 img{max-width: 105%; margin-left: -3%;}/*180713 add*/
.main-top .main-banner{text-align:right;position:absolute;top:0;left:82%;width:18%}
.main-top .main-banner a{width:35%;margin-left:3%;display:inline-block}
.main-bottom{background:#fff;border-top:1px solid #d1d1cf}
.main-bottom ul{max-width:980px;margin:0 auto;overflow:hidden;border-right:1px solid #e8e8e7}
.main-bottom ul li{float:left;width:33.33%}
.main-bottom ul li a{border-left:1px solid #e8e8e7;letter-spacing:-1px;text-align:center;display:block;height:61px;font-size:14px;color:#292929;line-height:61px}
.main-bottom ul li a strong{position:relative}
.main-bottom ul li a strong img.ryo{width:16px;vertical-align:middle}
.main-bottom ul li a strong:before{content:'';position:absolute;top:0;left:-37px;width:27px;height:20px;background:url(/kr/ko/resource/img/main/main-banner-bg.png) no-repeat}
.main-bottom ul li a strong:after{content:'';position:absolute;top:0;right:-37px;width:27px;height:20px;background:url(/kr/ko/resource/img/main/main-banner-bg.png) no-repeat 0 bottom}
.main-bottom ul li a:hover strong:before{background-position:right 0}
.main-bottom ul li a:hover strong:after{background-position:right bottom}
.popup-wrap{position:absolute;top:116px;left:0;z-index:900}
.popup-wrap:before{content:"";top:-25px;left:50%;width:94px;height:25px;margin:0 0 0 -47px;background:url(/kr/ko/resource/img/main/popup-bg02.png) no-repeat;position:absolute}
.popup-wrap .pop-frame{position:relative}
.popup-wrap .pop-frame .bg{width:100%}
.popup-wrap .pop-frame .video-area{position:absolute;bottom:10%;left:6%}
.popup-wrap .btn-close{overflow:hidden;text-indent:-1000px;text-align:left;position:absolute;top:3%;right:3%;width:72px;height:24px;background:url(/kr/ko/resource/img/main/btn-close.png) no-repeat 50% 50%}
.popup-wrap .pop-frame .video-area{height:46%;width:43%}
.popup-wrap .pop-frame .video-area iframe{width:100%;height:100%}
.popup-wrap .link{font-size:16px;position:absolute;right:5%;bottom:8%;width:40%}
.popup-wrap dl dt{margin-top:10px;color:#3f255e;font-size:16px;font-weight:700}
.popup-wrap dl dd{font-size:13px;color:#4b4652}
.popup-wrap dl dd p{margin-bottom:10px}
.layer_popup_foot{padding:0 10px;height:20px;font-size:11px;color:#fff;overflow:hidden;background:#000;position:relative}
.layer_popup_foot input,.layer_popup_foot img,.layer_popup_foot label{vertical-align:middle}
.layer_popup_foot .btn_layer_close{right:10px;position:absolute}
.popup-main02{border:1px solid #000;width:298px;background:#a18e86;position:absolute;z-index:901;top:116px;left:20%}
.popup-main02 .link{padding:12px;overflow:hidden}
.popup-main02 .link .img{float:left}
.popup-main02 .link .img img{width:181px}
.popup-main02 .link .btn{float:right;width:83px}
.popup-main02 .link .btn a{display:block;margin-bottom:9px}
.popup-main02 .link .btn a img{width:83px}
.popup-main02 .foot{padding:0 10px;line-height:20px;background:#000;height:20px;color:#fff;font-size:11px;overflow:hidden}
.popup-main02 .foot input,.popup-main02 .foot label,.popup-main02 .foot button{vertical-align:middle}
.popup-main02 .foot label{float:left}
.popup-main02 .foot .close{margin-top:5px;overflow:hidden;text-indent:-100px;float:right;width:11px;height:11px;background:url(/kr/ko/resource/img/layout/btn_close.jpg) no-repeat}
.popup-wrap3{position:absolute;top:116px;left:0;z-index:9999}
.popup-wrap3:before{content:'';top:-25px;left:50%;width:94px;height:25px;margin:0 0 0 -47px;position:absolute}
.popup-wrap3 .pop-frame{position:relative;border:1px solid #000}
.popup-wrap3 .pop-frame img{width:100%}
.popup-wrap3 .pop-frame .btn-close{overflow:hidden;text-indent:-1000px;text-align:left;position:absolute;top:4%;right:3%;width:72px;height:24px;background:url(/kr/ko/resource/img/main/btn-close_170517.png) no-repeat 50% 50%}
.popup-wrap3 .pop-frame .link{position:absolute;left:35%;right:35%;top:91%}
.popup-wrap3 .pop-frame .link a img{width:100%}
.popup-wrap .link{bottom:5%}
.popup-wrap dl dt{color:#fff;font-family:'Nanum Myeongjo',Malgun Gothic W35,'돋움',Dotum,AppleGothic,sans-serif;font-size:15px;font-weight:400;text-align:center;letter-spacing:-.05em;line-height:1.3}
.popup-wrap dl dd p{color:#efba2c;font-size:12px;line-height:1.3;text-align:center;margin-top:10px;letter-spacing:-.04em}
.popup-wrap dl dd a{display:block;text-align:center}
.popup-wrap .btn-close{background:url(/kr/ko/resource/img/main/btn-close_170517.png) no-repeat 50% 50%}
@media (max-width:1218px) {
.popup-wrap3{left:inherit!important;right:15px;width:250px}
}
@media all and (max-width:1023px) {
/* .main-bottom ul li.b01 a{border-bottom:1px solid #e1e1e1}
.main-bottom ul li.b02 a{border-bottom:1px solid #e1e1e1} */
}
@media all and (max-width:640px) {
.main-wrap .inner{padding-top:0}
.main-top{margin:0 auto}
.main-top .main-visual{width:100%;padding:0}
.main-top .main-visual .visual01{width:100%;float:none}
.main-top .main-visual .visual01 img{width:100%; margin-left: 0;/*180713 add*/}
.main-top .main-visual .visual02{width:100%; max-width: none; -webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.main-top .main-visual .visual02 img{width:100%}
.main-top .main-banner{position:absolute;left:inherit;top:51%;right:1%;width:22%}
.main-top .main-banner a{width:48%;margin:0;float:left}
.main-top .main-banner a:first-child{margin-right:4%}
.main-bottom ul li a {font-size:12px;}
.main-bottom ul li a strong:before{width:13px;height:10px;left:-16px;top:50%;margin-top:-5px;background-image:url(/kr/ko/resource/img/main/main-banner-bg-m.png);background-size:28px 20px}
.main-bottom ul li a strong:after{width:13px;height:10px;right:-16px;top:50%;margin-top:-5px;background-image:url(/kr/ko/resource/img/main/main-banner-bg-m.png);background-position:0 bottom;background-size:28px 20px}
.main-bottom ul li a:hover strong:before{background-position:right 0}
.main-bottom ul li a:hover strong:after{background-position:right bottom}
.popup-wrap{top:75px}
.popup-wrap .pop-frame .video-area{top:20%;height:26%;width:88%}
.popup-wrap .link{left:0;right:0;width:100%;bottom:0;top:80.5%;font-size:12px}
.popup-main02{left:10px}
.popup-wrap3{width:90%;height:auto;left:0!important;margin-left:5%}
.popup-wrap3 .pop-frame .link{left:34%;right:34%;width:auto;bottom:auto;top:91%;font-size:12px}
}
@media all and (max-width:440px) {
.popup-wrap dl dt{margin-top:3px;font-size:10px}
.popup-wrap dl dd p{margin-bottom:5px}
.popup-wrap dl dd{font-size:8px}
.popup-wrap dl dd a img{height:17px}
.popup-wrap .link{bottom:3%}
}
@media screen and (-webkit-min-device-pixel-ratio:1.5) {
.main-bottom ul li a strong:before{background-image:url(/kr/ko/resource/img/main/main-banner-bg.png)}
.main-bottom ul li a strong:after{background-image:url(/kr/ko/resource/img/main/main-banner-bg.png)}
}
.review-content .review-con{display:none}
.review-content .review-con.on{display:table-row}
h3.tit-store small{font-family:'맑은 고딕',Malgun Gothic W35,'돋움',Dotum,AppleGothic,sans-serif;font-weight:400;font-size:17px}
.blind{position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px}
.store_map_wrap{position:relative;border:1px solid #bcafa7;width:980px;height:540px;margin:5% auto 0;margin-bottom:70px;background:#fff}
.store_map_wrap:after{content:"";display:inline-block;clear:both}
.store_map_wrap .map_load_area{float:right;position:relative;width:71.7%;border-left:1px solid #bcafa7;height:540px;background:grey;box-sizing:border-box}
.store_map_wrap .map_dimm_area{position:absolute;right:0;z-index:1;width:704px;height:540px}
.store_map_wrap .map_lyaer_pop{position:absolute;background:#fff;width:285px;height:160px;top:50%;left:50%;margin-left:-143px;margin-top:-80px}
.store_map_wrap .map_lyaer_pop button{float:left;padding:0;margin-top:17px;width:120px;height:40px;border:0;font-size:14px}
.store_map_wrap .map_lyaer_pop .btn_group{padding:0 20px;overflow:hidden}
.store_map_wrap .map_lyaer_pop .btn_positive{margin-right:4px;background-color:#656565;color:#fff}
.store_map_wrap .map_lyaer_pop .btn_nagative{background-color:#b7b7b7;color:#fff}
.store_map_wrap .map_lyaer_pop .btn_pop_close{position:absolute;right:10px;top:-9px;width:27px;height:28px;padding:0;background:url(/kr/ko/resource/img/off-store/btn_close_pop.png)0 0 no-repeat;background-size:contain}
.store_map_wrap .map_lyaer_pop .pop_txt{padding-top:42px;box-sizing:border-box;text-align:center}
.store_map_wrap .map_lyaer_pop .pop_txt p{margin:0;font-size:18px;font-weight:700;text-align:center;letter-spacing:-2px;line-height:1.3}
.store_map_wrap .store_info_area{float:left;width:28.3%;box-sizing:border-box}
.store_map_wrap .store_info_area .store_sch_bar{position:relative;padding:31px 19px 0}
.store_info_area .store_sch_bar .inp_store_sch{margin-bottom:10px;padding-left:30px;width:160px;height:16px;color:#9a9a9a;font-size:14px;line-height:16px;border:none;background:none}
.store_info_area .store_sch_bar .btn_store_sch{position:absolute;top:35px;left:22px;width:15px;height:15px;background:url(/kr/ko/resource/img/off-store/btn_store_sch.png) no-repeat 0 0;border:0}
.store_info_area .store_sch_bar .line{display:block;width:197px;height:1px;background-color:#000}
.store_info_area .store_sch_bar .btn_current_location{position:absolute;top:35px;right:22px}
.store_map_wrap .store_info_area .current_location{height:115px;padding:19px;box-sizing:border-box;border-bottom:1px solid #c0aea4}
.store_map_wrap .store_info_area .current_location .current_desc{color:#000;font-size:16px;line-height:24px}
.store_map_wrap .store_info_area .current_location .current_desc > span{display:block}
.store_map_wrap .store_info_area .current_location .current_desc > strong{display:inline-block;font-weight:700;font-size:20px}
.store_map_wrap .store_info_area .current_location .current_count{margin-top:10px;font-size:12px;line-height:14px}
.store_map_wrap .store_info_area .current_location .current_count > strong{color:#c5112c;font-weight:700}
.store_map_wrap .store_info_area .pagenation{padding-top:12px;box-sizing:border-box}
.store_map_wrap .store_info_area .store-list{padding:0;margin:0}
.store_info_area .store-list li a{display:block;height:72px;padding:13px 19px 12px;border-bottom:1px solid #c0aea4}
.store_info_area .store-list li a.active,.store_info_area .store-list li a:focus{padding:9px 15px;border:4px solid #ccc}
.store_map_wrap .store_info_area .store-list li strong{display:block;margin-bottom:2px;font-size:17.8px;letter-spacing:-2px;color:#000}
.store_map_wrap .store_info_area .store-list li span{display:block;font-size:12px}
.store_map_wrap .pagenation{clear:both;text-align:center;line-height:16px}
.store_map_wrap .pagenation a{font-family:Tahoma;vertical-align:middle;display:inline-block;padding:15px 3px}
.store_map_wrap .pagenation a img{vertical-align:middle}
.store_map_wrap .pagenation a:first-child{margin:0}
.store_map_wrap .pagenation ul{display:inline-block;vertical-align:middle}
.store_map_wrap .pagenation ul li{display:inline-block;vertical-align:middle}
.store_map_wrap .pagenation ul li:first-child{margin:0;background-image:none}
.store_map_wrap .pagenation ul li a{padding:9px 10px;vertical-align:top;font-size:11px;color:#ccc0b7}
.store_map_wrap .pagenation ul li.now a{font-weight:700;font-size:12px;color:#b59386}
@media screen and (max-width:640px) {
h3.tit-store small{font-size:14px}
.wrap.off-store .title_box{display:block}
.wrap.off-store .sub_title{display:block;padding:0}
.wrap.off-store .title_box .sub_title span{margin-top:15px}
.store_map_wrap{width:100%;height:auto;box-sizing:border-box}
.store_map_wrap .map_load_area{float:none;width:100%;border-left:none}
.store_map_wrap .map_dimm_area{width:100%}
.store_map_wrap .map_lyaer_pop button{line-height:1}
.store_map_wrap .map_lyaer_pop .pop_txt p{font-size:14px}
.store_map_wrap .store_info_area{float:none;width:100%}
.store_map_wrap .store_info_area .store_sch_bar .inp_store_sch{width:100%;height:35px;margin-bottom:0}
.store_map_wrap .store_info_area .store_sch_bar .line{width:calc(100% - 40px);-webkit-width:calc(100% - 40px);-ms-width:calc(100% - 40px)}
.store_map_wrap .store_info_area .store_sch_bar .btn_store_sch{top:30px;left:11px;width:38px;height:38px;background-size:45%;background-position:50% 50%}
.store_info_area .store_sch_bar .btn_current_location{top:40px}
.store_map_wrap .store_info_area .store-list li{width:100%;height:auto;padding:0}
.store_map_wrap .store_info_area .store-list li a{display:block;padding:15px 20px 10px}
.store_map_wrap .store_info_area .current_location .current_desc{font-size:14px}
.store_map_wrap .store_info_area .store-list li strong{font-size:14px;letter-spacing:0;font-weight:700}
.store_map_wrap .store_info_area .current_location{height:auto}
.store_map_wrap .store_info_area .current_location .current_count{margin-top:3px}
.store_map_wrap .store_info_area .current_location .current_desc > strong{font-size:18px}
.store_map_wrap .pagenation a{padding:15px 5px}
.store_map_wrap .store_info_area .pagenation{padding-top:18px}
.pagecontent-info { height: auto;}
.breadcr p{height:26px;line-height:18px;margin-top:6px;padding-right:19px}
}

/* 20200619 edit */
.product-detail-con .banners li.b02{padding-left:0;}
.product-detail-con .banners li:first-child{border-right:0;}

/* 20220118 리뷰영역 숨김 처리 */
.product-detail-con.product-detail-box4 {display:none;}

/* 20220422 pc/mo 이미지 처리 */
.pc_view {display: block;}
.mo_view {display:none;}

@media screen and (max-width:640px) {
  .pc_view {display: none;}
  .mo_view {display:block;}
}

.ap2022-sr-only {position:absolute !important; overflow:hidden !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; border:0 !important; clip:rect(1px,1px,1px,1px); clip-path:inset(50%);}

/* 2023 메인 공지팝업 (공통) */
.ap2022-popup--mnotice {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; overflow:hidden;}
.ap2022-popup--mnotice * {margin:0; padding:0;}
.ap2022-popup--mnotice *, .ap2022-popup--mnotice :after, .ap2022-popup--mnotice :before {box-sizing:border-box;}
.ap2022-popup--mnotice img {max-width:100%;}
.ap2022-popup--mnotice button:focus-visible,
.ap2022-popup--mnotice input:focus-visible {outline:1px auto !important;}
.ap2022-popup--mnotice button {overflow:visible; border:0; border-radius:0; background:none; cursor:pointer; outline:none;}
.ap2022-popup--mnotice label {cursor:pointer;}
.ap2022-popup--mnotice a {text-decoration:none;}
.ap2022-popup--mnotice .only-pc {display:block;}
.ap2022-popup--mnotice .only-mo {display:none;}
.ap2022-popup--mnotice .ap2022-popup__dimmed {position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,.5);}
.ap2022-popup--mnotice .ap2022-popup__frame {position:absolute; display:flex; justify-content:center; align-items:center; width:100%; height:100%; top:0; left:0; padding:32px; text-align:center; pointer-events:none;}
.ap2022-popup--mnotice .ap2022-popup__scrollable {overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; outline:0;}
.ap2022-popup--mnotice .ap2022-popup__scrollable::-webkit-scrollbar {width:8px; height:8px;}
.ap2022-popup--mnotice .ap2022-popup__scrollable::-webkit-scrollbar-track {background-color:rgba(0,0,0,.08); border-radius:4px; background-clip:padding-box; border:1px solid transparent;}
.ap2022-popup--mnotice .ap2022-popup__scrollable::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,.16); border-radius:4px; background-clip:padding-box; border:1px solid transparent;}
.ap2022-popup--mnotice .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-track {background-color:rgba(0,0,0,.12);}
.ap2022-popup--mnotice .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,.24);}
.ap2022-popup--mnotice .ap2022-popup__inner {position:relative; display:inline-flex; flex-direction:column; max-width:100%; max-height:100%; background:#fff; border-radius:8px; box-shadow:0 5px 20px 5px rgba(0,0,0,.15); text-align:left; font-size:initial; line-height:normal; pointer-events:auto; outline:0;}
.ap2022-popup--mnotice .ap2022-popup__inner:focus,
.ap2022-popup--mnotice .ap2022-popup__inner:focus-visible {outline:0 !important;}
.ap2022-popup--mnotice .ap2022-popup__logo {text-align:center;}
.ap2022-popup--mnotice .ap2022-popup__logo img {width:180px; height:60px; vertical-align:top;}
.ap2022-popup--mnotice .ap2022-popup__close {position:absolute; z-index:10; top:0; right:0; width:47px; height:47px; color:#222;}
.ap2022-popup--mnotice .ap2022-popup__close svg {position:absolute; top:50%; left:50%; width:15px; height:15px; vertical-align:top; transform:translate(-50%,-50%);}
.ap2022-popup--mnotice .ap2022-popup__close:hover:before,
.ap2022-popup--mnotice .ap2022-popup__close:focus:before {content:''; position:absolute; top:50%; left:50%; width:31px; height:31px; background-color:rgba(0,0,0,.06); border-radius:50%; transform:translate(-50%,-50%);}
.ap2022-popup--mnotice .ap2022-popup__btn {display:inline-flex; align-items:center; justify-content:center; min-width:145px; max-width:50%; padding:9px 25px 9px; margin:0 3px; overflow:visible; border:1px solid rgba(34,34,34,1); border-radius:0; background:none; color:#222; font-size:14px; line-height:1.3; letter-spacing:-0.04em; word-break:keep-all; word-wrap:break-word;}
.ap2022-popup--mnotice .ap2022-popup__btn--default:hover,
.ap2022-popup--mnotice .ap2022-popup__btn--default:focus {background-color:rgba(34,34,34,.1);}
.ap2022-popup--mnotice .ap2022-popup__btn--custom {background-color:rgba(34,34,34,1); color:#fff;}
.ap2022-popup--mnotice .ap2022-popup__btn--custom:hover,
.ap2022-popup--mnotice .ap2022-popup__btn--custom:focus {background-color:rgba(34,34,34,.9);}
.ap2022-popup--mnotice .ap2022-popup__btnwrap {display:flex; justify-content:center;}
.ap2022-popup--mnotice .ap2022-popup__check {display:inline-block; vertical-align:top; color:#666; font-size:14px; line-height:1.3; letter-spacing:-0.025em;}
.ap2022-popup--mnotice .ap2022-popup__check svg {width:19px; height:19px; margin:0 0.357143em 0 0; vertical-align:-0.321429em;}
.ap2022-popup--mnotice .ap2022-popup__check svg rect {fill:#fff;}
.ap2022-popup--mnotice .ap2022-popup__check input:focus-visible + label svg {outline:1px auto;}
.ap2022-popup--mnotice .ap2022-popup__check input:checked + label svg rect {fill:#2b2b2b;}
.ap2022-popup--mnotice .ap2022-popup__check input:checked + label svg path {stroke:#fff;}
.ap2022-popup--mnotice .ap2022-popup__head {padding:25px 0 20px;}
.ap2022-popup--mnotice .ap2022-popup__body {height:100%; color:#222;}
.ap2022-popup--mnotice .ap2022-popup__body .ap2022-popup__logo {margin-bottom:20px;}
.ap2022-popup--mnotice .ap2022-popup__content {padding:0 40px; text-align:center; font-size:14px; line-height:1.7; letter-spacing:-0.025em; word-break:keep-all; word-wrap:break-word;}
.ap2022-popup--mnotice .ap2022-popup__content:first-child {margin-top:0;}
.ap2022-popup--mnotice .ap2022-popup__content--image img {max-width:100%; vertical-align:top;}
.ap2022-popup--mnotice .ap2022-popup__content--text {margin-top:25px;}
.ap2022-popup--mnotice .ap2022-popup__content--html {margin-top:20px;}
.ap2022-popup--mnotice .ap2022-popup__bottom {padding:25px 16px 16px;}
.ap2022-popup--mnotice .ap2022-popup__bottom + .ap2022-popup__bottom {padding-top:0;}
.ap2022-popup--mnotice .ap2022-popup__footer {box-sizing:border-box;}
.ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap {padding:25px 16px 20px; margin:0 3px; text-align:center;}
.ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__btnwrap {padding-top:0;}
.ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__bottom {padding-top:0;}
.ap2022-popup--mnotice.is--dimmed-invisible .ap2022-popup__dimmed {background-color:rgba(0,0,0,0);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable::-webkit-scrollbar-track {background-color:rgba(255,255,255,.08);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,.16);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-track {background-color:rgba(255,255,255,.12);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__scrollable:focus-visible::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,.24);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__close {color:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__close:hover:before,
.ap2022-popup--mnotice.is--color-white .ap2022-popup__close:focus:before {background-color:rgba(255,255,255,.06);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn {border-color:rgba(255,255,255,1); color:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--default:hover,
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--default:focus {background-color:rgba(255,255,255,.1);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--custom {background-color:rgba(255,255,255,1); color:#222;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--custom:hover,
.ap2022-popup--mnotice.is--color-white .ap2022-popup__btn--custom:focus {background-color:rgba(255,255,255,.9);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check {color:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check svg rect {fill:rgba(255,255,255,.46);}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check input:checked + label svg rect {fill:#fff;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__check input:checked + label svg path {stroke:#222;}
.ap2022-popup--mnotice.is--color-white .ap2022-popup__body {color:#fff;}
@media (max-width:750px) {
  .ap2022-popup--mnotice .only-pc {display:none;}
  .ap2022-popup--mnotice .only-mo {display:block;}
  .ap2022-popup--mnotice .ap2022-popup__frame {padding:4.2666vw;}
  .ap2022-popup--mnotice .ap2022-popup__logo {margin-top:-10px;}
  .ap2022-popup--mnotice .ap2022-popup__logo img {width:120px; height:38px;}
  .ap2022-popup--mnotice .ap2022-popup__btn {min-width:50%; padding:10px 5.333333vw; font-size:13px;}
  .ap2022-popup--mnotice .ap2022-popup__check {font-size:13px;}
  .ap2022-popup--mnotice .ap2022-popup__head {padding-bottom:13px;}
  .ap2022-popup--mnotice .ap2022-popup__body .ap2022-popup__logo {margin:0 0 13px;}
  .ap2022-popup--mnotice .ap2022-popup__content {padding:0 5.333333vw; font-size:13px;}
  .ap2022-popup--mnotice .ap2022-popup__content:first-child {margin-top:0;}
  .ap2022-popup--mnotice .ap2022-popup__content--text {margin-top:20px;}
  .ap2022-popup--mnotice .ap2022-popup__content--html {margin-top:15px;}
  .ap2022-popup--mnotice .ap2022-popup__bottom {padding:20px 4vw 15px;}
  .ap2022-popup--mnotice .ap2022-popup__bottom + .ap2022-popup__bottom {padding-top:0;}
  .ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap {padding:20px 4vw 17px;}
  .ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__btnwrap {padding-top:0;}
  .ap2022-popup--mnotice .ap2022-popup__footer .ap2022-popup__btnwrap + .ap2022-popup__bottom {padding-top:0;}
}
/* //2023 메인 공지팝업 (공통) */

/* 20231226 웹접근성 인증 갱신 관련 수정 */
.nav .navbox .navitem>a{position:relative;padding:0 10px 25px;}
.nav .navbox .navitem>a.active::after{content: "";display: block;width: 100%;height: 3px;background-color: #000;position: absolute;bottom: 0;left: 0;}
@media (max-width: 1023px){
.nav .navbox .navitem>a{position:relative;padding:15px 0 15px 20px;}
.nav .navbox .navitem>a.active::after{display:block;background-image:url(/kr/ko/resource/img/layout/mobgnbar.png);background-color:unset;background-position:right -13px;background-repeat:no-repeat;content:'';position:absolute;top:30px;right:20px;bottom: auto;left:auto; width:22px;height:13px}
}
.foot-con .copyright{color:#666;}
.header-global ul li a{color:#666;}
.skip a::after{content:"";position: absolute;top: 0;left: 0;right: 0;bottom: 0;display:none;outline:2px dashed rgba(255,255,255,.8); outline-offset:-4px;}
.skip a:hover::after,.skip a:focus::after, .skip a:active::after{display: block;}
.tab-brand a{position:relative}
.tab-brand a:focus-visible::after{content: "";position: absolute;outline: 2px dashed #000;width: calc(100% - 4px);height: calc(100% - 4px); top: 2px;left: 2px;}

.header-global > strong button{background:url(/kr/ko/resource/img/layout/btn-lang-more_231226.png) no-repeat 50% 50%}