@charset "euc-kr"; /*서브공통*/ /* 서브메뉴 */ #nav { width:100%; background:#fff; height:55px; position:relative; z-index:500; /* 기준선언 */ } #nav .select { /* ul_01 */ width:1200px; height:55px; margin:auto;} #nav li {float:left; padding-left:20px;} #nav li:first-child{padding-left:0;} #nav .select>li>a { display:block; height:55px; line-height:55px; float:left; text-decoration:none; } #nav .select>li>a:first-child { padding-left:0; } #nav .select .padding_1{padding-left:340px;} #nav .select>li:hover>a { height:55px; cursor:pointer; color:#000; } #nav .sub { /* ul_02 */ display:none; width:100%; height:40px; line-height:40px; overflow:hidden; background-color:rgba(255,255,255,0.5); text-align:center; position:absolute; top:55px; left:0; } #nav .select li:hover .sub {display:block;} #nav .select li:hover .sub li a {display:block;} #nav .sub>li{ width:100%; overflow:hidden;} .submenu01{width:1200px; height:40px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:-230px;} /* ul_03 */ .submenu02{width:1200px; height:40px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:10px;} .submenu03{width:1200px; height:40px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:40px;} .submenu04{width:1200px; height:40px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:200px;} .submenu05{width:1200px; height:40px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:10px;} .submenu06{width:1200px; height:40px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:350px;} #nav .sub>li>ul>li {float:left; padding-left:20px;} /*content*/ #content{overflow:hidden;} /* subVisual */ #subVisual{width:100%;} #subVisual.sub01-1, #subVisual.sub01-2,#subVisual.sub01-3, #subVisual.sub02, #subVisual.sub03, #subVisual.sub03-1, #subVisual.sub04, #subVisual.sub04-1{height:700px;} #subVisual.sub01-1{background:#ab9685 url(../images_kr/subVisual_01-1.jpg) no-repeat center;} #subVisual.sub01-2{background:#e7ddc4 url(../images_kr/subVisual_01-2.jpg) no-repeat center;} #subVisual.sub01-3{background:#e6decf url(../images_kr/subVisual_01-3.jpg) no-repeat center;} #subVisual.sub02{background:#241212 url(../images_kr/subVisual_02.jpg) no-repeat center;} #subVisual.sub03{background:#010010 url(../images_kr/subVisual_03.jpg) no-repeat center;} #subVisual.sub03-1{background:#070707 url(../images_kr/subVisual_03-1.jpg) no-repeat center; margin-bottom:20px;} #subVisual.sub04{background:#cbc8c4 url(../images_kr/subVisual_04.jpg) no-repeat center;} #subVisual.sub04-1{background:#e4eaf1 url(../images_kr/subVisual_04-1.jpg) no-repeat center; margin-bottom:20px;} #subVisual.sub05, #subVisual.sub06, #subVisual.sub07{height:420px;} #subVisual.sub05{background:#7f8fcb url(../images_kr/subVisual_05.jpg) no-repeat center;} #subVisual.sub06{background:#009354 url(../images_kr/subVisual_06.jpg) no-repeat center;} #subVisual.sub07{background:#009354 url(../images_kr/subVisual_07.jpg) no-repeat center;} #subVisual.sub01-4{height:146px; background:#4b4b4b; margin-bottom:20px;} #feature_top{width:1200px;height:146px;margin:auto;} #feature_title{width:794px;height:146px;margin:auto;text-align:center;float:left;} #feature_menu{width:406px;height:146px;margin:auto;text-align:center;overflow:hidden;float:left;} #feature_menu ul{width:406px;margin:auto;margin-top:91px;margin-right:78px;} #feature_menu ul li{float:left;} #subVisual div.box{width:1200px; margin:auto; position:relative;} /*서브타이틀 기준선언*/ .con_txt{position:absolute;top:0; right:0;} /* .stit{padding-left:82px;} */ /*sub content*/ #con{width:1200px; margin:auto; padding:100px 0;} #con2{width:900px; margin:auto;} /* sub08_language*/ #con ul.lang_select{overflow:hidden;} #con ul.lang_select li{float:left; margin-bottom:30px;} /*sub rolling*/ #subrolling{background:#FCC;} /*detail rolling*/ #detail_rolling{width:1200px; height:660px; margin:auto; padding:100px 0;} /* sub acc */ #acc{background:#ebebeb; padding:50px 0 10px 0; text-align:center;} /* user photo */ #user{width:100%; background:#ebebeb; padding-bottom:100px;} #user h4{width:1200px; margin:auto;} #user p.photo_01-1, #user p.photo_01-2, #user p.photo_02, #user p.photo_03, #user p.photo_04{height:702px;} #user p.photo_01-1{background:url(../images_common/sub01-1_userphoto.jpg) no-repeat center;} #user p.photo_01-2{background:url(../images_common/sub01-2_userphoto.jpg) no-repeat center;} #user p.photo_02{background:url(../images_common/sub02_userphoto.jpg) no-repeat center;} #user p.photo_03{background:url(../images_common/sub03_userphoto.jpg) no-repeat center;} #user p.photo_04{background:url(../images_common/sub04_userphoto.jpg) no-repeat center;} /*서브03 Travel*/ #travelCon{width:1200px; margin:auto;} #travelCon p.movie{padding-bottom:100px;} /*기존 2016 홈페이지 그대로 사용하는 페이지에 적용하는 스타일*/ ul, ol, li { list-style: none; } /*탑메뉴*/ #top{width:100%; height:45px; background-color:#f2f2f2;} #top ul.lang{width:1200px; margin:auto; text-align:right; overflow:hidden;} #top ul.lang li{display:inline-block; margin:0; padding:0;} #top img{display:block;} /*footer*/ #footer{clear:both; width:100%; height:120px; overflow:hidden; background:url('../../home/images_kr/footer_bg.jpg') repeat-x;} div.footmenu{width:1200px; margin:auto;} div.footmenu ul{width:100%; overflow:hidden;} div.footmenu ul li{float:left; margin-right:82px;} div.foottext{width:1200px; margin:auto;} /*서브01-3 mix&match*/ #mixcon{width:1200px; margin:auto; margin-bottom:10px;} #mixcon_btn{width:1200px; margin:auto; margin-bottom:30px;} #mixcon_btn ul{width:100%; margin-left:389px; margin-right:385px; overflow:hidden;} #mixcon_btn ul li{float:left; margin-right:11px;} #color_titanium{width:1200px; height:695px; background:url(../images_kr/color_titanium_bg.jpg) no-repeat center; margin:auto; margin-bottom:10px;} #color_titanium_btn{width:196px; height:166px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:-95px; top:1400px;} #color_titanium_btn ul{width:100%; height:26px; overflow:hidden;} #color_titanium_btn ul li{float:left; margin-right:8px;} #color_titanium_btn ul li:last-child{margin-right:0px;} #color_black{width:1200px; height:695px; background:url(../images_kr/color_black_bg.jpg) no-repeat center; margin:auto; margin-bottom:10px;} #color_black_btn{width:196px; height:166px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:-95px; top:2150px;} #color_black_btn ul{width:100%; height:26px; overflow:hidden;} #color_black_btn ul li{float:left; margin-right:8px;} #color_black_btn ul li:last-child{margin-right:0px;} #color_rosegold{width:1200px; height:695px; background:url(../images_kr/color_rosegold_bg.jpg) no-repeat center; margin:auto; margin-bottom:100px;} #color_rosegold_btn{width:196px; height:166px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:-95px; top:2900px;} #color_rosegold_btn ul{width:100%; height:26px; overflow:hidden;} #color_rosegold_btn ul li{float:left; margin-right:8px;} #color_rosegold_btn ul li:last-child{margin-right:0px;} #mstyle{width:1200px; height:695px; background:url(../images_kr/mstyle_bg.jpg) no-repeat center; margin:auto; margin-bottom:100px;} #mstyle_btn{width:94px; height:186px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:-45px; top:1400px;} #mstyle_btn ul{width:100%; height:26px; overflow:hidden;} #mstyle_btn ul li{float:left; margin-right:8px;} #mstyle_btn ul li:last-child{margin-right:0px;} #mstyle_titanium{width:1200px; height:695px; background:url(../images_kr/mstyle_titanium_bg.jpg) no-repeat center; margin:auto; margin-bottom:10px;} #mstyle_titanium_btn{width:94px; height:186px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:-45px; top:1400px;} #mstyle_titanium_btn ul{width:100%; height:26px; overflow:hidden;} #mstyle_titanium_btn ul li{float:left; margin-right:8px;} #mstyle_titanium_btn ul li:last-child{margin-right:0px;} #mstyle_black{width:1200px; height:695px; background:url(../images_kr/mstyle_black_bg.jpg) no-repeat center; margin:auto; margin-bottom:10px;} #mstyle_black_btn{width:94px; height:186px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:-45px; top:2100px;} #mstyle_black_btn ul{width:100%; height:26px; overflow:hidden;} #mstyle_black_btn ul li{float:left; margin-right:8px;} #mstyle_black_btn ul li:last-child{margin-right:0px;} #mstyle_rosegold{width:1200px; height:695px; background:url(../images_kr/mstyle_rosegold_bg.jpg) no-repeat center; margin:auto; margin-bottom:100px;} #mstyle_rosegold_btn{width:94px; height:186px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:-45px; top:2800px;} #mstyle_rosegold_btn ul{width:100%; height:26px; overflow:hidden;} #mstyle_rosegold_btn ul li{float:left; margin-right:8px;} #mstyle_rosegold_btn ul li:last-child{margin-right:0px;} #travel_titanium{width:1200px; height:695px; background:url(../images_kr/travel_titanium_bg.jpg) no-repeat center; margin:auto; margin-bottom:10px;} #travel_titanium_btn{width:94px; height:186px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:-45px; top:1400px;} #travel_titanium_btn ul{width:100%; height:26px; overflow:hidden;} #travel_titanium_btn ul li{float:left; margin-right:8px;} #travel_titanium_btn ul li:last-child{margin-right:0px;} #travel_black{width:1200px; height:695px; background:url(../images_kr/travel_black_bg.jpg) no-repeat center; margin:auto; margin-bottom:10px;} #travel_black_btn{width:94px; height:186px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:-45px; top:2130px;} #travel_black_btn ul{width:100%; height:26px; overflow:hidden;} #travel_black_btn ul li{float:left; margin-right:8px;} #travel_black_btn ul li:last-child{margin-right:0px;} #travel_rosegold{width:1200px; height:695px; background:url(../images_kr/travel_rosegold_bg.jpg) no-repeat center; margin:auto; margin-bottom:100px;} #travel_rosegold_btn{width:94px; height:186px; overflow:hidden; z-index:100; position:absolute; left:50%; margin-left:-45px; top:2840px;} #travel_rosegold_btn ul{width:100%; height:26px; overflow:hidden;} #travel_rosegold_btn ul li{float:left; margin-right:8px;} #travel_rosegold_btn ul li:last-child{margin-right:0px;}