@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);



html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; font-family: "malgungothic","Nanum Gothic", sans-serif;color:#333; font-size:13px;}
li { list-style:none; }
img,fieldset { border:0; }
a {text-decoration:none; color:#333;}
table{border-collapse:collapse;}
.orange {color:#ff781e;}
.red {color:#ed3535;}
/*header*/
.header {border-bottom:1px solid #F9B233; position:fixed; top:0; z-index:999;width:100%; background:#fff;}
.top {background:#47494f; height:30px; }
.header .top > div {width:1000px; margin:0 auto; overflow:hidden;}
.header .top .lang {float:left;}
.header .top .util {float:right;}
.header .top .sns {float:right;margin-top:4px;}
.header .top li {float:left; line-height:30px; padding:0 10px;}
.header .top li a {color:#fff;}
.header .top li a:hover {color:#F9B233;}

.header .top .sns li {padding:0 3px;}
.header .top .sns li a {display:block; height:20px; overflow:hidden; }
.header .top .sns li a:hover img {margin-top:-20px;}

.header .bottom {width:1000px; margin:0 auto; overflow:hidden; padding:30px 0 0 0;}
.header .bottom h1 {float:left;}
.header .bottom .gnb {float:right; margin-top:8px;}
.header .bottom .gnb > li {float:left; background:url(/images/bg_navi.png) no-repeat 0 5px;}
.header .bottom .gnb > li h2 {padding-bottom:30px;}
.header .bottom .gnb > li h2 a {display:block; padding:0 20px; height:17px; overflow:hidden; }
.header .bottom .gnb > li:first-child {background:none;}
.header .bottom .gnb > li:hover img {margin-top:-17px;}
.header .bottom .gnb > li ul {display:none; }
.header .bottom .gnb > li.on a {}
.header .bottom .gnb > li ul {background:url(/images/bg_black.png); position:absolute; z-index:100;}
.header .bottom .gnb > li ul li {padding:12px 16px; border-top:1px solid #000;}
.header .bottom .gnb > li ul li a {color:#fff; font-size:12px; display:block; height:100%;}
.header .bottom .gnb > li ul li a:hover {color:#F9B233; font-weight:bold;}

/*cont*/

a.view_detail {display:block; background:#47494f; color:#fff;padding:5px; text-align:center; width:70px; margin-top:10px; font-size:12px;}
a.view_detail:hover {background:#F9B233;}

.contents {width:100%; overflow:hidden; margin-top:115px;}
.contents .rolling_wrap {position:relative; height:436px;width:1000px;margin:0 auto; }
.contents .rolling_wrap .bg_white {position:relative; background:url(/images/bg_white.png); width:1000px; position:absolute; height:100%;}
.contents .rolling_wrap .left {left:50%;margin-left:-1500px; z-index:51;}
.contents .rolling_wrap .right {left:50%;margin-left:500px; z-index:51;}
.contents .rolling_wrap > ul {width:4000px; overflow:hidden; position:absolute;z-index:50; left:-1000px;}
.contents .rolling_wrap > ul li {float:left;}

.contents .main_banner .rolling_btn {width:112px; margin:10px auto; overflow:hidden;}
.contents .main_banner .rolling_btn ul {float:left;}
.contents .main_banner .rolling_btn li {overflow:hidden; float:left; height:14px; padding:0 4px;}
.pause {float:left; margin-left:6px;}
.contents .main_banner .rolling_btn li.on img {margin-top:-14px;}
.contents .main_banner .rolling_btn li:hover img {margin-top:-14px;}
.contents .banner {width:1000px; margin:0 auto;}
.contents .banner .first {overflow:hidden;}
.contents .banner .first .call {float:left; height:288px;}
.contents .banner .first .call {width:325px; margin-right:10px; border:1px solid #47494f;}
.contents .banner .first .call .tell_num {background:#47494f; text-align:right; padding-bottom:20px;}
.contents .banner .first .call form {display:block; padding:2px 15px;}
.contents .banner .first .call h6 {margin:8px 0;}
.contents .banner .first .call textarea {width:100%; height:60px; border:1px solid #ddd;}
.contents .banner .first .call input[type='text']{border:1px solid #ddd; width:60px; height:26px;}
.contents .banner .first .call .call_wrap {float:left;}
.contents .banner .first .call .pdp {margin-top:10px; line-height:22px; font-size:12px;}
.contents .banner .first .call .pdp p {float:left; margin-right:10px; font-size:12px;}
.contents .banner .first .call .pdp a {float:right; display:block; border:1px solid #47494f; padding:4px 8px; margin-top:-3px;}
.contents .banner .first .call input[type='submit'] {float:right;border:0;  background:#47494f; color:#fff; font-weight:bold; padding:25px 16px;}
.contents .banner .first .success {float:right; width:661px; border:1px solid #ddd; position:relative; height:288px;}
.contents .banner .first .success .navi {height:40px; margin-top:-1px;}
.contents .banner .first .success .navi li {float:left;width:164px; border:1px solid #ddd; border-bottom:1px solid #F7B233; text-align:center; line-height:46px; color:#9F9F9F; position:relative; margin-left:-1px; }
.contents .banner .first .success .navi li:first-child {width:165px;}
.contents .banner .first .success .navi li.on {color:#333; border:1px solid #F7B233; border-bottom:1px solid #fff; z-index:10; font-weight:bold;}
.contents .banner .first .success .success_cont li {display:none; padding:20px 15px; overflow:hidden;}
.contents .banner .first .success .success_cont li.on {display:block;} 
.contents .banner .first .success .success_cont li img {float:left;}
.contents .banner .first .success .success_cont li > div {float:right; width:180px;}
.contents .banner .first .success .success_cont li > div h6 {background:url(/images/bl_orange.png) no-repeat 0 bottom; padding-bottom:15px; margin-bottom:15px; font-size:15px;line-height:22px;}
.contents .banner .first .success .success_cont li > div p {line-height:18px;}


.contents .banner .second {overflow:hidden; margin-top:10px;}
.contents .banner .second > div {width:325px; float:left; height:288px; overflow:hidden; margin-bottom:10px;}
.contents .banner .second .second2, .contents .banner .second .second5{margin-left:11px; }
.contents .banner .second .second3, .contents .banner .second .second6{float:right;}
.contents .banner .second .second1 { position:relative;}
.contents .banner .second .second1 .navi {width:324px;}
.contents .banner .second .second1 .navi li {float:left; text-align:center; line-height:40px;width:160px;  border:1px solid #ddd; position:relative;margin-left:-1px; z-index:10;border-bottom:1px solid #F7B233;}
.contents .banner .second .second1 .navi li:first-child {margin-left:0;}
.contents .banner .second .second1 .navi li:hover {color:#333; border:1px solid #F7B233; border-bottom:1px solid #fff; z-index:99; font-weight:bold;}
.contents .banner .second .second1 .navi li.on {color:#333; border:1px solid #F7B233; border-bottom:1px solid #fff; z-index:99; font-weight:bold;}
.contents .banner .second .second1 .cont >li {display:none;}
.contents .banner .second .second1 .cont >li.on {display:block;}
.contents .banner .second .second1 .cont ul li {overflow:hidden; padding:20px 0px; clear:both;}
.contents .banner .second .second1 .cont ul li:first-child {border-bottom:1px solid #ddd;}
.contents .banner .second .second1 .cont ul li img {float:left;}
.contents .banner .second .second1 .cont ul li div {float:right; width:190px;}
.contents .banner .second .second1 .cont ul li div h6 {margin-bottom:10px;}


.second2 {position:relative;}
.second2 .interior {overflow:hidden; width:1000px; position:absolute; left:0;}
.second2 .interior li {float:left;}
.second2 .interior li p {position:absolute; bottom:0px; background:url(/images/bg_bl70.png); line-height:40px ; text-align:center; color:#fff; width:325px;}
.second2 div div {position:absolute; top:110px;  background:url(/images/bg_bl70.png); text-align:center; padding:10px;}
.second2 div div:hover {background:#fdb930;}
.second2 div div.prev {left:0;color:#fff; font-weight:bold;font-size:18px;}
.second2 div div.next {right:0;color:#fff; font-weight:bold;font-size:18px;}
.second3 {background:url(/images/new.jpg) no-repeat;border:1px solid #ddd; position:relative;}
.second3 > div.newMenu {background:#47494F; z-index:30; overflow:hidden;}
.second3 > div h5 {color:#fff; font-size:18px; float:left; padding:8px; font-family:sans-serif;}
.second3 > div.newMenu a {display:block; float:right; margin:10px; width:16px; height:16px; overflow:hidden;}
.second3 > div.newMenu a:hover img {margin-top:-16px;}
.contents .banner .second div.second4 {border:1px solid #ddd; width:323px; position:relative;}
.contents .banner .second div.second5 {border:1px solid #ddd; width:323px;}
.second5 > div:first-child {border-bottom:1px solid #ddd;}
.second5 > div {overflow:hidden; position:relative; }
.second5 > div > div.text {float:left; padding-left:20px; padding-top:20px;  width:146px;}
.second5 > div h6 {background:url(/images/bl_orange.png) no-repeat 0 bottom; padding-bottom:24px; margin-bottom:24px; font-size:15px;}
.second5 > div > div.text > p { font-size:12px; line-height:18px;}
.second5 > div > img {float:right;}

.contents .banner .second div.second6 {border:1px solid #ddd; width:323px;}
.second6 .search_store {background:#47494F url(/images/bg_coffee.png) ; height:104px; overflow:hidden; padding:20px;}
.second6 .search_store h6{ color:#fff; background:url(/images/bl_orange.png) no-repeat 0 0; padding-top:20px; font-size:19px; float:left;}
.second6 .search_store .h6 {overflow:hidden;}
.second6 .search_store p {color:#fff; margin-top:26px;float:right;}
.second6 .search_store .search {margin-top:20px; background:#fff; overflow:hidden;}
.second6 .search_store .search a {background:#F9B233; display:block; float:right; padding:3px 5px;}
.second6 .search_store .search a:hover {background:#f7941d}
.second6 .search_store .search input {padding:7px; border:0;}
.second6 .news {padding:20px;}
.second6 .news h6 {font-size:15px; float:left;}
.second6 ul li {background:url(/images/bg_circle_or.png) no-repeat 0 center; padding-left:10px; line-height:20px;}
.second6 .news div {overflow:hidden; margin-bottom:10px;}
.second6 .news div a {display:block; float:right; width:16px; height:16px; overflow:hidden;}
.second6 .news div a:hover img {margin-top:-16px;}
.footer {}
.footer .prize {background:url(/images/bg_bottom_line.png) repeat-x ; padding-top:30px; margin-bottom:20px;}
.footer .prize .img {height:80px;width:100%; margin:0 auto;}
.footer .prize li {width:142px; text-align:center; }
.footer .prize li strong {display:block; margin:5px 0 0 0; color:#F7941D;}
.footer .prize li p {font-size:11px;}
.footer ul {margin:0 auto; width:1000px;}
.footer ul {overflow:hidden;}
.footer ul li {float:left;}
.footer_bg {width:100%; background:#47494F; padding:20px 0;}
.footer_wrap {margin:0 auto; width:1000px; overflow:hidden;}
.footer_wrap .address {margin-top:10px; color:#fff; line-height:20px;}

.footer_wrap ul  li  a{color:#fff;}
.footer_wrap ul  li {background:url(/images/bg_circle_gr.png) no-repeat 8px 5px;padding-left:20px;}
.footer_wrap ul  li:first-child {background:none; padding-left:0;}
.footer_wrap ul  li  a:hover {color:#F9B233;}

.footer_wrap .bottom_logo {margin-right:40px;}
.footer_wrap > div {float:left;}
.footer_wrap .footer_cont {width:800px;}

.quick {position:fixed; left:50%; margin-left:540px; top:250px; border:1px solid #47494F; padding-bottom:16px;}
.quick li {text-align:center; padding:16px 0 0 0;}
.quick li:first-child {padding:0;}

.over_orange {background:url(/images/bg_orange.png); position:absolute; top:0; left:0; text-align:center; width:100%; height:100%; display:none;}
.over_orange a {color:#fff; font-size:16px; margin-top:20px; display:block; font-weight:bold;}
.over_orange > div {position:absolute; top:50%; margin-top:-40px; width:100%;}