@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* LAYOUT */
#wrap { overflow:hidden; min-width:1100px; }
#header { position:absolute; width:100%; min-width:1100px; height:118px; }
#container { overflow:hidden; min-width:1100px; }
#foot { min-width:1100px; height:126px; background-color:#f6f6f6; border-top:1px solid #e5e4e5; }

/* HEADER */
#header .head_top { height:35px; background-color:#403a39; }
#header .head_top .area { width:1100px; margin:0 auto; }
#header .head_top .area .lnb { float:right; }
#header .head_top .area .lnb ul { margin:0; padding:0; }
#header .head_top .area .lnb li { list-style:none; float:left; padding-left:25px; background:url(../images/inc/lnb_bar.png) no-repeat 13px 14px; }
#header .head_top .area .lnb li:first-child { padding-left:none; background:none; }
#header .head_top .area .lnb a,
#header .head_top .area .lnb a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#c7c7cb; font-size:11px; line-height:35px; }

#header .head_bottom { position:relative; height:83px; background:url(../images/inc/gnb_bg.png) repeat-x top; z-index:20; }
#header .head_bottom .area { position:relative; width:1100px; margin:0 auto; }
#header .head_bottom .area .logo { float:left; }
#header .head_bottom .area .gnb { float:right; margin-top:32px;height:48px; }
#header .head_bottom .area .gnb ul { margin:0; padding:0; }
#header .head_bottom .area .gnb li { list-style:none; float:left; padding-left:45px; background:url(../images/inc/gnb_bar.png) no-repeat 23px 3px; }
#header .head_bottom .area .gnb li:first-child { padding-left:none; background:none; }
#header .head_bottom .area .gnb a,
#header .head_bottom .area .gnb a:hover { font-family:'Malgun Gothic', '맑은고딕', 'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#404040; font-size:15px; line-height:16px; font-weight:bold; }

#header .head_bottom .area .gnb .smenu { display:none; position:absolute; width:162px; left:-10px; top:80px; padding:0 0 30px 0; border-left:2px solid #dedede; border-right:2px solid #dedede; border-bottom:2px solid #dedede; background-color:#ffffff; z-index:21; }
#header .head_bottom .area .gnb .smenu ul { margin:0; }
#header .head_bottom .area .gnb .smenu li { list-style:none; width:100%; height:30px; padding-left:0; background:none; }
#header .head_bottom .area .gnb .smenu li:first-child { height:20px; }
#header .head_bottom .area .gnb .smenu a { padding-left:16px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#383838; font-size:12.5px; line-height:30px; font-weight:normal; display:block; }
#header .head_bottom .area .gnb .smenu a:hover { color:#000000; background-color:#dfdfdf; }
#header .head_bottom .area .gnb .smenu .smenu_bar { height:4px; margin:-4px 48px 0 48px; background-color:#dfdfdf; }

/* CONTAINER */
#container .visual { position:relative; height:437px; margin-top:116px; z-index:9; }
#container .visual .main_visual {position:relative; width:100%;  margin:0 auto; height:437px; overflow:hidden; }
#container .visual .main_visual .full_screen_slider-visualBg { height:460px; margin:0 auto;  position:absolute; top:0;  left:0; width:100%; z-index:1; text-align:center; }
#container .visual .main_visual .full_screen_slider-navigation { width:1100px; position:relative;  z-index:10; margin:0 auto; }
#container .visual .main_visual .full_screen_slider-navigation .btns { float:left; width:100%; margin-left:-123px; margin-top:204px; }
#container .visual .main_visual .full_screen_slider-navigation .btns .next { float:right; margin-right:-246px; }
#container .visual .main_visual .full_screen_slider-pagination { width:1100px; position:relative;  z-index:10; margin:0 auto; }
#container .visual .main_visual .full_screen_slider-pagination .visualTxt { padding: 0 0 0 99px; }
#container .visual .main_visual .full_screen_slider-pagination .rollBtnD { position:absolute; top:410px; left:4px; }

#container .product { display:block; height:162px; background-color:#f8f8f8; border-bottom:1px solid #e4e4e4; }
#container .product .area { position:relative; width:1100px; margin:0 auto; text-align:center; }
#container .product .area #product_scroll.list { position:relative; width:1000px; height:163px; margin:0 auto; overflow: hidden; font-size: 0; }
#container .product .area #product_scroll.list ul { padding:0;margin:0;width:1500px; }
#container .product .area #product_scroll.list ul li { display: inline-block; list-style:none; float:left; position:relative; width:160px; height:163px; text-align:center; margin:0 5px; }
#container .product .area #product_scroll.list ul li .list_sum { margin:2px; width:154px; height:123px; position:relative; }
#container .product .area #product_scroll.list ul li .list_sum img {max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin: auto;}
#container .product .area #product_scroll.list ul li .list_text { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5c5c5c; font-size:13px; text-align:center; }
#container .product .area #product_scroll-btn { width:960px; padding-top:10px;}
#container .product .area #product_scroll-btn .bt_left { padding:0;border:0;background:none;position:absolute; left:0px; top:70px; width:14px; height:27px; }
#container .product .area #product_scroll-btn .bt_right { padding:0;border:0;background:none;position:absolute; right:0px; top:70px; width:14px; height:27px; }

#container .content_area { width:1100px; height:232px; margin:0 auto; }
#container .content_area ul { margin:0; padding:0; }
#container .content_area li { float:left; list-style:none; width:358px; }
#container .content_area .m_board { width:317px; margin:52px auto 0; }
#container .content_area .m_board .title { position:relative; height:37px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#1d1d1d; font-size:22px; font-weight:bold; letter-spacing:-1px; }
#container .content_area .m_board .title .more { position:absolute; width:48px; height:13px; right:0; top:6px; background:url(../images/main/more.png) no-repeat right top; }
#container .content_area .m_board .title .more a,
#container .content_area .m_board .title .more a:hover { font-family:'Gulim', '굴림'; color:#9a9a9a; font-size:12px; line-height:15px; letter-spacing:-1px; display:block; }
#container .content_area .m_board .list { }
#container .content_area .m_board .list ul { margin:0; padding:0; }
#container .content_area .m_board .list li { list-style:none; width:317px; height:24px; background:url(../images/main/dot.png) no-repeat 4px 11px; }
#container .content_area .m_board .list .list_title { float:left; width:220px; margin-left:12px; }
#container .content_area .m_board .list .list_title a,
#container .content_area .m_board .list .list_title a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#595248; font-size:13px; line-height:24px; display:block; }
#container .content_area .m_board .list .list_data { float:right; width:75px; margin-right:7px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#7b7b7b; font-size:12px; line-height:24px; text-align:right; }

#container .content_area .customer { width:315px; height:144px; margin:43px 0 0 21px; background:url(../images/main/customer_img.png) no-repeat right top; border:1px solid #d7d7d7; }
#container .content_area .customer .title { height:30px; margin:23px 0 0 25px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#1d1d1d; font-size:20px; font-weight:bold; letter-spacing:-1px; }
#container .content_area .customer .info { height:46px; margin:0 0 0 25px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#7d7d7d; font-size:11px; line-height:16px; }
#container .content_area .customer .tel { margin:0 0 0 25px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#17426c; font-size:27px; font-weight:bold; letter-spacing:-1px; }



/* FOOT */
#foot .area { width:1092px; margin:31px auto 0; }
#foot .area .menu { }
#foot .area .menu ul { margin:0; padding:0; }
#foot .area .menu li { float:left; list-style:none; padding-left:19px; background:url(../images/inc/foot_menu_bar.png) no-repeat 10px 2px; }
#foot .area .menu li:first-child { padding-left:0; background:none; }
#foot .area .menu a,
#foot .area .menu a:hover { font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#5c5c5c; font-size:12px; line-height:13px; font-weight:bold; }

#foot .area .address { margin-top:10px; }
#foot .area .address ul { margin:0; padding:0; }
#foot .area .address li { float:left; list-style:none; padding-left:17px; background:url(../images/inc/foot_address_bar.png) no-repeat 9px 4px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; color:#7f7f7f; font-size:12px; line-height:20px; }
#foot .area .address li.type01 { padding-left:0; background:none; }