/* sub_header */
.sub_visual {width:100%;}
.sub_visual {background:url("../images/contents/sub_visual_01.jpg") 50% 91px; height:180px; padding-top:91px; }
.sub_visual_copy_wrap {position:relative; width:1000px; margin:0 auto;}
.sub_visual_copy { text-align:center;}
.sub_visual_copy h3 {font-size:40px; margin-bottom:5px; color:#fff; font-family:"nanum"; margin-top:50px; text-transform:capitalize;}
.sub_visual_copy p {font-size:16px; line-height:28px;color:#fff;}

#lnb {height:50px; text-align:center; border-top:6px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f8f8f8;}
#lnb > ul {display:inline-block; zoom:1; *display:inline; overflow:hidden;}
#lnb > ul > li {float:left;  border-right:1px solid #d9d9d9;}
#lnb > ul > li:first-child {border-left:1px solid #d9d9d9;}
#lnb > ul > li > a{font-size:16px;display:block; color:#595959; padding:0 8px; line-height:50px; background:#fff;}
#lnb > ul > li:first-child > a{padding:0 14px;}
#lnb > ul > li.width04 > a{width:190px;}
#lnb > ul > li.width02 > a{width:440px;}
#lnb > ul > li.width01 > a{width:190px;}
#lnb > ul > li:hover > a,#lnb > ul > li.on > a{ color:#ff8001; display:block;  background:#716ab0; color:#fff;}
#lnb > ul > li:hover,#lnb > ul > li.on {background:#f8f8f8;}


/* contents */
.contents {padding-bottom:150px;}

.contents p {font-family:"nanum"; font-size:16px; line-height:1.8em; margin-bottom:40px;}

.title_wrap {margin:30px auto 40px; width:1000px; text-align:center;}
.title_wrap .sub_title .title {font-size:52px; font-family:"nanum";}
.title_wrap .sub_title .sub_copy {display:block; font-size:14px; font-family:"nanum"; color:#666;}


.contents .app {height:260px; background:url("../images/contents/app.jpg") 50% 0; margin-top:10px;}
.contents .app .btnWrap {float:right; position:relative; margin:88px 59px 0 0;}
.contents .app .btnAndroid {display:block;width:242px; height:82px; bor der:1px solid #fff; float:left; text-indent:-9999px; overflow:hidden;}
.contents .app .btnIos {display:block;width:242px; height:82px; bo rder:1px solid #fff; float:left; margin-left:10px; text-indent:-9999px; overflow:hidden;}

.contents .list_accessory {position:relative; margin-top:10px;}
.contents .list_accessory a {display:block; position:absolute; width:100%; height:100%; left:0; top:0;background:url("../images/contents/btnOverArrow.png") 50% 50% no-repeat; display:none;}
.contents .list_accessory .bg {display:block; position:absolute; width:100%; height:100%; left:0; top:0;background:url("../images/contents/btnOver.png") repeat ; display:none;}
.contents .list_accessory:hover a {display:block;}
.contents .list_accessory:hover .bg {display:block;}


/* productList */
.duo4k {margin-top:50px;display:block; width:1000px; height:350px; overflow:hidden; text-indent:-9999px; background:url("../images/contents/img_duo4k.jpg");}
.uno4kse {margin-top:10px;display:block; width:1000px; height:390px; overflow:hidden; text-indent:-9999px; background:url("../images/contents/img0101_vu+uno4kse.jpg");}
.zero4k {margin-top:10px;display:block; width:1000px; height:390px; overflow:hidden; text-indent:-9999px; background:url("../images/contents/img0101_vu+zero4k.jpg");}
.ultimo4k {margin-top:10px;display:block; width:1000px; height:350px; overflow:hidden; text-indent:-9999px; background:url("../images/contents/img0101_ultimo4k.jpg");}
.uno4k {margin-top:10px;display:block; width:1000px; height:350px; overflow:hidden; text-indent:-9999px; background:url("../images/contents/img0101_uno4k.jpg");}
.solo4k {margin-top:10px;display:block; width:1000px; height:580px; overflow:hidden; text-indent:-9999px; background:url("../images/contents/img0101_solo4k.jpg");} 
.zero {margin-top:10px;display:block; width:1000px; height:480px; overflow:hidden; text-indent:-9999px; background:url("../images/contents/img0101.jpg");}
.productList {width:1010px; margin-left:-10px;}
.productList li {margin:10px 0 0 10px}
.productList li img {display:block; vertical-align:top;}
.productList li a {display:block; position:absolute; width:100%; height:100%; left:0; top:0;background:url("../images/contents/btnOverArrow.png") 50% 50% no-repeat; display:none;}
.productList li .bg {display:block; position:absolute; width:100%; height:100%; left:0; top:0;background:url("../images/contents/btnOver.png") repeat ; display:none;}

.productList li:hover a {display:block;}
.productList li:hover .bg {display:block;}



/* sub tab */
.subTab {overflow:hidden; margin-bottom:50px; }
.subTab li {float:left; position:relative;}
.subTab li.on {z-index:2;}
.subTab li a {display:block; width:498px; height:50px; text-align:center; font-size:20px; line-height:52px; background:#f8f8f8; border:1px solid #ccc; color:#808080;}
.subTab li:last-child { margin-left:-1px; width:499px;}
.subTab li.on a, .subTab li a:hover {background:#fff; border:1px solid #605891; color:#333;}

/* point color */
.colorPurple {color:#605891;}

/* productWrap */
.productWrap {margin-top:50px;}
.productWrap > li {margin-bottom:10px; padding:50px 60px 0 60px; width:880px; height:490px;  color:#666; }
.productWrap li span {display:block;}
.productWrap li span.title {font-size:38px; color:#333; line-height:1.4; margin-bottom:30px; }
.productWrap li span.copy {font-size:16px; line-height:1.8; margin-bottom:20px;}
.productWrap li .mainCopy {font-size:26px; font-family:"nanumL"; color:#666; line-height:1.5; margin-top:40px;}
.productWrap li .mainCopy.white {color:#fff;}
.productWrap li.first {text-align:center;}


/* sub0119 - duo4k */
.duo4kArea li.first {height:473px; background:url("../images/contents/duo4k_bg_01.jpg") no-repeat;}
.duo4kArea li.first .mainCopy {margin-top:500px;}
.duo4kArea li.sec {height:165px; background:#f2f2f2;}
.duo4kArea li.third {height:210px; background:#f2f2f2;}
.duo4kArea li.fourth {height:440px; background:url("../images/contents/duo4k_bg_02.jpg") no-repeat;}
.duo4kArea li.fifth {height:320px; background:#f2f2f2;}
.duo4kArea li.sixth {height:360px; background:#f2f2f2;}
.duo4kArea li.sixth .productViewList01 li {float:none;}
.duo4kArea li.seventh {height:670px; background:#f2f2f2; background:url("../images/contents/duo4k_bg_04.gif") no-repeat;}


/* sub0118 - uno4kse */
.zero4kArea li.first {height:770px; background:url("../images/contents/zero4k_bg_01.gif") no-repeat;}
.zero4kArea li.first .mainCopy {margin-top:500px;}
.zero4kArea li.sec {height:597px; background:url("../images/contents/zero4k_bg_02.gif") no-repeat;}
.zero4kArea li.third {height:200px; background:#f2f2f2;}
.zero4kArea li.fourth {height:220px; background:#f2f2f2;}
.zero4kArea li.fifth {height:450px; background:url("../images/contents/zero4k_bg_03.gif") no-repeat;}
.zero4kArea li.fifth .copy {margin-top:300px;}
.zero4kArea li.sixth {height:490px;  background:url("../images/contents/zero4k_bg_04.gif") no-repeat;}
.zero4kArea li.sixth .sixth01 {float:left; width:410px; margin-top:170px;}
.zero4kArea li.sixth .mainCopy {text-align:center; font-size:20px; color:#333; font-weight:600;}
.zero4kArea li.sixth .productViewList01 {margin-top:20px;}

/* sub0117 - uno4kse */
.uno4kseArea li.first {height:610px; background:url("../images/contents/uno4kse_bg_01.jpg ") no-repeat;}
.uno4kseArea li.first .txtP {color:#5f3078; font-weight:700; display:inline-block;}
.uno4kseArea li.sec {height:200px; background:#f2f2f2;}
.uno4kseArea li.third {height:220px; background:#f2f2f2;}
.uno4kseArea li.fourth {height:280px; background:#f2f2f2;}
.uno4kseArea li.fourth .productViewList01 li {float:none;}
.uno4kseArea li.fifth {height:590px; background:url("../images/contents/uno4kse_bg_02.jpg") no-repeat;}
.uno4kseArea li.sixth {height:357px;  background:url("../images/contents/uno4kse_bg_03.gif") no-repeat;}
.uno4kseArea li.seventh {height:620px;  background:url("../images/contents/uno4kse_bg_04.gif") no-repeat;}

/* sub0116 - ultimo4k */ 
.ultimo4kArea li.first {background:url("../images/contents/ultimo4k_bg_01.jpg") no-repeat;}
.ultimo4kArea li.sec {height:660px; background:url("../images/contents/ultimo4k_02.gif") no-repeat; }
.ultimo4kArea li.third {height:470px; background:url("../images/contents/ultimo4k_03.gif") no-repeat; }

/* sub0115 - uno4k */
.uno4kArea li.first {background:url("../images/contents/uno4k_bg_01.gif") no-repeat;}
.uno4kArea li.sec {height:750px; background:url("../images/contents/uno4k_02.gif") no-repeat; }
.uno4kArea li.third {height:450px; background:url("../images/contents/uno4k_03.gif") no-repeat; }

/* sub0113 - solo4k */
.solo4kArea li.first {background:url("../images/contents/solo4k_bg_01.gif") no-repeat;}
.solo4kArea li.sec {height:510px; background:url("../images/contents/solo4k_bg_02.gif") no-repeat; }
.solo4kArea li.third {height:250px; background:#f2f2f2;}
.solo4kArea li.fourth {height:510px; background:url("../images/contents/solo4k_bg_03.gif") no-repeat; }
.solo4kArea li.fifth {height:510px; background:url("../images/contents/solo4k_bg_04.jpg") no-repeat; }
.solo4kArea li.sixth {height:300px; background:#f2f2f2;}
.solo4kArea li.seventh {height:250px; background:#f2f2f2;}
.solo4kArea li.eighth {height:420px; background:url("../images/contents/solo4k_bg_05.jpg") no-repeat; }
.solo4kArea li.eighth .copyWidth {width:400px;}

/* sub0102 - zero */
.zeroArea li.first {background:url("../images/contents/zero_bg_01.gif") no-repeat;}
.zeroArea li.sec {background:url("../images/contents/zero_bg_02.gif") no-repeat; }
.zeroArea li.sec .copyWidth {width:400px;}
.zeroArea li.third {background:url("../images/contents/zero_bg_03.gif") no-repeat; }
.zeroArea li.fourth {background:url("../images/contents/zero_bg_04.gif") no-repeat; }
.zeroArea li.fifth {height:690px; background:url("../images/contents/zero_bg_05.gif") no-repeat; }

/* sub0103 - solose */
.soloseArea li.first {background:url("../images/contents/solose_bg_01.gif") no-repeat;}
.soloseArea li.sec {background:url("../images/contents/solose_bg_02.gif") no-repeat; }
.soloseArea li.sec .copyWidth {width:340px;}
.soloseArea li.third {height:530px; background:url("../images/contents/solose_bg_03.gif") no-repeat; }
.soloseArea li.fourth {background:url("../images/contents/solose_bg_04.gif") no-repeat; }
.soloseArea li.fifth {height:220px; background:#f2f2f2; }

/* sub0104 - duo2 */
.duo2Area li.first {background:url("../images/contents/duo2_bg_01.gif") no-repeat;}
.duo2Area li.sec {height:260px; background:#f2f2f2; }
.duo2Area li.third {height:650px; background:url("../images/contents/duo2_bg_03.gif") no-repeat; }
.duo2Area li.fourth {height:250px; background:#f2f2f2;}
.duo2Area li.fifth {height:650px; background:url("../images/contents/duo2_bg_05.gif") no-repeat; }
.duo2Area li.six{height:330px; background:#f2f2f2;}
.duo2Area li.seven {height:400px;background:url("../images/contents/duo2_bg_07.gif") no-repeat;}
.duo2Area li.seven .copyWidth {width:540px;}
.duo2Area li.eight{height:470px; background:url("../images/contents/duo2_bg_08.gif") no-repeat; }
.duo2Area li.eight .copyWidth {width:540px;}
.duo2Area li.nine{height:300px; background:#f2f2f2;}
.duo2Area li.ten{height:410px; background:#f2f2f2;}

/* sub0105 - solo2 */
.solo2Area li.first {background:url("../images/contents/solo2_bg_01.gif") no-repeat;}
.solo2Area li.sec {background:url("../images/contents/solo2_bg_02.gif") no-repeat; }
.solo2Area li.sec .copyWidth {width:540px;}
.solo2Area li.third {background:url("../images/contents/solo2_bg_03.gif") no-repeat; }
.solo2Area li.fourth {height:380px; background:#f2f2f2;}

/* sub0106 - ultimo */
.ultimoArea li.first {background:url("../images/contents/ultimo_bg_01.gif") no-repeat;}
.ultimoArea li.sec {background:url("../images/contents/ultimo_bg_02.gif") no-repeat;}

/* sub0107 - uno */
.unoArea li.first {background:url("../images/contents/uno_bg_01.gif") no-repeat; }
.unoArea li.sec {background:url("../images/contents/uno_bg_02.gif") no-repeat; }

/* sub0108 - duo */
.duoArea li.first {background:url("../images/contents/duo_bg_01.gif") no-repeat; }
.duoArea li.sec {background:url("../images/contents/duo_bg_02.gif") no-repeat; }

/* sub0109 - solo */
.soloArea li.first {background:url("../images/contents/solo_bg_01.gif") no-repeat;}
.soloArea li.sec {background:url("../images/contents/solo_bg_02.gif") no-repeat; }

/* sub0110/sub0111 - app - android */
.appWrap .appTop {height:200px; padding-left:250px;border-bottom:1px solid #ccc; }
.appWrap .appTop.android {height:290px; background:url('../images/contents/app_android_icon.png') 40px 0 no-repeat;}
.appWrap .appTop.ios {background:url('../images/contents/app_ios_icon.png') 40px 0 no-repeat;}
.appWrap .appTop span.mainCopy {font-size:26px; font-family:"nanumL"; color:#666; line-height:1.5;}
.appWrap .appTop span.btnApp a {display:block; padding:25px 40px 25px 90px; color:#605891; font-size:18px; font-family:"nanum";}
.appWrap .appTop span.btnApp {display:block; width:260px; border:1px solid #605891; border-radius:5px; background:url('../images/contents/downIcon.png')19% 48% no-repeat; margin-top:20px;}
.appWrap h3 {font-family:"nanumB";color:#605891; font-size:18px; margin-bottom:20px;}
.appWrap h3.ios {font-family:"nanumB";color:#605891; font-size:18px; margin-top:50px;}
.appWrap ul.appList li {font-family:"nanum";font-size:15px; line-height:1.5; margin-bottom:10px;}
.appWrap ul.appList li.last {margin-bottom:40px;}
.appWrap ul.appList li:before {content:""; background:#605891; width:5px; height:5px; display:inline-block; margin:0 7px 2px 0;}
.appWrap p {font-family:"nanum"; font-size:16px; line-height:1.8em; margin-bottom:40px;}
.appWrap p.popule {font-family:"nanumB";color:#605891; font-size:16px; line-height:1.8em; margin-bottom:40px;}

/* sub0112 - accessory */
.accessory li.new08 {background:url("../images/contents/accessory_bg_00_08.gif") no-repeat; height:540px;text-align:center;}
.accessory li.new08 .title {margin-top:80px; margin-left:-475px;}
.accessory li.new08 .mainCopy {margin-left:10px;text-align:left;}
.accessory li.new08 span {margin-left:-470px;}
.accessory li.new07 {background:url("../images/contents/accessory_bg_00_07.gif") no-repeat; height:550px;text-align:center;}
.accessory li.new07 .title {margin:80px 0 0 445px;}
.accessory li.new07 .mainCopy {margin-left:455px;text-align:left;}
.accessory li.new07 span {margin-left:420px;}
.accessory li.new06 {background:url("../images/contents/accessory_bg_00_06.gif") no-repeat; height:540px;text-align:center;}
.accessory li.new06 .title {margin-top:95px; margin-left:-670px;}
.accessory li.new06 .mainCopy {margin-left:10px;text-align:left;}
.accessory li.new06 span {margin-left:-470px;}
.accessory li.new05 {background:url("../images/contents/accessory_bg_00_05.gif") no-repeat; height:569px;text-align:center;}
.accessory li.new05 .title {margin:120px 0 0 290px;}
.accessory li.new05 .mainCopy {margin-left:455px;text-align:left;}
.accessory li.new05 span {margin-left:420px;}
.accessory li.new04 {background:url("../images/contents/accessory_bg_00_04.gif") no-repeat; height:680px;text-align:center;}
.accessory li.new04 .title {margin-top:20px;}
.accessory li.new01 {background:url("../images/contents/accessory_bg_00_01.gif") no-repeat; height:640px;text-align:center;}
.accessory li.new01 .title {margin-top:20px;}
.accessory li.new01 .mainCopy {margin-top:20px;}
.accessory li.new02 {background:url("../images/contents/accessory_bg_00_02.gif") no-repeat; height:700px;text-align:center;}
.accessory li.new02 .title {margin-top:20px;}
.accessory li.new03 {text-align:left; background:url("../images/contents/accessory_bg_00_03.gif") no-repeat; height:770px;}
.accessory li.new03 span {margin-top:279px;}
.accessory li.new {text-align:left; background:url("../images/contents/accessory_bg_00.gif") no-repeat; height:770px;}
.accessory li.new span {margin-left:420px; margin-top:279px;}
.accessory li.first {text-align:left; background:url("../images/contents/accessory_bg_01.gif") no-repeat; height:770px;}
.accessory li.first .title {margin-top:150px;}
.accessory li.first .title02 {margin-top:90px; font-size:38px; color:#333; }
.accessory li.sec {text-align:left; background:url("../images/contents/accessory_bg_02.gif") no-repeat; height:770px;}
.accessory li.sec span {margin-left:420px;}
.accessory li.sec .title {margin-top:200px;}
.accessory li.sec .title02 {margin-top:90px; font-size:38px; color:#333; }
.accessory li.third {background:url("../images/contents/accessory_bg_03.gif") no-repeat; height:770px;text-align:center;}
.accessory li.third .title {margin-top:20px;}
.accessory li.third .mainCopy {font-size:25px; font-family:"nanumL";}
.accessory li.fourth {background:url("../images/contents/accessory_bg_04.gif") no-repeat; height:750px;text-align:center;}
.accessory li.fourth .title {margin-top:20px;}
.accessory li.fifth {background:url("../images/contents/accessory_bg_05.gif") no-repeat; height:680px;text-align:center;}
.accessory li.fifth .title {margin-top:20px;}
.accessory li.fifth .copy {margin-top:150px;}
.accessory li.sixth {background:url("../images/contents/accessory_bg_06.gif") no-repeat; height:540px;text-align:left;}
.accessory li.sixth span {margin-left:420px;}
.accessory li.sixth .title {margin-top:100px;}
.accessory li.seventh {background:url("../images/contents/accessory_bg_07.gif") no-repeat; height:540px;text-align:left;}
.accessory li.seventh .title {margin-top:100px;}
.accessory li.eighth {background:url("../images/contents/accessory_bg_08.gif") no-repeat; height:440px;text-align:left;}
.accessory li.eighth span {margin-left:470px;}
.accessory li.eighth .title {margin-top:100px;}

/* sub0114 - chromiumArea */  
.productWrap.chromiumArea > li {height:450px;} 
.productWrap.chromiumArea > li .mainCopy {margin-top:20px;}
.chromiumArea li.first {background:url("../images/contents/chromium_bg_01.gif") no-repeat;}

/* 제품 소개 중간의 리스트 */
.productViewList01 {overflow:hidden;}
.productViewList01 li {float:left; line-height:2.2;}
.productViewList01 li:before {content:""; background:#605891; width:5px; height:5px; display:inline-block; margin:0 7px 2px 0;}
.productViewList01 li.short {width:370px;}
.productViewList01 li.long {width:510px;}
/* .productViewList01 li.no_blt:before {content:""; display:none;} */
.productViewList01 li.no_blt:before {content:""; background:#605891; width:0px; height:0px; display:inline-block; margin:0 12px 2px 0;}

/* h4 contents 안의 타이틀 */
.contentsTitle01 {font-family:"nanum"; font-size:40px; margin:50px 0 20px; color:#333;}
.contentsTitle02 {font-family:"nanum"; font-size:30px; margin:50px 0 20px; color:#333;}
.contentsTitle02:first-child {margin-top:0;}

/* productTable */
table.productTable {text-align:center; border-top:1px solid #716ab0; font-size:12px;}
table.productTable thead th {border-right:1px solid #d9d9d9; border-bottom:1px solid #ccc; padding:15px 0; color:#fff; font-size:16px; background:#716ab0;}
table.productTable thead th.vuArea {background:#605891;} /* 왼쪽상단의 영역 */
table.productTable thead th.on {font-family:"nanumB"; col or:#d8ff64; font-size:20px;} /* 타이틀 on영역 */
table.productTable thead th:last-child {border-right:0} /* 우측 라인 삭제 */
table.productTable tbody th {border-right:1px solid #d9d9d9; border-bottom:1px solid #ccc; vertical-align:middle; background:#f1f0f7; }
table.productTable tbody td {border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:10px; color:#666; vertical-align:middle;}
table.productTable tbody td:last-child {border-right:0} /* 우측 라인 삭제 */
table.productTable tbody td.on {background:#e8f7be;} /* 내용 on영역 */
table.productTable a:hover {text-decoration:underline;}

/* sub0201 - registration */
.RegistrationBox {height:330px; background:url("../images/contents/registration_bg.gif") repeat-y; border-top:1px solid #605891; text-align:center;}
.RegistrationBox h4 {margin:70px auto 20px;}
.RegistrationBox p {font-size:22px; font-family:"nanum"; color:#666;}
.RegistrationBox div.formArea {padding:60px 0;}
.RegistrationBox div.formArea span.title {font-size:20px; color:#333;}
.RegistrationBox div.formArea span.title:before {content:""; background:#605891; width:5px; height:5px; display:inline-block; margin:0 7px 2px 0;}
.RegistrationBox input[type="text"] {border:1px solid #ccc; width:320px; padding:12px 0; margin:0 5px 0 10px;}

/*
.Registration_Box {height:290px; background:url("../images/contents/registration_bg.gif") no-repeat; border-top:1px solid #605891; }
.Registration_Box li.title {margin-top:60px;  text-align:center;}
.Registration_Box li.sub_copy {display:block; font-size:20px; font-family:"nanum"; color:#333; text-align:center; margin-top:20px;}
.Registration_Box li.sub_copy .form {background:#FFFFFF; border:1px solid #CCCCCC; height:35px; width:300px; margin:5px;}
*/