@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); 
}
html,body {width:100%; /*font-family: 'ng','Droid Sans',"Malgun Gothic", "NanumGothic", "Nanum Gothic";*/font-weight:400;  }
*/

/*
@import url('https://fonts.googleapis.com/css?family=Arimo|Roboto');
@font-face {  font-family: 'Arimo';}

html,body {width:100%; font-family: "Arimo","san-serif";font-weight:400;  }
*/

@font-face { font-family:Arial;}
html,body {width:100%; font-family:Arial;font-weight:400;  }

body {overflow:auto;}

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

.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 }


		.doc-pg{width:1200px; margin:0 auto;}


/* 스킵네비게이션 */
.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;display:none;}
.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:-100px;top:27px;;text-align:left; width:152px; height:42px; z-index:2500;}
#logo a{display:block;height:30px;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:12px}
#gnb-wrap .member-gnb li a{line-height:24px; display:block;font-size:12px; 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:""}

#sub #NaviWrap, .is-sub #NaviWrap{top:210px}


#NaviWrap{position:absolute;left:0;top:580px;width:100%; height:60px;z-index:8686}
#NaviWrap:after{position:absolute;background:#d32f2f; width:2000px;  height:60px;left:50%;margin-left:-1000px; top:0; display:block; content:""; z-index:-1;}
/*topNavi*/

#topNavi{ position:absolute; left:301px; top:0; width:899px; height:60px; z-index:7001}
#topNavi ul{ overflow:hidden;}
#topNavi li{float:left; width:16.666666%;}
#topNavi li:first-child{}
#topNavi li a{color:#fff; font-size:15px; font-weight:600; line-height:60px; 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:""}

.bt-mnall-close{display:none}
.bt-search-open{display:none}


/* MainNavi-wrap */
#mainNavi-wrap {height:60px;overflow:hidden;position:absolute;left:0; width:100%;top:0;display:block;z-index:6001;z-index:99}
#mainNav {position:relative;}

.topmenu {display:block;position:relative;}
.topmenu:after {display:block;content:"";clear:both;}
.topmenu .tgl-btn {display:none;}
.topmenu .mn_a1 {height:60px;display:block;color:#fff;font-size:15px;font-weight:600;letter-spacing:-0.01em; line-height:60px; text-align:left; padding-left:23px;position:relative;overflow:hidden}
.topmenu .mn_l1 {float:left; width:150px !important;}
.topmenu .mn_a1:after{background:url(../_Img/Depth/depth-arrow.png) no-repeat center center; width:8px; height:6px; position:absolute; right:15px; top:50%;margin-top:-3px; display:block; content:""}


#tm01 .mn_a1{background:#c21d1d}
#tm01 .mn_a1:before{background:#d32f2f; position:absolute; left:0; top:0; width:1px; height:100%; display:block; content:""}
#tm01 .depth2-wrap .depth2{font-size:0; padding:30px 0; background-color: #fafafa;}
/* 180413 by kdi333 */
#tm01 .depth2-wrap .depth2 .mn_l2{height:80px;float:none; height:280px; width:138px; padding:0 15px; display:inline-block !important; vertical-align:top; position:relative;}
#tm01 .depth2-wrap .depth2 .mn_l2:first-child:after{display:none;}
#tm01 .depth2-wrap .depth2 .mn_l2:after{background:#e5e5e5; width:1px ;height:100%; display:block; content:"";position:absolute; left:0; top:0; }
#tm01 .depth2-wrap .depth2 .mn_a2{padding:0;  display:block;position:relative; width:120px; height:120px;border-radius:100%; overflow:hidden;left:10px;}
#tm01 .depth2-wrap .depth2 .mn_a2 .txt{position:relative;text-align:center;display:table-cell;width:120px; z-index:8; height:120px; line-height:115%; vertical-align:middle; font-size:15px; font-weight:400; color:#fff; }
#tm01 .depth2-wrap .depth2 .mn_a2 .img{display:inline-block;vertical-align:top;position:Absolute; left:0; top:0; width:120px;z-index:4;   height:120px; }
#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{padding-top:15px;}
#tm01 .depth2-wrap .depth2 .mn_l3 {display:block; text-align:center; margin-top:6px;}
#tm01 .depth2-wrap .depth2 .mn_l3:first-child{margin-top:0}
#tm01 .depth2-wrap .depth2 .mn_a3 {display:inline-block ;vertical-align:top; }
#tm01 .depth2-wrap .depth2 .mn_a3 span{color:#333; display:block; line-height:120%; padding:0; text-align:center; font-size:13px; font-weight:400;}
#tm01 .depth2-wrap .depth2 .mn_a3:hover span{color:#c62828; font-weight:600; letter-spacing:-0.02em;}
#tm01 .depth2-wrap .more{ display:none;opacity:0;background:#f4f6f9; position:absolute; line-height:38px; color:#333; border:1px solid #dfdfdf; height:38px; width:156px; font-size:14px; font-weight:600; text-align:center; left:50%; margin-left:-74px; bottom:-30px; 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 .mn_a1{background:#b32424}
#tm02 .depth2-wrap .depth2{padding-left:620px;font-size:0; padding-bottom:90px; background-color: #fafafa;}
#tm02 .depth2-wrap .depth2 .mn_l2{height:80px; margin-bottom:20px; float:none; width:33.33333%; display:inline-block; vertical-align:top;}
#tm02 .depth2-wrap .depth2 .mn_a2{padding:0;}
#tm02 .depth2-wrap .depth2 .mn_l2 .txt{display:inline-block;vertical-align:top ; font-size:16px; font-weight:600; color:#333; line-height:20px;width:100%;}
#tm02 .depth2-wrap .depth2 .mn_l2 .img{display:inline-block;vertical-align:top;line-height:80px; width:80px; height:80px; border-radius:100%;}
#tm02 .depth2-wrap .depth2 .mn_l2 .img img{width:100%;height:100%;border: 1px solid #e5e5e5;}
#tm02 .depth2-wrap .more{ opacity:0;background:#f4f6f9; position:absolute; line-height:38px; color:#333; border:1px solid #dfdfdf; height:38px; width:156px; font-size:14px; font-weight:600; text-align:center; left:50%; margin-left:-74px; bottom:-30px; 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;}


.depth2-rank{ position:absolute;left:0; height:0 !Important;top:60px;z-index:7;-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:30px 31px}
.depth2-rank li{float:left;margin-right:30px;}
.depth2-rank .txt{position:Absolute; z-index:11; left:0; width:100%; height:24px; line-height:24px; text-align:center; top:110%;margin-top:-12px; font-weight:600; font-size:18px }
.depth2-rank .img{width:100%; position:relative; z-index:5}
/* .depth2-rank .img img{width:100%;} */
.depth2-rank .c-01 a{display:inline-block; vertical-align:top; position:relative; width:200px; height:200px; border-radius:100%;}
.depth2-rank .c-01 .txt{font-size:30px;}
.depth2-rank .c-02, .depth2-rank .c-03{padding-top:30px;}
.depth2-rank .c-02 a, .depth2-rank .c-03 a{display:inline-block; vertical-align:top; position:relative; width:140px; height:140px; border-radius:100%;}

.depth2-rank li a:after{position:absolute; left:0; top:20px; width:36px; height:28px; display:block; content:"" ; z-index:99}
.depth2-rank .c-01 a:after{background:url(../_Img/Depth/rank-01.png) no-repeat; }
.depth2-rank .c-02 a:after{background:url(../_Img/Depth/rank-02.png) no-repeat; top:0; }
.depth2-rank .c-03 a:after{background:url(../_Img/Depth/rank-03.png) no-repeat; top:0; }


#tm02 .depth2-rank { height:0; display:block !important; overflow:hidden; width:632px !important;}
#tm02 .depth2-wrap .more{opacity:1; bottom:30px;}
#tm02 .depth2-rank{height:262px;}

#tm02 .depth2-rank{height:262px;}
#tm02 .depth2-rank .c-01 .img img{height:200px;width:200px;border: 1px solid #e5e5e5;box-shadow: 5px 5px 5px #b5b5b4;}
#tm02 .depth2-rank .c-02 .img img{height:140px;width:140px;border: 1px solid #e5e5e5;box-shadow: 5px 5px 5px #b5b5b4;}
#tm02 .depth2-rank .c-03 .img img{height:140px;width:140px;border: 1px solid #e5e5e5;box-shadow: 5px 5px 5px #b5b5b4;}
/* #tm02.is-over .depth2-wrap .more{opacity:1; bottom:30px;} */
/* #tm02.is-over .depth2-rank{height:262px !important;} */

/* #tm02.is-over .depth2-rank{height:262px !important;} */
/* #tm02.is-over .depth2-rank .c-01 .img img{height:200px;width:200px;border: 1px solid #e5e5e5;box-shadow: 5px 5px 5px #b5b5b4;} */
/* #tm02.is-over .depth2-rank .c-02 .img img{height:140px;width:140px;border: 1px solid #e5e5e5;box-shadow: 5px 5px 5px #b5b5b4;} */
/* #tm02.is-over .depth2-rank .c-03 .img img{height:140px;width:140px;border: 1px solid #e5e5e5;box-shadow: 5px 5px 5px #b5b5b4;} */

.topmenu .depth2-wrap {position:absolute;top:60px;line-height:120%;display:none;visibility:hidden;padding:0; width:1195px !important; z-index:5 ;left:0 !important;background:#fff;}
.topmenu .depth2 {position:relative;height:auto;padding:27px 0 27px 0;overflow:hidden}



#mainNavi-wrap .ovbar {position:absolute;height:14px;top:45px;display:block;overflow:hidden; height:12px; display:block;;}
#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:50%;margin-left:-33%;background:none; height:1px;content:"";display:block;z-index:200; width:66%}

.topService, .topMyinfo, .topOther{display:none}
.search-mobile-wrap{display:none !important;}

#sub .top-content, .is-sub .top-content{top:80px; height:130px;}
.top-content{position:absolute; left:0; top:640px; width:100%; height:150px;}
.top-content .banner-wrap{width:314px; height:90px; position:absolute; left:0; top:30px;overflow:hidden;}
.top-content .banner-wrap .slick-dots{position:absolute; right:13px; bottom:20px; height:8px;padding:0; text-align:right;}
.top-content .banner-wrap .slick-dots ul{display:inline-block;vertical-align:top; height:8px;}
.top-content .banner-wrap .slick-dots li{display:inline-block;vertical-align:top; width:8px;margin:0 2px; border:none; height:8px; border-radius:100%;padding:0;}
.top-content .banner-wrap .slick-dots button{width:8px; height:8px; border-radius:100%; background:rgba(0,0,0,0.3);border:none;padding:0;}
.top-content .banner-wrap .slick-active button {background:#f24949}
.top-content .banner-wrap .slick-dots button:before{display:none;}


.top-content .search-wrap{width:460px; height:50px; position:absolute; left:50%;margin-left:-230px; top:50% ;margin-top:-25px; top:50%;box-sizing:border-box;border:3px solid #d32f2f}
.top-content .search-wrap input{border:none; height:44px; width:407px;text-indent:10px;color:#444;}
.top-content .search-wrap .search-btn{ width:47px; height:44px;border:none;background:#d32f2f url(../_Img/Layout/search-ico.png) no-repeat center center; position:absolute; right:0; top:0;}


.top-content .rank-wrap{width:300px;box-sizing:border-box; padding-right:45px;padding-left:100px;height:20px; right:0; top:50%;margin-top:-10px; position:absolute; text-align:center; overflow:hidden;}
.top-content .rank-wrap h3{position:absolute; left:0 ;top:0; line-height:20px; font-size:14px; color:#333;font-weight:600;}
.top-content .rank-wrap .rank-slide{overflow:hidden}
.top-content .rank-wrap .item {position:relative;}
.top-content .rank-wrap .item p{display:inline-block;vertical-align:top;}
.top-content .rank-wrap .item p.num{font-weight:600;font-size:16px; line-height:18px; color:#c62828;width:30px;}
.top-content .rank-wrap .item p.stxt{ font-size:14px; color:#333; line-height:18px;}
.top-content .rank-wrap .item p.rtxt{position:absolute; width:35px; height:14px; color:#666; bottom:5px; right:0;line-height:14px; font-size:11px; text-align:left; padding-left:13px;}
.top-content .rank-wrap .item p.rtxt.down{background:url(../_Img/Layout/chart-down.png)no-repeat left center;}
.top-content .rank-wrap .item p.rtxt.up{background:url(../_Img/Layout/chart-up.png)no-repeat left center;}
.top-content .rank-wrap .rank-ctrl{width:39px; height:20px;font-size:0; position:Absolute; top:0; right:0;}
.top-content .rank-wrap .rank-ctrl .prev{background:url(../_Img/Layout/chart-prev.png) no-repeat center center;display:inline-block;width:18px; height:18px;border:1px solid #e5e5e5}
.top-content .rank-wrap .rank-ctrl .next{background:url(../_Img/Layout/chart-next.png) no-repeat center center;display:inline-block;width:18px; height:18px;border:1px solid #e5e5e5;border-left:none;}









/* 컨텐츠 */
.cont-top {position:relative;}
.cont-top.no-path{padding:20px 0 10px 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:15px 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:15px 0; height:30px; width:100%;display:none;}
.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; }


.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:55px}
#subNavi .leftmenu ul .lm_l2 i{padding-right:3px;}

/* by 87parkjw */
#subNavi .bts .subNavi-header {border-bottom:1px solid #b2b2b2; padding: 20px;}
#subNavi .bts .subNavi-title {margin-bottom: 5px;}
#subNavi .bts .subNavi-title .subNavi-title-txt {font-size:18px; font-weight:600; color:#333; margin-bottom: 5px;}

#subNavi .bts .subNavi-body {border-bottom:1px solid #b2b2b2; padding: 20px; display: none;}
#subNavi .bts .subNavi-footer {border-bottom:1px solid #b2b2b2; padding: 20px;}
#subNavi .bts .leftmenu {display:block; position:relative;z-index:3; padding: 0px;}

#subNavi .bts .subNavi-header .input-group ul {width: 201px; max-height: 500px; overflow-y: scroll;}
#subNavi .bts .subNavi-header .input-group ul li a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



#sub .quick-menu{top:400px; overflow-x: hidden;}
.quick-menu{ background:#212121; width:50px; height:800px; position:absolute; right:0; top:792px; ; /* top:50%;margin-top:-400px; */ z-index:9999;line-height: 100%;}
.quick-menu li:first-child{margin-top:29px;}
.quick-menu li a{width:50px; 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;}

	@media all and (max-width:1400px) {
		.quick-menu {display:none;}
	}


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



#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:175px; 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:12px;}
#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: 340px;margin-left:12px;}
#footer-top .f-family li{margin-top:30px;}
#footer-top .f-family li:first-child{margin-top:0}

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

#footer {padding:40px 0 40px 0; position:relative;}
#f-info .txt{margin-top:3px;font-size:13px; font-weight:400;color:#666; line-height:150%}
#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:relative; width: 39%; display:inline-block;}
#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}

/* by 87parkjw */
.f-content {display: inline-block; width: 60%; vertical-align: bottom;}
.f-img {display: inline-block; width: 39%; text-align: center;}
.f-content .btn-link {color: #045FB4;}

.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;}
	
/* 비디오 iframe 사이즈 조정 */	
.vtd iframe{
	width:560px; height:315px;
}
	

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



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

/* by 87parkjw */
.ft_img_left {display: inline-block;}
.ft_img_right {display: inline-block; float: right;}
.ft_img_paypal_com {width: 175px; height: 30px;}
.ft_img_paypal_jp {width: 340px;}
.ft_img_17track {width: 175px; height: 30px;}

/* 네비바 고정 */
.header-scroll {display: none; position : fixed; top : 0;}
/* .header-scroll .navbar-scroll1 .home-Logo {margin-left: 550px;} */
/* .header-scroll .navbar-scroll1 .home-Logo img {width: 100px; height: 19px;} */
/* .header-scroll .navbar-scroll11 {background: #FFFFFF; width: 4000px; height: 40px; top: 0px; display: block; margin-left: -1000px; content:""; z-index: -1; position: absolute; border-bottom: 1px solid #FDFDFD;} */
/* .header-scroll .navbar-scroll22 {background: #F8F8F8; width: 4000px; height: 35px; top: 40px; display: block; margin-left: -1000px; content:""; z-index: -1; position: absolute; border-bottom: 1px solid #FDFDFD; box-shadow: 3px 3px 3px #BDBDBD;} */
.header-scroll .navbar-scroll1 {width: 650px; height: 30px; padding: 10px 0px 0px 550px; background: #FFFFFF;}
.header-scroll .navbar-scroll2 {width: 1200px; height: 30px; padding-top: 2.5px; padding-bottom: 2.5px; background: #F8F8F8;}
.header-scroll .navbar-scroll1:after {background: #FFFFFF; width: 4000px; height: 40px; top: 0px; display: block; margin-left: -1000px; content:""; z-index: -1; position: absolute; border-bottom: 1px solid #FDFDFD;}
.header-scroll .navbar-scroll2:after {background: #F8F8F8; width: 4000px; height: 35px; top: 40px; display: block; margin-left: -1000px; content:""; z-index: -1; position: absolute; border-bottom: 1px solid #FDFDFD; box-shadow: 0px 7px 7px rgba(0,0,0,0.1);}
.header-scroll .navbar-scroll2 .nav-anc-left {float: left; margin-right:70px; margin-top: 4px; font-size: 15px; font-weight: 600; z-index: 9999;}
.header-scroll .navbar-scroll2 .nav-anc-right {float: right; margin-left: 20px; margin-top: 5px; font-size: 13px; font-weight: 600; z-index: 9999;}
.header-scroll .navbar-scroll2 .bts {display: inline; z-index: 9999;}
.header-scroll .navbar-scroll2 .bts .nav-search {width: 260px; float: right;}
.header-scroll .navbar-scroll2 .bts .nav-search .nav-search-input {height: 30px; border: 2px solid #d32f2f; border-radius: 0px; box-shadow: none;}
.header-scroll .navbar-scroll2 .bts .nav-search span .nav-search-btn {height: 30px; padding: 4px 12px; background: #d32f2f; border: 2px solid #d32f2f; border-radius: 0px;}
.header-scroll .navbar-scroll2 .bts .nav-search span .nav-search-btn .fa-search {color: white;}
.header-scroll .extend-left1 {margin-left: -1000px; top: 0px; width: 1000px; position: absolute; height: 40px; background: #FFFFFF; border-bottom: 1px solid #FDFDFD;}
.header-scroll .extend-left2 {margin-left: -1000px; top: 40px; width: 1000px; position: absolute; height: 35px; background: #F8F8F8; border-bottom: 1px solid #FDFDFD;}
.header-scroll .extend-right1 {margin-left: 1200px; top: 0px; width: 1000px; position: absolute; height: 40px; background: #FFFFFF; border-bottom: 1px solid #FDFDFD;}
.header-scroll .extend-right2 {margin-left: 1200px; top: 40px; width: 1000px; position: absolute; height: 35px; background: #F8F8F8; border-bottom: 1px solid #FDFDFD;}

.disp-none {display: none;}

/* printinvoice by 87parkjw */
#wrapper table {
	width: 100%;
	border-collapse: collapse;
	text-align:left;
	margin-left:0px;
	font-family:"Dotum", "Malgun Gothic", "Arial", "verdana";
	font-size: 11px;font-weight:100;
}
#wrapper th {
	font-size: 11px; font-weight:100;
	border: 1px solid #CCC;
	height:25px;
	padding-left:10px; text-align:left;
}
#wrapper td {
	font-size: 11px;font-weight:100;
	border: 1px solid #FFF;
	height:22px;
	margin:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px;
}
#wrapper { 
	  margin:0px auto;
	 font-family:"Dotum", "Malgun Gothic", "Arial", "verdana";
	 width:1000px; 
	 overflow-x:hidden; 
	 overflow-y:hidden; 
}
.block793_invoice { 
    width:757px; 
    background-color:#ffffff; 
    display:inline-block; margin-top:0px; margin-left:0px;
	border: 1px solid #cccccc;     /*테두리 css*/
}
#wrapper .mt10{ margin-top:10px;}
#wrapper .mt15{ margin-top:15px;}
#wrapper .ml13{ margin-left:13px;}
#wrapper .block793_invoice .pd_left05{ padding-left:5px;}
#wrapper .block793_invoice .font_w{ font-weight:100;}
#wrapper .block793_invoice .font11{ font-size:11px;}