@charset "utf-8";
/*
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
*/

/*
@font-face {
	font-family:'ng';
	src:url('/Font/NanumBarunGothic.eot');
	src:local('ng'), url('/Font/NanumBarunGothic.woff') format('woff'), url('/Font/NanumBarunGothic.ttf') format('truetype');
}
@font-face {
	font-family:'ngb';
	src:url('/Font/NanumBarunGothicBold.eot');
	src:local('ngb'), url('/Font/NanumBarunGothicBold.woff') format('woff'), url('/Font/NanumBarunGothicBold.ttf') format('truetype');
}


@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/Font/DroidSans-webfont.eot), 
       url(/Font/DroidSans-webfont.ttf), 
       url(/Font/DroidSans-webfont.woff), 
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 600;
  src: url(/Font/DroidSans-Bold-webfont.woff), 
       url(/Font/DroidSans-Bold-webfont.ttf), 
       url(/Font/DroidSans-Bold-webfont.eot); 
}
*/

/*
@import url('https://fonts.googleapis.com/css?family=Roboto');
*/
@font-face { font-family:Arial;}
html,body {width:100%; font-family: Arial; font-weight:400;  }
body {overflow:auto;}

#doc {position: relative;min-width:320px; overflow:hidden;}
body {overflow-y:visible;overflow-x:hidden;}
body.no-scr {overflow-y:hidden;}

.disp-none {display: none;}

.div-abs {position:absolute;}
.div-wrap {position:relative;width:100%;text-align:left;;margin:0 auto 0 auto;}
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto;}
.div-cont:after {clear:both;content:"";display:block;}

.body-slide-wr {position:relative;width:100%;transition:margin 0.3s ease;}
.body-slider-ovclick , .container-bg{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }

body {overflow-x:hidden;}



/* 스킵네비게이션 */
.skipNavi {height:0;}
.skipNavi a {display:block;position:fixed;width:1px;height:1px;top:-1000em;left:-1000em;z-index:2500;overflow:hidden;}
.skipNavi a:focus {width:auto;height:auto;background:#us-dpoint1;color:#fff;padding:0.75em 1em;top:0;left:0;}


/* z-index */
.header-wrap-abs {z-index:7000;}
#header-wrap{position:relative;z-index:2005;}
#container-wrap{position:relative;z-index:9; }
#footer-wrap{position:relative;z-index:10; }

/* 상단 */
.header-wrap-abs {}
#header-wrap {height:80px}
#sub #header-wrap, .is-sub #header-wrap{height:270px}
/* #header-wrap:after{position:absolute; z-index:-1;left:50%;top:0; width:2000px; height:100%; background:#002882; left:50%; margin-left:-1000px; display:block; content:"";} */
#header {height:100%; z-index:9999}


.top-pop{line-height:40px; height:40px;text-align:center; position:relative;}
.top-pop:after{background:#1f313f; position:absolute; left:50%;margin-left:-1000px; width:2000px; height:100%; top:0; z-index:-1; display:block; content:""}


#header .bt-mnall { display:none;position:absolute;left:10px;top:20px;background:url(../_Img/Layout/bt-mnall.png) no-repeat center center;background-size:23px auto;width:30px;height:30px;z-index:6300;border:0;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#header .bt-search { display:none;position:absolute;right:76px;top:20px;background:url(../_Img/Layout/search-btn.png) no-repeat center center;background-size:22px auto;width:24px;height:30px;z-index:6300;border:0;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#header .bt-myinfo { display:none;position:absolute;right:42px;top:20px;background:url(../_Img/Layout/my-ico.png) no-repeat center center;background-size:22px auto;width:24px;height:30px;z-index:6300;border:0;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#header .bt-shop { display:none;position:absolute;right:12px;top:20px;background:url(../_Img/Layout/cart-ico.png) no-repeat center center;background-size:22px auto;width:24px;height:30px;z-index:6300;border:0;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#header .bt-shop .num{ font-size:10px; line-height:18px; text-align:center; border-radius:100%; width:18px; height:18px; background:#d32f2f; color:#fff; position:Absolute; right:-8px; top:-8px;}

/* 메뉴 */	
#header-wrap .mn-bar {/* position:absolute;left:0;top:90px;width:100%;display:block;z-index:2000;background:#ebebeb; */}
#header-wrap:after{background:#fafafa; width:2000px; top:0; left:50%;margin-left:-1000px; display:block; content:""; z-index:-1; position:absolute; position:absolute; height:80px;}

#logo {position:absolute;left:50%;margin-left:-71px;top:27px;;text-align:left; width:142px; height:27px; z-index:2500;}
#logo a{display:block;height:27px;background:url(../_Img/logo.png) no-repeat center center;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}


/* gnb-wrap */
#gnb-wrap .language{ position:absolute; left:0; top:30px; text-align:left;height:24px;}
#gnb-wrap .language li{display:inline-block; vertical-align:top;margin-right:10px}
#gnb-wrap .language li a{ width:36px; height:24px; display:block;}
#gnb-wrap .language a.language-01{background:url(../_Img/Layout/language-01.png) no-repeat center center}
#gnb-wrap .language a.language-02{background:url(../_Img/Layout/language-02.png) no-repeat center center}
#gnb-wrap .language a.language-03{background:url(../_Img/Layout/language-03.png) no-repeat center center}
#gnb-wrap .language a.language-04{background:url(../_Img/Layout/language-04.png) no-repeat center center}

#gnb-wrap .member-gnb{position:absolute; right:0; top:30px; text-align:left;height:24px;}
#gnb-wrap .member-gnb li{display:inline-block; vertical-align:top;margin-left:24px}
#gnb-wrap .member-gnb li a{line-height:24px; display:block;font-size:14px; color:#333; font-weight:600}
#gnb-wrap .member-gnb li a.my{position:relative;padding-right:15px; }
#gnb-wrap .member-gnb li a.my:after{background:url(../_Img/Layout/arrow-down.png) no-repeat center center; position:absolute; right:0; top:50%;margin-top:-5px; width:10px; height:10px; display:block; content:""}

.top-content .search-wrap{width:380px; left:50%;margin-left:-190px}
.top-content .search-wrap input{width:327px;}

.top-pop{display:none;}
#logo {margin-left:-55px;top:22px;;text-align:left; width:110px; height:27px; z-index:2500;}
#logo a{background-size:110px;}

#header .bt-search{display:block}
#header .bt-myinfo{display:block;}
#header .bt-shop{display:block;}
#header .bt-mnall {display:block}
#gnb-wrap{display:none;}

#header-wrap{height:auto;}
#header-wrap:after{display:none;}
#sub #header-wrap, .is-sub #header-wrap{height:auto}
#sub #header-wrap #header, .is-sub #header-wrap #haeder{height:auto;}
#header{padding-top:70px;}

.bt-mnall-close{position:Absolute;right:8px; top:15px; width:30px; height:30px; background:url(../_Img/Layout/close-ico.png) no-repeat center center; background-size:20px; border:none}
.bt-search-open{position:Absolute;right:40px; top:15px; width:30px; height:30px; background:url(../_Img/Layout/search-btn.png) no-repeat center center; background-size:20px;  border:none;}

#NaviWrap{position:relative; z-index:8001}
#NaviWrap .language{padding:15px 10px;}
#NaviWrap .language li{display:inline-block; vertical-align:top;margin-right:2px}
#NaviWrap .language li a{ width:36px; height:24px; display:block;background-size:36px auto !important}
#NaviWrap .language a.language-01{background:url(../_Img/Layout/language-01m.jpg) no-repeat center center}
#NaviWrap .language a.language-02{background:url(../_Img/Layout/language-02m.jpg) no-repeat center center}
#NaviWrap .language a.language-03{background:url(../_Img/Layout/language-03m.jpg) no-repeat center center}
#NaviWrap .language a.language-04{background:url(../_Img/Layout/language-04m.jpg) no-repeat center center}


/* 메뉴 */	
#header-wrap .mn-bg {display:none;}
#mainNavi {position:fixed;transition:right 0.3s ease;z-index:8001;background:#fff;left:-320px;box-sizing:border-box; padding:0 10px 40px 10px;top:0px;width:320px;overflow-y:auto;height:100%;overflow-x:hidden;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}
#mainNavi.mn-h-open {left:0; padding: 0px;}


#topNavi{ position:relative;height:50px; z-index:2000;background:#c62828;}
#topNavi ul{ overflow:hidden;}
#topNavi li{float:left; width:20%;}

#topNavi li:first-child{}
#topNavi li a{color:#fff; font-size:15px; font-weight:600; line-height:50px; text-align:center; display:block; position:relative;}
#topNavi li a:after{background:rgba(255,255,255,0.2); width:1px; height:16px; position:absolute; right:0; top:50%;margin-top:-8px; display:block; content:""}

@media (max-width: 500px) {
	/* by 87parkjw */
	#topNavi a span.topnavi-size7pt {font-size: 7pt;}
	#topNavi a span.topnavi-size9pt {font-size: 9pt;}
}
@media (min-width: 667px) {
	/* by 87parkjw */
	#topNavi li{float:left; width:20%;}
}
@media (max-width: 667px) {
	/* by 87parkjw */
	#topNavi li{float:left;}
	#topNavi li{float:left; padding: 0px 5px 0px 5px;}
}

.mn-bar {display:none;}
.topmenu .tgl-btn {display:none;}

.topmenu{padding:70px 0px 30px 0px; position:relative;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;}

.topmenu .mn_l1:first-child .mn_a1{ position:absolute; width:50%; top:0px; left:0px;}
.topmenu .mn_l1:last-child .mn_a1{ position:absolute; width:50%; top:0px; right:0px;}

.topmenu .mn_a1 span{display:block; height:42px; border:1px solid #b3b3b3; text-align:center;line-height:42px; font-size:15px; font-weight:600;letter-spacing:-0.01em; }
.topmenu .is-open .mn_a1 span{height:40px; border:2px solid #333; color:#333; line-height:40px;}

.topmenu .mn_l1:first-child .mn_a1 span{border-right:0}
.topmenu .mn_l1:last-child .mn_a1 span{border-left:0}
.topmenu .mn_l1:first-child.is-open .mn_a1 span{border-right:2px solid #333}
.topmenu .mn_l1:last-child.is-open .mn_a1 span{border-left:2px solid #333}

.topmenu .depth2-wrap{ width:auto !important}

#tm01 .depth2-wrap .depth2{text-align:left;font-size:0; padding:0 0 10px 0;overflow:hidden;margin:0 -2%;overflow:hidden}
#tm01 .depth2-wrap .depth2 .mn_l2{width:21%; float:left; margin:0 2% 2% 2%;padding:0;  position:relative;}
#tm01 .depth2-wrap .depth2 .mn_a2{padding:0; display:block;position:relative; height:auto;border-radius:100%; overflow:hidden;}
#tm01 .depth2-wrap .depth2 .mn_a2 .txt{position:absolute; left:0; top:0;;text-align:center;display:block;;width:100%; z-index:8;box-sizing:border-box; padding-top:26px; height:100%; line-height:115%; vertical-align:middle; font-size:13px; font-weight:400; color:#fff; }
/* #tm01 .depth2-wrap .depth2 .mn_l2:nth-child(2) .mn_a2 .txt{padding-top:19px} */
#tm01 .depth2-wrap .depth2 .mn_l2:nth-child(3) .mn_a2 .txt{font-size:12px;}
#tm01 .depth2-wrap .depth2 .mn_a2 .img{display:block;;vertical-align:top;position:relative;  left:auto; top:auto;z-index:4;}
#tm01 .depth2-wrap .depth2 .mn_a2 .img img{width:100%}
#tm01 .depth2-wrap .depth2 .mn_a2:after{background:rgba(198,40,40,0.5); z-index:5;position:absolute; left:0 ;top:0; width:100%; height:100%; display:block;content:""; opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#tm01 .depth2-wrap .depth2 .mn_l2:hover .mn_a2:after{ opacity:1;}
#tm01 .depth2-wrap .depth2 .depth3{ display:none !Important}

#tm01.is-open .depth2-wrap{height:auto !important}
#tm01.is-open .depth2-wrap .depth2 .mn_l2{display:block !Important}

#tm02.is-open .depth2-wrap{display:block !Important}


#tm01 .depth2-wrap{height:auto !Important; display:none !important ; opacity:1 !Important;text-align:center; padding-bottom:20px;}
#tm01.is-open .depth2-wrap{height:auto !Important; display:block !important ; opacity:1 !Important}

#tm02 .depth2-wrap{height:auto !Important; display:none !important ; opacity:1 !Important;text-align:center; padding-bottom:20px;}
#tm02.is-open .depth2-wrap{height:auto !Important; display:block !important ; opacity:1 !Important}

#tm02 .depth2-rank{height:120px !important; display:none !important ; opacity:1 !Important}
#tm02.is-open .depth2-rank{height:150px !important; display:block !important ; opacity:1 !Important}


#tm01 .depth2-wrap .more{ display:inline-block;background:#f4f6f9;  line-height:34px; color:#333; border:1px solid #dfdfdf; height:34px; width:156px; font-size:14px; font-weight:600; text-align:center;  z-index:999;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#tm01 .depth2-wrap .more:hover{color:#fff; border:1px solid #b32424;background:#d32f2f;}

#tm02 .depth2-wrap .more{display:inline-block;background:#f4f6f9; line-height:34px; color:#333; border:1px solid #dfdfdf; height:34px; width:156px; font-size:14px; font-weight:600; text-align:center;  z-index:999;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#tm02 .depth2-wrap .more:hover{color:#fff; border:1px solid #b32424;background:#d32f2f;}

#tm02 .depth2-wrap .depth2{overflow:hidden; padding-bottom:10px; margin:0 -2%;text-align:left;}
#tm02 .depth2-wrap .depth2 .mn_l2{ float:left; width:29.33333% ;margin:0 2% 15px 2%; float:left;}
#tm02 .depth2-wrap .depth2 .mn_a2{display:block;height:30px; position:relative; padding-left:36px}
#tm02 .depth2-wrap .depth2 .mn_l2 .txt{display:block;vertical-align:top ; font-size:13px; font-weight:400; color:#333; line-height:30px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#tm02 .depth2-wrap .depth2 .mn_l2 .img{position:absolute; left:0; top:0;vertical-align:top; width:30px; height:30px; border-radius:100%;}
#tm02 .depth2-wrap .depth2 .mn_l2 .img img{width:100%;border: 1px solid #e5e5e5;}


.depth2-rank{width:100% !important; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.depth2-rank ul{padding:0 0 0 0; overflow:hidden;}
.depth2-rank li{float:left; height:120px; width:30%;}
.depth2-rank .txt{position:Absolute; z-index:11; width:100%; height:24px; line-height:24px; text-align:center; margin-top:3px;  font-weight:600; font-size:15px }
.depth2-rank .img{width:100%; position:relative; z-index:5}
.depth2-rank .img img{width:100%;border: 1px solid #e5e5e5;box-shadow: 5px 5px 5px #b3b3b3;}
.depth2-rank .c-01 a{display:inline-block; vertical-align:top; position:relative; width:100px; height:100px; border-radius:100%;}
.depth2-rank .c-01 .txt{font-size:20px;}
.depth2-rank .c-02, .depth2-rank .c-03{padding-top:10px;}
.depth2-rank .c-02 a, .depth2-rank .c-03 a{display:inline-block; vertical-align:top; position:relative; width:80px; height:80px; border-radius:100%;}

.depth2-rank .c-01{margin-right:10px;padding-right: 15px;}
.depth2-rank .c-02{margin-right:5px;}
.depth2-rank li a:after{position:absolute; left:0; top:0px; width:50px; height:40px; display:block; content:"" ; z-index:99}
.depth2-rank .c-01 a:after{background:url(../_Img/Main/rank-01.png) no-repeat; }
.depth2-rank .c-02 a:after{background:url(../_Img/Main/rank-02.png) no-repeat; top:-9px; }
.depth2-rank .c-03 a:after{background:url(../_Img/Main/rank-03.png) no-repeat; top:-9px; }


.topService{padding:0 }
.topService h3{font-weight:600; color:#333; font-size:17px; padding-bottom:10px; border-bottom:1px solid #333;}
.topService ul{padding-top:10px; overflow:hidden;margin:0 -2%}
.topService li{float:left; width:29.33333%; margin:0 2% 0% 2%;}
.topService li a{display:block; position:relative;padding:5px 1px;}
.topService li a:after{ width:10px; height:16px; position:Absolute; right:0px; top:50%;margin-top:-8px; display:block; content:""; background:url(../_Img/Layout/service-arrow.png)no-repeat center center;background-size:6px auto}

.topMyinfo{padding:0 }
.topMyinfo h3{font-weight:600; color:#333; font-size:17px; padding-bottom:10px; border-bottom:1px solid #333;}
.topMyinfo h3 span{font-weight:600;}
.topMyinfo ul{padding-top:10px; overflow:hidden;margin:0 -2%}
.topMyinfo li{float:left; width:29.33333%; margin:0 2% 0% 2%;}
.topMyinfo li a{display:block; position:relative;padding:5px 1px;}
.topMyinfo li a:after{ width:10px; height:16px; position:Absolute; right:0px; top:50%;margin-top:-8px; display:block; content:""; background:url(../_Img/Layout/service-arrow.png)no-repeat center center;background-size:6px auto}


.topOther ul{font-size:0;text-align:center;}
.topOther li{display:inline-block; vertical-align:top;margin:0 10px;;}
.topOther li:first-child a:after{display:none;}
.topOther li a{display:block; position:relative; font-size:13px; color:#333;}
.topOther li a:after{background:#bfbfbf;width:1px; height:12px; position:absolute; ;left:-10px; top:50%;margin-top:-6px; display:block; content:""}

.search-mobile-wrap.search-h-open {left:0;}
.search-mobile-wrap{position:fixed; width:320px;height:100%; left:-320px; overflow-y:auto;height:100%; background:#fff;top:0;z-index:9001 ; box-sizing:border-box; padding:15px 10px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.search-mobile-wrap .search-wrap{width:240px;position:relative; height:40px;box-sizing:border-box;border:3px solid #d32f2f}
.search-mobile-wrap .search-wrap input{border:none; height:34px; width:207px;text-indent:10px;color:#444;}
.search-mobile-wrap .search-wrap .search-btn{ width:36px; height:36px;border:none;background:#d32f2f url(../_Img/Layout/search-ico.png) no-repeat center center; position:absolute; right:0; top:0;}
.search-mobile-wrap .close{position:Absolute;right:13px; top:20px; width:30px; height:30px; background:url(../_Img/Layout/close-ico.png) no-repeat center center; background-size:20px; border:none}
.search-mobile-wrap .search-list-type01{ position:Relative;}
.search-mobile-wrap .search-list-type01 .all-delete{width:90px;text-align:right; color:#808080; padding-right:28px; height:16px; background:url(../_Img/Layout/delete-ico.png) no-repeat right center;background-size:14px auto; position:Absolute; right:2px; top:5px; border:none;}
.search-mobile-wrap .search-list-type01 li{border-bottom:1px solid #eaeaea; position:relative;}
.search-mobile-wrap .search-list-type01 li a{display:block; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:15px;  padding:12px 100px 12px 0;}
.search-mobile-wrap .search-list-type01 li .date{ position:absolute; color:#808080; line-height:16px; height:16px; position:absolute; right:28px; top:50%;margin-top:-8px; text-align:right;}
.search-mobile-wrap .search-list-type01 li .delete{ width:20px; height:20px; background:url(../_Img/Layout/delete-ico.png) no-repeat center center;background-size:14px auto; position:Absolute; right:2px; top:50%; margin-top:-10px; border:none;}

.search-mobile-wrap .search-list-type02 li{border-bottom:1px solid #eaeaea; position:relative;}
.search-mobile-wrap .search-list-type02 li a{display:block; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:15px;  padding:12px 10px 12px 24px;}
.search-mobile-wrap .search-list-type02 li .num{ font-size:16px; font-weight:600; position:absolute; color:#c62828; left:0; width:20px; text-align:left; font-style:italic; height:14px; line-height:14px; top:50%;margin-top:-7px;}

.search-mobile-wrap .search-list-type01 h3,
.search-mobile-wrap .search-list-type02 h3,
.search-mobile-wrap .search-list-type03 h3{font-weight:600; color:#333; font-size:17px; padding-bottom:10px; border-bottom:1px solid #333;}

.search-mobile-wrap .search-list-type03 ul{font-size:0; margin:0 -5px;padding:15px 0}
.search-mobile-wrap .search-list-type03 li{display:inline-block; vertical-align:top; margin:0 4px 10px 4px; width:auto;}
.search-mobile-wrap .search-list-type03 li a{border:1px solid #b3b3b3; border-radius:20px; line-height:28px; display:block; font-size:14px; color:#666; padding:0 11px;}

/* MY ACCOUNT css 추가 by 87parkjw */
.my-mobile-wrap.my-h-open {left:0;}
.my-mobile-wrap{position:fixed; width:320px;height:100%; left:-320px; overflow-y:auto;height:100%; background:#fff;top:0;z-index:9001 ; box-sizing:border-box; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.my-mobile-wrap .close{position:Absolute;right:13px; top:20px; width:30px; height:30px; background:url(../_Img/Layout/close-ico.png) no-repeat center center; background-size:20px; border:none}

.my-mobile-wrap .my-wrap hr {display: block !important; border-top: 1px solid #333333;}
.my-mobile-wrap .my-wrap .my-header {padding: 25px 15px 0px 15px;}
.my-mobile-wrap .my-wrap .my-header h3 {font-size: 17px; font-weight: bold; color: #333333;}
/* .my-mobile-wrap .my-wrap .my-body {padding-left: 10px; padding-right: 10px;} */
.my-mobile-wrap .my-wrap .my-body {}
.my-mobile-wrap .my-wrap .my-body ul {padding: 0px 10px 0px 10px;}
.my-mobile-wrap .my-wrap .my-body h3 {font-size: 17px; font-weight: bold; color: #333333; margin-top: 3px; margin-bottom: 5px;}
/* .my-mobile-wrap .my-wrap .my-body ul li {padding-left: 10px;} */
.my-mobile-wrap .my-wrap .my-body hr {display: block !important; border-top: 1px solid #cccccc;}
.my-mobile-wrap .my-wrap .my-body ul li {padding: 3px 0px 3px 0px;}
/* .my-mobile-wrap .my-wrap .my-body ul li {padding-top: 5px;} */
.my-mobile-wrap .my-wrap .my-body ul .my-fabicon-img {width: 10%; display: inline-block; text-align: right; }
.my-mobile-wrap .my-wrap .my-body ul .my-title {width: 85%; display: inline-block; padding-left: 5px;}
.my-mobile-wrap .my-wrap .my-body h3 .fa-angle-down {float: right;}
.my-mobile-wrap .my-wrap .my-body .my-title a .cred {float: right;}
/* MY ACCOUNT css End */

.top-content{display:none;}

#topNavi li a{font-size:14px;}
#topNavi li a:after{display:none;}

#logo {margin-left:-50px;top:16px;width:100px; height:27px; z-index:2500;}
#logo a{background-size:100px auto}

#header{padding-top:60px;}
#header .bt-mnall {left:5px; top:16px;}
#header .bt-search { right:64px;top:16px;}
#header .bt-myinfo { right:36px;top:16px;}
#header .bt-shop { right:8px;top:16px;}
#header .bt-usernm {right: 8px;top: 40px;position: absolute;font-size: 10px;}
#header .bt-mlogin {width: 80px; text-align: center;}













/* 컨텐츠 */
.cont-top {position:relative;}
.cont-top.no-path{padding:15px 0 15px 0}
.cont-top.no-path h2{height:auto; line-height:110%}
.cont-top h2 { height:74px;font-size:40px;text-align:center;letter-spacing:-0.01em;text-align:center;line-height:110%;font-weight:600;color:#333;}


#contents-wrap {min-height:350px;letter-spacing:-0.01em;word-break:keep-all;word-wrap:break-word;font-size:14px;text-align:left; color:#54546a; }
#container {position:relative;display:block;}
.mcontainer #contents{min-height:1000px;padding-bottom:67px}
.scontainer #contents{min-height:1000px;}
.scontainer #container{overflow:hidden}

#sub #container , .is-sub #container{ padding-bottom:50px;}
#sub #container.chart , .is-sub #container.chart{overflow:visible}


#path-wrap{ position:relative; padding:30px 0; height:30px; width:100%;}
#path-wrap dl{ font-size:0;}
#path-wrap dt{display:inline-block; vertical-align:top; position:relative; width:63px; height:30px; padding-left:20px; line-height:30px; background:url(../_Img/Sub/path-home.png) no-repeat left center; font-size:13px; color:#666}
#path-wrap dt:after{ width:5px; height:8px; position:absolute; display:block; content:"";  right:10px; top:50%;margin-top:-4px; background:url(../_Img/Sub/path-arrow.png) no-repeat left center;}
#path-wrap dd{position:relative;display:inline-block; vertical-align:top;  padding-right:25px}
#path-wrap dd:after{ width:5px; height:8px; position:absolute; display:block; content:"";  right:9px; top:50%;margin-top:-4px; background:url(../_Img/Sub/path-arrow.png) no-repeat left center;}
#path-wrap dd:last-child{padding-right:0}
#path-wrap dd:last-child:after{display:none;}
#path-wrap .select-box{height:30px; min-width:160px;box-sizing:border-box;}
#path-wrap .select-box select{ font-size:13px; color:#666; height:28px;}

.artist-wrap { position:relative; padding:5px 0; height:30px; width:100%;}
.artist-wrap dl{ font-size:0;}
.artist-wrap dt{display:inline-block; vertical-align:top; position:relative; width:63px; height:30px; padding-left:20px; line-height:30px; background:url(../_Img/Sub/path-home.png) no-repeat left center; font-size:13px; color:#666}
.artist-wrap dt:after{ width:5px; height:8px; position:absolute; display:block; content:"";  right:10px; top:50%;margin-top:-4px; background:url(../_Img/Sub/path-arrow.png) no-repeat left center;}
.artist-wrap dd{position:relative;display:inline-block; vertical-align:top;  padding-right:25px}
.artist-wrap dd:after{ width:5px; height:8px; position:absolute; display:block; content:"";  right:9px; top:50%;margin-top:-4px; background:url(../_Img/Sub/path-arrow.png) no-repeat left center;}
.artist-wrap dd:last-child{padding-right:0}
.artist-wrap dd:last-child:after{display:none;}
.artist-wrap .select-box{height:30px; min-width:160px;box-sizing:border-box;}
.artist-wrap .select-box select{ font-size:13px; color:#666; height:28px;}


.content-wrap{ float:right; width:930px;}
.content-wrap.full{float:none; width:auto; }

/* 아티스트 메뉴 by 87parkjw */
.artist-wrap-v2 {position:relative; padding:5px 0; width: 100%;}
.artist-wrap-v2 .bts .subNavi-header {margin-top: 10px; margin-bottom: 10px;}
.artist-wrap-v2 .bts .subNavi-header .input-group ul {width: auto; max-height: 300px; overflow-y: scroll; z-index: 9999;}
.artist-wrap-v2 .bts .subNavi-header .input-group ul li a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.artist-wrap-v2 .bts .subNavi-header .section1 {display: inline-block; width: 55%;}
.artist-wrap-v2 .bts .subNavi-header .section2 {display: inline-block; width: 43%; float: right;}
.artist-wrap-v2 .bts .subNavi-header .rank-group {margin-top: 10px; text-align: right;}
.artist-wrap-v2 .bts .subNavi-header .rank-group .rank-top20-title {font-weight: bold; margin-right: 2px; display: none; height: 20px;}
.artist-wrap-v2 .bts .subNavi-header .rank-group .rank-top20 {display: inline-block; height: 20px; overflow: hidden; width: 70%;}
.artist-wrap-v2 .bts .subNavi-header .rank-group .rank-top20 ul li.lm_l3 {text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.artist-wrap-v2 .bts .subNavi-header .rank-group .rank-top20 a {color: #666}
.artist-wrap-v2 .bts .subNavi-header .rank-group .rank-dropdown {display: inline-block; vertical-align: top; margin-left: 5px;}
@media (max-width: 500px) {
}
/* END */


.subNavi-wrap{display:block;width:240px; float:left;;position:relative; z-index:900;overflow:hidden}
#subNavi .lm-tit {font-size:18px;border-bottom:1px solid #b2b2b2;font-weight:600;height:74px;padding:0 0 0 20px; line-height:74px;letter-spacing:-0.03em;;color:#333;text-align:left; position:relative; z-index:5;display:block;vertical-align:top; width:auto;}
#subNavi .lm-tit button {display:none;}
#subNavi .lm-tit .stxt{display:none;}

#subNavi .leftmenu{display:block; position:relative;z-index:3 ; padding:20px}
#subNavi .leftmenu ul {position:relative;line-height:130%;text-align:left;}
#subNavi .leftmenu ul:after {clear:both;content:"";display:block;}
#subNavi .leftmenu ul .lm_l2 {position:relative;vertical-align:top; margin-top:15px;}
#subNavi .leftmenu ul .lm_l2:first-child{margin-top:0;}
#subNavi .leftmenu ul .lm_a2 { display:block;z-index:1; color:#333;font-weight:600;font-size:14px;padding:8px 0 8px 0;}
#subNavi .leftmenu ul .lm_l2.over .lm_a2  {color:#c62828; font-weight:bold}

#subNavi .leftmenu ul .lm_l2 .depth3.line{position:relative; padding:5px 0 20px 0;}
#subNavi .leftmenu ul .lm_l2 .depth3.line:after{background:#e5e5e5; position:absolute; width:500px; height:1px; left:50%;margin-left:-250px;; bottom:0; display:block; content:"";}
#subNavi .leftmenu ul .lm_l2 .depth3{padding-bottom:10px;}
#subNavi .leftmenu ul .lm_a3 { display:block;z-index:1; color:#666;font-weight:400;font-size:13px;padding:3px 11px 3px 11px;}
#subNavi .leftmenu ul .lm_l3.over .lm_a3  {color:#c62828}
#subNavi .leftmenu ul .lm_l2 i.b{font-weight:bold;}
#subNavi .leftmenu ul .lm_l2 .ltxt{font-weight:300;display:inline-block; width:50px}
#subNavi .leftmenu ul .lm_l2 i{padding-right:3px;}

#sub .quick-menu{top:400px}
.quick-menu{ background:#212121; width:80px; height:800px; position:absolute; right:0; top:792px; ; /* top:50%;margin-top:-400px; */ z-index:9999}
.quick-menu li:first-child{margin-top:29px;}
.quick-menu li a{width:80px; height:80px; display:block; position:relative;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.quick-menu li a span{display:block; position:relative; padding-top:55px; opacity:0; text-align:center; color:#fff; font-size:12px; font-weight:400;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.quick-menu li a i{background:#d32f2f;border-radius:100%; width:20px; height:20px; line-height:20px; font-size:10px; color:#fff; text-align:center; position:absolute; right:15px; top:15px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.quick-menu li a:hover span, .quick-menu li.over a span{opacity:1; padding-top:48px;}
.quick-menu li a:hover i , .quick-menu li.over a i{ top:5px; background:#212121}
.quick-menu li a:hover, .quick-menu li.over a {background-color:#c62828 !important ;background-position: center 15px !important;}
.quick-menu li a.c-01{background:url(../_Img/Layout/quick-ico01.png)no-repeat center 25px;}
.quick-menu li a.c-02{background:url(../_Img/Layout/quick-ico02.png)no-repeat center 25px;}
.quick-menu li a.c-03{background:url(../_Img/Layout/quick-ico03.png)no-repeat center 25px;}
.quick-menu li a.c-04{background:url(../_Img/Layout/quick-ico04.png)no-repeat center 25px;}
.quick-menu .btn{ width:60px ;height:124px; position:absolute; left:50%;margin-left:-30px; bottom:15px;}
.quick-menu .btn:after{ width:30px; height:1px; position:absolute; left:50%; margin-left:-15px; top:50%; display:block; content:""; background:#4d4d4d}
.quick-menu .btn a{display:block; text-align:center; height:62px; line-height:62px; color:#fff; font-size:13px; }

.ov{overflow:hidden;}


.quick-menu{display:none;}

.subNavi-wrap{width:22%}
.content-wrap{ width:74%;}

#container-wrap{padding:0 10px;}

.cont-top h2{font-size:26px; padding-top:0px; height:60px}
.mcontainer #contents{padding-bottom:0;}

.content-wrap{ float:none; width:auto;}
.subNavi-wrap{display:none;}

.scontainer #contents{min-height:auto;}


#path-wrap{ padding:5px 0; width:auto; height:auto;padding-left:75px;}
#path-wrap dl{ font-size:0;}
#path-wrap dt{ position:absolute; left:0; top:5px; width:48px;}
#path-wrap dt:after{right:0;}
#path-wrap dd{width:50%;padding-right:20px; box-sizing:border-box;padding-bottom: 3px;}
#path-wrap dd:after{right:7px}
#path-wrap .select-box{ min-width:auto; width:100%;box-sizing:border-box;}
#path-wrap .select-box select{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  padding-right:20px;}
#path-wrap .select-box:after{right:0px}	

/* /////////////////////////////// 하단 ///////////////////////////////////*/
#footer-wrap {display:block; background:#fff; z-index:8}



#footer-top{ padding:40px 0;position:relative;}
#footer-top:after{background:#f4f6f9; border-top:1px solid #e9eaeb; border-bottom:1px solid #e9eaeb; position:absolute; left:50%; top:0; height:100%; margin-left:-1000px; width:2000px; display:block; content:""; z-index:-1}
#footer-top h3{ font-size:16px; font-weight:600; color:#444; height:44px;letter-spacing:0}
#footer-top .f-txt{ width:200px; float:left;}
#footer-top .f-txt li{margin-top:1px;}
#footer-top .f-txt li:first-child{margin-top:0;}
#footer-top .f-txt li a{color:#666; font-size:13px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; }
#footer-top .f-cs{float:left; width:294px;margin-left:22px;}
#footer-top .f-cs p{ font-weight:600; color:#c62828; font-size:32px; letter-spacing:-0.02em; height:43px;}
#footer-top .f-cs li{font-weight:600; margin-top:2px;color:#666 ; font-size:13px;}
#footer-top .f-cs li:first-child{margin-top:0}
#footer-top .f-family{float:left; width:264px;}
#footer-top .f-family li{margin-top:30px;}
#footer-top .f-family li:first-child{margin-top:0}

#footer-top .f-family table{width:50%;}


#footer {padding:40px 0 40px 0; position:relative;}
#f-info .txt{margin-top:3px;font-size:13px; font-weight:400;color:#666; line-height:130%}
#f-info .txt span:first-child{margin-left:0} 
#f-info .txt span{margin-left:10px; display:inline-block; vertical-align:top}
#f-info .copy{font-size:13px; font-weight:400;color:#666; line-height:130% ; margin-top:4px;}

#f-link{position:absolute; right:0; top:60px;}
#f-link ul{overflow:hidden}
#f-link li{margin-left:9px; height:40px; float:left;}
#f-link li a{display:block;border:1px solid #dfdfdf;text-align:center; background:#f4f6f9;min-width:140px; height:40px;box-sizing:border-box; line-height:40px; font-weight:600; font-size:14px; color:#444}

.f-menu{position:relative; height:0px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.f-menu ul{position:fixed; width:100%; min-width:320px; height:70px; left:0; bottom:-70px;background:#fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.f-menu ul:after{width:100%; height:1px;position:absolute; left:0 ; top:-1px; display:block; content:"";background:#a6a6a6; }
.f-menu ul li{float:left; width:20%;}
.f-menu ul a{ height:70px; display:block; color:#666; padding-top:45px;box-sizing:border-box;background-size:23px auto !important; text-align:center;}
.f-menu ul a.c-01{background:url(../_Img/Layout/fm-01.png) no-repeat center 20px; }
.f-menu ul a.c-02{background:url(../_Img/Layout/fm-02.png) no-repeat center 17px; }
.f-menu ul a.c-03{background:url(../_Img/Layout/fm-03.png) no-repeat center 17px; }
.f-menu ul a.c-04{background:url(../_Img/Layout/fm-04.png) no-repeat center 14px; }
.f-menu ul a.c-05{background:url(../_Img/Layout/fm-05.png) no-repeat center 17px; }

.top-btn{ width:50px; opacity:0; height:50px;background:#313131 url(../_Img/Layout/top-btn.png) no-repeat center center; position:fixed;border-radius:100%; right:-200px; bottom:90px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	
	

#footer-top{padding:30px 15px;}
#footer-top .f-txt{width:17%}
#footer-top .f-cs{ width:24% ;margin-left:2%}

#footer {padding:30px 15px;}
#footer-top{padding:30px 15px; margin:0 -1%}
#footer-top .f-txt{ width:31.3333%; margin:0 1% 2% 1%; }
#footer-top .f-cs{width:48%;margin:0 1% 0% 1%;}
#footer-top .f-family li{margin-top:20px;}

#f-info{text-align:center;}
#f-info .txt{display:block; vertical-align:top;}

#f-link{position:relative; right:auto; top:auto; padding:20px 0 0 0; text-align:center;}
#f-link ul{margin:0 -1%}
#f-link li{width:31.33333%; margin:0 1% }
#f-link li a{min-width:auto; font-size:12px;}

/* by 87parkjw */
.txt-title {display:block;}
.f-content {display: block;}
.f-img {display: block; text-align: center;}
.f-content .btn-link {color: #045FB4;}

.f-menu{height:70px;}
.f-menu ul{ bottom:0;}

.top-btn {right:10px; opacity:1}

#footer {padding:30px 10px;}
#footer-top{padding:30px 10px;}
#footer-top h3{font-size:15px; line-height:105%; height:40px;}

#footer-top{padding:30px 15px; margin:0 -2%}
#footer-top .f-txt{ width:29.3333%; margin:0 2% 5% 2%; }
#footer-top .f-txt li a{font-size:12px;}
#footer-top .f-cs{width:46%;margin:0 2% 0% 2%;}
#footer-top .f-cs p{font-size:24px;height:auto ;padding-bottom:10px;}
#footer-top .f-cs li{font-size:12px; letter-spacing:-0.03em; line-height:140%;}
#footer-top .f-cs li span{display:block;}
#footer-top .f-family{margin:0 2% 0% 2%;}
#footer-top .f-family li{margin-top:15px;}

#footer-top .f-family li a img{max-width:130px; }

.f-menu ul a{ background-size:20px auto !important;}
.f-menu ul a {font-size:13px; padding-top:43px;}

/* 비디오 iframe 사이즈 조정 */	
.vtd iframe{
width: 100%;
max-width: 560px;
height: 350px;
}

.notipopup{background:#eee;}
.notipopup_p{background:#eee;left: 5%; top: 1%;position: absolute;width:90%;box-shadow: 5px 5px 5px rgba(0,0,0,0.5);max-width:500px; z-index:9999;}
.pop-close{width: 45%;padding: 5px 0;text-align:center;font-weight:bold;cursor:pointer;letter-spacing: -0.5px;}
.pop-img{width: 100%;}



.artist_nm dd{position:relative; float:left;font-size:18px;width:45%;}
.alpha_char {font-size:55px;font-weight: bold;}


/* by 87parkjw */
.ft_img_left {display: inline-block;}
.ft_img_right {display: inline-block;}

/* 배송지 입력 jp 버전 css by 87parkjw */
.payment-write-wrap .rspvn .p-top {margin-bottom: 5px;}
.payment-write-wrap .rspvn p .recipient-title {width: 20%; display: inline-block; vertical-align: bottom;}
.payment-write-wrap .rspvn p .recipient-title2 {width: 20%; display: inline-block; vertical-align: bottom; line-height:1.2em;}
.payment-write-wrap .rspvn p .recipient-space {width: 20%; display: inline-block;}
.payment-write-wrap .rspvn p .recipient-title-sub {font-size: 10px;}
.payment-write-wrap .rspvn p .font-sub {width: 79%; display: inline-block; color: red;}

/* 아티스트리스트 */
.bts .swiper-wrapper .swiper-slide-active a {color: #c62828; font-weight: bold;}

@media (max-width: 667px) {
	.ft_height_com {height: 69px;}
	.ft_height23_m {height: 25.88px;}
	.ft_img_paypal_jp {width: 288.51px;}
	.ft_height_m2 {height: 28.46px;}
	
	.payment-write-wrap .rspvn .p-top {margin-bottom: 10px;}
	.payment-write-wrap .rspvn p .recipient-title {width: 100%; display: block; vertical-align: bottom;}
	.payment-write-wrap .rspvn p .recipient-title2 {width: 100%; display: block; vertical-align: bottom; line-height:1.2em;}
	.payment-write-wrap .rspvn p .font-sub {width: 100%; display: block; color: red;}
	
	/* 	주문페이지에서 cn Select Box 87parkjw */
	.payment-write-wrap .rspvn tbody tr td #NATI_CITY_SEL1 {margin-bottom: 5px;}
	.payment-write-wrap .rspvn tbody tr td #NATI_CITY_SEL2 {margin-bottom: 5px;}
	
}

/* 네비바 고정 */
.header-scroll {display: none; position : fixed; top : 0;}