@charset "utf-8";
/*============================
   기본설정 페이지 설정
============================*/
html,body {background:#ffffff;}
.wrap{width:943px;margin:0 auto;display:block}
.wrap:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
#ko{position:relative;}
#eng{position:relative;}




/*============================
   popup
============================*/
#view_popup {padding:5px 0;font-family:normal;color:#333;text-align:center;background:#cfcfcf;}
.mainLayerPopup{position:absolute; top:10px;left:10px;border:1px solid #e1e1e1;background:#fff;z-index:9999}
.mainLayerPopup .tit {padding:5px;color:#fff;font-family:'strong';background:#000;}
.mainLayerPopup .todayNoOpen{padding:7px 20px}
.mainLayerPopup .todayNoOpen .fl{margin-right:10px}




/*============================
   skipNavi
============================*/
#skipNavi{height:0;}
#skipNavi li{font-size:0; line-height:0;}
#skipNavi li a{display:block; width:100%; padding:10px 0; color:#fff; position:absolute; left:0; top:-100px;  text-align:center; z-index:1100; background:#3d1e0f;  border:0 none;}
#skipNavi li a:active, #skipNavi li a:focus { top:0; font-family:'strong';font-size:16px;line-height:1.5;  border-bottom:1px solid #fff;}




/*============================
   layout_header
============================*/
#l_header {z-index:99;position:absolute;left:0;width:100%;}
#l_header .l_top{overflow:hidden;height:70px;background:#fbfbfb;}
.ie7 #l_header .l_top{zoom:1;}
#l_header .l_top h1.logo {float:left;padding:17px 0 0 10px;}
#l_header .l_top .util {padding-top:20px;float:right;text-align:right}
#l_header .l_top .util a{color:#898989;font-size:11px;line-height:31px;margin-right:7px;padding-left:8px;background:url(../images/comm/util_part.gif) no-repeat 0 3px;}
#l_header .l_top .util a:first-child{padding-left:0;background:none;}
#l_header .l_top .util a:hover{color:#ed1d24;}
#l_header .l_top .util .util_serch{position:relative;display:inline-block;text-align:left;font-size:10px;width:195px;height:17px;padding:7px 0 7px;background:url(../images/comm/util_search_bg.gif) no-repeat 0 0;vertical-align:middle;}
#l_header .l_top .util .search_input{margin-left:10px;width:170px;height:17px;line-height:17px;vertical-align:top;border:none;font-family:nanumgothic,normal,dotum,'돋움';font-size:10px;background:transparent;}
#l_header .l_top .util .serch_submit{position:absolute;top:0;right:0}

/* GNB */
#l_header .l_nav_gnb {background:url(../images/comm/gnb_bg.png) repeat-x 0 0;}
#l_header .l_nav_gnb .gnb {height:49px;position:relative;overflow:hidden}
#l_header .l_nav_gnb .gnb>li {float:left;}
#l_header .l_nav_gnb .gnb>li>a{display:block;padding:0 25px;font-family:'tahoma', tahoma, sans-serif;line-height:45px;}
.sf #l_header .l_nav_gnb .gnb>li>a{font-family:'strong','돋움',dotum,'arial'; padding:0 24px;}
#eng #l_header .l_nav_gnb .gnb>li>a{padding:0 38px;}
.sf #eng #l_header .l_nav_gnb .gnb>li>a{padding:0 37px;}
#l_header .l_nav_gnb .gnb li li a:hover{font-family:'strong';}
#l_header .l_nav_gnb .gnb li .gnb_sub{position:absolute;padding:20px 45px 25px;top:45px;left:0;width:900px;background:url(../images/comm/gnb_sub_bg.png) no-repeat 0 bottom;}
#l_header .l_nav_gnb .gnb li .gnb_sub ul.dep02{overflow:hidden;}
.ie7 #l_header .l_nav_gnb .gnb li .gnb_sub ul.dep02{zoom:1;}
#l_header [class^="sub_"] .dep02>li>a{padding-left:13px;background:url(../images/comm/bu_bg.png) no-repeat -5px -100px;}
#l_header [class^="sub_"] .dep03>li>a{padding-left:13px;background:url(../images/comm/bu_bg.png) no-repeat 1px -614px; display:block;}
#l_header [class^="sub_"] .dep02>li>a{font-family:'strong';}

/* GNB - product */
#l_header .sub-pro ul.dep02_tab{overflow:hidden;width:845px;background:url(../images/comm/gnbSub_tabBg.gif) repeat-x 0 100%;margin-bottom:30px}
#l_header .sub-pro ul.dep02_tab li,#l_header .sub-pro ul.dep02_tab li a
{display:inline-block;height:31px;line-height:31px;overflow:visible;position:relative;background:url(../images/comm/gnbSub_tabBtn.png) no-repeat;}
#l_header .sub-pro ul.dep02_tab li{float:left;position:relative;margin-right:11px;background-position:left 0;z-index:90}
/*#l_header .sub-pro ul.dep02_tab li:first-child{margin:0;}*/
#l_header .sub-pro ul.dep02_tab li.current{background-position:left -100px;z-index:91}
#l_header .sub-pro ul.dep02_tab li.current a{color:#333;background-position:right -100px;font-family:'strong';}
#l_header .sub-pro ul.dep02_tab li a{display:block;left:15px;padding:0px 25px 0 10px;background-position:right top;color:#363636;font-size:11px;text-align:center;}
.ie7 #l_header .sub-pro ul.dep02_tab{zoom:1;}
#l_header .sub-pro .dep02>li>a{font-family:'strong';}
#l_header .sub-pro .dep03{padding-top:10px}
#l_header .sub-pro .cate .dep02>li{float:left;width:195px;padding-left:20px;}
#l_header .sub-pro .cate .dep03>li{font-weight:normal;margin-bottom:20px}
#l_header .sub-pro .cate .dep04 a{padding-left:8px;background:url(../images/comm/bu_bg.png) no-repeat 1px -614px;}
#l_header .sub-pro .line .dep02{margin-bottom:20px;}
#l_header .sub-pro .line .dep02>li{float:left;width:120px;}
#l_header .sub-pro .line .dep02>li.clear{clear:left;float:left;width:120px;}
#l_header .sub-pro .line .dep03 a{padding-left:8px;background:url(../images/comm/bu_bg.png) no-repeat 1px -614px;}

/* GNB - solution */
#l_header .sub_sol .dep02 li{float:left;padding-left:40px;width:250px;margin-bottom:3px}

/* GNB - support */
#l_header .sub_sup .dep02>li{float:left;padding-left:45px;width:130px;}
#l_header .sub_sup .dep02>li:first-child,#l_header .sub_sup .dep02>li:last-child{padding-left:20px;}

/* GNB - ir */
#l_header .sub_ir .dep02>li{float:left;padding-left:35px;width:120px;}
#l_header .sub_ir .dep02>li:first-child{padding-left:0px;}
#l_header .sub_ir .dep02>li .dep03{padding-top:5px}
#l_header .sub_ir .dep02>li .dep03 li{margin-bottom:5px}
#eng #l_header .sub_ir .dep02>li{width:auto;}
#eng #l_header .sub_ir .dep02>li:first-child{width:160px;}

/* GNB - hr */
/*#l_header .sub_hr .dep02>li{float:left;padding-left:55px;width:130px;}*/
#l_header .sub_hr .dep02>li{float:left;padding-left:24px;width:130px;}
#l_header .sub_hr .dep02>li:first-child{padding-left:0px;}
#l_header .sub_hr .dep02>li .dep03{padding-top:5px}
#l_header .sub_hr .dep02>li .dep03 li{margin-bottom:5px}

/* GNB - about ubiquoss */
#l_header .sub_about .dep02>li{float:left;padding-left:33px;width:135px;margin-bottom:3px}
#eng #l_header .sub_about .dep02>li{float:left;padding-left:34px;}
#eng #l_header .sub_about .dep02>li:first-child{padding-left:0;}

/* GNB - contact */
#l_header .sub_con .dep02>li{float:left;padding-left:100px;}
#l_header .sub_con .dep02>li:first-child{padding-left:0;}




/*============================
   layout_section
============================*/
/* section*/
#l_section{position:relative;overflow:hidden;top:115px;padding-top:42px;}
.ie7 #l_section{zoom:1;}
#l_section>.wrap{margin-bottom:150px;min-height:450px}

/* section - 서브메뉴 영역*/
#l_section .l_nav_snb{width:200px;float:left}
#l_section .l_nav_snb h2.h2{width:200px;text-align:center;padding:47px 0 46px 0;background:url(../images/comm/snb_h2_bg.gif) no-repeat 0 0;font-family:'tahoma', arial, sans-serif;font-size:20px;color:#494949}

/* section - 서브메뉴 영역 >> snb 공통style -- snb ul.snb>li가 투뎁스 메뉴 */
[class^="snb"] li,
[class^="snb"] li.current.nosub,
[class^="snb"] li.nosub.show,
[class^="snb"] li.current.hide{padding-bottom: 8px}
[class^="snb"] li.current,
[class^="snb"] li.show{padding-bottom:0}
[class^="snb"] li a.plus{vertical-align:top;width:14px;height:15px;font-size:0;background: url(../images/comm/snb_bullet.png) no-repeat 0 2px;}
[class^="snb"] li a{color:#2e2e2e;line-height:15px;vertical-align:middle;display:inline-block;}
[class^="snb"] li a:hover{color:#ee1d24 !important;}
.ie7 [class^="snb"] li a{zoom:1;display:inline;}
[class^="snb"] li.current>a{color:#ed1d24;}
[class^="snb"]>li{padding-top:8px;border-bottom:1px solid #ebebeb}
[class^="snb"]>li>a.a{width:160px;font-size:14px;font-family:'strong';}
[class^="snb"]>li>a.plus{margin-left:17px;}
[class^="snb"]>li.current>a.plus,
[class^="snb"]>li.nosub>a.plus,
[class^="snb"]>li.nosub.hide>a.plus,
[class^="snb"]>li.show>a.plus{background-position:0 -28px}
[class^="snb"]>li.hide>a.plus{background-position:0 2px}
[class^="snb"]>li>ul{background:#fafafa;border-top:1px solid #ebebeb}
[class^="snb"]>li.current>ul.dep03,
[class^="snb"]>li.show>ul.dep03{margin-top:8px;}
[class^="snb"] li ul.dep03 li:first-child{padding-top:8px;}
[class^="snb"] li ul.dep03 li a.plus{margin-left:27px;}
ul.snb>li ul.dep03 li a{font-size:12px;padding-left:43px;background: url(../images/comm/snb_bullet.png) no-repeat 30px -188px;}
.ie7 [class^="snb"] li ul.dep03{border-bottom:1px solid transparent}

/* section - 서브메뉴 영역 >> product>category */
.snb_product li.categories ul.dep03>li a.a {font-family:'arial', helvetica, sans-serif;font-family:'strong';}
.snb_product li.categories ul.dep03>li a.plus,
.snb_product li.categories ul.dep03>li.current.hide>a.plus{background-position:0 -55px}
.snb_product li.categories ul.dep03>li.current>a.plus,
.snb_product li.categories ul.dep03>li.nosub>a.plus{background-position:0 -87px}
.ie7 .snb_product li ul.dep03 li.first{padding-top:8px;}

.snb_product li.categories ul.dep04 li a.a {font-weight:normal}
.snb_product li.categories ul.dep04>li a.plus,
.snb_product li.categories ul.dep04>li.current.hide>a.plus{margin-left:40px;background-position:0 -119px}
.snb_product li.categories ul.dep04>li.current>a.plus,
.snb_product li.categories ul.dep04>li.nosub a.plus{background-position:0 -152px}

.snb_product li.categories ul.dep04 li ul.dep04 li a.plus{margin-left:50px;background-position:0 -119px}
.snb_product li.categories ul.dep04 li ul.dep04 li.current a.plus,
.snb_product li.categories ul.dep04 li ul.dep04 li.nosub a.plus{background-position:0 -152px}
.snb_product li.categories ul.dep04 li ul.dep04 li.current.
.snb_product li.categories ul.dep04 li ul.dep04 li.show{padding-bottom:8px;}
.snb_product li.categories ul.dep04 li ul.dep04 ul.dep05 li{background-position:10px -186px;padding-left:10px;}

.snb_product li.categories ul.dep05 li a{font-size:12px;padding-left:60px;background: url(../images/comm/snb_bullet.png) no-repeat 48px -186px;}
.snb_product li.categories ul.dep05 li.current,
.snb_product li.categories ul.dep05 li.show {padding-bottom:8px}

/*snb product -line */
.snb_product li.lines ul.dep03 li a.plus{background-position:0 -119px}
.snb_product li.lines ul.dep03 li.current a.plus,
.snb_product li.lines ul.dep03 li.nosub a.plus{background-position:0 -152px}
.snb_product li.lines ul.dep04 li.current{padding-bottom:8px;}
.snb_product li.lines ul.dep04 li a{font-size:12px;padding-left:53px;background: url(../images/comm/snb_bullet.png) no-repeat 40px -186px;}

/* section - 컨텐츠 영역*/
#l_section #l_contents{width:718px;float:right;}
#l_section #l_contents p.location{font-size:11px;padding:5px 0 0 20px;margin-bottom:25px;color:#7b7b7b}
#l_section #l_contents h3.h3{padding:0 0 22px 20px;font-size:18px;font-family:'strong';color:#363636;background:url(../images/comm/con_h3_bg.gif) no-repeat 0 100%;}
#l_section #l_contents .article{padding:30px 15px 25px 20px;position:relative;}
#eng #l_section #l_contents .article{font-family:'arial', AppleGothic, sans-serif !important;}
#eng #l_section #l_contents .article a:hover{font-family:'arial', AppleGothic, sans-serif !important}

.indent_dl {padding:10px 0px 0px 0px; font-size:12px; font-weight:normal;}
.indent_dl > dd {padding:3px 0px 0px 10px; text-indent:-8px;}

/*============================
   layout_footer
============================*/
#l_footerWrap{background:#363636 url(../images/comm/footer_bg.gif) repeat-x 0 0;}
#l_footerWrap ul.footer{padding:38px 0 37px;font-size:11px;}
#l_footerWrap ul.footer>li{float:left;width:120px;padding-left:37px}
#l_footerWrap ul.footer>li:first-child{padding-left:0;}
#l_footerWrap ul.footer>li.support{width:100px;padding-left:50px}
#eng #l_footerWrap ul.footer>li{float:left;width:130px;padding-left:70px;}
#eng #l_footerWrap ul.footer>li.ir{padding-left:53px}
#eng #l_footerWrap ul.footer>li.support{width:90px;}
#l_footerWrap ul.footer>li>a{color:#aaaaaa;font-family:'strong';font-size:13px;}
#eng #l_footerWrap ul.footer>li>a{font-family:'strong';font-size:14px;font-family:'arial', sans-serif;}
#l_footerWrap ul.footer li a:hover{color:#ed1d24 !important;}
#l_footerWrap ul.footer li ul.footer_sub{padding-top:10px}
#l_footerWrap ul.footer li ul.footer_sub li{margin-bottom:3px;}
#eng #l_footerWrap ul.footer li ul.footer_sub li{margin-bottom:7px;line-height:13px;}
#l_footerWrap ul.footer li ul.footer_sub li>a{color:#888;font-family:'strong';}
#eng #l_footerWrap ul.footer li ul.footer_sub li>a{font-family:'arial', sans-serif;font-family:'strong';}
#l_footerWrap .l_copy{padding:17px 0;background:#1e1e1e;color:#7b7b7b;border-top:1px solid #242424;font-family:'strong';}
#l_footerWrap .l_copy .fl,#l_footerWrap .l_copy .wrap .fr{line-height:15px}
#l_footerWrap .l_copy .fl{font-size:10px;font-family:'strong';}
#l_footerWrap .l_copy .fr{font-size:12px;}

/*하단 유트브 노출시킬시 아래 css 다 주석처리*/
#l_footerWrap .l_copy .fl{height:30px;}
#l_footerWrap .l_copy .fr{height:21px;}
#l_footerWrap .l_copy .fr .youtube{display:none}