@charset "utf-8";

/* Base Style Definition */

html {width:100%; height:100%; overflow-y:scroll}
body {width:100%; height:100%; margin:0; padding:0; font-style:normal; font-variant:normal; font-weight:normal; line-height:1em; *word-break:break-all; -ms-word-break:break-all}
header, footer, section, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, button, table, th, td, img {margin:0; padding:0}
button {border:0 none; background:transparent; cursor:pointer; *overflow:visible}
button::-moz-focus-inner {border:0; padding:0} /* firefox fix */
form, fieldset {display:block}
form, fieldset, img {border:0 none}
hr {display:none}
textarea {overflow:auto}
caption {display:none} 
em, address {font-style:normal}
label {cursor:pointer}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* for screen reader */
:focus {outline:0 none}
a {background:none;}

/* Conmmon Style Definition */

body {font:normal 12px/1em "돋움",Dotum; color:#777;}
a:link, a:visited, a:active {color:#777; text-decoration:none;}
a:hover, a:focus {color:#9c311f; text-decoration:underline;}
.lc {position:relative; width:991px; height:100%; margin:0 auto; background:url('../_img/_background/bg_line.png') repeat-y;}

/* Header Style Definition */

header.head {width:100%; height:76px; background:url('../_img/_background/bg_header.png') repeat-x;}
header.head h1 {position:absolute; top:35px; left:22px;}
header.head nav {position:absolute; top:17px; left:199px; width:792px; height:59px;}
header.head nav ul {list-style:none;}
header.head nav ul li {float:left; width:198px; height:59px;}
header.head nav ul li a {display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; text-indent:-500px; overflow:hidden;}
header.head nav ul li a.gnb01 {background-image:url('../_img/_gnb/gnb01.png');}
header.head nav ul li a.gnb02 {background-image:url('../_img/_gnb/gnb02.png');}
header.head nav ul li a.gnb03 {background-image:url('../_img/_gnb/gnb03.png');}
header.head nav ul li a.gnb04 {background-image:url('../_img/_gnb/gnb04.png');}
#lng {position:absolute; top:3px; right:0; list-style:none;}
#lng li {float:left; height:10px; font-size:0; line-height:0;}
#lng li + li {margin-left:10px; padding-left:10px; border-left:1px solid #87776c;}
#lng li a {display:block; height:100%; background-position:center center; background-repeat:no-repeat; text-indent:-500px; overflow:hidden;}
#lng li a.lng01 {width:61px; background-image:url('../_img/_language/lng01.png');}
#lng li a.lng02 {width:40px; background-image:url('../_img/_language/lng02.png');}
#lng li a.lng03 {width:48px; background-image:url('../_img/_language/lng03.png');}
#lng li a.lng04 {width:45px; background-image:url('../_img/_language/lng04.png');}

/* Footer Style Definition */

footer.foot {width:100%; height:112px; background:#9c9c9c;}
footer.foot h1 {position:absolute; top:46px; left:58px;}
footer.foot .ct {position:absolute; top:38px; right:219px;}
footer.foot .cr {position:absolute; top:46px; right:36px;}
footer.foot .email {position:absolute; top:0; right:0; width:199px; height:23px; padding-top:13px; background:#5d5d5d; text-align:center; font-size:0; line-height:0;}
address {position:absolute; top:28px; left:224px;}

/* Main Style Definition */

#mv {width:100%; height:388px; background:url('../_img/_background/bg_main.png') repeat-x;}
#mv .mvSide {position:absolute; top:30px; left:34px; width:226px; height:326px;}
#mv .mvNext {position:absolute; top:30px; right:0; width:28px; height:113px; background:url("../_img/main/mv_next.png") no-repeat; cursor:pointer;}
#mv .mvPrev {position:absolute; top:143px; right:0; width:28px; height:112px; background:url("../_img/main/mv_prev.png") no-repeat; cursor:pointer;}
#mvSlider {position:absolute; top:30px; left:260px; width:703px; height:225px;}
#mvSlider ul {position:absolute; top:0; left:0; list-style:none;}
#mvSlider ul li {float:left; width:703px; height:225px;}
#mvPaging {position:absolute; top:274px; right:18px; width:507px; height:103px; list-style:none;}
#mvPaging li {position:absolute; display:none;}
#mvPaging li.current {display:block; cursor:pointer;}

#mc {width:100%; height:290px; background:url('../_img/_background/bg_main2.png') repeat-x;}
#mc .mc {width:990px; padding-left:1px; list-style:none;}
#mc .mc > li {position:relative; float:left; width:198px;}
#mc .mc > li.sa {width:395px; padding-right:1px;}
#mc .mc > li.sa div {position:relative; width:100%; height:259px; background:#fff;}
#mc .mc > li h1 {height:19px; padding:11px 0 0 8px; font-size:0; line-height:0;}
#mc .mc > li a.main01 {position:absolute; display:block; top:46px; left:15px; width:167px; height:42px; background:url('../_img/main/con03_menu01.png') no-repeat;}
#mc .mc > li a.main01:hover {background:url('../_img/main/con03_menu01_on.png') no-repeat;}
#mc .mc > li a.main02 {position:absolute; display:block; top:102px; left:15px; width:167px; height:42px; background:url('../_img/main/con03_menu02.png') no-repeat;}
#mc .mc > li a.main02:hover {background:url('../_img/main/con03_menu02_on.png') no-repeat;}
#mc .mc > li a.main03 {position:absolute; display:block; top:158px; left:15px; width:167px; height:42px; background:url('../_img/main/con03_menu03.png') no-repeat;}
#mc .mc > li a.main03:hover {background:url('../_img/main/con03_menu03_on.png') no-repeat;}
#mc .mc > li a.main04 {position:absolute; display:block; top:214px; left:15px; width:167px; height:42px; background:url('../_img/main/con03_menu04.png') no-repeat;}
#mc .mc > li a.main04:hover {background:url('../_img/main/con03_menu04_on.png') no-repeat;}
#mc .mc > li a.main05 {position:absolute; display:block; top:46px; left:15px; width:167px; height:154px; background:url('../_img/main/con04_menu01.png') no-repeat;}
#mc .mc > li a.main06 {position:absolute; display:block; top:214px; left:15px; width:167px; height:42px; background:url('../_img/main/con04_menu02.png') no-repeat;}
#mc .mc > li a.main06:hover {background:url('../_img/main/con04_menu02_on.png') no-repeat;}
#mpFader {position:absolute; top:0; left:0; width:395px; height:259px; list-style:none;}
#mpFader li {float:left; width:395px; height:259px;}
#mpPaging {position:absolute; top:220px; right:30px; list-style:none; z-index:9999999;}
#mpPaging > li {float:left; width:10px; height:10px; margin-left:5px; background:url("../_img/main/btn_slide_off.png") no-repeat; cursor:pointer;}
#mpPaging > li.current {background:url("../_img/main/btn_slide_on.png") no-repeat;}

/* Content Style Definition */

#cl {width:100%; height:51px; padding-bottom:9px; background:url('../_img/_background/bg_cl.png') repeat-x;}
#cl h1 {padding:16px 0 0 13px;}
#cl .btn {position:absolute; bottom:0; right:0; width:199px; height:17px; padding-top:8px; background:#2d2d2d; text-align:center; font-size:0; line-height:0;}

#cc {width:975px; min-height:500px; height:auto !important; height:500px; margin:0 auto; padding:30px 0 80px 16px; *zoom:1;}
#cc:after {clear:both; display:block; content:'';}

#lnb {float:left; width:160px;}
#lnb h1 {width:150px; height:30px; padding-left:10px; border-bottom:2px solid #686c6e;}
#lnb h1.pb {width:160px; height:80px; padding-top:40px; border-top:2px solid #686c6e; border-bottom:1px solid #e9e9e9; text-align:center;}
#lnb nav ul {list-style:none;}
#lnb nav ul li {width:160px; height:30px; border-bottom:1px solid #e9e9e9;}
#lnb nav ul li a {display:block; width:100%; height:100%; background-position:10px center; background-repeat:no-repeat; text-indent:-500px; overflow:hidden;}
#lnb nav ul li a.company01 {background-image:url('../_img/_lnb/company01.png');}
#lnb nav ul li a.company01.on, #lnb nav ul li a.company01:hover {background-image:url('../_img/_lnb/company01_on.png');}
#lnb nav ul li a.company02 {background-image:url('../_img/_lnb/company02.png');}
#lnb nav ul li a.company02.on, #lnb nav ul li a.company02:hover {background-image:url('../_img/_lnb/company02_on.png');}
#lnb nav ul li a.company03 {background-image:url('../_img/_lnb/company03.png');}
#lnb nav ul li a.company03.on, #lnb nav ul li a.company03:hover {background-image:url('../_img/_lnb/company03_on.png');}
#lnb nav ul li a.company04 {background-image:url('../_img/_lnb/company04.png');}
#lnb nav ul li a.company04.on, #lnb nav ul li a.company04:hover {background-image:url('../_img/_lnb/company04_on.png');}
#lnb nav ul li a.company05 {background-image:url('../_img/_lnb/company05.png');}
#lnb nav ul li a.company05.on, #lnb nav ul li a.company05:hover {background-image:url('../_img/_lnb/company05_on.png');}
#lnb nav ul li a.company06 {background-image:url('../_img/_lnb/company06.png');}
#lnb nav ul li a.company06.on, #lnb nav ul li a.company06:hover {background-image:url('../_img/_lnb/company06_on.png');}
#lnb nav ul li a.company07 {background-image:url('../_img/_lnb/company07.png');}
#lnb nav ul li a.company07.on, #lnb nav ul li a.company07:hover {background-image:url('../_img/_lnb/company07_on.png');}
#lnb nav ul li a.company08 {background-image:url('../_img/_lnb/company08.png');}
#lnb nav ul li a.company08.on, #lnb nav ul li a.company08:hover {background-image:url('../_img/_lnb/company08_on.png');}
#lnb nav ul li a.product01 {background-image:url('../_img/_lnb/product01.png');}
#lnb nav ul li a.product01.on, #lnb nav ul li a.product01:hover {background-image:url('../_img/_lnb/product01_on.png');}
#lnb nav ul li a.product02 {background-image:url('../_img/_lnb/product02.png');}
#lnb nav ul li a.product02.on, #lnb nav ul li a.product02:hover {background-image:url('../_img/_lnb/product02_on.png');}
#lnb nav ul li a.product03 {background-image:url('../_img/_lnb/product03.png');}
#lnb nav ul li a.product03.on, #lnb nav ul li a.product03:hover {background-image:url('../_img/_lnb/product03_on.png');}
#lnb nav ul li a.product04 {background-image:url('../_img/_lnb/product04.png');}
#lnb nav ul li a.product04.on, #lnb nav ul li a.product04:hover {background-image:url('../_img/_lnb/product04_on.png');}
#lnb nav ul li a.product05 {background-image:url('../_img/_lnb/product05.png');}
#lnb nav ul li a.product05.on, #lnb nav ul li a.product05:hover {background-image:url('../_img/_lnb/product05_on.png');}
#lnb nav ul li a.product06 {background-image:url('../_img/_lnb/product06.png');}
#lnb nav ul li a.product06.on, #lnb nav ul li a.product06:hover {background-image:url('../_img/_lnb/product06_on.png');}
#lnb nav ul li a.product07 {background-image:url('../_img/_lnb/product07.png');}
#lnb nav ul li a.product07.on, #lnb nav ul li a.product07:hover {background-image:url('../_img/_lnb/product07_on.png');}
#lnb nav ul li a.product08 {background-image:url('../_img/_lnb/product08.png');}
#lnb nav ul li a.product08.on, #lnb nav ul li a.product08:hover {background-image:url('../_img/_lnb/product08_on.png');}
#lnb nav ul li a.product09 {background-image:url('../_img/_lnb/product09.png');}
#lnb nav ul li a.product09.on, #lnb nav ul li a.product09:hover {background-image:url('../_img/_lnb/product09_on.png');}
#lnb nav ul li a.info01 {background-image:url('../_img/_lnb/info01.png');}
#lnb nav ul li a.info01.on, #lnb nav ul li a.info01:hover {background-image:url('../_img/_lnb/info01_on.png');}
#lnb nav ul li a.info02 {background-image:url('../_img/_lnb/info02.png');}
#lnb nav ul li a.info02.on, #lnb nav ul li a.info02:hover {background-image:url('../_img/_lnb/info02_on.png');}
#lnb nav ul li a.info03 {background-image:url('../_img/_lnb/info03.png');}
#lnb nav ul li a.info03.on, #lnb nav ul li a.info03:hover {background-image:url('../_img/_lnb/info03_on.png');}
#lnb nav ul li a.info04 {background-image:url('../_img/_lnb/info04.png');}
#lnb nav ul li a.info04.on, #lnb nav ul li a.info04:hover {background-image:url('../_img/_lnb/info04_on.png');}
#lnb nav ul li a.info05 {background-image:url('../_img/_lnb/info05.png');}
#lnb nav ul li a.info05.on, #lnb nav ul li a.info05:hover {background-image:url('../_img/_lnb/info05_on.png');}
#lnb nav ul li a.info06 {background-image:url('../_img/_lnb/info06.png');}
#lnb nav ul li a.info06.on, #lnb nav ul li a.info06:hover {background-image:url('../_img/_lnb/info06_on.png');}
#lnb nav ul li a.app01 {background-image:url('../_img/_lnb/app01.png');}
#lnb nav ul li a.app01.on, #lnb nav ul li a.app01:hover {background-image:url('../_img/_lnb/app01_on.png');}
#lnb nav ul li a.app02 {background-image:url('../_img/_lnb/app02.png');}
#lnb nav ul li a.app02.on, #lnb nav ul li a.app02:hover {background-image:url('../_img/_lnb/app02_on.png');}
#lnb nav ul li a.app03 {background-image:url('../_img/_lnb/app03.png');}
#lnb nav ul li a.app03.on, #lnb nav ul li a.app03:hover {background-image:url('../_img/_lnb/app03_on.png');}
#lnb nav ul li a.app04 {background-image:url('../_img/_lnb/app04.png');}
#lnb nav ul li a.app04.on, #lnb nav ul li a.app04:hover {background-image:url('../_img/_lnb/app04_on.png');}
#lnb nav ul li a.app05 {background-image:url('../_img/_lnb/app05.png');}
#lnb nav ul li a.app05.on, #lnb nav ul li a.app05:hover {background-image:url('../_img/_lnb/app05_on.png');}
#lnb nav ul li a.app06 {background-image:url('../_img/_lnb/app06.png');}
#lnb nav ul li a.app06.on, #lnb nav ul li a.app06:hover {background-image:url('../_img/_lnb/app06_on.png');}
#lnb nav ul li a.app07 {background-image:url('../_img/_lnb/app07.png');}
#lnb nav ul li a.app07.on, #lnb nav ul li a.app07:hover {background-image:url('../_img/_lnb/app07_on.png');}
#lnb nav ul li a.app08 {background-image:url('../_img/_lnb/app08.png');}
#lnb nav ul li a.app08.on, #lnb nav ul li a.app08:hover {background-image:url('../_img/_lnb/app08_on.png');}
#lnb nav ul li a.app09 {background-image:url('../_img/_lnb/app09.png');}
#lnb nav ul li a.app09.on, #lnb nav ul li a.app09:hover {background-image:url('../_img/_lnb/app09_on.png');}
#lnb nav ul li a.app10 {background-image:url('../_img/_lnb/app10.png');}
#lnb nav ul li a.app10.on, #lnb nav ul li a.app10:hover {background-image:url('../_img/_lnb/app10_on.png');}
#lnb .box {width:100%; height:180px; margin-top:13px; background:url('../_img/_lnb/box.png') no-repeat;}

#content {float:right; width:750px;}
#content header {position:relative; width:750px; height:29px; border-bottom:1px solid #fad4b2;}
#content header h1 {float:left; height:29px; padding-left:29px; background:url('../_img/_bullet/blt_circle.png') 6px 3px no-repeat; font-size:0; line-height:0;}
#content header h2 {float:left; height:17px; padding:6px 0 0 18px; background:url('../_img/_background/bg_content_h2.png') 7px 1px no-repeat; font-size:0; line-height:0;}
#content header .loc {position:absolute; top:7px; right:0; padding-left:18px; background:url('../_img/_bullet/blt_square.png') left 1px no-repeat; font:normal 11px/12px "돋움",Dotum; color:#aeaeae;}
#content header + * {margin-top:50px;}
#content header + .ptab,  #content header + .atab {margin-top:0;}
#content .rc {width:100%;}

/* Product Style Definition */

.ptab {width:100%; height:36px; padding-top:22px; border-bottom:1px solid #fad4b2; list-style:none;}
.ptab li {float:left; height:9px; padding:0 12px; font-size:0; line-height:0;}
.ptab li + li {border-left:1px solid #bbb;}
.ptab + * {margin-top:70px;}

.pinfo {position:relative; width:100%;}
.pinfo a {position:absolute; display:block;}
.pinfo a.go01 {right:197px; bottom:102px;}
.pinfo a.go02 {right:197px; bottom:68px;}
.pinfo a.go03 {right:197px; bottom:34px;}
.pinfo a.go04 {right:197px; bottom:0;}
.pinfo a.go05 {right:4px; bottom:102px;}
.pinfo a.go06 {right:4px; bottom:68px;}
.pinfo a.go07 {right:4px; bottom:34px;}
.pinfo a.go-01 {right:197px; bottom:136px;}
.pinfo a.go-05 {right:4px; bottom:136px;}
.pinfo a.goArea {right:4px; bottom:0;}

.pdl {width:100%; padding-top:50px;}
.pdl dt {width:726px; height:22px; padding-left:24px; background:url('../_img/_bullet/blt_product.png') 9px 4px no-repeat; border-bottom:1px solid #e3e3e3;}
.pdl dd {position:relative; width:100%; padding:60px 0 20px;}
.pdl dd table {width:550px; margin:0 auto; border-collapse:collapse; border-spacing:0; border-top:2px solid #c8c8c8; table-layout:fixed;}
.pdl dd table + table {margin-top:40px;}
.pdl dd table.wd {width:670px;}
.pdl dd table thead th {height:28px; padding:0 10px; background:#f1f1f1; border:1px solid #e0e0e0;}
.pdl dd table tbody th {height:28px; padding:0 10px; background:#f1f1f1; text-align:left; font-weight:normal; border:1px solid #e0e0e0;}
.pdl dd table tbody td {padding:8px 10px; border:1px solid #e0e0e0;}
.pdl dd p.detail {width:100%; text-align:center;}
.pdl dd p.area {margin-left:40px;}
.pdl dd p.btn {display:block; position:absolute; width:22px; height:21px; background:url('../_img/_button/btn_plus.png') no-repeat; cursor:pointer;}
.pdl dd p.pop {display:none; position:absolute; width:265px; height:193px; border:5px solid #3a3a3a; cursor:pointer;}

.pbtn {width:589px; margin:0 auto; padding-top:50px; list-style:none;}
.pbtn li {float:left; width:183px; height:26px;}
.pbtn li + li {margin-left:20px;}

/* Application Style Definition */

.abrg {width:726px; padding:0 12px; list-style:none; *zoom:1;}
.abrg:after {clear:both; display:block; content:;'';}
.abrg li {float:left; width:224px; height:216px; padding:9px;}
.abrg li a {display:block; width:100%; height:100%; background-repeat:no-repeat; text-indent:-500px; overflow:hidden;}
.abrg li a.abrg01 {background-image:url('../_img/app/brg01.png');}
.abrg li a.abrg02 {background-image:url('../_img/app/brg02.png');}
.abrg li a.abrg03 {background-image:url('../_img/app/brg03.png');}
.abrg li a.abrg04 {background-image:url('../_img/app/brg04.png');}
.abrg li a.abrg05 {background-image:url('../_img/app/brg05.png');}
.abrg li a.abrg06 {background-image:url('../_img/app/brg06.png');}
.abrg li a.abrg07 {background-image:url('../_img/app/brg07.png');}
.abrg li a.abrg08 {background-image:url('../_img/app/brg08.png');}
.abrg li a.abrg09 {background-image:url('../_img/app/brg09.png');}
.abrg li a.abrg10 {background-image:url('../_img/app/brg10.png');}
.atab {width:635px; padding-left:115px; background-position:5px 15px; background-repeat:no-repeat; border-bottom:1px solid #fad4b2; list-style:none;}
.atab.a01 {height:74px; padding-top:41px; background-image:url('../_img/app/sbl01.png');}
.atab.a02 {height:63px; padding-top:52px; background-image:url('../_img/app/sbl02.png');}
.atab.a03 {height:63px; padding-top:52px; background-image:url('../_img/app/sbl03.png');}
.atab.a04 {height:63px; padding-top:52px; background-image:url('../_img/app/sbl04.png');}
.atab.a05 {height:63px; padding-top:52px; background-image:url('../_img/app/sbl05.png');}
.atab.a06 {height:63px; padding-top:52px; background-image:url('../_img/app/sbl06.png');}
.atab.a07 {height:63px; padding-top:52px; background-image:url('../_img/app/sbl07.png');}
.atab.a08 {height:63px; padding-top:52px; background-image:url('../_img/app/sbl08.png');}
.atab.a09 {height:63px; padding-top:52px; background-image:url('../_img/app/sbl09.png');}
.atab.a10 {height:63px; padding-top:52px; background-image:url('../_img/app/sbl10.png');}
.atab {list-style:none;}
.atab li {float:left; height:11px; margin:0 4px 11px 0; padding-right:9px; background:url('../_img/app/sp_ctg.png') right top no-repeat;}
.atab li.fine {margin-right:0; padding:0; background:none;}
h2.app {width:735px; height:20px; margin-top:30px; padding:7px 0 0 15px; background:url('../_img/_background/bg_app_h2.png') no-repeat; border-top:1px solid #e66300;}
.adl {width:745px; padding:60px 0 0 5px;}
.adl dt {width:730px; height:34px; padding-left:15px; background:url('../_img/_bullet/blt_product.png') left 4px no-repeat;}
.adl dd {position:relative; width:745px; padding-top:30px; background:url('../_img/_background/bg_dotline.png') left top repeat-x;}
.adl dd .btn {position:absolute; bottom:0; left:315px;}

/* Mov List - 2014.03.31 추가 */
.mov_list {width:740px; padding-left:30px; *zoom:1;}
.mov_list:after {clear:both; display:block; content:"";}
.mov_list li {float:left; width:330px; margin-right:30px;}
.mov_list li dl dt {width:100%; background:#000;}
.mov_list li dl dd {width:100%; height:50px; padding-top:10px; text-align:center;}