/* font-face */ @font-face { font-family: 'NanumGothic'; src: url('/base/img/font/NanumGothic.eot'); src: local('☺'), url('/base/img/font/NanumGothic.woff') format('woff'), url('/base/img/font/NanumGothic.ttf') format('truetype'), url('/base/img/font/NanumGothic.svg#webfonturzspG4F') format('svg'); } @font-face { font-family: 'NanumGothicB'; src: url('/base/img/font/NanumGothicBold.eot'); src: local('☺'), url('/base/img/font/NanumGothicBold.woff') format('woff'), url('/base/img/font/NanumGothicBold.ttf') format('truetype'), url('/base/img/font/NanumGothicBold.svg#webfonturzspG4F') format('svg'); } /*Initialize Style*/ * {margin:0; padding:0;} html,body {width:100%; height:100%;} body {font-family:"NanumGothic", sans-serif; font-size:12px;} a,img {text-decoration:none; border:none;} li {list-style:none;} input[type="text"],input[type="password"] {border:0;} input,select,button,label {vertical-align:middle;} input[type="submit"] {border:0; cursor:pointer;} table {border-collapse:collapse; border-spacing:0;} address {font-style:normal;} .clear{ float:none !important; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; clear:both; } #header {width:100%; min-width:1024px; height:80px; font-family:"NanumGothic", sans-serif;} #header .member {width:1024px; height:20px; margin:auto;} #header .member ul {float:right;} #header .member li {float:left; padding-left:15px; line-height:20px;} #header .member a {font-size:10px; font-weight:600; color:#b7b7b7;} #header .header_area2 {width:100%; height:60px; background:#4096cf; clear:both;} #header .gnb {width:1024px; margin:auto;} #header .topnav {float:right; display:inline-block; padding-top:5px;} #header .topnav li {float:left; padding-right:40px; line-height:60px;} #header .topnav a {font-size:16px; color:#fff; font-weight:bold; text-shadow:1px 1px 1px #1058a8;} #header .subnav { width:1024px; background:#fff; clear:both; display: none; position: absolute; top:80px; border-bottom:2px solid #4096cf; } #header .subnav_area {float:right; height:260px;} #header .subnav_area ul {float:left; height:227px; line-height:26px; padding-top: 20px;} #header .subnav_area ul:hover {background:#e0f7fb;} #header .subnav_area li {padding:0 10px;} #header .subnav_area li:hover {background:#c2eeff;} #header .subnav_area a {display:inline-block; width:100%; font-size:12px; color:#333; font-weight:bold;} /* #header .sub_menu1 {margin-right:15px;} */ #header .sub_menu2 {margin-right:0px;} #header .sub_menu3 {margin-right:0px;} /* #header .sub_menu4 {margin-right:10px;} */ #header .sub_menu4 li:nth-child(2) {padding-top:6px;} #header .sub_menu5 {margin-right:10px;} #header .sub_menu6 {margin-right:0px;} .content_area {width:1024px; margin:auto;} #content {width:100%; min-width:1024px; height:1240px; background-image:url(../img/main/bg.jpg); background-size:cover;} #content .main_text {padding: 116px 0 100px; text-align:center;} #content .content_list > ul{float:left; position:relative;} #content .content_list > ul > li{float:left; margin-left:20px;position:relative;width: 328px; height: 373px;} #content .content_list > ul.two > li{height: 320px;} #content .content_list > ul > li:first-child {margin-left:0;} #content .content_list > ul > li.intro{background: url(../img/main/customer.jpg)center no-repeat;} #content .content_list > ul > li.intro dl{width: 100%; height: 100%; display: block; clear: both;} #content .content_list > ul > li.intro dl dd.first{float: left; width: 328px; height: 54px; } #content .content_list > ul > li.intro dl dd.second{float: left; width: 328px; height: 319px; } #content .content_list > ul > li.intro dl dd a{display: block; height: 100%; width: 100%; text-indent: -9999px; } #content .content_list > ul > li.board_wrap{ background:url(../img/main/board_box.png)center no-repeat;} #content .content_list > ul > li.board_wrap dl {width: 100%; height: 100%; content: ''; display: block; clear: both;} #content .content_list > ul > li.board_wrap dl dd{width: 100%; height: 50%; float: left;} #content .content_list > ul > li.board_wrap dl dd .board_box{ width: 100%; height: 100%; padding:90px 20px 20px; box-sizing:border-box; } #content .content_list > ul.two{margin-top: 20px;} #content .flexslider {} #content .flexslider ul {display:inline-block;} #content .flexslider .flex-control-nav {width:100px; position:absolute; top:17px; left:115px; } #content .content_list .tabs {position: absolute;right: 0;top: -29px;} #content .content_list .tabs .t_btn {border:0;padding:6px;cursor:pointer;background:#ddd;color:#777;} #content .content_list .tabs .t_btn.w3-red {color:#000;background:#fff;} #content .BnF {width:325px; height:295px; background-image:url(../img/main/BnF_bg.png); text-align:center;} #content .BnF > ul {display:inline-block; margin-top:72px;} #content .BnF > li {float:left;} /*----------------------------- footer-----------------------------------*/ #footer {width:100%; min-width:1024px; border-top:2px solid #4096cf; color:#989898; clear:both; font-family:"NanumGothic", sans-serif;} #footer .footer_area {width:1024px; height:50px; padding-top:20px; margin:auto;} #footer .footer_area span {display:inline-block;} #footer .copy {margin-left:53px;} #footer .footer_area li {float:left; padding-right:10px; margin-bottom:2px;} #footer .footer_area a {color:#989898;} #footer .footer_area p {clear:both;} #footer .blog {float:right;} /*----------------------------- 서브-----------------------------------*/ #sub_content {width:100%; min-width:1024px; height:100%; margin-bottom:10px; font-family:"NanumGothic", sans-serif;} #sub_content .sub_visual { width:100%; height:101px; background-image:url(../img/sub/sub_bg.jpg); background-size:cover; text-align:center; padding-top:55px; } #sub_content .lnb {float:left; width:178px; font-family:"NanumGothic", sans-serif; margin-bottom:30px;} #sub_content .lnb h1 { width:178px; height:158px; background:#4096cf; line-height:158px; text-align:center; font-size:24px; color:#fff; font-weight:normal; letter-spacing:-2px; margin-bottom:27px; } #sub_content .lnb ul {margin-bottom:27px;} #sub_content .lnb li {height:35px; line-height:35px; padding-left:18px; border-bottom:1px solid #d7d7d7; font-weight:bold;} #sub_content .lnb a {display:inline-block; width:178px; height:35px; color:#555555;} #sub_content .lnb a:hover {background-image:url(../img/sub/lnb_bg.jpg); color:#4096cf;} #sub_content .right_content {float:right; width:793px;} #sub_content .sub_title { height:66px; margin-top:30px; font-family:"NanumGothic", sans-serif; border-bottom:1px solid #d7d7d7; margin-bottom:40px; } #sub_content .sub_title p {color:#898989;} #sub_content .title {float:left; line-height:30px;} #sub_content .title p {font-size:14px; font-weight:600; letter-spacing:-1px;} #sub_content .title h2 {font-size:26px; font-weight:600; letter-spacing:-2px; color:#3b3b3b;} #sub_content .route {float:right; padding-top:38px; font-size:11px;} #sub_content .content {height:100%; margin-bottom:80px; font-size:12px;} #quick_menu {position:fixed; top:266px; left:50%; margin-left:540px;} /***** tab *****/ #sub_content .tab { width:100%; height:34px; line-height:34px; border-bottom:3px solid #4096cf; margin-bottom:50px; } #sub_content .tab li { display:inline-block; float:left; height:34px; width:95px; line-height:34px; text-align:center; font-family:"NanumGothic", sans-serif; font-size:13px; font-weight:bold; background:#ebebeb; color:#555555; margin-left:2px; } #sub_content .tab li:first-child {margin-left:0;} .port_back {background:#4096cf !important; color:#fff !important;} #tab_menu1,#tab_menu2,#tab_menu3,#tab_menu4,#tab_menu5,#tab_menu6,#tab_menu7 {cursor:pointer;} #tab_menu6,#tab_menu7 {width:153px !important;} .tab_sub2,.tab_sub3,.tab_sub4,.tab_sub5,.tab_sub6,.tab_sub7 {display:none;} .ei-slider {font-family:"NanumGothic", sans-serif} /***** tab 부정교합 *****/ .tab_s { width:100%; height:34px; line-height:34px; border-bottom:3px solid #aaaaaa; margin-bottom:50px; } .tab_s li { display:inline-block; float:left; height:34px; width:110px; line-height:34px; text-align:center; font-family:"NanumGothic", sans-serif; font-size:13px; font-weight:bold; background:#ebebeb; color:#555555; margin-left:2px; } .tab_s li:first-child {margin-left:0;} .port_back_s {background:#aaaaaa !important; color:#fff !important;} #tab_show1,#tab_show2,#tab_show3 {cursor:pointer;} .tab_photo2,.tab_photo3,.tab_photo4,.tab_photo5,.tab_photo6,.tab_photo7 {display:none;}