@charset "utf-8";

/*
* main style
*/


/* topVisual */
.visualGroupArea { position:relative; margin:15px 0 0; height:450px;}
.visualGroupArea .visual { display:none;}
.visualGroupArea .visual .item { position:absolute;}

/*
.visualGroupArea .visual .item0 { top:0px;}
.visualGroupArea .visual .item1 { top:150px;}
.visualGroupArea .visual .item2 { top:284px;}
*/

.visualGroupArea .visual0 .item0 { left:0px;top:90px; z-index:2;}
.visualGroupArea .visual0 .item1 { left:0px;top:140px; z-index:2;}
.visualGroupArea .visual0 .item2 { left:0; top:0; z-index:1;}
.visualGroupArea .visual0 .item3 { left:870px; top:30px; z-index:2;}
.visualGroupArea .visual0 .item4 { left:30px; top:30px; z-index:2;}

.visualGroupArea .visual2 .item0 { left:0px;top:1px; z-index:2;}

.visualGroupArea .visual3 .item0 { left:0; top:90px; z-index:2;}
.visualGroupArea .visual3 .item1 { left:0; top:135px; z-index:2;}
.visualGroupArea .visual3 .item2 { left:0; top:255px; z-index:2;}
.visualGroupArea .visual3 .item3 { left:0; top:0; z-index:1;}
.visualGroupArea .visual3 .item4 { left:570px; top:215px; z-index:2;}

.visualGroupArea .visual4 .item0 { left:0; top:95px; z-index:2;}
.visualGroupArea .visual4 .item1 { left:0; top:145px; z-index:2;}
.visualGroupArea .visual4 .item2 { left:0; top:280px; z-index:2;}
.visualGroupArea .visual4 .item3 { left:0; top:0; z-index:1;}
.visualGroupArea .visual4 .item4 { left:657px; top:0; z-index:2;}
.visualGroupArea .visual4 .item5 { left:848px; top:190px; z-index:2;}/

.visualGroupArea .visual5 .item0 { left:0; top:95px; z-index:2;}
.visualGroupArea .visual5 .item1 { left:0; top:145px; z-index:2;}
.visualGroupArea .visual5 .item2 { left:0; top:280px; z-index:2;}
.visualGroupArea .visual5 .item3 { left:0; top:0; z-index:1;}
.visualGroupArea .visual5 .item4 { left:842px; top:244px; z-index:2;}

.visualGroupArea .visual6 .item0 { left:0; top:90px; z-index:2;}
.visualGroupArea .visual6 .item1 { left:0; top:135px; z-index:2;}
.visualGroupArea .visual6 .item2 { left:0; top:274px; z-index:2;}
.visualGroupArea .visual6 .item3 { left:0; top:0; z-index:1;}
.visualGroupArea .visual6 .item4 { left:687px; top:0; z-index:2;}
.visualGroupArea .visual6 .item5 { left:788px; top:89px; z-index:3;}

.visualGroupArea .visual7 .item0 { left:0; top:95px; z-index:2;}
.visualGroupArea .visual7 .item1 { left:0; top:145px; z-index:2;}
.visualGroupArea .visual7 .item2 { left:0; top:280px; z-index:2;}
.visualGroupArea .visual7 .item3 { left:0; top:0; z-index:1;}
.visualGroupArea .visual7 .item4 { left:540px; top:0; z-index:2;}
.visualGroupArea .visual7 .item5 { left:843px; top:230px; z-index:3;}

.visualGroupArea .visual8 .item0 { left:0; top:95px; z-index:2;}
.visualGroupArea .visual8 .item1 { left:0; top:145px; z-index:2;}
.visualGroupArea .visual8 .item2 { left:0; top:290px; z-index:2;}
.visualGroupArea .visual8 .item3 { left:0; top:0; z-index:1;}
.visualGroupArea .visual8 .item4 { left:640px; top:154px; z-index:2;}
.visualGroupArea .visual8 .item5 { left:835px; top:234px; z-index:3;}
.visualGroupArea .visual8 .item6 { left:640px; top:204px; z-index:3;}

/*유투브 동영상 링크 - 150707 */
.youtube { float:left;margin-top : 320px; z-index:100;}
.youtube ul li { float:left; position:relative; width:178px; height:100px; margin-right:10px;}
.youtube ul li a { display:block; position:absolute; width:100%; height:100%; background:url(../images/main/visual2/video_mouseOut.png) no-repeat center center; z-index:100;}
.youtube ul li a.on:hover { background:url(../images/main/visual2/video_mouseOver.png) no-repeat}



/* 동영상 암막 팝업 */
#layer_pop{position:fixed; width:100%; height:2000px; top:0px; left:0px; background:url('../images/main/dark_bg.png'); display:none;z-index:100000;}
#layer_pop .pop_cont{position:absolute;z-index:100001;}
.btn_close{display:block; font-weight:bold; color:#FFFFFF; padding:6px 0; text-align:right;}

#layer_pop2{position:fixed; width:100%; height:2000px; top:0px; left:0px; text-align:center; background:url('../images/main/dark_bg.png'); display:visible;z-index:100000;}
#layer_pop2 .pop_cont2{display:block; margin:60px;  z-index:100001; }
.btn_close{display:block; font-weight:bold; color:#FFFFFF; padding:6px 0; text-align:right;}


/* subNavigation */
#subNavigation { position:relative; height:195px; overflow:hidden;}
#subNavigation .depth1sub { position:absolute; width:100%; height:55px; left:0; top:140px; padding-left:398px; overflow:hidden;}
#subNavigation .depth1sub li { float:left; height:100%; z-index:100;}
#subNavigation .depth1sub li.menu0 { margin:0 10px 0 0;}
#subNavigation .depth1sub li.menu1 { margin:0 10px 0 0;}
#subNavigation .depth1sub li.menu2 { margin:0 10px 0 0;}
#subNavigation .depth1sub li.menu3 { margin:0 10px 0 0;}
#subNavigation .depth1sub li.menu4 { margin:0 10px 0 0;}
#subNavigation .depth1sub li.menu5 { margin:0 10px 0 0;}
#subNavigation .depth1sub li.menu6 { margin:0 10px 0 0;}
#subNavigation .depth1sub li.menu7 { margin:0 10px 0 0;}
#subNavigation .depth1sub li.menu8 { margin:0 10px 0 0;}
#subNavigation .depth1sub li a { position:relative; display:block; width:15px; height:55px; text-align:center; z-index:10;}
#subNavigation .depth1sub li a img { margin:17px 0 0;}
#subNavigation .depth1sub li.hover { position:absolute; left:0; top:3px; width:18px; height:49px; padding-left:2px; z-index:1;}
#subNavigation .depth1sub li.hover .inner { height:49px;}

#subNavigation .depth2SubOuterWrap { position:relative; width:960px; height:140px; left:0; top:0; overflow:hidden; z-index:10;}
#subNavigation .depth2sub { position:absolute; width:100%; top:0; left:0; height:20000em;}
#subNavigation .depth2sub > li { position:relative; width:100%; height:140px; margin:0; padding:0;}
*:first-child+html #subNavigation .depth2sub > li { margin-bottom:-2px;}
#subNavigation .depth2sub > li > ul { overflow:hidden;}
#subNavigation .depth2sub > li > ul > li { position:absolute;}

#subNavigation .depth2sub > li.menu0 > ul > li.link0 { left:0; top:0;}
#subNavigation .depth2sub > li.menu0 > ul > li.link1 { left:320px; top:0;}
#subNavigation .depth2sub > li.menu0 > ul > li.link2 { left:640px; top:0;}

#subNavigation .depth2sub > li.menu1 > ul > li.link0 { left:0; top:0;}
#subNavigation .depth2sub > li.menu1 > ul > li.link1 { left:240px; top:0;}
#subNavigation .depth2sub > li.menu1 > ul > li.link2 { left:480px; top:0;}
#subNavigation .depth2sub > li.menu1 > ul > li.link3 { left:720px; top:0;}
/*#subNavigation .depth2sub > li.menu0 > ul > li.link4 { left:770px; top:0;}*/

#subNavigation .depth2sub > li.menu2 > ul > li.link0 { left:0; top:0;}
#subNavigation .depth2sub > li.menu2 > ul > li.link1 { left:320px; top:0;}
#subNavigation .depth2sub > li.menu2 > ul > li.link2 { left:640px; top:0;}

#subNavigation .depth2sub > li.menu3 > ul > li.link0 { left:0; top:0;}
#subNavigation .depth2sub > li.menu3 > ul > li.link1 { left:112px; top:0;}
#subNavigation .depth2sub > li.menu3 > ul > li.link2 { left:222px; top:0;}
#subNavigation .depth2sub > li.menu3 > ul > li.link3 { left:332px; top:0;}
#subNavigation .depth2sub > li.menu3 > ul > li.link4 { left:442px; top:0;}
#subNavigation .depth2sub > li.menu3 > ul > li.link5 { left:552px; top:0;}

#subNavigation .depth2sub > li.menu4 > ul > li.link0 { left:0; top:0;}
#subNavigation .depth2sub > li.menu4 > ul > li.link1 { left:240px; top:0;}
#subNavigation .depth2sub > li.menu4 > ul > li.link2 { left:480px; top:0;}
#subNavigation .depth2sub > li.menu4 > ul > li.link3 { left:720px; top:0;}
/*#subNavigation .depth2sub > li.menu4 > ul > li.link4 { left:768px; top:0;}*/

#subNavigation .depth2sub > li.menu5 > ul > li.link0 { left:0; top:0;}
#subNavigation .depth2sub > li.menu5 > ul > li.link1 { left:192px; top:0;}
#subNavigation .depth2sub > li.menu5 > ul > li.link2 { left:384px; top:0;}
#subNavigation .depth2sub > li.menu5 > ul > li.link3 { left:576px; top:0;}
#subNavigation .depth2sub > li.menu5 > ul > li.link4 { left:768px; top:0;}

#subNavigation .depth2sub > li.menu6 > ul > li.link0 { left:0; top:0;}
#subNavigation .depth2sub > li.menu6 > ul > li.link1 { left:480px; top:0;}
#subNavigation .depth2sub > li.menu6 > ul > li.link2 { left:720px; top:0;}

#subNavigation .depth2sub > li.menu7 > ul > li.link0 { left:0; top:0;}
#subNavigation .depth2sub > li.menu7 > ul > li.link1 { left:192px; top:0;}
#subNavigation .depth2sub > li.menu7 > ul > li.link2 { left:384px; top:0;}
#subNavigation .depth2sub > li.menu7 > ul > li.link3 { left:576px; top:0;}
#subNavigation .depth2sub > li.menu7 > ul > li.link4 { left:768px; top:0;}

#subNavigation .depth2sub > li.menu8 > ul > li.link0 { left:0; top:0;}
#subNavigation .depth2sub > li.menu8 > ul > li.link1 { left:240px; top:0;}
#subNavigation .depth2sub > li.menu8 > ul > li.link2 { left:480px; top:0;}
#subNavigation .depth2sub > li.menu8 > ul > li.link3 { left:720px; top:0;}

/* #subNavigation .tail { position:absolute; width:20px; height:10px; left:0; top:130px; background:url("/images/main/visual/arrow_subNavi.png") no-repeat left top; z-index:1;} */







/* content */
.main #content { margin:0 0 10px 0; }
.main #content .row1 { position:relative; padding:38px 0 40px 0; border-bottom:1px solid #e7e7e7; height:160px;}
.main #content .row2 { position:relative; margin-top:42px; padding-bottom:39px; border-bottom:1px solid #e7e7e7; height:155px;}
.main #content .row3 { position:relative; height:248px;}

.main #content .emergency,
.main #content .emergency ul li a,
.main #content .as,
.main #content .as ul li a,
.main #content .notice,
.main #content .center,
.main #content .center ul li a,
.main #content .service,
.main #content .service ul li a,
.main #content .experience,
.main #content .experience ul li a { background:url(/images/main/content.gif) 0 0 no-repeat; }

.main #content .emergency { position:absolute; width:275px; height:150px; top:35px; left:10px; background-position:0 0; padding-top:15px; }
.main #content .emergency .txt { margin-top:20px; }
.main #content .emergency ul { margin-top:25px; }
.main #content .emergency ul li { display:inline; float:left; }
.main #content .emergency ul li a { display:block; text-indent:-99999px; }
.main #content .emergency ul li.num1 a { width:88px; height:53px; background-position:0 -350px; margin-right:5px; }
.main #content .emergency ul li.num2 a { width:89px; height:53px; background-position:-93px -350px; margin-right:5px; }
.main #content .emergency ul li.num3 a { width:88px; height:53px; background-position:-186px -350px; }

.main #content .as { position:absolute; width:275px; height:150px; top:43px; left:330px; background-position:-275px 0; padding-top:6px; }
.main #content .as .txt { margin-top:20px; }
.main #content .as ul { margin-top:25px; }
.main #content .as ul li { display:inline; float:left; }
.main #content .as ul li a { display:block; text-indent:-99999px; }
.main #content .as ul li.num1 a { width:86px; height:53px; background-position:0 -410px; margin-right:5px; }
.main #content .as ul li.num2 a { width:87px; height:53px; background-position:-91px -410px; margin-right:5px; }
.main #content .as ul li.num3 a { width:86px; height:53px; background-position:-183px -410px; }

.main #content .notice { position:absolute; width:275px; top:43px; left:650px; background-position:-550px 0; padding-top:6px; }
.main #content .notice .txt { margin-top:34px; }
.main #content .notice .txt img { vertical-align:middle; }
.main #content .notice .txt a { margin-left:3px; }
.main #content .notice ul { margin-top:19px; }
.main #content .notice ul li { padding-left:10px; background:url(/images/common/bul_list.gif) 0 50% no-repeat; }
.main #content .notice ul li a { font:12px/20px dotum; color:#888; }

.main #content .center { position:absolute; width:275px; top:0; left:10px; background-position:0 -160px; padding-top:4px; }
.main #content .center .txt { margin-top:20px; }
.main #content .center ul { margin-top:25px; }
.main #content .center ul li { display:inline; float:left; }
.main #content .center ul li a { display:block; text-indent:-99999px; }
.main #content .center ul li.num1 a { width:88px; height:53px; background-position:0 -470px; margin-right:5px; }
.main #content .center ul li.num2 a { width:89px; height:53px; background-position:-93px -470px; margin-right:5px; }
.main #content .center ul li.num3 a { width:88px; height:53px; background-position:-187px -470px; }

.main #content .service { position:absolute; width:275px; top:0; left:330px; background-position:-275px -160px; padding-top:4px;}
.main #content .service .txt { margin-top:20px; }
.main #content .service ul { margin-top:25px; }
.main #content .service ul li { display:inline; float:left; }
.main #content .service ul li a { display:block; text-indent:-99999px; }
.main #content .service ul li.num1 a { width:86px; height:53px; background-position:0 -530px; margin-right:5px; }
.main #content .service ul li.num2 a { width:87px; height:53px; background-position:-91px -530px; margin-right:5px; }
.main #content .service ul li.num3 a { width:89px; height:53px; background-position:-182px -530px; }

.main #content .experience { position:absolute; width:275px; top:0; left:650px; background-position:-550px -160px; padding-top:4px;}
.main #content .experience .txt { margin-top:20px; }
.main #content .experience ul { margin-top:25px; }
.main #content .experience ul li { display:inline; float:left; }
.main #content .experience ul li a { display:block; text-indent:-99999px; }
.main #content .experience ul li.num1 a { width:88px; height:53px; background-position:0 -590px; margin-right:5px; }
.main #content .experience ul li.num2 a { width:88px; height:53px; background-position:-92px -590px; margin-right:5px; }
.main #content .experience ul li.num3 a { width:89px; height:53px; background-position:-184px -590px; }

.main #content div.navienSns { position:absolute; width:275px; margin-top:45px; top:0px; left:10px; }
.main #content div.navienSns strong { font-weight:bold; }
.main #content div.navienSns div.navienFacebook { overflow:hidden; padding-top:20px; }
.main #content div.navienSns div.navienFacebook a { color:#575757; }
.main #content div.navienSns div.navienFacebook img { float:left; }
.main #content div.navienSns div.navienFacebook span,
.main #content div.navienSns div.navienFacebook .facebookLike { float:left; margin-left:20px; }
.main #content div.navienSns div.navienFacebook .facebookLike { margin-top:7px; }
.main #content div.navienSns div.navienTwitter { margin-top:20px; }
.main #content div.navienSns div.navienTwitter>a { color:#575757; }
.main #content div.navienSns div.navienTwitter img { float:left; }
.main #content div.navienSns div.navienTwitter span { float:left; margin-left:15px; }
.main #content div.navienSns div.navienTwitter .twitterComment { float:left; margin-left:15px; width:215px; margin-top:5px; font-size:11px; line-height:18px; }
.main #content div.navienSns div.navienTwitter .twitterComment a { color:#888; }

.main #content div.globalNavien { position:absolute; width:287px; margin-top:45px; top:0px; left:10px; }
.main #content div.globalNavien .txt { margin-top:20px;}

.main #content .productReview { position:absolute; width:285px; margin-top:45px; top:0px; left:330px; font-size:11px; }
.main #content .productReview h3 { float:left; }
.main #content .productReview .recommend { float:right; text-align:right; }
.main #content .productReview .facebook { float:right; margin-right:3px; display:block;}
.main #content .productReview .twitter { float:right; display:block;}
.main #content .productReview .review { margin-top:43px; }
.main #content .productReview .review .pdtImg { float:left; margin-top:13px; border:1px solid #e8e8e8; }
.main #content .productReview .review .txt { float:left; margin:13px 0 0 15px; width:180px; }
.main #content .productReview .review div.txt>a { color:#575757;  letter-spacing:-0.5px;}
.main #content .productReview p { margin-top:7px; line-height:18px; }
.main #content .productReview p a { color:#888; }
.main #content .productReview .pointTp1 { float:left; margin-left:0; margin-right:7px; }
.main #content .productReview .pointTp1 .mask { float:left; }
.main #content .productReview .userId { float:left; margin:2px 0 0 0; }
.main #content .productReview .userId a { color:#37a3b6; font-size:11px; font-weight:bold; }

.main #content div.navienBlog { position:absolute; width:310px; top:0px; left:640px; }

.main #content .navienSns2 { position:absolute; width:275px; margin-top:45px; top:0; left:650px; background-position:-550px -160px; padding-top:4px;}
.main #content .navienSns2 .txt { margin-top:20px; }
.main #content .navienSns2 ul { margin-left:9px; margin-top:20px; }
.main #content .navienSns2 ul li { display:inline; float:left; }
.main #content .navienSns2 ul li a { display:block; text-indent:-99999px; }
.main #content .navienSns2 ul li.num1 a { width:72px; height:72px; background:url(/images/main/naviensns1.jpg) 0 0 no-repeat; margin-right:20px; }
.main #content .navienSns2 ul li.num2 a { width:72px; height:72px; background:url(/images/main/naviensns2.jpg) 0 0 no-repeat; margin-right:20px; }
.main #content .navienSns2 ul li.num3 a { width:72px; height:72px; background:url(/images/main/naviensns3.jpg) 0 0 no-repeat; }