@charset "utf-8";
/* CSS Document */

#btntop_area #wrap {margin-top: 510px}
#container {height: 405px; padding-top: 135px;}
#mainimg_bg {position: relative; width: 100%; height: 400px; background-color: #495572}
#contwrap {position: relative; display: block; width: 1200px; height: 100%; margin: 0 auto; overflow: hidden}

#hotprod_wrap {position: relative; width: 1200px; display: block; overflow: hidden}
#hotprod_wrap #section_title {border-bottom: 1px solid #e2e2e2}
#hotprod_wrap #prod_wrap {padding-left: 20px; padding-top: 19px; padding-bottom: 20px; height: 270px; border-bottom: 1px solid #e2e2e2; overflow: hidden}
#hotprod_wrap #prod_wrap #hpScroll div.scrollEl {display: inline-block; margin-left: 5px; margin-right: 5px; vertical-align: top}
#hotprod_wrap #prod_wrap #hpScroll div.scrollEl .prodimg img {width: 218px; height: 218px}
#hotprod_wrap #prod_wrap #hpScroll div.scrollEl .prodimg a {display: block; border: 1px solid #ececec; overflow: hidden}
#hotprod_wrap #prod_wrap #hpScroll div.scrollEl .prodimg a:hover {border: 1px solid #ff6600}
#hotprod_wrap #prod_wrap #hpScroll div.scrollEl p {display: block; width: 220px}
#hotprod_wrap #prod_wrap #hpScroll div.scrollEl p.prodtitle {font-family: 'NanumGothicExtraBold','돋움', Dotum, Tahoma; font-size: 14px; line-height: 14px; margin-top: 10px}
#hotprod_wrap #prod_wrap #hpScroll div.scrollEl p.prodtitle a {color: #495572}
#hotprod_wrap #prod_wrap #hpScroll div.scrollEl p.prodtitle a:hover, #hotprod_wrap #prod_wrap li p.prodtitle a:focus {color: #ff6600; text-decoration: underline}
#hotprod_wrap #prod_wrap #hpScroll div.scrollEl p.prodrpath {font-family: '돋움', Dotum, Tahoma; font-size: 11px; line-height: 12px; margin-top: 5px}
#hotprod_wrap #prod_wrap #hpScroll div.scrollEl p.prodrpath a {color: #999}
#hotprod_wrap #prod_wrap #hpScroll div.scrollEl p.prodrpath a:hover, #hotprod_wrap #prod_wrap li p.prodrpath a:focus {color: #ff6600; text-decoration: underline}
#hotprod_wrap #prod_wrap #hpcontrols {display: block; width: 1200px; height: 100px; margin-top: -170px; margin-left: -20px}
#hotprod_wrap #prod_wrap #hpcontrols div.prev {display: inline-block; float: left}
#hotprod_wrap #prod_wrap #hpcontrols div.prev a {display: block; width: 14px; height: 22px; background: url("/res/img/main_hp_btnprev.png") top no-repeat}
#hotprod_wrap #prod_wrap #hpcontrols div.next {display: inline-block; float: left}
#hotprod_wrap #prod_wrap #hpcontrols div.next a {display: block; width: 14px; height: 22px; margin-left: 1170px; background: url("/res/img/main_hp_btnnext.png") top no-repeat}
#hotprod_wrap #prod_wrap #hpcontrols div.prev a:hover, #hotprod_wrap #prod_wrap #hpcontrols div.prev a:focus, #hotprod_wrap #prod_wrap #hpcontrols div.next a:hover, #hotprod_wrap #prod_wrap #hpcontrols div.next a:focus {background-position-y: -22px}


#btmarea_wrap {position: relative; width: 1200px; display: block; overflow: hidden}
#btmarea_wrap li {display: inline-block; float: left; overflow: hidden; vertical-align: top}
#btmarea_wrap li.notice_wrap {width: 399px; border-right: 1px solid #e9e9e9; padding-top: 30px; min-height: 270px}
#btmarea_wrap li.notice_wrap .section_title {width: 390px; border-bottom: 1px solid #e2e2e2; margin-bottom: }
#btmarea_wrap li.notice_wrap .section_title img {vertical-align: middle}
#btmarea_wrap li.notice_wrap .section_title a {margin-left: 125px}
#btmarea_wrap li.notice_wrap ul {width: 390px; min-height: 80px; margin-top: 15px; margin-bottom: 5px; overflow: hidden}
#btmarea_wrap li.notice_wrap li {display: list-item; list-style: disc inside; font-family: '돋움', Dotum, Tahoma; font-size: 12px; line-height: 26px; list-style-image: url("/res/img/main_ico_nor.gif"); padding-left: 20px}
#btmarea_wrap li.notice_wrap li a {color: #666}
#btmarea_wrap li.notice_wrap li a:hover, #btmarea_wrap li.notice_wrap li a:hover {color: #495572; text-decoration: underline; font-weight: bold; letter-spacing: -1px}
#btmarea_wrap li.notice_wrap li.newitem {list-style-image: url("/res/img/main_ico_new.gif")}
#btmarea_wrap li.cc_wrap {width: 389px; border-right: 1px solid #e9e9e9; padding-top: 30px; padding-left: 10px}
#btmarea_wrap li.cc_wrap .section_title {width: 380px; border-bottom: 1px solid #e2e2e2}
#btmarea_wrap li.cc_wrap p.tel {display: block; width: 380px; border-bottom: 1px solid #f0f0f0; margin-top: 10px}
#btmarea_wrap li.cc_wrap p.etc {display: block; width: 380px; border-bottom: 1px solid #f0f0f0}
#btmarea_wrap li.cc_wrap ul {margin-left: 10px; margin-bottom: 30px; overflow: hidden}
#btmarea_wrap li.cc_wrap li {display: inline-block; width: 119px; margin-top: 14px; border-right: 1px solid #f0f0f0; text-align: center}
#btmarea_wrap li.cc_wrap li.nobdr {border: 0}
#btmarea_wrap li.sc_wrap {width: 390px; padding-top: 30px; padding-left: 10px}
#btmarea_wrap li.sc_wrap .section_title {width: 390px; border-bottom: 1px solid #e2e2e2}

#container .hero .slide {position: absolute; width: 100%; height: 400px; overflow: hidden; z-index: 1}
#container .hero .slide.active {overflow: hidden; z-index: 10}
#container .hero #hero-container {overflow: hidden}
#container .hero .hero-bullets {position: relative; overflow: hidden; z-index: 20; text-align: center; padding-top: 370px}
#container .hero .hero-bullets a {display: inline-block; width: 15px; height: 15px; background: url("/res/img/main_dot_slide_n.png"); margin-left: 3px; margin-right: 3px}
#container .hero .hero-bullets a.active {background: url("/res/img/main_dot_slide_a.png")}

#btmarea_wrap #slidewrap {position: relative; display: block; width: 390px; min-height: 215px; overflow: hidden}
#btmarea_wrap #slidewrap #scScroll {display: block; float: left; width: 338px; height: 215px; overflow: hidden}
#btmarea_wrap #slidewrap #scScroll div.scrollEl {display: block; width: 338px; height: 34px; border-bottom: 1px solid #f0f0f0; font-family: '돋움', Dotum, Tahoma; font-size: 12px}
#btmarea_wrap #slidewrap #scScroll div.scrollEl a {display: block; padding: 12px 0 9px 10px}
#btmarea_wrap #slidewrap #scScroll div.scrollEl a:hover, #btmarea_wrap #slidewrap #myScroll div.scrollEl a:focus {background: #ff9900; color: #fff; font-weight: bold; letter-spacing: -1px}
#btmarea_wrap #slidewrap #sccontrols {display: block; float: left; width: 50px; height: 209px; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0}
#btmarea_wrap #slidewrap #sccontrols div.prev a {display: block; width: 50px; height: 35px; background: url("/res/img/main_sc_btntop.gif") top no-repeat}
#btmarea_wrap #slidewrap #sccontrols div.prev a:hover, #btmarea_wrap #slidewrap #sccontrols div.prev a:focus {background-position-y: -35px}
#btmarea_wrap #slidewrap #sccontrols div.next a {display: block; width: 50px; height: 35px; background: url("/res/img/main_sc_btnbtm.gif") top no-repeat; background-position-y: -35px; margin-top: 139px}
#btmarea_wrap #slidewrap #sccontrols div.next a:hover, #btmarea_wrap #slidewrap #sccontrols div.prev a:focus {background-position-y: 0px}

.banner_chat {text-align: center}
#chat {display: none; width: 400px; height: 400px; position: absolute; z-index: 1000}
#chat .al {text-align: right; z-index: 10000}
#chat .al img {opacity: 0.7}
#chat .chatwin {width: 380px}