@charset "euc-kr"; /* 나눔고딕 */ @font-face { font-family: 'NanumGothic'; src: url('./font/NanumGothic.eot'); src: url('./font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('./font/NanumGothic.woff') format('woff'), url('./font/NanumGothic.ttf') format('truetype'), url('./font/NanumGothic.svg#DaumRegular') format('svg'); font-weight: normal; font-style: normal; } /*reset*/ #accessibility,.skip, hr,legend, caption{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;text-indent:-1000em;} /* base */ html{overflow-y:scroll;} body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;} h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;} ul, ol, li{list-style:none;} fieldset, img{border:none;} article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;} /* a-style */ a{color:#333; text-decoration:none;} /*common*/ .reset{clear:both !important;height:0px !important;font-size:0 !important;line-height:0px !important;padding:0 !important;margin:0 !important} .inp{height:16px;border:none;background:none;color:#888;font:11px;padding:2px 0 0 4px} /*btn*/ .btn_r{text-align:right} .btn_l{text-align:left} .btn_c{text-align:center} /* div위치조절 */ #intro_div{height:100%; width:100%; top:0px; left:0px; position:absolute;} #wrap{width:100%; overflow:hidden; text-align:left;} #top_wrap{width:100%; height:120px; overflow:hidden; min-width:1000px; z-index:999;} #bottom_wrap{width:100%; height:200px; border-top:1px solid #dddddd;} /* top div위치조절 */ #top_total{position:absolute; z-index:100; left:0px; top:0px; width:100%; height:140px;} #logo_div{position:absolute; flaot:left; top:10px; margin-left:0px; z-index:200; width:250px; height:65px; padding:0 0px 0px 0;} /* 로그인*/ #login_div{float:right; width:300px; height:10px; padding:5px 0 0px 0px; text-align:right;} #login_div ul { list-style-type:none;} #login_div li {float:right; list-style-type:none;} #login_div li a{display:block; height:11px; padding:0px 10px 0px 10px; font-family:"나눔고딕", "NanumGothic" ; font-size:10px; color:#999; line-height:12px;} #login_div li a:hover{color:#333333; background:none;} #login_div li a:active{color:#333333; background:none;} /* 탑메뉴css */ #headArea{width:100%; min-width:1100px; height:120px; overflow:hidden; background:url(../images/menubg.png) repeat-x center 120px; position:relative; border-bottom:1px solid #ddd; z-index:9999;} #headArea .header{width:1100px; margin:0 auto; padding:0; overflow:hidden; height:370px;} #headArea .commonArea{float:right; width:1100px; padding:45px 0 0px 0;} #headArea .commonArea .gnb{float:right;} #headArea .commonArea .gnb li{list-style:none; float:left; font-family:"나눔고딕", "NanumGothic" ; display:inline; font-size:16px; font-weight:600; color:#fff; text-align:right; position:relative; line-height:45px;} #headArea .commonArea .gnb li a{color:#333; text-decoration:none;} .line_r{ background:url('../images/top_me_r.jpg') no-repeat right 13px; padding:10px 20px 10px 20px;} .line_cls{padding:10px 20px 10px 15px;} #headArea .commonArea .gnb .line_cls a{background:none;} #headArea .commonArea .gnb li a:hover{color:#00b0ec;} #headArea .commonArea .gnb li a:active{color:#00b0ec;} #headArea .commonArea .gnb .dep2{position:absolute; top:60px; left:0px;}/* 서브메뉴 높이조절*/ #headArea .commonArea .gnb .dep2 li{font-size:11px; line-height:20px; font-weight:normal; float:none; display:block; padding:0;} #headArea .commonArea .gnb .dep2 li a{ display:block; color:#555; padding:2px 0px 2px 0px; margin-bottom:1px; text-align:center;} #headArea .commonArea .gnb .dep2 li a:hover{color:#fff; background-color:#00b0ec; font-weight:600;} #headArea .commonArea .gnb .dep2 li a:active{color:#fff; background-color:#00b0ec; font-weight:600;} #headArea .subMenuLayer{width:100%; height:100px;} #dep_a{width:130px; padding-left:10px;} #dep_b{width:120px; padding-left:10px;} #dep_c{width:150px; padding-left:5px;} #dep_d{width:110px; padding-right:15px;} #dep_e{width:110px; padding-left:10px;} #dep_f{width:110px; padding-left:5px;} #dep_g{width:100px; padding-left:-10px;} /*------------------------------------------------------------------------*/ #bottomMenu { width:100%; min-width:1144px; bottom:100px; height:33px; overflow:hidden; position:fixed; z-index:2; }/* 김효현:bottom값을 copy높이랑 똑같이 주면 오픈,클로즈 버튼 위치 조정가능함 */ #bottomMenu .temp_wrap { margin:0 auto; position:relative; } #footer { width:100%; min-width:1144px; bottom:0px; height:100px; position:fixed; } #footer .temp_wrap { margin:0 auto; position:relative; } .ms_container { display:none; width:100%; height:100%; /*height:900px;*/ /*overflow:hidden;*/ position:relative; } .ms_container .ms_box_wrap { width:100%; height:100%; overflow:hidden; position:relative; } .ms_container .ms_box_wrap .ms_box { width:100%; position:absolute; /*background:#000;*/ font-size:0; cursor:pointer; } .ms_container .ms_box_wrap .ms_box > img { /* top:0px; left:-428px; */ position:absolute; height:100%; width:auto; } /* position:relative -> 크롬에서 오류... */ .ms_container .nav_wrap { top:300px; left:50px; /*left:50%; margin-left:-650px;*/ width:26px; position:fixed; } .ms_container .nav_wrap ul { margin:0; padding:0; } .ms_container .nav_wrap ul li { list-style:none; float:left; margin-bottom:20px; width:26px; height:26px; overflow:hidden; position:relative; cursor:pointer; } .ms_container .nav_wrap ul li img { position:relative; } .ms_container .nav_wrap .blue { top:0px; left:0px; position:absolute; } #footer_container { overflow:hidden; width:100%; min-width:1144px; height:100px; background-image:url(../images/bg.gif); position:relative; } #footer_container .bg { width:100%; height:100px; position:absolute; } #footer_container .contents_wrapper { left:0; width:100%; height:100px; position:absolute; } #footer_container .contents_wrapper .contents { margin:0 auto; width:1144px; height:100px; position:relative; } #footer_container .contents_wrapper .contents .copyright { top:9px; left:9px; position:absolute; } #footer_container .contents_wrapper .contents .info3 { top:20px; right:20px; position:absolute; } #footer_container .contents_wrapper .contents .info3 .nav2 { margin:0; padding:0;} #footer_container .contents_wrapper .contents .info3 .nav2 li { list-style:none; padding:0 10px 5px 10px; bottom:10px; left:20px; cursor:pointer; position:relative; } #footer_container .contents_wrapper .contents .info3 .nav2 li img { vertical-align:top; } #bottom_container { width:100%; position:relative; } .bottom_btn .btn { margin:0 auto; width:114px; height:28px; background:#00b0ec; cursor:pointer; position:relative; } .bottom_btn .btn .openClose { top:12px; left:26px; width:60px; height:9px; overflow:hidden; position:relative; } .bottom_btn .btn .openClose img { position:relative; } .bottom_btn .stripe{ width:100%; height:5px; background:#00b0ec; position:relative; } .bottom_contents { margin:0 auto; width:100%; min-width:1144px; position:relative; } .bottom_contents .bg { width:100%; height:332px; background:#fff; position:absolute; } .bottom_contents .contents { left:50%; margin-left:-572px; width:1144px; height:332px; position:absolute; } /* 공지사항 --------------------------------------------------------------------------------------------------------------------- */ .bottom_contents .box1 { top:0px; left:10px; position:absolute; } .bottom_contents .box1 .title_wrap { top:15px; left:0px; width:335px; height:33px; cursor:pointer; position:absolute; /*background:#ccc;*/ } .bottom_contents .box1 .title_wrap .title { top:10px; left:0px; position:absolute; } .bottom_contents .box1 .title_wrap .more_wrap { top:4px; right:17px; position:absolute; } .bottom_contents .box1 .title_wrap .more_wrap .more { top:8px; left:-4px; position:absolute; } .bottom_contents .box1 .title_wrap .more_wrap .moreIcon { top:2px; left:0px; position:absolute; } .bottom_contents .box1 .wrapper { top:63px; position:absolute; height:70px; width:335px; } .bottom_contents .box1 .wrapper ul { margin:0; padding:0; width:335px; } .bottom_contents .box1 .wrapper ul li { list-style:none; float:left; width:335px; height:22px; cursor:pointer; position:relative; } .bottom_contents .box1 .wrapper ul li .subject { font-family:"돋움"; font-size:11px; color:#949494; line-height:15px; top:3px; left:0px; width:185px; position:absolute; } .bottom_contents .box1 .wrapper ul li .date { font-family:"돋움"; font-size:11px; color:#949494; line-height:15px; top:3px; left:185px; width:60px; position:absolute; } .bottom_contents .box1 .wrapper ul li .line { width:0px; height:1px; top:16px; left:0px; background:#00b0ec; position:absolute; } .bottom_contents .box1 .wrapper a{line-height:18px; font-size:12px; color:#666666; font-family:"돋움"; font-size:11px; color:#949494; line-height:13px; left:0px; width:330px;} .bottom_contents .box1 .wrapper{line-height:18px; font-size:12px; color:#666666; font-family:"돋움"; font-size:11px; color:#555555; line-height:13px; left:0px; width:330px;} /* 연세공감갤러리 --------------------------------------------------------------------------------------------------------------------- */ .bottom_contents .box2 { top:140px; left:10px; position:absolute; } .bottom_contents .box2 .title_wrap { top:0px; left:0px; width:335px; height:25px; cursor:pointer; position:absolute; /*background:#ccc;*/ } .bottom_contents .box2 .title_wrap .title { top:10px; left:0px; position:absolute; } .bottom_contents .box2 .title_wrap .more_wrap { top:4px; right:17px; position:absolute; } .bottom_contents .box2 .title_wrap .more_wrap .more { top:8px; left:-4px; position:absolute; } .bottom_contents .box2 .title_wrap .more_wrap .moreIcon { top:2px; left:0px; position:absolute; } .bottom_contents .box2 .wrapper { top:40px; position:absolute; height:70px; width:335px;} .bottom_contents .box2 .wrapper ul { margin:0; padding:0; width:335px; } .bottom_contents .box2 .wrapper ul li { list-style:none; width:335px; height:80px; overflow:hidden; cursor:pointer; position:absolute; /*background:#ccc;*/ } .bottom_contents .box2 .wrapper ul li .photo { top:0px; width:335px; height:80px; position:absolute; } /* .bottom_contents .box3 .wrapper ul li .subject { font-family:"돋움"; font-size:11px; color:#949494; line-height:15px; top:92px; left:0px; width:127px; height:15px; overflow:hidden; position:absolute; } */ .bottom_contents .box2 .wrapper ul li .frame { top:0px; width:335px; height:80px; position:absolute; } .bottom_contents .box2 .wrapper ul li .frame .f1 { top:0px; left:0px; width:335px; height:0px; background:#00b0ec; position:absolute; } .bottom_contents .box2 .wrapper ul li .frame .f2 { top:0px; left:0px; width:0px; height:80px; background:#00b0ec; position:absolute; } .bottom_contents .box2 .wrapper ul li .frame .f3 { top:0px; right:0px; width:0px; height:80px; background:#00b0ec; position:absolute; } .bottom_contents .box2 .wrapper ul li .frame .f4 { bottom:0px; left:0px; width:335px; height:0px; background:#00b0ec; position:absolute; } .bottom_contents .box2 > img { top:60px; left:117px; position:absolute; } .bottom_contents .box2 .wrapper a{line-height:18px; font-size:12px; color:#666666; font-family:"돋움"; font-size:11px; color:#949494; line-height:13px; left:0px; width:330px;} .bottom_contents .box2 .wrapper{line-height:18px; font-size:12px; color:#666666; font-family:"돋움"; font-size:11px; color:#555555; line-height:13px; left:0px; width:330px;} .bottom_contents .box3 { top:20px; left:400px; position:absolute; } /* 치료전후 갤러리 --------------------------------------------------------------------------------------------------------------------- */ .bottom_contents .box5 { top:15px; left:800px; position:absolute; cursor:pointer; } .bottom_contents .box5 .title_wrap { top:0px; left:0px; width:330px; height:25px; cursor:pointer; position:absolute; /*background:#ccc;*/ } .bottom_contents .box5 .title_wrap .title { top:10px; left:0px; position:absolute; } .bottom_contents .box5 .title_wrap .more_wrap { top:4px; right:17px; position:absolute; } .bottom_contents .box5 .title_wrap .more_wrap .more { top:8px; left:-4px; position:absolute; } .bottom_contents .box5 .title_wrap .more_wrap .moreIcon { top:2px; left:0px; position:absolute; } .bottom_contents .box5 .wrapper { top:40px; position:absolute; } .bottom_contents .box5 .wrapper ul { margin:0; padding:0; width:330px; } .bottom_contents .box5 .wrapper ul li { list-style:none; float:left; width:330px; height:22px; cursor:pointer; position:relative; } .bottom_contents .box5 .wrapper table{margin:0; padding:0; border-spacing:0;} .bottom_contents .box5 .wrapper td{margin:0; padding:0; border-spacing:0;} .bottom_contents .box5 .wrapper img{float:left; width:160px; height:100px; vertical-align:top; padding:1px;} .bottom_contents .box5 .wrapper ul li .subject { font-family:"돋움"; font-size:11px; color:#949494; line-height:15px; top:3px; left:0px; width:185px; position:absolute; } .bottom_contents .box5 .wrapper ul li .date { font-family:"돋움"; font-size:11px; color:#949494; line-height:15px; top:3px; left:185px; width:60px; position:absolute; } .bottom_contents .box5 .wrapper ul li .line { width:0px; height:1px; top:16px; left:0px; background:#00b0ec; position:absolute; } .bottom_contents .box5 > img {float:left; top:60px; left:117px; position:absolute; width:160px; height:90px; vertical-align:top; } .bottom_contents .box5 table{margin:0; padding:0; border-spacing:0;} .bottom_contents .box5 td{margin:0; padding:0; border-spacing:0;} /* middle div위치조절*/ #middle_total{margin:0 auto; width:1100px; overflow:hidden;} #middle_total_sub{margin:0 auto; width:1100px; overflow:hidden;} /* bottom div위치조절 */ #bottom_total{margin:0 auto; width:1100px; height:115px;} #copy_txt {float:left; width:720px; height:60px; padding:25px 20px 0px 0; font-size:12px; font-family:"나눔고딕", "NanumGothic"; color:#dddddd; line-height:22px; text-align:left;} #copy_logo02{float:left; width:170px; height:25px; padding:30px 0 0 30px;} #copy_logo{float:right; width:106px; height:54px; padding:15px 20px 0 0;} /* sub div위치조절 */ #wrap_sub{margin:0 auto; width:100%; height:225px; background:url('../images/sub.jpg') no-repeat center top;} #sub_img{height:160px; margin-bottom:10px; background:url('../images/sub.jpg') no-repeat center top;} /* left1 메뉴 */ #left_total_nav{float:left; width:250px; height:135px;} #left_nav{float:left; width:230px; margin:6px 20px 0px 0;} #left_nav ul {text-decoration: none; list-style-type: none; padding:0px 0 0px 0;} #left_nav li {display:block; width:230px; margin:0 0px 0 0px;} #left_nav li a{display:block; list-style-type:none; padding:7px 0px 8px 10px; width:220px; height:14px; font-family:"나눔고딕","NanumGothic"; line-height:18px; font-size:12px; text-align:left; color:#343434; font-weight:600;} #left_nav li a:hover {color:#ffffff; background-image:url(../images/left_point.jpg); background-position:top center; background-repeat:no-repeat;} #left_nav li a:active {color:#ffffff; background-image:url(../images/left_point.jpg); background-position:top center; background-repeat:no-repeat;} #left_nav li{border-bottom:1px dotted #aaa;} #customer_center{float:left; width:250px; height:320px; margin-top:30px;} /* sub contents */ #sub_middle_wrap{margin:0 auto; width:100%; min-width:1100px; overflow:hidden; background-image:url(../images/sub_img.jpg); background-position:top center; background-repeat:no-repeat; } #sub_middle_total{margin:0 auto; width:1100px; overflow:hidden;} #left_total{float:left; width:250px;} #cts_total{float:right; width:850px; overflow:hidden;} #sub_cts_total{margin:0 auto; width:1100px; overflow:hidden;} #sub_middle_total{margin:0 auto; width:1100px; overflow:hidden; background:url('../images/left_line.jpg') repeat-y 0 top; } #sub_title_total{float:left; width:750px; height:102px; background-image:url(../images/title.jpg); background-position:top center; background-repeat:no-repeat;} #sub_title_total .sub_title_txt2{float:right; width:730px; height:14px; padding:35px 20px 0px 0px; font-family: "나눔고딕","NanumGothic"; font-size:12px; text-align:right; color:#888;} #sub_title_total .sub_title_txt2 a{color:#888;} #sub_title_total .sub_title_txt2 a:hover{color:#333333; text-decoration:underline;} #sub_title_total .sub_title_txt2 .st1{font-family: "나눔고딕","NanumGothic"; font-size:12px; color:#333333; font-weight:600;} #sub_title_total .sub_title_txt2 img{margin:2px 5px 0 0;} /*sub_내용*/ #cts {float:left; width:655px; overflow:hidden; padding:35px 0 100px 75px;} #cts_map{float:left; width:655px; margin:10px 20px 0px 20px;} #cts_board{float:left; width:710px; margin:0px 20px 40px 20px;} #con_total{float:left; width:850px; overflow:hidden; } #con_title{width:830px; height:80px; margin:20px 0 0 35px; border-bottom:1px solid #ddd;} #title_a{float:left; width:450px; height:35px; padding:30px 0 5px 0; font-family:"나눔고딕","NanumGothic"; font-size:24px; line-height:40px; color:#333333; text-align:left; font-weight:600;} #title_b{float:right; height:40px; padding:35px 20px 0 25px; font-family:"돋움"; font-size:11px; line-height:40px; color:#888888; text-align:right; background:url('../images/title_a_icon.png') no-repeat left 45px;} .st1{font-family:"나눔고딕", "NanumGothic" ; font-weight:600; font-size:20px; color:#f1a348;} #con{ width:740px; overflow:hidden; padding:40px 50px 100px 60px;} #con2{width:740px; min-height:400px; overflow:hidden; padding:40px 50px 100px 60px;} #201page{margin:0 auto; width:740px; overflow:hidden; position:relative; background-color:#e5e5e5; height:500px;} .mainVisual{position:relative; z-index:50; overflow:hidden;} .mainVisual .visualBg{position:absolute; top:0; left:0; z-index:500; width:740px; height:500px; text-indent:-9999px} .mainVisual .visualBg1{background:url('../images/01.jpg') no-repeat center 0} .mainVisual .visualBg2{background:url('../images/02.jpg') no-repeat center 0} .mainVisual .visualBg3{background:url('../images/03.jpg') no-repeat center 0} .mainVisual .visualBg4{background:url('../images/04.jpg') no-repeat center 0} .mainVisual .visualBg5{background:url('../images/05.jpg') no-repeat center 0} .mainVisual .visualBg6{background:url('../images/06.jpg') no-repeat center 0} .mainVisual .visualBg7{background:url('../images/07.jpg') no-repeat center 0} .mainVisual .controller{position:relative; z-index:700; width:740px; height:500px; margin:0 auto; padding:0 0 0 0;} /* 2013-12-04 height추가*/ .mainVisual .txt{padding-top:67px} .mainVisual .btns{position:absolute; z-index:725; left:0; top:230px; width:740px; height:30px; padding-left:0px; } .mainVisual .btns a.prev{float:left;} .mainVisual .btns a.next{float:right;}