@charset "utf-8";
@font-face {font-family:'NanumBarunGothic';src: url('/shine.css/font/NanumBarunGothic.eot');}
@font-face {font-family:'NanumGothic';src: url('/shine.css/font/NanumGothic.eot');}
img{vertical-align:top; border:0;}
dd, p, br, b, bdo, span, dl, h1, h2, strong, img, dl, ul, li {margin:0px; padding:0px; border:0px; list-style-type:none; font-family:NanumGothic,NanumMyeongjo,dotum; }

#div_top_banner_wrap {position: relative; height: 75px;overflow: hidden; min-width:1200px;}
#div_top_banner_link {position: absolute;top: 0;left: 50%;margin-left: -1000px;width: 2000px;height: 75px;z-index: 999;	}
#top_banner_close {position: absolute;right: 23px;margin-top: 15px;display: block;width: 26px;height: 26px;background: url(/images/top_line-banner_close.png)no-repeat center;z-index: 999;}

#WAPRS {width:100%;min-width:1290px;}

/*Head*/
#HEADS {width:100%; min-width:1290px;}

#HEADS .container {width: 1290px; margin:0 auto;}

#HEADS .header-top-wrap{width:100%;height:35px;border-bottom:1px solid #ededed;background:#fcfcfc;}
#HEADS .header-top-wrap .header-top-left ul{font-size:0;}
#HEADS .header-top-wrap .header-top-left ul li{display: inline-block;line-height:36px;vertical-align: top;}
#HEADS .header-top-wrap .header-top-left ul li
#HEADS .clearfix:after{content: "";display:block;clear:both;}  

#HEADS .pull-left{float: left;}
#HEADS .pull-right{float: right;}
#HEADS .text-left{text-align: left;}
#HEADS .text-center{text-align:center;}
#HEADS .text-right{text-align: right;}


#HEADS .home{width:35px;border-left:1px solid #ededed;border-right:1px solid #ededed;background:#fff;}
#HEADS .header-top-wrap .header-top-left ul li.left-category{width:75px; height:34px; border-right:1px solid #ededed;}
#HEADS .header-top-wrap .header-top-left ul li.left-category a{font-size:12px;color:#858585; font-weight:300;}
#HEADS .header-top-wrap .header-top-left ul li.left-category:hover a{ opacity:0.5; text-decoration:none;}

#HEADS .header-top-wrap .header-top-left ul li.home a{display:block;width:100%;height:100%;background: url(/images/icon-home.png) no-repeat center;font-size:12px;color: transparent;}
#HEADS .header-top-wrap .header-top-left ul li.home:hover a{opacity:0.5;}

#HEADS .header-top-wrap .header-top-right ul{font-size:0;}.header-top-wrap .header-top-right ul>li{display: inline-block;vertical-align: top;padding:10px 13px;position: relative;}
#HEADS .header-top-wrap .header-top-right ul>li:after{content: "|";display: inline-block;width:1px;height:10px;vertical-align: middle;position:absolute;top:50%;margin-top: -4px;right:0;background:#ededed;}
#HEADS .header-top-wrap .header-top-right ul li a{font-size:13px;color:#2e2e2e; font-weight:500;}
#HEADS .header-top-wrap .header-top-right ul li:hover a{opacity:0.5; text-decoration:none;}

#HEADS .header-mid-wrap{height:148px; background:#ffffff;}
#HEADS .header-mid-wrap .top-logo-wrap{ position:absolute; padding:50px 0 0 390px;}

#HEADS .header-mid-wrap .SEARCHs {position:absolute; margin:70px 0 0 920px;  width:351px; height:47px; background-image:url(/images/top-search-back.png); background-repeat:no-repeat;}
#HEADS .header-mid-wrap .SEARCHs button, .SEARCHs input {float:left}
#HEADS .header-mid-wrap .SEARCHs input { margin-top:5px; margin-left:20px; width:283px; height:36px; border:0px solid #eb6100; vertical-align:middle;}
#HEADS .header-mid-wrap .SEARCHs button {background-image:url(/images/sebutton.png); background-repeat:no-repeat; width:48px; height:47px; border:0; margin-left:0px;}
#HEADS .header-mid-wrap .SEARCHs_txt { font-size:13px;color:#2e2e2e; margin:-20px; margin-left:60px; font-weight:500; }
#HEADS .header-mid-wrap .top-left-banner{position:absolute; margin: 44px 0 0 0px; border:0px solid #d6d6d6; z-index:200;}
#HEADS .header-mid-wrap .top-right-banner{position:absolute; margin: 98px 0 0 930px; border:0px solid #d6d6d6;}




#HEADS .header-bottom-wrap{height:51px;border-bottom:1px solid #424242;border-top:1px solid #424242;}.all-category-wrap{position: relative;}
#HEADS .header-bottom-wrap .clearfix:after{content: "";display:block;clear:both;}  
#HEADS .header-bottom-wrap .all-category-wrap .all-category-list-wrap{top:47px;}
#HEADS .all-category-wrap .all-category-list-wrap{position:absolute;width:1048px;border-top:1px solid #dededc;border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0;z-index:9999;display: none;}
/* 메뉴글자 세로 정렬 */
#HEADS .all-category-wrap .all-category-list-wrap ul>li.product-category{height:50px;border-bottom:1px solid #f4f4f1;line-height:50px;background:#fff;}
#HEADS .all-category-wrap .all-category-list-wrap ul>li.product-category>a.pull-left{display:block;width:185px;border-right:1px solid #ecece7;background:#fcfcfc;font-size:13px;color:#454545;text-indent:20px;font-weight:bold;}
#HEADS .all-category-wrap .all-category-list-wrap ul>li.product-category .sub-category{float: left;width:862px;height:50px;background:#fff;}
#HEADS .all-category-wrap .all-category-list-wrap ul>li.product-category .sub-category ul{font-size:0;}
#HEADS .all-category-wrap .all-category-list-wrap ul>li.product-category .sub-category ul li{display: inline-block;margin-left:25px;}
#HEADS .all-category-wrap .all-category-list-wrap ul>li.product-category .sub-category ul li a{font-size:12px;color:#747474;}

#HEADS .header-bottom-wrap .all-category-wrap a.btn-all-category{display:block;width:50px;height:49px;background:#424242 url(/images/icon-bars-white.png) no-repeat center;font-size:0;}
#HEADS .header-bottom-wrap .top-product-category-wrap{width:711px;height:47px;border-right:1px solid #e2e2e2;}
#HEADS .header-bottom-wrap .top-product-category-wrap ul li{width:20%;position: relative;padding:15px 0px;}
#HEADS .header-bottom-wrap .top-product-category-wrap ul li:after{content: "|";display: inline-block;width:1px;height:12px;vertical-align: middle;position:absolute;top:50%;margin-top: -5px;right:0;background:#ededed;font-size:0;}
#HEADS .header-bottom-wrap .top-product-category-wrap ul li:nth-of-type(5):after{display: none;}
#HEADS .header-bottom-wrap .top-product-category-wrap ul li a img,.header-bottom-wrap .top-event-category-wrap ul li a img{vertical-align: middle;}
#HEADS .header-bottom-wrap .top-event-category-wrap{width:288px;}
#HEADS .header-bottom-wrap .top-event-category-wrap ul li{width:calc(50% - 1px);border-right:1px solid #e2e2e2;padding:14px 0px;}

#HEADS .WRPS {width:1100px; height:254px; margin:0 auto; clear:both; position:relative;}
#HEADS .SNSmenu {float:left; width:407px; height:38px ; padding-top:4px; z-index:1000;}
#HEADS .loginmenu {float:right; z-index:1000; margin-top:4px;}
#HEADS .ment {float:left; margin:52px 0 0 -415px;}
#HEADS .logo { position:absolute;  margin:40px 0 0 350px;}
#HEADS .searchment {float:left; margin:-80px 0 0 810px;}
#HEADS .menu {float:left; margin:-6px 0;}

#HEADS .INTROindex {width:100%;}
#HEADS .INTROindex .INTRwarp {width:1100px; margin:0 auto; clear:both}
#HEADS .INTROindex .NoticeSet {width:1100px; height:45px; border-bottom:1px solid #222222; clear:both} 
#HEADS .INTROindex .NoticeSet strong, #INTROindex .NoticeSet img {float:left}
#HEADS .INTROindex .NoticeSet strong, #INTROindex .NoticeSet a {margin:7px 0 0 0; font-weight:100; font-size:15px;}
#HEADS .INTROindex .NoticeSet img {margin:10px 0 0 0;}
#HEADS .INTROindex .DISshoptit {clear:both; margin:40px 0 15px 0;}
#HEADS .INTROindex .DISshoptit {width:1100px; height:39px; clear:both; border-bottom:3px solid #838282;}
#HEADS .INTROindex .DISshoptit strong {color:#5f6261; font-weight:bold; font-size:12px; line-height:35px;}
#HEADS .INTROindex .IntContent {width:1100px; height:433px; clear:both; margin:17px 0 0 0;}
#HEADS .INTROindex .IntContent div {float:left}

/*boxbanner*/
#HEADS .INTROindex .clsBannerScreen {width:843px; height:433px; overflow:hidden; position:relative; cursor:pointer; clear:both; position:relative;}
#HEADS .INTROindex .clsBannerScreen .images {position:absolute; display:none;}
#HEADS .INTROindex .clsBannerButton {width:840px; height:30px; cursor:pointer; text-align:center; position:absolute; margin:403px 0 0 0; font-size:14px; line-height:26px;}
#HEADS .INTROindex .clsBannerButton li {width:279px; height:30px; float:left; text-align:center;}
#HEADS .INTROindex .clsBannerButton li.fir,
#HEADS .INTROindex .clsBannerButton li.sec,
#HEADS .INTROindex .clsBannerButton li.las {filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; background-color:#060606; color:#999999}
#HEADS .INTROindex .clsBannerButton li.labelOverClass {font-weight:bold; width:279px; height:30px; background-color:#060606; color:#ffffff;}
#HEADS .INTROindex .Rightbox {width:231px; height:433px; margin:0 0 0 27px; float:right;}
#HEADS .INTROindex .Rightbox div {display:block}
#HEADS .INTROindex .Wonchu {width:231px; height:238px;  margin:0 0 12px 0;}
#HEADS .INTROindex .Wonchu h4 {text-align:center;}

#INTROindex {width:100%; overflow:hidden;}
/* #INTROindex .INTRwarp {width:2000px; height:370px; position:static; left:50%; margin:0 auto;} */
#INTROindex .INTRwarp {height:370px; margin:0 auto; overflow:hidden;}
#INTROindex .IntContent {width:1050px; height:35px; margin:0 auto;}
#INTROindex .IntContent div {float:left}

/*boxbanner*/
/*#INTROindex .clsBannerScreen {width:1050px; height:433px; overflow:hidden; position:relative; cursor:pointer; clear:both; position:relative;}*/
#INTROindex .clsBannerScreen {height:370px; overflow:hidden; position:relative; cursor:pointer; margin:0 auto;}
#INTROindex .clsBannerScreen .images {position:absolute; display:none;}
#INTROindex .clsBannerButton {width:1050px; height:30px; cursor:pointer; text-align:center; position:absolute;  font-size:14px; line-height:26px; }
/*#INTROindex .clsBannerButton li {width:262px; height:30px; float:left; text-align:center;border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6}*/
#INTROindex .clsBannerButton li {width:210px; height:30px; float:left; text-align:center;border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6}
#INTROindex .clsBannerButton li.fir,{background-color:#fff; color:#d6d6d6}
#INTROindex .clsBannerButton li.sec,{background-color:#fff; color:#d6d6d6}
#INTROindex .clsBannerButton li.thi,{background-color:#fff; color:#d6d6d6}
#INTROindex .clsBannerButton li.las, {background-color:#fff; color:#d6d6d6}
#INTROindex .clsBannerButton li.labelOverClass {width:210px; height:30px; background-color:#d6d6d6; color:#fff;}

/*  메인 비주얼  */
.main_rolling {clear:both; width:100%; background:#f1efe9; height:430px; overflow:hidden; min-width:1290px; }
.main_rolling .main_roll_fix {width:1290px; margin:0 auto; overflow:hidden;}
.main_rolling .center_banner {width:1290px; border:0px solid #d8d8d8; background:#fff; height:430px; margin-top:0px; position:relative;}
.main_rolling .btn a {position:absolute; bottom:0; left:0; background:transparent url('/btn_buy.png') no-repeat; width:156px; height:54px; display:block; margin-bottom:43px; margin-left:39px}

.main_rolling .right_bn {position:absolute; top:0; right:0; margin-right:4px; z-index:8 }
.main_rolling .right_bn dd {position:relative; display:block;background:#fff; margin-bottom:9px}
.main_rolling .right_bn dd .hover {visibility:hidden; position:absolute; z-index:100;}
.main_rolling .right_bn dd:hover .hover {visibility:visible;}
.main_rolling .right_bn .hv1 {width:248px; height:80px; background:transparent url('/images/bn_over.png') no-repeat; left:0; top:0; margin-left:-10px;}
.main_rolling .right_bn a {display:block;}
.main_rolling .right_bn .hit {position:absolute; z-index:100; width:248px; height:80px; background:transparent url('/images/bn_over.png') no-repeat; left:0; top:0; margin-left:-10px}

/* .mainContainer2 {width:100%; position:relative; background-color:#e9edf0; } */
#mainContainer1 {width:100%; position:relative; }
#mainContainer1 .mainLine01{ margin:0 auto; width:1290px; }
#mainContainer1 .mainLine02{ margin:0 auto; margin-top:40px; width:1200px; height:665px; margin-bottom:20px; background-image:url(/images/main_chu_back.jpg) ; background-repeat:no-repeat; }
#mainContainer1 .mainLine03{ margin:0 auto; width:1290x; margin-bottom:20px; }
#mainContainer1 .mainLine04{ margin:0 auto;  margin-bottom:40px; background-image:url(/images/main_banner_08_back.jpg); background-repeat:repeat-x ; text-align:center;}
#mainContainer1 .mainLine05{ margin:0 auto; width:1290px; height:900px; padding-left:270px;  margin-bottom:40px; background-image:url(/images/main_pal_back.jpg); background-repeat:no-repeat;}
#mainContainer1 .mainLine06{ margin:0 auto; width:1290px; height:900px; padding-left:270px;  margin-bottom:40px; background-image:url(/images/main_jual_back.jpg); background-repeat:no-repeat;}
#mainContainer1 .noticewidth { margin:0 auto; width:1290px; }
#mainContainer1 .noticewidth .not { position:absolute; margin:-175px 0 0 40px; font-size:12px; }




#mainContainer2 {width:100%; position:relative; }
#mainContainer2 .mainLine01{ margin:0 auto; width:1290px; padding-top:20px; }
#mainContainer2 .mainLine02{ margin:0 auto; margin-top:40px; width:1200px; height:665px; margin-bottom:20px; background-image:url(/images/main_chu_back.jpg) ; background-repeat:no-repeat; }
#mainContainer2 .mainLine03{ margin:0 auto; width:1290x; margin-bottom:20px; }
#mainContainer2 .mainLine04{ margin:0 auto;  margin-bottom:40px; background-image:url(/images/main_banner_08_back.jpg); background-repeat:repeat-x ; text-align:center;}
#mainContainer2 .mainLine05{ margin:0 auto; width:1290px; height:900px; padding-left:270px;  margin-bottom:40px; background-image:url(/images/main_pal_back.jpg); background-repeat:no-repeat;}
#mainContainer2 .mainLine06{ margin:0 auto; width:1290px; height:900px; padding-left:270px;  margin-bottom:40px; background-image:url(/images/main_jual_back.jpg); background-repeat:no-repeat;}



#mainContainer3 {width:100%; height:215px; min-width:1290px; margin:0 auto; background-image:url(/images/main_banner_01_back.jpg) ; background-repeat:repeat-x; }
#mainContainer3 .mainLine01{margin:0 auto; text-align:center;}
#mainContainer3 .mainLine02 .chu{position:absolute; margin:150px 0 0 8px;}

.mainContainer4 {width:100%; min-width:1200px; }
.mainContainer4 .mainLine02{ margin:0 auto; margin-top:20px; width:1200px; height:1008px; margin-bottom:5px; background-image:url(/images/main_event_back.jpg) ; background-repeat:no-repeat; }
.mainContainer4 .mainLine02 .event{position:absolute; margin:150px 0 0 8px;}


#mainContainer3 .mainLine04{ margin:0 auto; width:1050px; margin-bottom:20px; min-width:1200px; }
#mainContainer4 {width:100%; height:200px;  margin-top:20px; }
#mainContainer4 .mainLine05{ margin:0 auto; width:1050px; margin-bottom:20px; }



#subvisual {width:1200px; height:210px; margin:0 auto;}
/* #subcontainer {width:100%; background-color:#e9edf0; padding-bottom:50px;}  */
#subcontainer {width:100%; padding-bottom:20px;}
#subcont {width:1290px; margin:0 auto;}
#subcont .navi_01{width: 892px; height: 584px; position:absolute; margin:-1308px 0 0 306px;}
#subcont .navi_02{overflow: hidden; width: 600px; height: 36px; position:absolute; margin:-100px 0 0 0px;}
#subcont .path{overflow: hidden; height: 36px; line-height: 56px;}

#subcont .path ol{float: right;}
#subcont .path li:first-child a{ background:url(/images/icon-home-gray.png) no-repeat left center; text-indent: 15px; display: block; line-height: 59px;}
#subcont .path li {float: left; margin: 0 0 0 8px; }
#subcont .path li a{ color: #7e7e7e;}
#subcont .path li.on a{font-weight: bold; color: #232323;}



/*#contents_area {float:right; position:relative; width:910px; min-height:450px; padding:20px 0 0px; line-height:1em; font-size:13px;}*/
#contents_area {position:relative; width:1050px; line-height:1em; font-size:13px; margin-top:20px; margin-bottom:20px;}
#contents_area .navi { margin-bottom:20px; font-weight:bold; font-size:25px; color:#897a34; }
#contents_area .bo_list {margin-top:10px; margin-bottom:20px; margin-left:10px; }
#contents_area .iconWrap {position:absolute; top:36px; right:0; overflow:hidden;}
#contents_area .iconWrap a {float:left; margin-left:3px;}
#contents_area .iconWrap a:first-child {margin-left:0;}
#contents_area .location {position:absolute; top:45px; right:40px; font-size:11px; color:#666666}
#contents_area .location .home {position:relative; top:-2px;}
#contents_area .location .arrow {margin:0 6px;}
#contents_area .location em {display:inline-block; vertical-align:middle;}
#contents_area .agree { white-space:pre-line; font-size:13px; line-height:18px;}

#AGREes {white-space:pre-line; font-size:13px; line-height:18px;}


/*footer*/
#FOOTERS {width:100%; clear:both; height:224px;  }
#FOOTERS strong {font-weight:bold}
#FOOTERS .WRPS {width:1290px;height:224px; margin:0 auto;background-image:url(/images/tail_company_01.jpg); background-repeat:no-repeat;}
#FOOTERS .Contys {padding:0px 0 0 0; clear:both}
#FOOTERS .call { position:absolute; margin:190px 0 0 23px;}
#FOOTERS .call ul {}
#FOOTERS .call li { float:left; margin-right:7px;}
#FOOTERS .call li:hover { opacity:0.5;}
#FOOTERS .quick { position:absolute; margin:80px 0 0 575px;}
#FOOTERS .quick li { float:left; margin-right:7px;}
#FOOTERS .quick li:hover { opacity:0.5;}
#FOOTERS .sld { position:absolute; margin:38px 0 0 815px;}
#FOOTERS .notice { position:absolute; margin:78px 0 0 270px; font-size:12px; line-height:19px; }

#FOOTERS2 {width:100%; clear:both; height:224px; background-image:url(/images/tail_company_back2.jpg); background-repeat:repeat-x;}
#FOOTERS2 .pull-left{float: left;}
#FOOTERS2 .pull-right{float: right;}
#FOOTERS2 .text-left{text-align: left;}
#FOOTERS2 .text-center{text-align:center;}
#FOOTERS2 .text-right{text-align: right;}

#FOOTERS2 .WRPS {width:1290px;height:224px; margin:0 auto;background-image:url(/images/tail_company_02.jpg); background-repeat:no-repeat;}
#FOOTERS2 .WRPS  .bottom-top-wrap{height:35px;border-bottom:0px solid #ededed; position:absolute;  margin:28px 0 0 20px}
#FOOTERS2 .WRPS  .bottom-top-wrap .bottom-top-left ul{}
#FOOTERS2 .WRPS  .bottom-top-wrap .bottom-top-left ul li{width:140px; display: inline-block;line-height:36px;vertical-align: top;}
#FOOTERS2 .WRPS  .bottom-top-wrap .bottom-top-left ul li.left-category{width:150px; height:36px; border-right:0px solid #ededed;}
#FOOTERS2 .WRPS  .bottom-top-wrap .bottom-top-left ul li.left-category a{font-size:13px;color:#313131; font-weight:500;}
#FOOTERS2 .WRPS  .bottom-top-wrap .bottom-top-left ul li.left-category:hover a{ opacity:0.5; text-decoration:none;}
#FOOTERS2 .WRPS  .right_bt{position:absolute;  margin:25px 0 0 950px}
#FOOTERS2 .WRPS  .saupja{position:absolute;  margin:193px 0 0 570px}
#FOOTERS2 .WRPS  .escro{position:absolute;  margin:130px 0 0 975px}
#FOOTERS2 .WRPS  .notice { position:absolute; margin:78px 0 0 270px; font-size:12px; line-height:19px; }

#FOOTERS3 {width:100%; clear:both; height:219px; background-image:url(/images/tail_company_back2.jpg); background-repeat:repeat-x;}
#FOOTERS3 .WRPS {width:1200px;height:219px; margin:0 auto;background-image:url(/images/tail_company_02.jpg); background-repeat:no-repeat;}
#FOOTERS3 .bt {position:absolute; margin:-188px 0 0 48px;}
#FOOTERS3 .bt ul {}
#FOOTERS3 .bt li { float:left; margin-right:45px;}
#FOOTERS3 .bt li:hover { opacity:0.5;}
#FOOTERS3 .select_box {position:absolute; margin:-191px 0 0 750px; font-size:12px; color:#999;}

#FOOTERS3 .topbt {position:absolute; margin:-201px 0 0 1115px;}
#FOOTERS3 .topbt:hover { opacity:0.7;}
#FOOTERS3 .escro {position:absolute; margin:-125px 0 0 970px;}




#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #000000;color:#000000;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#4a0919;background:#d0d0d0;color:#ffffff}





/* margin */
.mgt0 {margin-top:0 !important;}
.mgl0 {margin-left:0 !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt45 {margin-top:45px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}
.mgt60 {margin-top:60px !important;}
.mgt70 {margin-top:70px !important;}
.mgt75 {margin-top:75px !important;}
.mgt80 {margin-top:80px !important;}
.mgt90 {margin-top:90px !important;}
.mgt130 {margin-top:130px !important;}

.mgl3 {margin-left:3px !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}

.mgr10 {margin-right:10px !important;}

.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb60 {margin-bottom:60px !important;}