/* 전체 영역 */ #wrap { width:100%; min-width:1440px;} #wrap_sub { width:100%; min-width:1440px;} /* TM */ #header { display:block; position:fixed; z-index:99999999; width:100%; height:20px; margin:0 auto; top:0; } .tm { float:right;position:absolute; padding:11px 0 0; right:10px;} .tm img { padding:0; margin:0 0 0 1px; } .tm a { color:#CCC; text-decoration:none; font-size:9pt; font-family:'Noto Sans Kr'; } .tm .sitemap { margin:0 0 0 -3px; color:#CCC; text-decoration:none; font-size:9pt; font-family:'Noto Sans Kr';} .tm span.adm a { margin:0 0 0 -3px;} .tm_logo { display:block; position:relative; z-index:99999; width:288px; top:0px; margin:0 auto;} .span_ll { display:inline-block; padding:0 2px; font-size:11px; font-family:'dotum'; color:#777; font-weight:normal; } .span_fl { color:#999; font-size:13px; font-family:'NanumGothic', 'dotum'; font-weight:bold; letter-spacing:-0.05em; text-decoration:none; } /* GNB */ #gnb { display:block; position:relative; z-index:9999; width:100%; height:124px; margin:0 auto; } #gnb_sub { display:block; position:relative; z-index:9999; width:100%; height:124px; margin:0 auto; top:0; } .gnb_stripe { height:124px; position:relative; background:#2F3133; } #nav_container { top:0px; left:0px; width:100%; position:absolute; z-index:9; } #nav_container .nav_wrap { top:0; width:1280px; margin:0 auto; position:relative; } #nav_container .nav_wrap .logo { top:0px; left:0px; position:absolute; cursor:pointer; } #nav_container .nav_wrap .logo .c2 { position:absolute; top:0; left:0; display:none; } #nav_container .nav_wrap .nation_wrap { top:47px; right:-200px; position:absolute; } #nav_container .nav_wrap .nation_wrap img { height:36px; margin:0 0 0 5px; vertical-align:top; } #nav_container .nav_wrap .nav { top:45px; left:0; position:relative; } #nav_container .nav_wrap .nav .gnb_wrap { left:250px; display:table; position:absolute; } #nav_container .nav_wrap .nav .gnb_wrap .btn { float:left; display:inline-block; cursor:pointer; position:relative; } #nav_container .nav_wrap .nav .gnb_wrap .btn img { padding:0px; } #nav_container .nav_wrap .nav .gnb_wrap .btn .c2 { padding:0px; position:absolute; top:0px; left:0; visibility:hidden; } #nav_container .nav_wrap .nav .gnb_wrap .btn .underLine { bottom:0px; left:20px; width:0; height:40px; border-bottom:1px #fff solid; position:absolute; } #nav_container .nav_wrap .nav .snb_wrap { top:77px; left:10px; position:relative; } #nav_container .nav_wrap .nav .snb_wrap .wrap { top:0px; left:0px; position:absolute; overflow:hidden; display:none; } #nav_container .nav_wrap .nav .snb_wrap .wrap .Line { width:175px; height:1px; background:#ff507e; } #nav_container .nav_wrap .nav .snb_wrap .wrap .btns_wrap { padding-top:20px; padding-bottom:20px; background:#2F3133; position:relative; } #nav_container .nav_wrap .nav .snb_wrap .wrap .btns_wrap .btn { width:175px; height:32px; cursor:pointer; position:relative; } #nav_container .nav_wrap .nav .snb_wrap .wrap .btns_wrap .btn .default { top:0px; left:0px; width:175px; height:32px; position:absolute; } #nav_container .nav_wrap .nav .snb_wrap .wrap .btns_wrap .btn .over { top:0px; left:0px; width:175px; height:32px; position:absolute; opacity:0; } #nav_container .nav_wrap .nav .snb_wrap .wrap .btns_wrap .btn .line { /*display:none;*/ top:0px; left:15px; width:140px; height:1px; background:#bbb; opacity:0.1; position:absolute; } #nav_container .nav_wrap .nav .snb_wrap .wrap .btns_wrap .endLine { /*display:none;*/ top:0px; left:15px; width:140px; height:1px; background:#bbb; opacity:0.1; position:relative; } /* MAIN VISUAL */ #visual { display:block; position:relative; width:100%; height:727px; top:0px; } #contents_ms { display:block; overflow:hidden; width:100%; height:727px; margin:0 auto; position:absolute; top:0px; display:none; vertical-align:top;} #slider { top:0; left:0; height:727px; position:absolute; } #slider ul { height:727px; position:relative; vertical-align:top;} #slider ul li { list-style:none; float:left; width:100%; height:727px; position:absolute; } #slider ul li div { margin:0 auto; width:1283px; height:727px; position:relative; } /* step1 */ .slider_sp1 { display:none; top:0; left:0; height:727px; position:absolute; } /* step2 */ .slider_sp2 { top:0; left:0; height:727px; position:absolute; } .slider_sp2 ul { height:727px; position:relative; } .slider_sp2 ul li { list-style:none; float:left; width:100%; height:727px; position:absolute; } .slider_sp2 ul li div { margin:0 auto; width:1283px; height:727px; position:relative; text-align:center;} .slider_sp2 ul li div.box1 { top:270px; text-align:center; } .slider_sp2 ul li div.box2 { top:270px; text-align:center; } .slider_sp2 ul li div.box3 { top:270px; text-align:center; } .slider_sp2 ul li div.box4 { top:270px; text-align:center; } .slider_sp2 ul li div.box5 { top:270px; text-align:center; } .slider_sp2 h1 { font-family:'Noto Sans Kr'; font-weight:250; font-size:35px; letter-spacing:-0.03em; line-height:45px; color:#fff; } .slider_txt1 { font-family:'Noto Sans Kr'; font-weight:400; font-size:51px; letter-spacing:-0.02em; line-height:100px; color:#fff; } .slider_txt2 { font-family:'Noto Sans Kr'; font-weight:250; font-size:21px; letter-spacing:-0.02em; line-height:33px; color:#fff; } /* step3 */ .slider_sp3 { display:none; top:0; left:0; height:727px; position:absolute; display:none;} /* prev */ #arrowPrev { width:85px; height:150px; position:absolute; top:280px; left:5%; } #arrowPrev div.img { width:85px; height:150px; position:absolute; } #arrowPrev div.square { width:85px; height:150px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; } /* next */ #arrowNext { width:85px; height:150px; position:absolute; top:280px; right:6%; } #arrowNext div.img { width:85px; height:150px; position:absolute; } #arrowNext div.square { width:85px; height:150px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; } /* navigation */ #contents_ms_nav { width:100%; height:20px; top:680px; position:absolute; margin:0 auto; } #contents_ms_nav div { overflow:hidden; margin:0 auto; width:120px; height:20px; position:relative; padding:0;} #contents_ms_nav div ul { width:120px; height:20px; } #contents_ms_nav div ul li { list-style:none; float:left; width:16px; height:20px; margin:0 3px; cursor:pointer; position:relative; } #contents_ms_nav div ul li div { position:absolute; } /* 의료진 */ .dr_wrap { width:100%; height:795px; text-align:center; background:#F7F7F7; } .dr_wrap ul { width:1565px; margin:0 auto; } .dr_wrap .txt { width:1565px;margin:0 auto; text-align:center; padding-top:70px; } .dr_wrap .txt h2 { font-family:'Noto Sans Kr'; font-weight:300; font-size:42px; letter-spacing:-0.07em; line-height:100px;} .dr_wrap .txt h2 a:hover { text-decoration:none;} .dr_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:300; font-size:17px; letter-spacing:-0.02em; line-height:28px; color:#444; } .dr_wrap .img { width:1252px; margin:0 auto; margin-top:70px;} .dr_wrap .img .dr { width:1252px; margin:0 auto; } .dr_wrap .img .dr li { float:left; width:295px; height:437px; margin:0 9px; background:#fff; border-bottom:2px #7F7F7F solid; } .dr_wrap .img .dr li p { padding-top:15px; font-family:'Noto Sans Kr'; font-weight:300; font-size:17px; letter-spacing:-0.04em; line-height:27px;} /* 프로그램 */ .program_wrap { display:inline-block; position:relative; width:100%; text-align:center; margin-bottom:100px;} .program_wrap ul { width:1280px; margin:0 auto; } .program_wrap .txt { width:1280px;margin:0 auto; text-align:center; padding-top:70px; } .program_wrap .txt h2 { font-family:'Noto Sans Kr'; font-weight:300; font-size:42px; letter-spacing:-0.07em; line-height:100px;} .program_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:300; font-size:17px; letter-spacing:-0.02em; line-height:28px; color:#444; } #container_tab1 { width:1280px; text-align:center; margin:0 auto; padding:30px 0 0; } #container_tab1 p { font-family:'Noto Sans Kr'; font-weight:200; font-size:42px; letter-spacing:-0.02em; line-height:140px; } ul.tab1s { display:block; position:relative; z-index:2; margin:0 auto; text-align:center; list-style:none; width:1280px; height:44px; font-family:'Noto Sans Kr'; } .tab1s li {float:left; text-align:center; cursor:pointer; width:172px; padding:0; margin:0 4px; height:44px; line-height:44px; background:#fff; color:#222; font-size:16px; font-weight:300; border:1px #222 solid;overflow:hidden; } .tab1s li.active { background:#5264D2; color:#FFF; } .tab1s li:last-child { /*border-right:none;*/} .tab1_container { position:relative; z-index:1; width:1280px; margin:0 auto;padding:50px 0 0; color:#fff; font-family:'Noto Sans Kr'; } .tab1_content { padding:0; display:none; width:1280px; text-align:center; } .tab1_container .tab1_content ul { width:1280px; margin:0; padding:0;} .tab1_container .tab1_content ul li { float:left;width:320px; margin:0; padding:0; } span.roll { background:url('../images/menu/roll.png') center center no-repeat ; width:320px; height:287px; display:block; position:absolute; z-index:999; margin-left:0px; margin-top:0px;} /* 서브 비쥬얼 */ .visual_container { display:block; position:relative; width:100%; top:0px; } /* .visual_container p { padding-top:215px; margin:0 auto; text-align:center; color:#fff; font-size:50px; font-family:'Noto Sans Kr'; font-weight:200; letter-spacing:-0.03em; } .visual_container .b00_1 { display:none; height:510px; background-image: url('../include/bo_visual/G00_1.jpg'); background-position:bottom; } .visual_container .b00_2 { display:none; background-image: url('../include/bo_visual/G00_2.jpg'); background-position:bottom; } .visual_container .b00_3 { display:none; background-image: url('../include/bo_visual/G00_3.jpg'); background-position:bottom; } .visual_container .b01_1 { height:510px; background-image: url('../include/bo_visual/G01_1.jpg'); background-position:bottom; } .visual_container .b01_2 { height:510px; background-image: url('../include/bo_visual/G01_2.jpg'); background-position:bottom; } .visual_container .b01_3 { height:510px; background-image: url('../include/bo_visual/G01_3.jpg'); background-position:bottom; } .visual_container .b01_4 { height:510px; background-image: url('../include/bo_visual/G01_4.jpg'); background-position:bottom; } .visual_container .b01_5 { height:510px; background-image: url('../include/bo_visual/G01_5.jpg'); background-position:bottom; } .visual_container .b02_1 { height:510px; background-image: url('../include/bo_visual/G02_1.jpg'); background-position:bottom; } .visual_container .b02_2 { height:510px; background-image: url('../include/bo_visual/G02_2.jpg'); background-position:bottom; } .visual_container .b02_3 { height:510px; background-image: url('../include/bo_visual/G02_3.jpg'); background-position:bottom; } .visual_container .b03_1 { height:510px; background-image: url('../include/bo_visual/G03_1.jpg'); background-position:bottom; } .visual_container .b03_2 { height:510px; background-image: url('../include/bo_visual/G03_2.jpg'); background-position:bottom; } .visual_container .b03_3 { height:510px; background-image: url('../include/bo_visual/G03_3.jpg'); background-position:bottom; } .visual_container .b03_4 { height:510px; background-image: url('../include/bo_visual/G03_4.jpg'); background-position:bottom; } .visual_container .b03_5 { height:510px; background-image: url('../include/bo_visual/G03_5.jpg'); background-position:bottom; } .visual_container .b04_1 { height:510px; background-image: url('../include/bo_visual/G04_1.jpg'); background-position:bottom; } .visual_container .b04_2 { height:510px; background-image: url('../include/bo_visual/G04_2.jpg'); background-position:bottom; } .visual_container .b04_3 { height:510px; background-image: url('../include/bo_visual/G04_3.jpg'); background-position:bottom; } .visual_container .b04_4 { height:510px; background-image: url('../include/bo_visual/G04_4.jpg'); background-position:bottom; } .visual_container .b04_5 { height:510px; background-image: url('../include/bo_visual/G04_5.jpg'); background-position:bottom; } .visual_container .b04_6 { height:510px; background-image: url('../include/bo_visual/G04_6.jpg'); background-position:bottom; } .visual_container .b04_7 { height:510px; background-image: url('../include/bo_visual/G04_7.jpg'); background-position:bottom; } .visual_container .b04_8 { height:510px; background-image: url('../include/bo_visual/G04_8.jpg'); background-position:bottom; } .visual_container .b04_9 { height:510px; background-image: url('../include/bo_visual/G04_9.jpg'); background-position:bottom; } .visual_container .b04_10 { height:510px; background-image: url('../include/bo_visual/G04_10.jpg'); background-position:bottom; } .visual_container .b05_1 { height:510px; background-image: url('../include/bo_visual/G05_1.jpg'); background-position:bottom; } .visual_container .b05_2 { height:510px; background-image: url('../include/bo_visual/G05_2.jpg'); background-position:bottom; } .visual_container .b05_3 { height:510px; background-image: url('../include/bo_visual/G05_3.jpg'); background-position:bottom; } .visual_container .b05_4 { height:510px; background-image: url('../include/bo_visual/G05_4.jpg'); background-position:bottom; } .visual_container .b05_5 { height:510px; background-image: url('../include/bo_visual/G05_5.jpg'); background-position:bottom; } .visual_container .b05_6 { height:510px; background-image: url('../include/bo_visual/G05_6.jpg'); background-position:bottom; } .visual_container .b05_7 { height:510px; background-image: url('../include/bo_visual/G05_7.jpg'); background-position:bottom; } .visual_container .b05_8 { height:510px; background-image: url('../include/bo_visual/G05_8.jpg'); background-position:bottom; } .visual_container .b05_9 { height:510px; background-image: url('../include/bo_visual/G05_9.jpg'); background-position:bottom; } .visual_container .b05_10 { height:510px; background-image: url('../include/bo_visual/G05_10.jpg'); background-position:bottom; } .visual_container .b05_11 { height:510px; background-image: url('../include/bo_visual/G05_11.jpg'); background-position:bottom; } .visual_container .b06_1 { height:510px; background-image: url('../include/bo_visual/G06_1.jpg'); background-position:bottom; } .visual_container .b06_2 { height:510px; background-image: url('../include/bo_visual/G06_2.jpg'); background-position:bottom; } .visual_container .b06_3 { height:510px; background-image: url('../include/bo_visual/G06_3.jpg'); background-position:bottom; } .visual_container .b06_4 { height:510px; background-image: url('../include/bo_visual/G06_4.jpg'); background-position:bottom; } .visual_container .b06_5 { height:510px; background-image: url('../include/bo_visual/G06_5.jpg'); background-position:bottom; } .visual_container .b06_6 { height:510px; background-image: url('../include/bo_visual/G06_6.jpg'); background-position:bottom; } .visual_container .b07_1 { height:510px; background-image: url('../include/bo_visual/G07_1.jpg'); background-position:bottom; } .visual_container .b07_2 { height:510px; background-image: url('../include/bo_visual/G07_2.jpg'); background-position:bottom; } .visual_container .b07_3 { height:510px; background-image: url('../include/bo_visual/G07_3.jpg'); background-position:bottom; } .visual_container .b07_4 { height:510px; background-image: url('../include/bo_visual/G07_4.jpg'); background-position:bottom; } .visual_container .b07_5 { height:510px; background-image: url('../include/bo_visual/G07_5.jpg'); background-position:bottom; } .visual_container .b07_6 { height:510px; background-image: url('../include/bo_visual/G07_6.jpg'); background-position:bottom; } .visual_container .b07_7 { height:510px; background-image: url('../include/bo_visual/G07_7.jpg'); background-position:bottom; } .visual_container .b08_1 { height:510px; background-image: url('../include/bo_visual/G08_1.jpg'); background-position:bottom; } .visual_container .b09_1 { height:510px; background-image: url('../include/bo_visual/G09_1.jpg'); background-position:bottom; } .visual_container .b09_2 { height:510px; background-image: url('../include/bo_visual/G09_2.jpg'); background-position:bottom; } .visual_container .b09_3 { height:510px; background-image: url('../include/bo_visual/G09_3.jpg'); background-position:bottom; } .visual_container .b09_4 { height:510px; background-image: url('../include/bo_visual/G09_4.jpg'); background-position:bottom; } */ /* SNB */ .snb_tit { display:block; position:relative; width:1218px; height:50px; margin:0 auto; text-align:center; margin-top:0px; padding:0 0 10px 0; } .snb_tit .bo_tit { display:inline-block; width:1218px; margin-top:-30px; text-align:center; font-family:'Noto Sans Kr'; font-size:40px; font-weight:500; color:#444; letter-spacing:-0.05em; } /* SNB */ #snb_tb {display:inline-block; z-index:5; width:100%; text-align:center; margin-top:70px;margin-bottom:40px;} .snb_pc { width:1150px; margin:0 auto; padding:0; text-align:center;} .snbBtn { display:block; position:relative;width:1150px; height:35px; margin:0 auto; font-family:'Noto Sans Kr'; font-weight:normal; font-size:14px; letter-spacing:-0.02em; } .snbBtn .nav { width:100%; position:relative; } .snbBtn .nav ul { width:100%; margin:0; padding:0; } .snbBtn .nav li { list-style:none; display:inline-block; position:relative; width:17%; height:22px; padding:9px 0; /* 깜빡임 없앰 -> */ background:#fff; color:#222; border:1px #CCC solid; margin-right:-1px; text-align:center; cursor:pointer; } .snbBtn .nav li a:hover { background:#444; color:#FFF; } .snbBtn .nav li span { display:inline-block; margin-top:-9px; margin-bottom:-9px; width:100%; height:22px; padding:9px 0; background:#444; color:#FFF; text-align:center; cursor:pointer; } #cate_tb {display:inline-block; position:relative; z-index:5; width:100%; text-align:center; margin-bottom:30px; } .cate_pc { width:1200px; margin:0 auto; padding:0; text-align:center;} .cateBtn { display:block; position:relative;width:1200px; height:35px; margin:0 auto; font-family:'Noto Sans Kr'; font-weight:normal; font-size:15px; letter-spacing:-0.02em; } .cateBtn .nav { width:100%; position:relative; } .cateBtn .nav ul { width:100%; margin:0; padding:0; } .cateBtn .nav li { list-style:none; display:inline-block; position:relative; height:22px; padding:7px 35px; /* 깜빡임 없앰 -> */background:#fff; color:#444; border:1px #ddd solid; margin-right:-1px; text-align:center; cursor:pointer; } .cateBtn .nav li a:hover { background:#1B64B1; color:#FFF; } .cateBtn .nav li span { display:inline-block; margin-top:-7px; margin-bottom:-7px; margin-left:-35px; margin-right:-35px; width:100%; height:22px; padding:7px 35px; background:#1B64B1; color:#FFF; text-align:center; cursor:pointer; } /* 서브 내용 부 */ #container{ display:block; position:relative; z-index:4; width:100%; top:0; text-align:center; } #board { width:100%; margin:0 auto; top:0; text-align:center; top:0px;} #board .bo_cont { width:100%; min-height:620px; margin:0 auto; text-align:left; height:auto !important; padding:0 0 50px 0;} #board .bo_cont1 { width:1280px; min-height:620px; margin:0 auto; text-align:left; height:auto !important; padding:0px 0 50px 0;} /* STEP1 */ .step1_wrap { width:100%; height:713px; text-align:center; background:#FBF9FC; } .step1_wrap ul { width:1440px; margin:0 auto; } .step1_wrap .img { float:left; min-width:800px; } .step1_wrap .txt { float:left; width:640px; text-align:center; padding-top:250px; } .step1_wrap .txt h2 { font-family:'Noto Sans Kr'; font-weight:300; font-size:46px; letter-spacing:-0.07em; line-height:100px;} .step1_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:300; font-size:17px; letter-spacing:-0.02em; line-height:28px; color:#444; } /* STEP2 */ .step2_wrap { width:100%; height:619px; text-align:center; background:#FFF; } .step2_wrap ul { width:1440px; margin:0 auto; } .step2_wrap .img { float:left; min-width:800px; } .step2_wrap .txt { float:left; width:640px; text-align:left; padding-top:180px; } .step2_wrap .txt h2 { font-family:'Noto Sans Kr'; font-weight:300; font-size:46px; letter-spacing:-0.07em; line-height:100px;} .step2_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:300; font-size:17px; letter-spacing:-0.02em; line-height:28px; color:#444; text-align:center; margin-left:-90px;} /* STEP3 */ .step3_wrap { width:100%; height:628px; text-align:center; background:#FBF9FC; } .step3_wrap ul { width:1440px; margin:0 auto; } .step3_wrap .img { float:left; width:800px; text-align:left; } .step3_wrap .txt { float:left; width:600px; text-align:center; padding-top:180px; } .step3_wrap .txt h2 { font-family:'Noto Sans Kr'; font-weight:300; font-size:46px; letter-spacing:-0.07em; line-height:100px;} .step3_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:300; font-size:17px; letter-spacing:-0.02em; line-height:28px; color:#444; } /* STEP4 */ .step4_wrap { width:100%; height:1033px; text-align:center; background:#FFF; } .step4_wrap ul { width:1280px; margin:0 auto; } .step4_wrap .img { width:1280px; } .step4_wrap .txt { width:1280px; text-align:center; padding-top:95px; } .step4_wrap .txt h2 { font-family:'Noto Sans Kr'; font-weight:300; font-size:46px; letter-spacing:-0.07em; line-height:100px;} .step4_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:300; font-size:17px; letter-spacing:-0.02em; line-height:28px; color:#444; } /* STEP5 */ .step5_wrap { width:100%; height:1226px; text-align:center; background:#FFF; } .step5_wrap ul { width:1280px; margin:0 auto; } .step5_wrap .img { width:1280px; padding-top:90px; } .step5_wrap .txt { width:1280px; text-align:center; padding-top:95px; } .step5_wrap .txt h2 { font-family:'Noto Sans Kr'; font-weight:300; font-size:46px; letter-spacing:-0.07em; line-height:100px;} .step5_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:300; font-size:17px; letter-spacing:-0.02em; line-height:28px; color:#444; } /* STEP6 */ .step6_wrap { width:100%; height:825px; text-align:center; background-image:url('../images/step6_img.jpg'); background-repeat:no-repeat; background-position:50%; } .step6_wrap ul { width:1280px; margin:0 auto; } .step6_wrap .txt { width:1280px; text-align:center; padding-top:310px; } .step6_wrap .txt h2 { font-family:'Noto Sans Kr'; font-weight:250; font-size:52px; letter-spacing:-0.07em; line-height:130px; color:#FFF; } .step6_wrap .txt p { font-family:'Noto Sans Kr'; font-weight:200; font-size:24px; letter-spacing:-0.02em; line-height:35px; color:#FFF; } /* FOOT VISUAL */ #visual_ft { display:inline-block; position:relative; width:100%; height:825px; margin-top:0px; } #contents_ms_ft { display:block; overflow:hidden; width:100%; height:825px; margin:0 auto; position:absolute; top:0px; display:none; } #slider_ft { top:0; left:0; height:825px; position:absolute; } #slider_ft ul { height:825px; position:relative; } #slider_ft ul li { list-style:none; float:left; width:100%; height:825x; position:absolute; } #slider_ft ul li div { margin:0 auto; width:1283px; height:825px; position:relative; } /* step1 */ .slider_sp_ft1 { display:none; top:0; left:0; height:825px; position:absolute; } /* step2 */ .slider_sp_ft2 { top:0; left:0; height:825px; position:absolute; } .slider_sp_ft2 ul { height:825px; position:relative; } .slider_sp_ft2 ul li { list-style:none; float:left; width:100%; height:825px; position:absolute; text-align:center;} .slider_sp_ft2 ul li div { margin:0 auto; width:1283px; height:825px; position:relative; } .slider_sp_ft2 ul li div.box1 { top:310px; text-align:center;} .slider_sp_ft2 ul li div.box2 { top:310px; text-align:center; } .slider_sp_ft2 ul li div.box3 { top:310px; text-align:center; } .slider_txt1 { font-family:'Noto Sans Kr'; font-weight:250; font-size:51px; letter-spacing:-0.07em; line-height:110px; color:#FFF;} .slider_txt2 { font-family:'Noto Sans Kr'; font-weight:200; font-size:24px; letter-spacing:-0.02em; line-height:35px; color:#FFF; } .box2 .slider_txt1 { font-family:'Noto Sans Kr'; font-weight:250; font-size:51px; letter-spacing:-0.07em; line-height:65px; color:#FFF;} .box2 .slider_txt2 { font-family:'Noto Sans Kr'; font-weight:200; font-size:24px; letter-spacing:-0.02em; line-height:35px; color:#FFF; padding:30px 0 0;} /* step3 */ .slider_sp_ft3 { display:none; top:0; left:0; height:825px; position:absolute; } /* button */ #arrow-btn_ft { position:relative; z-index:999; top:0px; width:100%; height:165px; margin:0 auto; } /* prev */ #arrowPrev_ft { width:40px; height:40px; position:absolute; top:421px; right:10%; } #arrowPrev_ft div.img { width:100px; height:40px; position:absolute; } #arrowPrev_ft div.square { width:40px; height:40px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; } /* next */ #arrowNext_ft { width:40px; height:40px; position:absolute; top:378px; right:10%; } #arrowNext_ft div.img { width:40px; height:40px; position:absolute; } #arrowNext_ft div.square { width:40px; height:40px; position:absolute; background:#ffffff; opacity:0; cursor:pointer; top:0px; } /* navigation */ #contents_ms_nav_ft { width:20px; height:120px; top:385px; position:absolute; left:10%; } #contents_ms_nav_ft div { overflow:hidden; width:20px; height:120px; position:relative; } #contents_ms_nav_ft div ul { width:20px; height:120px; } #contents_ms_nav_ft div ul li { list-style:none; float:left; width:20px; height:20px; margin:2px 0; cursor:pointer; position:relative; } #contents_ms_nav_ft div ul li div { position:absolute; } /* W블로그 */ .blog_wrap { width:100%; height:830px; text-align:center; margin-top:-30px; } .blog_wrap ul { width:1280px; margin:0 auto; } .blog_wrap h2 { font-family:'Noto Sans Kr'; font-weight:300; font-size:42px; letter-spacing:-0.07em; line-height:100px;padding:0 0 10px 0;} .blog_wrap h2 a:hover { text-decoration:none;} .blog_wrap h2 span { font-family:'Noto Sans Kr'; font-weight:300; font-size:20px; color:#aaa; letter-spacing:-0.06em; line-height:70px;padding:0;} .blog_wrap .la_best { float:left; width:710px; height:580px; text-align:left; } .blog_wrap .la_list { float:left; width:570px; } /* W유튜브 */ .youtube_wrap { width:100%; height:390px; text-align:center; margin-top:10px; } .youtube_wrap ul { width:1280px; margin:0 auto; background-image: url('../images/bg_net_line.png'); background-position:top; background-repeat:repeat-x; } /* W클리닉 지점 */ .net_wrap { width:100%; height:670px; text-align:center; } .net_wrap ul { width:1280px; margin:0 auto; } #container_tab { width:1280px; height:405px; text-align:center; margin:0 auto; padding:100px 0 0; background-image: url('../images/bg_net_line.png'); background-position:top; background-repeat:repeat-x; } ul.tabs { display:block; position:relative; z-index:2; margin:0 auto; text-align:center; list-style:none; width:600px; height:60px; font-family:'Noto Sans Kr'; } .tabs li {float:left; text-align:center; cursor:pointer; width:275px; padding:0; margin:0 10px; height:60px; line-height:60px; background:#fff; color:#555; font-size:21px; font-weight:300; border:1px #ccc solid;overflow:hidden; } .tabs li.active { background:#000; color:#FFF; } .tabs li:last-child { /*border-right:none;*/} .tabs li:hover { background:#000; color:#FFF; } .tab_container { position:relative; z-index:1; width:1280px; margin:0 auto;padding:43px 0 0; color:#fff; font-family:'Noto Sans Kr'; } .tab_content { padding:0; display:none; width:1280px; } .tab_content .tap_cont1 { float:left; width:234px; height:346px; background:#C8003F; margin-right:38px; } .tab_content .tap_cont1 .txt1 { margin-top:43px; } .tab_content .tap_cont1 .txt2 { margin-top:10px; font-size:32px; font-weight:300;letter-spacing:-0.05em;} .tab_content .tap_cont1 .txt3 { margin-top:0px; } .tab_content .tap_cont1 .txt4 { margin-top:15px; font-size:23px; font-weight:300;letter-spacing:-0.05em;} .tab_content .tap_cont2 { float:left; text-align:left; width:290px; height:342px; border-top:1px #D6D6D6 solid; border-bottom:3px #838383 solid;color:#222; letter-spacing:-0.05em;} .tab_content .tap_cont2 .txt1 { padding-top:20px; font-size:19px; font-weight:300; } .tab_content .tap_cont2 .txt2 { padding-top:20px; font-size:37px; font-weight:600; line-height:30px;} .tab_content .tap_cont2 .txt3 { padding-top:0px; font-size:34px; font-weight:300;} .tab_content .tap_cont2 .txt4 { padding-top:18px; margin-top:24px; font-size:26px; font-weight:500; line-height:40px; letter-spacing:-0.07em; border-top:1px #ccc dotted; } .tab_content .tap_cont2 .txt5 { padding-top:0px; font-size:17px; font-weight:300; line-height:28px; letter-spacing:-0.05em;} .tab_content .tap_cont3 { float:left; text-align:left; width:255px; height:342px; border-top:1px #D6D6D6 solid; border-bottom:3px #838383 solid;color:#222; letter-spacing:-0.05em;} .tab_content .tap_cont3 .txt1 { padding-top:20px; font-size:19px; font-weight:300; } .tab_content .tap_cont3 .txt2 { padding-top:0px; text-align:center;font-size:29px; font-weight:500; line-height:66px; background:#FEE608; } .tab_content .tap_cont3 .txt4 { padding-top:85px; margin-top:36px; font-size:26px; font-weight:500; line-height:40px; letter-spacing:-0.07em; border-top:1px #ccc dotted; } .tab_content .tap_cont3 .txt5 { padding-top:0px; font-size:17px; font-weight:300; line-height:28px; letter-spacing:-0.05em;} .tab_content .tap_cont4 { float:left; text-align:left; width:420px; height:342px; margin-left:38px;} .tab_content .tap_cont4 .map_api { width:420px; height:280px; position:relative; z-index:2; } .tab_content .tap_cont4 .map_txt { width:420px; position:relative; z-index:2; padding:11px 0; text-align:center; background:#323232; color:#fff; font-size:16px; font-weight:200; line-height:22px;} .tab_content .tap_cont5 { float:left; text-align:left; width:420px; height:342px; margin-left:38px;} .tab_content .tap_cont5 .map1_api { width:420px; height:280px; position:relative; z-index:1; } .tab_content .tap_cont5 .map1_txt { width:420px; position:relative; z-index:2; padding:11px 0; text-align:center; background:#323232; color:#fff; font-size:16px; font-weight:200; line-height:22px;} .tab_container .tab_content ul { margin:0; padding:0;} .tab_container .tab_content ul li { padding:0; list-style:none;} .tab_container .daum_api { width:420px; height:280px; top:43px; right:5px; position:absolute; z-index:1;} .tab_container .daum_api1 { width:420px; height:280px; top:43px; right:5px; position:absolute; z-index:1;} /* COPYRIGHT */ #foot { display:block; position:relative; width:100%; text-align:center; top:0; background:#EEE;} .copyright { width:1280px; margin:0 auto; text-align:left; padding:40px 0 60px 0; } .copyright .tail_logo { position:absolute; width:250px; text-align:left; } .copyright .add { position:absolute; margin-left:320px; margin-top:-5px; width:1000px; text-align:left; } .copyright .ft_menu { position:absolute; margin-left:320px; margin-top:-55px; width:760px; text-align:left; } .copyright .ft_menu li { float:left; text-align:center; width:16%; padding:7px 0; margin-right:-1px; font-family:'Noto Sans Kr'; font-size:14px; font-weight:300; background:#fff; border:1px #ccc solid; letter-spacing:-0.04em;} .copyright .ft_menu li a:hover { text-decoration:none; } .copyright .span_line { clear:both; display:inline-block; width:8px; border-left:0px #999 solid; color:#777; line-height:12px; margin:0 0 0 10px; } .newsticker { position:relative;overflow:hidden;width:1000px;height:20px;text-align:left;} .newsticker ul { padding:0;margin:0} .newsticker ul li { float:left; width:1000px;padding:0; font-family:'Noto Sans Kr'; font-size:15px; font-weight:250; color:#000; line-height:21px; letter-spacing:-0.02em; list-style:none; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .newsticker ul li a { color:#444} .newsticker ul li strong { font-size:15px; font-weight:600; color:#000; margin:0 15px 0 0;} /* 로그인/회원가입 head 부 */ #head_content { display:block; position:relative; min-width:100%; top:0px; text-align:center; } #head_content #head { width:950px; margin:0 auto; padding:0; } #head_content #head .cont { width:950px; text-align:left; margin:0 auto; padding:40px 0 50px 0; } /* Go Top 버튼 */ .WapGoTop {position:fixed; bottom:0; right:0; font-size:0; z-index:999991020;} .GotopBtn {display:block; position: absolute;bottom:-75px; right:20px; width: 65px; height:65px; background:url(../images/btn-gotop.png) 0 0 no-repeat;-webkit-background-size: 100%;background-size: 100%;opacity: 1;z-index: 999991021; } .GotopBtn:hover { -webkit-background-size: 100%;background-size:100%; opacity:1; z-index:999991021; } /* 게시판 카테고리 ,랭키스 타입으로 변경 */ #bo_cate { width:100%; height:34px; margin:0 auto; margin-bottom:20px; font-size:1.1em; } #bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_cate ul { height:34px; background:#EEE; padding-left:1px;width:100%;zoom:1} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate li { list-style:none; display:inline-block; float:left; height:25px; padding:9px 24px 0 24px; background:#EEE; color:#222; letter-spacing:-0.01em; border-right:1px #fff solid; border-bottom:0px #fff solid; text-align:center; cursor:pointer; } #bo_cate li a { display:block;position:relative;margin-left:-1px; text-align:center; cursor:pointer; height:34px; margin-top:-9px; margin-left:-24px; margin-right:-24px; margin-top:-9px; padding:9px 24px 0 24px; } #bo_cate li a:focus, #bo_cate li a:hover, #bo_cate li a:active { color:#FFF;text-decoration:none} #bo_cate #bo_cate_on { display:inline-block; float:left; margin-top:-9px; margin-left:-24px; margin-right:-24px;height:25px; padding:9px 24px 0 24px; background:#1A9CEF; color:#FFF; letter-spacing:-0.01em;text-align:center; cursor:pointer; } .td_subject img {margin-left:3px} /* 메인 popup */ #popup_la { border:0px #ffffff solid; background:#eee; } #popup_la .file { } #popup_la .content { width:400px; height:400px;padding:20px; } #popup_la .day { width:100%; float:right; text-align:center; background:#eee; color:#000; padding:2px 10px 5px 0; } #popup_la .day strong { color:#000; }