/* common */ @import url('font.css'); /* common */ @font-face { font-family: 'SCoreDream'; font-weight: 100; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamThin.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 200; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraLight.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 300; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamLight.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 400; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamRegular.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 500; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamMedium.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 600; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBold.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 700; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamExtraBold.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 800; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamHeavy.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SCoreDream'; font-weight: 900; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/score/SCoreDreamBlack.ttf') format("truetype"); font-display: swap; } * {padding:0;margin:0; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none} /* {box-sizing:border-box !important;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;}*/ html,input,select,textarea {font-family: "SCoreDream", sans-serif;font-size:14px;background:#fcf9f3} .se2_inputarea {font-family: "SCoreDream" !important} ul,ol,dl {list-style:none} ul {font-size:0} ul li {display:inline-block;vertical-align:top;font-size:14px} a,a:link,a:visited,a:hover {text-decoration:none;cursor:pointer} img {border:0;max-width:100%;width:auto} table {border-spacing:0;border-collapse:collapse} .clear {clear:both} .green {color:#7cad01} .green2 {color:#b6ff00} .blue {color:#2f8fe1} .red {color:#fc439f} .red2 {color:#e6441f} .white {color:#fff} .skyblue {color:#00f6ff} .orange {color:#df5701} .orange_bg {background:#f47d31} .white_bg {background:#fff} .blue_bg {background:#00abca} .green_bg {background:#87b319} .brown_bg {background:#543019} .brown {color:#543019} .left {float:left} .right {float:right} .center {text-align:center} .pt50 {padding-top:50px} .space10 {clear:both;height:10px} .space20 {clear:both;height:20px} .space25 {clear:both;height:25px} .space30 {clear:both;height:30px} .space40 {clear:both;height:40px} .space50 {clear:both;height:50px} .space60 {clear:both;height:60px} .space80 {clear:both;height:80px} .pc1200 {display:none} .mobile1200 {display:block} .pc1200 {display:block} .mobile1200 {display:none} .pc1000 {display:block} .mobile1000 {display:none} .pc840 {display:block} .mobile840 {display:none} .pc640 {display:block} .mobile640 {display:none} .in_pc480{display:inline-block} .pc480 {display:block} .mobile480 {display:none} .wr1400 {max-width:1400px;margin:0 auto} div.scroll {width:100%;overflow:auto;} div.scroll table {white-space:nowrap;border-collapse:collapse} *:focus {outline: none;} .tab_detail_content > div.ss_menu {display:none} .tab_detail_content > div.ss_menu:nth-of-type(1) {display:block} .tab_detail_content2 > div.ss_menu2 {display:none} .tab_detail_content2 > div.ss_menu2:nth-of-type(1) {display:block} /* .sub14_tab_detail_content > div.sub14_ss_menu {display:none} */ /* .sub14_tab_detail_content > div.sub14_ss_menu:nth-of-type(1) {display:block} */ .space5 {clear:both;height:5px} .strong {font-weight:600} /* .sub14_tab_detail_content > div.sub14_ss_menu {display:none} */ /* .sub14_tab_detail_content > div.sub14_ss_menu:nth-of-type(1) {display:block} */ .sub14_tab_detail_content2 > div.sub14_ss_menu2 {display:none} .sub14_tab_detail_content2 > div.sub14_ss_menu2:nth-of-type(1) {display:block} .sub14_tab_detail_content div.scroll {width:100%;overflow:auto} div.scroll table {white-space:nowrap;border-collapse:collapse} div.scroll2 {width:100%;overflow:auto} div.scroll2 table {border-collapse:collapse;min-width:800px} .normal {font-weight:normal} .bold {font-weight:500} .color777 {color:#777 !important} .rink{color:#7cad01; font-weight:500;} .rink:hover{text-decoration:underline;} .alert_text{font-size: 18px; color: #363636; font-weight: 400;} /* wrap */ #wrap {position:relative;} #wrap .popup_paper {display:none;position:absolute;top:30px;left:50%;transform:translateX(-50%);width:90%;margin:0 auto;background:#fff;z-index:99999;overflow:auto;text-align:center} /* quick */ #quick {position:absolute;top: 4.2%;right:2.2%;z-index:9990;} .quick_list {float: left; margin-left: 16px;} /* header */ #header {position:relative} #header .toggle {display:none; position:absolute; top:30px; right:20px; z-index:9999} #header .top {padding-top:25px;border-bottom:3px solid #543019;overflow:hidden;height:84px} #header .top > .wr1400 > .logo {position:absolute;left:50%;text-align:center;z-index:99;transform:translateX(-50%)} #header .top .home_link {position:absolute; top:32px; left:18px; z-index:9999; color:#000;} #header .top .toggle {position:absolute; top:32px; right:18px; z-index:9999; color:#000;} #header .top .home_link, #header .top .toggle {display: none;} #header .top .gnb {position:absolute;right:3%} #header .gnb li {padding:0 14px} #header .gnb li > a {display:block;font-size:14px;font-weight:400;color:#363636} #header .gnb li span {display:inline-block;background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/main_top_icon_set.png) no-repeat left top;width:14px;height:16px;vertical-align:-2px;margin-right:6px} #header .gnb li:nth-of-type(1) {background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/gap.gif) no-repeat right center} #header .gnb li:nth-of-type(1) a, #header .gnb li:nth-of-type(2) a {padding:20px 0} #header .gnb li:nth-of-type(1) a span {background-position:0 0} #header .gnb li:nth-of-type(2) a span {background-position:-14px 0} #header .gnb li:nth-of-type(3) {padding:13px 0} #header .gnb li:nth-of-type(3) a {display:inline-block;float:left;background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/main_top_icon_set.png) no-repeat left top;width:36px;height:36px;margin:0 4px} #header .gnb li:nth-of-type(3) a:nth-of-type(1) {background-position:-28px 0;} #header .gnb li:nth-of-type(3) a:nth-of-type(2) {background-position:-64px 0;} #header .gnb li:nth-of-type(3) a:nth-of-type(3) {background-position:-100px 0;} #header .top_quick_link {position:absolute;left:0;top:67px} #header .top_quick_link.mobile840 {width:100%;} #header .top_quick_link.mobile840 ul {width:100%;display:table;table-layout: fixed;} #header .top_quick_link.mobile840 ul li {display:table-cell;height:45px;text-align:center} #header .top_quick_link.mobile840 ul li a {display:block;font-size:15px;font-weight:600;color:#fff;line-height:45px} #header .top_quick_link.mobile840 ul li a span {display:inline-block;padding:3px 10px;background:#543019;font-size:14px;font-weight:500;color:#fff;line-height:20px;border-radius:15px} #header .top_quick_link.mobile840 ul li:nth-of-type(1) {background:#f47d31} #header .top_quick_link.mobile840 ul li:nth-of-type(2) {background:#00abca} #header .top_quick_link.mobile840 ul li:nth-of-type(3) {background:#87b319} #header .top_quick_link_m {position:absolute;left:0;top:85px;/*height:108px*/} #header .top_quick_link_m.mobile840 {width:100%;} #header .top_quick_link_m.mobile840 ul {width:100%;display:table;table-layout: fixed;} #header .top_quick_link_m.mobile840 ul li {display:table-cell;height:40px;text-align:center} #header .top_quick_link_m.mobile840 ul li a {display:block;font-size:16px;font-weight:600;color:#fff;line-height:40px} #header .top_quick_link_m.mobile840 ul li a span {display:inline-block;padding:3px 10px;background:#543019;font-size:14px;font-weight:500;color:#fff;line-height:20px;border-radius:15px} #header .top_quick_link_m.mobile840 ul li a .in_pc480{background:none; padding:0; font-size:16px; font-weight:600; margin-right:4px} #header .top_quick_link_m.mobile840 ul li:nth-of-type(1) {background:#f47d31 url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/navi_bg1.gif) no-repeat right top} #header .top_quick_link_m.mobile840 ul li:nth-of-type(2) {background:#00abca} #header .top_quick_link_m.mobile840 ul li:nth-of-type(2) a {background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/navi_bg2.gif) no-repeat left top, url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/navi_bg3.gif) no-repeat right top} #header .top_quick_link_m.mobile840 ul li:nth-of-type(3) {background:#87b319 url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/navi_bg4.gif) no-repeat left top} #header .total_toggle {position:absolute;right:3%;top:130px;z-index:999} #header .total_toggle_close {display:none;position:absolute;right:3%;top:130px;z-index:999} #header .navi {position:relative;border-bottom:1px solid #c8c6c3} #header .navi ul {width:90%;margin:0 2% 0 8%} #header .navi .wr1400 li {position:relative} #header .navi li:nth-of-type(1) {width:16%} #header .navi li:nth-of-type(2) {width:19%} #header .navi li:nth-of-type(3) {width:14.5%} #header .navi li:nth-of-type(4) {width:18%} #header .navi li:nth-of-type(5) {width:18%} #header .navi li:nth-of-type(6) {width:14.5%} #header .navi .wr1400 li a.tmenu {display:block;font-size:17px;font-weight:500;color:#543019;line-height:55px} #header .navi .wr1400 li .sub {display:none;padding:10px 0px;background:#543019; z-index:9999} #header .navi .wr1400 li .sub a {display:block;font-size:14px;font-weight:400; color:#d6c7b3; text-align:left;height:auto !important;line-height:35px} #header .navi .wr1400 li .sub a:hover {color:#fff;font-weight:500} #header .navi .wr1400 li .sub1 {position:absolute;top:55px;left:0} #header .navi .wr1400 li .sub1 a {width:150px;padding:0 25px} #header .navi .wr1400 li .sub2 {position:absolute;top:55px;left:0} #header .navi .wr1400 li .sub2 a {width:150px;padding:0 25px} #header .navi .wr1400 li .sub3 {position:absolute;top:55px;left:0} #header .navi .wr1400 li .sub3 a {width:150px;padding:0 25px} #header .navi .wr1400 li .sub4 {position:absolute;top:55px;left:0} #header .navi .wr1400 li .sub4 a {width:160px;padding:0 25px} #header .navi .wr1400 li .sub5 {position:absolute;top:55px;left:0} #header .navi .wr1400 li .sub5 a {width:150px;padding:0 25px} #header .navi .wr1400 li .sub6 {position:absolute;top:55px;right:0} #header .navi .wr1400 li .sub6 a {width:150px;padding:0 25px} #header .total_navi {display:none;position:absolute;top:55px;width:100%;background:#543019;z-index:9999;;text-align:right;overflow:hidden} #header .total_navi ul {float:left;width:90%} #header .total_navi ul > li {padding:15px 0} #header .total_navi ul > li:nth-of-type(1) {width:16%} #header .total_navi ul > li:nth-of-type(2) {width:19%} #header .total_navi ul > li:nth-of-type(3) {width:14.5%} #header .total_navi ul > li:nth-of-type(4) {width:18%} #header .total_navi ul > li:nth-of-type(5) {width:18%} #header .total_navi ul > li:nth-of-type(6) {width:14.5%} #header .total_navi ul > li > ol > li {display:block} #header .total_navi ul > li > ol > li > a {display:block;width:150px;font-size:14px;font-weight:400;color:#d6c7b3;text-align:left;line-height:35px} #header .total_navi ul > li > ol > li > a:hover {color:#fff;font-weight:500} #header .main_rolling {width: 100%;} #header .main_rolling .mroll {height: 40vw; display: flex; align-items: center; justify-content: center;} #header .main_rolling .main_title {font-size: 4vw;color:#2e4aa6; text-shadow:0 0 10px #fff} #header .main_rolling .sns_box {position: relative; width: 100%; top: -60px; display: flex; justify-content: space-between;} #header .main_rolling .sns_box .name {display: flex; align-items: center; gap: 10px; padding: 0 30px; margin-bottom: -30px;} #header .sub_top_bg {background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/sub_top_bg7.jpg) no-repeat;background-size:cover;text-align:center;background-size:cover;animation:mtop_bg 4s ease-in-out;animation-fill-mode: forwards;-webkit-animation:mtop_bg 4s ease-in-out;-webkit-animation-fill-mode: forwards;-moz-animation:mtop_bg 4s ease-in-out;-moz-animation-fill-mode: forwards;-o-animation:mtop_bg 4s ease-in-out;-o-animation-fill-mode: forwards} #header .sub_top_bg .wr1400 {position:relative;height:390px;overflow:hidden} #header .sub_top_bg .wr1400 .content {position:absolute;top:50%;left:0;transform: translateY(-50%);width:90%;padding:0 5%} #header .sub_top_bg1 {background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/sub_top_bg7.jpg) no-repeat center bottom} #header .sub_top_bg2 {background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/sub_top_bg2.jpg) no-repeat center bottom} #header .sub_top_bg3 {background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/sub_top_bg3.jpg) no-repeat center bottom} #header .sub_top_bg4 {background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/sub_top_bg4.jpg) no-repeat center bottom} #header .sub_top_bg5 {background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/sub_top_bg5.jpg) no-repeat center bottom} #header .sub_top_bg6 {background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/sub_top_bg6.jpg) no-repeat center bottom} #header .sub_top_bg h1 {font-size:42px;font-weight:600;color:#fff;text-shadow:0 0 10px #000} #header .sub_top_bg h4 {font-size:18px;font-weight:400;color:#fff;padding-top:15px;line-height:1.5} @keyframes mtop_bg { 0% {background-position:center top;} 80% {background-position: center bottom} } @-webkit-keyframes mtop_bg { 0% {background-position:center top;} 80% {background-position: center bottom} } @-moz-keyframes mtop_bg { 0% {background-position:center top;} 80% {background-position: center bottom} } @-o-keyframes mtop_bg { 0% {background-position:center top;} 80% {background-position: center bottom} } @keyframes main_txt { 0% { font-size:30px;opacity: 0; } 80% { font-size:571%;opacity: 0.9; } 100% { font-size:500%;opacity: 1; } } @-webkit-keyframes main_txt { 0% { font-size:30px;opacity: 0; } 80% { font-size:571%;opacity: 0.9; } 100% { font-size:500%;opacity: 1; } } @-moz-keyframes main_txt { 0% { font-size:30px;opacity: 0; } 80% { font-size:571%;opacity: 0.9; } 100% { font-size:500%;opacity: 1; } } @-o-keyframes main_txt { 0% { font-size:30px;opacity: 0; } 80% { font-size:571%;opacity: 0.9; } 100% { font-size:500%;opacity: 1; } } /* container */ #container * {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;} #container {position:relative;background:#fcf9f3} #container .mcontent1 .wr1400 {margin-top: 50px} #container .mcontent1 .wr1400 ul {background:#fff; width: 100%;} #container .mcontent1 li {padding:30px 40px;background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/vline.gif) no-repeat right center;width:33.3%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box} #container .mcontent1 li.mcontent1_item1 {background:none} #container .mcontent1 li .mtitle {font-size:22px;font-weight:700;color:#121212} #container .mcontent1 li .mtitle span {display:inline-block;;background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/main_icon_set.png) no-repeat left top;width:28px;height:28px;vertical-align:-6px;margin-right:6px;} #container .mcontent1 li.mcontent1_item1 .mtitle span {background-position:-28px 0;} #container .mcontent1 li.mcontent1_item1 .notice {padding-top:15px} #container .mcontent1 li.mcontent1_item1 .notice dl {width:100%} #container .mcontent1 li.mcontent1_item1 .notice dl dt {clear:both;float:left;width:15px;font-size:17px;font-weight:400;color:#464646;padding:5px 0;font-size:14px;font-weight:900;color:#464646} #container .mcontent1 li.mcontent1_item1 .notice dl dd {float:right;width:calc(100% - 15px);padding:5px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} #container .mcontent1 li.mcontent1_item1 .notice dl dd a {font-size:14px;font-weight:400;color:#464646} #container .mcontent1 li.mcontent1_item1 .notice dl dd a:hover {color:#f47d31} #container .mcontent1 li.mcontent1_item2 .time {padding-top:15px} #container .mcontent1 li.mcontent1_item2 .time dl {width:100%} #container .mcontent1 li.mcontent1_item2 .time dl dt {clear:both;float:left;width:60px;font-size:17px;font-weight:400;color:#464646;padding:3px 0} #container .mcontent1 li.mcontent1_item2 .time dl dd {float:right;width:calc(100% - 60px);font-size:17px;font-weight:800;color:#000;padding:3px 0;;white-space: nowrap;text-overflow: ellipsis;overflow: hidden} #container .mcontent1 li.mcontent1_item2 .time .closed {font-size:14px;font-weight:400;color:#464646;padding-top:5px} #container .mcontent1 li.mcontent1_item2 .time .address {display:block;background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/icon_position.png) no-repeat left 2px;font-size:13px;font-weight:500;color:#ea4909;padding-left:16px;margin-top:12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden} #container .mcontent1 li.mcontent1_item3 .mtitle span {background-position-x:-56px} #container .location {padding-top:10px;text-align:center} #container .location .tel {font-size:28px;font-weight:900;color:#ea4909} #container .location .parking {font-size:13px;font-weight:400;color:#565656;padding-top:10px} #container .location .map_link {padding-top:10px} #container .location .map_link a {display:inline-block;width:44%;min-width:115px;padding:6px 0;border-radius:3px} #container .location .map_link .naver {background:#05b909;} #container .location .map_link .kakao {background:#fae100;} /* #container .location {padding-top:10px} #container .location .tel {font-size:28px;font-weight:900;color:#ea4909} #container .mcontent1_item1 .map_link a {display:flex;gap: 10px; min-width:115px;padding:6px 0;border-radius:3px} #container .mcontent1_item1 .map_link .naver {background:#05b909;} #container .mcontent1_item1 .map_link .kakao {background:#fae100;} */ #container .mcontent1 {margin-bottom: 20px;} #container .mcontent10 {max-width: 1400px; width: 100%; display: flex;justify-content: space-between;background-color: #fff; margin: 30px auto;} #container .mcontent10 .vs1200 {display: none;} #container .mcontent10 .mcontent1_item1, #container .mcontent10 .mcontent1_item2, #container .mcontent10 .mcontent1_item3 {padding: 20px 0; width: 100%;} #container .mcontent10 .border {border-right: #dbdbdb solid 1px; height: 100%; padding: 10px 38px; display: flex; flex-direction: column;} #container .mcontent10 .mcontent1_item3 .border {border-right: none} #container .mcontent10 .mtitle {font-size:22px;font-weight:700;color:#121212; padding-bottom: 20px; display: flex; align-items: center; gap: 10px;} #container .mcontent10 .mtitle img {height: 26px;} #container .mcontent10 .mtitle p {padding-top: 2px;} #container .mcontent10 .time {display: flex;flex-direction: column;gap: 20px;font-size: 18px;} #container .mcontent10 .time div {display: flex; justify-content: space-between;} #container .mcontent10 .reserve {display: flex; flex-direction: column; margin-top: 30px;} #container .mcontent10 .reserve h1 {font-size:28px;font-weight:900;color:#ea4909; text-align: center;} #container .mcontent10 .reserve .reserve_btn {background-color: #ea4909; padding: 12px 0 10px; color: white; font-size: 17px; font-weight: 500; text-align: center; border-radius: 6px; margin-top: 10px;} #container .mcontent10 .mcontent1_item2 .location {padding: 10px 0; text-align: center;} #container .mcontent10 .mcontent1_item2 .location p:first-child {font-size: 16px;} #container #daumRoughmapContainer1698422306299 {height: 200px;} #container .mcontent10 .mcontent1_item2 .map_link {display: flex; gap: 6px;} #container .mcontent10 .mcontent1_item2 .map_link a {padding: 5px 10px; border-radius: 4px;} #container .mcontent10 .mcontent1_item2 .map_link a:last-child {border: #dbdbdb solid 1px;} #container .mcontent10 .mcontent1_item2 .map_link img {object-fit: contain; height: 100%;} #container .mcontent10 .mcontent1_item2 .map_link .naver {background:#05b909;} #container .mcontent10 .mcontent1_item2 .map_link .kakao {background:#fae100;} #container .mcontent10 .mcontent1_item2 .map_link .tmap {background:#fff;} #container .mcontent10 .mcontent1_item3 .parking {font-size: 16px; display: flex; flex-direction: column; gap: 10px;} #container .mcontent10 .mcontent1_item3 .parking span {font-size: 16px; margin-bottom: 10px;} #container .mcontent2 .mbnr2 {margin-bottom: 20px;} #container .mcontent2 .swiper-slide {display: flex; align-self: center; justify-content: center; padding: 20px 0; margin-bottom: 24px;} #container .mcontent2 img {object-fit: contain; box-shadow:0 8px 10px 0 #ccc;} #container .mcontent2 .swiper-button-prev, #container .mcontent2 .swiper-button-next, #container .mcontent2 .swiper-pagination {color: #543019} #container .mcontent3 ul {box-shadow:0 3px 5px 0 #ddd} #container .mcontent3 li {position:relative;width:25%;height:350px} #container .mcontent3 li:nth-of-type(n+13) {display:none} #container .mcontent3 img {padding-bottom:5px} #container .mcontent3 li a {display:block;position:relative;height:350px} #container .mcontent3 li a .content {position:absolute;top:50%;left:0;width:100%;text-align:center;transform: translateY(-50%);} #container .mcontent3 li a {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box} #container .mcontent3 li a:hover {border:8px solid #cfab7a} #container .mcontent3 h1 {font-size:36px;font-weight:600} #container .mcontent3 h2 {font-size:30px;font-weight:600} #container .mcontent3 h3 {font-size:24px;font-weight:600;word-break:keep-all} #container .mcontent3 h4 {font-size:16px;font-weight:400;padding-bottom:5px} #container .mcontent4 {padding-bottom:60px;text-align:center} #container .mcontent4 h1 {font-size:36px;font-weight:500;color:#121212} #container .mcontent4 h4 {font-size:16px;font-weight:500;padding:10px 0 40px;color:#121212} #container .mcontent4 .after {text-align:left} #container .mcontent4 .after .swiper-slide {padding-bottom:50px} #container .mcontent4 .after .content {padding-top:10px} #container .mcontent4 .after .title {font-size:18px;font-weight:600;color:#000} #container .mcontent4 .after .hashtag {font-size:12px;font-weight:500;color:#5b8b27;border:1px solid rgba(91,139,39,0.5);border-radius:20px;padding:3px 10px} #container .mcontent4 .after .con_txt {font-size:15px;font-weight:400;color:#121212;line-height:1.7;padding-top:10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #container .mcontent4 .after .swiper-scrollbar {background: #d6d6d6; height:5px;} #container .mcontent4 .after .swiper-container-horizontal > .swiper-scrollbar {height: 5px;width: 100%;bottom: 0;left: 50%;transform: translateX(-50%);border-radius: 2px;} #container .mcontent5 {background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/main_bg.jpg) no-repeat center top;background-size:cover} #container .mcontent5 .wr1400 {position:relative;text-align:center;height:490px} #container .mcontent5 .content {position:absolute;top:50%;transform: translateY(-50%);width:100%} #container .mcontent5 .content h1 {font-size:36px;font-weight:300;color:#fff;line-height: 1.67;} #container .mcontent5 .content .online {display:inline-block;margin-top:30px;font-size:16px;font-weight:600;color:#fff;padding:15px 50px;text-align:center;border:1px solid rgba(255,255,255,0.5)} #container .mcontent6 {background:#1f1f1f;padding:60px 0;} #container .mcontent6 .wr1400 .location_info {width:47%;max-width:650px} #container .mcontent6 .wr1400 .map_area {width:48%;padding-left:5%} #container .mcontent6 ol > li {display:block;color:#fff} #container .mcontent6 ol > li .mtitle {font-size:22px;font-weight:600;color:#fff} #container .mcontent6 ol > li .mtitle span {display:inline-block;;background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/main_icon_set2.png) no-repeat left top;width:28px;height:28px;vertical-align:-6px;margin-right:6px;} #container .mcontent6 ol > li:nth-of-type(2) .mtitle span {background-position:-28px 0;} #container .mcontent6 ol > li:nth-of-type(3) .mtitle span {background-position:-56px 0;} #container .mcontent6 ol > li .content {padding:10px 0 25px;font-size:14px;font-weight:400;color:#fff;font-weight:400;line-height:2.14} #container .mcontent6 ol > li .content p {color:#909090} #container .mcontent6 ol > li .tel {font-size:30px;font-weight:600;color:#f47d31} #container .mcontent6 ol > li .res_link a {display:inline-block;font-size:15px;font-weight:500;color:#fff;padding:6px 15px;border-radius:20px} #container .mcontent6 ol > li .res_link a:first-child {background:#87b319} #container .mcontent6 ol > li .res_link a:last-child {background:#00abca} #container .mcontent7 {margin-top: 20px;} /* sub container */ #map {width:100%;height:490px;} #sub_container * {word-break: keep-all;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;} #sub_container .sub_position {border-bottom:1px solid #ddd;text-align:center} #sub_container .sub_position ol {font-size:0} #sub_container .sub_position ol li {display:inline-block;padding:0 2.5%} #sub_container .sub_position ol li a {display:block;height:60px;line-height:60px;font-size:16px;font-weight:400;color:#646464} #sub_container .sub_position ol li a.on {font-weight:500;color:#df5701;} #sub_container .sub_position ol li a.on::after {display:block;content:'';margin-bottom:20px;width:100%;height:2px;background:#df5701} #sub_container .sub_position_m {border-bottom:1px solid #ddd;text-align:center;} #sub_container .sub_position_m .step1,#sub_container .sub_position_m .step2 {display:none;position:absolute;top:0;width:100%;z-index:9} #sub_container .sub_position_m .step1 a,#sub_container .sub_position_m .step2 a {padding-left:10px} #sub_container .sub_position_m > ul > li ol li {display:block;border:1px solid #ddd;background:#fff;margin-bottom:-1px;margin-left:-1px;margin-right:-1px} #sub_container .sub_position_m > ul > li ol li:hover {background:#f0f0f0} #sub_container .sub_position_m > ul > li ol li a {line-height:59px;height:59px} #sub_container .sub_position_m > ul > li {position:relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box} #sub_container .sub_position_m > ul > li:nth-of-type(1) {width:65px;border-left:1px solid #ddd;border-right:1px solid #ddd} #sub_container .sub_position_m > ul > li:nth-of-type(2) {width:calc( (100% - 65px) / 2);border-right:1px solid #ddd; background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/ss_menu_arrow.png) no-repeat 95% 50%} #sub_container .sub_position_m > ul > li:nth-of-type(3) {width:calc( (100% - 65px) / 2);background:url(https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/ss_menu_arrow.png) no-repeat 95% 50%} #sub_container .sub_position_m > ul a {display:block;height:60px;line-height:60px;font-size:16px;font-weight:500;color:#646464} #sub_container .sub_content {padding:70px 0 0} #sub_container .sub_content .sub_title {font-size:34px;font-weight:800;color:#000;text-align:center} #sub_container .sub_content .sub_title::after {display:block;margin:30px auto 40px;content:'';width:70px;height:3px;background:#543019} #sub_container .sub_h1_title {font-size:30px;font-weight:500;color:#000} #sub_container .sub_h3_title {padding-top:20px;font-size:18px;font-weight:400;color:#363636;line-height:1.66;} #sub_container .sub_content_img {padding:25px 0} #sub_container .bottom_rolling .wr1400 {position:relative;height:560px} #sub_container .bottom_rolling .wr1400 .txt_area {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width:90%;text-align:center;padding:0 10%} #sub_container .bottom_rolling .swiper-button-prev:after, #sub_container .bottom_rolling .swiper-container-rtl .swiper-button-next:after {content:''} #sub_container .bottom_rolling .swiper-button-next:after, #sub_container .bottom_rolling .swiper-container-rtl .swiper-button-prev:after {content:''} #sub_container .bottom_rolling .btitle {font-family:'Noto Serif KR';font-size:38px;color:#fff} #sub_container .bottom_rolling .stitle {padding-top:15px;font-size:18px;font-weight:400;color:#fff;line-height: 1.88;} #sub_container .bottom_rolling .swiper-pagination-fraction, #sub_container .bottom_rolling .swiper-pagination-custom, #sub_container .bottom_rolling .swiper-container-horizontal > .swiper-pagination-bullets {bottom:10%} #sub_container .bottom_rolling .swiper-pagination-bullet {width:14px;height:14px;background:#fff;opacity:1} #sub_container .bottom_rolling .swiper-pagination-bullet-active {background:#f47d31;opacity:1} #sub_container .detail_tab {text-align:center} #sub_container .detail_tab ul li {padding:0 4px} #sub_container .detail_tab ul li a {background:#f4f0e7;display:block;width:260px;height:55px;line-height:56px;font-size:18px;font-weight:500;color:#121212;text-align:center;border-radius: 30px;border:1px solid #ded3cb} #sub_container .detail_tab ul li a.on {background:#f47d31;color:#fff;border:1px solid #f47d31} #sub_container .tab_detail_content .con_left {position:relative;width:66%;height:250px} #sub_container .tab_detail_content .con_left .profile_title {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center} #sub_container .tab_detail_content .con_left .profile_title h1 {font-size:32px;font-weight:500;color:#000;padding:15px 0 10px} #sub_container .tab_detail_content .con_left .profile_title .name {font-size:40px;font-weight:600;color:#000; padding:10px 0 15px} #sub_container .tab_detail_content .con_left .profile_title .name span {font-size:22px;color:#000;} #sub_container .tab_detail_content .prof_img {position:relative;width:34%} #sub_container .tab_detail_content .prof_img img {position:absolute;top:0;left:0;width:100%} #sub_container .sub12_content_detail {min-height:550px;background:#f4f0e7 url(https://d2zya9q01dk2k4.cloudfront.net/busanweb/cleareye/skin/sub12_bg.png) no-repeat center top;background-size:cover} #sub_container .sub12_content_detail .profile {width:100%;padding:50px 0 50px;} #sub_container .sub12_content_detail .profile1 {width:66%} #sub_container .sub12_content_detail .profile1 dl {clear:both;width:100%} #sub_container .sub12_content_detail .profile1 dl dt {clear:both;float:left;width:20px;} #sub_container .sub12_content_detail .profile1 dl dd {float:right;width:calc(100% - 20px);} #sub_container .sub12_content_detail .profile1 li {padding:6px 0;font-size:18px;font-weight:500;color:#363636;box-sizing:border-box;-webkit-box-sizing:border-box;} #sub_container .sub12_content_detail .profile1 li:nth-of-type(2n+1) {width:42.5%} #sub_container .sub12_content_detail .profile1 li:nth-of-type(2n) {width:57.5%} #sub_container .detail_tab2 ul li::after {content:'/';padding:0 20px;font-size:18px;color:#cfc5be;font-weight:300} #sub_container .detail_tab2 ul li:last-child::after {content:'';padding:0} #sub_container .detail_tab2 ul li a {display:inline-block;font-size:18px;font-weight:700;color:#363636} #sub_container .detail_tab2 ul li a.on {color:#77a503} #sub_container .detail_tab2 ul li a.on::after {display:block;content:'';margin-top:5px;height:1px;background:#77a503} #sub_container .sub_detail_content_title {font-size:18px;font-weight:700;color:#363636;padding:30px 0 10px} #sub_container .tab_detail_content .con_left2 {position:relative;width:60%;height:250px} #sub_container .tab_detail_content .con_left2 .profile_title {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);text-align:center} #sub_container .tab_detail_content .con_left2 .profile_title h1 {font-size:32px;font-weight:500;color:#000;padding:10px 0} #sub_container .tab_detail_content .con_left2 .profile_title .name {font-size:40px;font-weight:600;color:#000; padding: 10px 0 15px;} #sub_container .tab_detail_content .con_left2 .profile_title .name span {font-size:22px;color:#000;} #sub_container .tab_detail_content .prof_img2 {position:relative;width:40%} #sub_container .tab_detail_content .prof_img2 img {position:absolute;top:0;left:0;bottom:0;width:100%} #sub_container .tab_detail_content .prof_img3 {position:relative;width:35%} #sub_container .tab_detail_content .prof_img3 img {position:absolute;top:0;left:0;width:100%} #sub_container dl.sub_detail_dot_list {clear:both;width:100%} #sub_container dl.sub_detail_dot_list dt {clear:both;float:left;width:20px;font-size:18px;font-weight:400;color:#363636;line-height:1.8;padding:4px 0} #sub_container dl.sub_detail_dot_list dd {float:right;width:calc(100% - 20px);font-size:18px;font-weight:400;color:#363636;line-height:1.8;padding:4px 0} #sub_container .sub12_content_detail .profile dl.sub_detail_dot_list dd {font-weight:500} #sub_container .tab_detail_content2 .books ul li {width:25%;text-align:center;padding:30px 0} #sub_container .tab_detail_content2 h1 {font-size:18px;font-weight:400;color:363636;padding-top:10px} #sub_container .tab_detail_content2 h3 {font-size:15px;font-weight:400;color:363636;padding-top:0} #sub_container .tbl_sub_detail,#sub_container .tbl_sub_detail2 {width:100%} #sub_container .tbl_sub_detail colgroup col:nth-of-type(1) {min-width:170px} #sub_container .tbl_sub_detail colgroup col:nth-of-type(2) {min-width:100px} #sub_container .tbl_sub_detail2 colgroup col:nth-of-type(1) {min-width:120px} #sub_container .tbl_sub_detail_type2 colgroup col:nth-of-type(1) {min-width:140px} #sub_container .tbl_sub_detail td,#sub_container .tbl_sub_detail2 td {font-size:18px;font-weight:400;color:#363636;padding:5px 0;vertical-align:top;line-height:1.8;padding-right:10px} #sub_container .sub_con_txt {font-size:18px;font-weight:400;color:#363636;line-height:1.8} #sub_container .sub12_tab3_con {width:55%} #sub_container .sub_h1_title26 {font-size:26px;color:#000} #sub_container .sub_h3_title20 {font-size:20px} #sub_container .sub_content_title {font-size:32px;font-weight:600;color:#000;padding:60px 0 30px} #sub_container .sub_content_title26 {font-size:26px;font-weight:600;color:#000;padding:80px 0 15px} #sub_container .sub_content_title20 {font-size:20px;font-weight:600;color:#000;padding:50px 0 15px} #sub_container .sub_stitle {font-size:16px;color:#363636} #sub_container .sub_img {padding:30px 0 20px} #sub_container .sub_img_border img {border:1px solid #ded3cb} #sub_container .sub13 .reserve {background:url(https://dm9dyppzex8zo.cloudfront.net/busanweb/cleareye/skin/sub13_1.jpg) no-repeat center top;background-size:cover} #sub_container .sub13 .reserve .wr1400 {position:relative;height:462px;} #sub_container .sub13 .reserve .content {position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align:center} #sub_container .sub13 .reserve .content h2 {font-size:30px;font-weight:500;color:#fff} #sub_container .sub13 .reserve .content h1 {font-size:62px;font-weight:600;color:#fff;line-height:1.2;padding-top:20px} #sub_container .sub13 .reserve .content h4 {font-size:18px;font-weight:400;color:#fff;padding-top:30px} #sub_container .sub13 .reserve .content .buttons {width:985px;margin:0 auto;padding-top:40px} #sub_container .sub13 .reserve .content .buttons li {width:23%;padding:0 1%} #sub_container .sub13 .reserve .content .buttons li a {display:block;line-height:60px;font-size:18px;font-weight:600;} #sub_container .sub13 .reserve .content .buttons li:nth-of-type(1) a {background:#00abca;color:#fff;} #sub_container .sub13 .reserve .content .buttons li:nth-of-type(2) a {background:#87b319;color:#fff;} #sub_container .sub13 .reserve .content .buttons li:nth-of-type(3) a {background:#f47d31;color:#fff;} #sub_container .sub13 .reserve .content .buttons li:nth-of-type(4) a {background:#f7d807;color:#382a20;} #sub_container .sub13 .reserve .content .buttons li a span {display:inline-block;background:url(https://dm9dyppzex8zo.cloudfront.net/busanweb/cleareye/skin/sub13_icon_set.png) no-repeat left top;width:30px;height:30px;vertical-align: top;margin:15px 5px 0 0} #sub_container .sub13 .reserve .content .buttons li:nth-of-type(1) a span {background-position:0 0} #sub_container .sub13 .reserve .content .buttons li:nth-of-type(2) a span {background-position:-30px 0} #sub_container .sub13 .reserve .content .buttons li:nth-of-type(3) a span {background-position:-60px 0} #sub_container .sub13 .reserve .content .buttons li:nth-of-type(4) a span {background-position:-90px 0} #sub_container table.tbl_basic {display:table;width:100%} #sub_container table.tbl_basic_top_line {border-top:1px solid #ded3cb} #sub_container table.tbl_basic caption {border-top:2px solid #543019} #sub_container table.tbl_basic th {background:#f5f1e9;font-size:18px;font-weight:500;color:#121212;padding:15px 10px;border-right:1px solid #ded3cb;border-bottom:1px solid #ded3cb;line-height:1.8} #sub_container table.tbl_basic td {font-size:18px;color:#363636;padding:15px 10px;border-right:1px solid #ded3cb;border-bottom:1px solid #ded3cb;line-height:1.8} #sub_container table.tbl_basic th:last-child, #sub_container table.tbl_basic td:last-child {border-right:none} #sub_container table.tbl_basic td.border_right {border-right:1px solid #ded3cb} #sub_container table.tbl_basic td.left_padding {text-align:left;padding-left:2.7%} #sub_container table.tbl_basic_rline_none td {border-right:none !important;text-align:left !important;padding:25px 10px} #sub_container table.tbl_basic_rline_none td:first-child {font-size:20px} #sub_container .sub14_detail_tab, #sub_container .sub14_detail_tab2 {text-align:center} #sub_container .sub14_detail_tab li a, #sub_container .sub14_detail_tab2 li a {display:block;font-size:20px;font-weight:500;color:#363636;padding:25px 0 0} #sub_container .sub14_detail_tab li a::after, #sub_container .sub14_detail_tab2 li a::after {content:'ㆍ';font-size:20px;font-weight:500;color:#363636;padding:0 25px} #sub_container .sub14_detail_tab li:last-child a::after, #sub_container .sub14_detail_tab2 li:last-child a::after {content:'';padding:0} #sub_container .sub14_detail_tab li a.on, #sub_container .sub14_detail_tab2 li a.on {color:#f47d31} #sub_container .sub14_content {border-top:1px solid #ede6df;padding-top:10px;margin-top:30px} #sub_container .sub14_content .stitle {font-size:24px;font-weight:500;color:#000} #sub_container .sub14_content .title {font-size:26px;font-weight:600;color:#000} #sub_container .sub14_content .title2 {font-size:48px;font-weight:600;color:#000} #sub_container .sub14_content .sub14_con_txt {font-size:18px;color:#363636;line-height:1.8;padding-top:15px} #sub_container .sub14_content dl.product_list {clear:both;width:100%;border-bottom:1px solid #ede6df;overflow: hidden;padding:35px 0;} #sub_container .sub14_content dl.product_list > dt {float:left;width:75%} #sub_container .sub14_content dl.product_list > dd {float:right;width:25%;text-align:right} #sub_container .sub14_content .detail_con {font-size:18px;color:#363636;line-height:1.8;padding:20px 0} #sub_container .sub14_content .detail_con .green {font-size:20px;font-weight:600;} #sub_container .sub14_content div.product_set {display: flex; align-content: flex-start; flex-direction: column;} #sub_container .sub14_content div.product_set div.product_set_item {margin-bottom:30px; height: max-content;} #sub_container .sub14_content div.product_set div.product_set_item p.product_set_title {font-size: x-large; font-weight: bold; margin: 20px 0;} #sub_container .sub14_content div.product_set div.product_set_item div.product_list {display: flex; height: auto;} #sub_container .sub14_content div.product_set div.product_set_item div.product_list div.product_list_item {width: 100%; display: flex; margin-right: 20px; flex-direction: column; font-size: medium; text-overflow: ellipsis !important;} #sub_container .sub14_content div.product_set div.product_set_item div.product_list div.product_list_item div.product_img {height: 300px; width: auto; padding: 20px; display: flex; align-items: center; justify-content: center; background-color: white; border-radius: 20px;} #sub_container .sub14_content div.product_set div.product_set_item div.product_list div.product_list_item p.product_title {font-size: medium; font-weight: bold; margin: 20px 0; padding-left: 10px;} #sub_container .sub14_content div.product_set div.product_set_item div.product_list div.product_list_item p.product_subtitle {padding-left: 10px;} #sub_container .sub14_content div.product_set img {max-height: 100%;} #sub_container dl.dot_num_list > dt {clear:both;float:left;padding:7px 0} #sub_container dl.dot_num_list > dt span {display:inline-block;width:25px;height:25px;background:#363636;font-size:13px;color:#fff;text-align:center;line-height:25px;border-radius:50%} #sub_container dl.dot_num_list > dd {float:right;width:calc(100% - 32px);margin-left:7px;text-align:left;font-size:18px;padding:7px 0} #sub_container .product_detail li.left {width:50%;padding-right:1.5%} #sub_container .product_detail li.right {width:48.5%;margin-top:100px;text-align:right} #sub_container .sub15_content {margin-top:30px} #sub_container .sub15_content .swiper-container {width: 100%;margin-left: auto;margin-right: auto;} #sub_container .sub15_content .swiper-slide {background-size: cover;background-position: center;height:640px;} #sub_container .sub15_content .gallery-top {height: 100%;width: 100%;} #sub_container .sub15_content .gallery-thumbs {height:125px;padding:10px 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;} #sub_container .sub15_content .gallery-thumbs .swiper-slide {width:100%;height: 100%;border:5px solid #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;} #sub_container .sub15_content .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border:5px solid #f47d31;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;} #sub_container .sub16 .address {font-size:22px;font-weight:700;color:#121212;padding-top:20px} #sub_container .sub16 .addr_position {font-size:20px;font-weight:400;color:#121212;padding-top:10px} #sub_container .sub16 .naver_map {margin:30px 0} /* #sub_container .sub16 .sub16_btn a {display:inline-block; width:265px; padding:10px 0 7px;text-align:center;border-radius: 5px;} */ #sub_container .sub16 .sub16_btn_set {width: 100%; display: flex; align-items: center; justify-content: center;} #sub_container .sub16 .sub16_btn {display: flex; gap: 10px;} #sub_container .sub16 .sub16_btn a {width: 265px; height: 53px; display: flex; align-items: center; justify-content: center; border-radius: 5px; padding: 10px 0 7px;} #sub_container .sub16 .sub16_btn a.naver {background:#05b909} #sub_container .sub16 .sub16_btn a.kakao {background:#fae100} #sub_container .sub16 .sub16_btn a.tmap {background:#fff; } #sub_container .sub16 table.tbl_basic {margin-top:60px} #sub_container .sub16 table.tbl_basic td {border-right:none;font-size:16px;color:#363636;line-height:2} #sub_container .sub16 table.tbl_basic td:nth-of-type(2) {text-align:left} #sub_container .sub16 table.tbl_basic .title {font-size:22px;font-weight:600;color:#121212} #sub_container .sub16 table.tbl_basic .sub16_list dd b {font-weight:500;color:#363636} #sub_container .sub16 table.tbl_basic .sub16_list dt {clear:both;float:left;width:15px} #sub_container .sub16 table.tbl_basic .sub16_list dd {float:right;width:calc(100% - 15px)} #sub_container .sub16 table.tbl_basic .sub16_list2, #sub_container .sub16 table.tbl_basic .sub16_list3 {padding-top:10px} #sub_container .sub16 table.tbl_basic .sub16_list2 dd b, #sub_container .sub16 table.tbl_basic .sub16_list3 dd b {font-weight:500;color:#363636} #sub_container .sub16 table.tbl_basic .sub16_list2 dt {clear:both;float:left;width:85px;padding:3px 0} #sub_container .sub16 table.tbl_basic .sub16_list2 dt span, #sub_container .sub16 table.tbl_basic .sub16_list3 dt span {display:inline-block;width:100%;line-height: 28px;text-align: center;font-size:15px;color:#fff} #sub_container .sub16 table.tbl_basic .sub16_list2 dt span.blue, #sub_container .sub16 table.tbl_basic .sub16_list3 dt span.blue {background:#00abca;border-radius:20px} #sub_container .sub16 table.tbl_basic .sub16_list2 dt span.green, #sub_container .sub16 table.tbl_basic .sub16_list3 dt span.green {background:#87b319;border-radius:20px} #sub_container .sub16 table.tbl_basic .sub16_list2 dd {float:right;width:calc(100% - 95px);margin-left:10px;padding:3px 0} #sub_container .sub16 table.tbl_basic .sub16_list3 dt {clear:both;float:left;width:135px;padding:3px 0} #sub_container .sub16 table.tbl_basic .sub16_list3 dd {float:right;width:calc(100% - 150px);margin-left:15px;padding:3px 0} #sub_container .sub16 table.tbl_basic .sub16_list3 dt span.orange {background:#f47d31;border-radius:20px} #sub_container .sub16 table.tbl_basic img {color: red} #sub_container .sub31_title {font-size:18px;font-weight:500;color:#7cad01} #sub_container .sub_con_txt18 {font-size:18px;color:#363636;line-height: 1.6;padding:10px 0} #sub_container .pair_content, #sub_container .pair_content2 {margin:25px 0} #sub_container .pair_content li, #sub_container .pair_content2 li {text-align:center} #sub_container .sub31 .btitle {font-size:20px;font-weight:600;color:#363636;padding-top:20px} #sub_container .pair_content li:first-child {width:48.6%;padding-right:1.4%} #sub_container .pair_content li:last-child{width:48.6%;padding-left:1.4%} #sub_container .pair_content2 li:first-child {width:49.5%;padding-right:0.5%} #sub_container .pair_content2 li:last-child{width:49.5%;padding-left:0.5%} #sub_container .sub31 .rect_list {width:100%} #sub_container .sub31 .rect_list > dt {background:url(https://dm9dyppzex8zo.cloudfront.net/busanweb/cleareye/skin/icon_check.gif) no-repeat left center;clear:both;float:left;width:40px;content:'';text-indent: -9999px;height:24px;padding:13px 0} #sub_container .sub31 .rect_list > dd {width:calc(100% - 40px);text-align:left;font-size:18px;color:#363636;padding:10px 0;line-height:1.66} #sub_container .operation {position:relative;background:#e9e9e9;padding:20px 0;margin:30px 0} #sub_container .operation .txt {background:#543019;font-size:24px;font-weight:500;color:#fff;padding:5px 10px} #sub_container .operation .txt1 {position:absolute;top:40%;left:50%;transform: translate(-50%,-50%);z-index:99} #sub_container .operation .txt2 {position:absolute;top:60%;right:0;z-index:99} #sub_container .operation .txt3 {position:absolute;top:80%;right:0;;z-index:99} #sub_container .operation .txt4 {position:absolute;top:60%;left:0;;z-index:99} #sub_container .operation .txt5 {position:absolute;top:80%;left:0;;z-index:99} #sub_container .operation .title {font-size:18px;font-weight:500;color:#242424;text-align:center;padding-bottom:15px} #sub_container .operation ul {padding:0 0.6%} #sub_container .operation ul li {position:relative;width:48.6%;margin:0 0.4%;text-align:center} #sub_container .left_img_rtxt {background:#ededed;padding:30px 3%;margin:25px 0} #sub_container .left_img_rtxt ul li {position:relative;min-height:255px} #sub_container .left_img_rtxt ul li:first-child {width:23%} #sub_container .left_img_rtxt ul li:last-child {width:74%;margin-left:3%} #sub_container .left_img_rtxt li > div {position:absolute;top:50%;width:100%;transform:translateY(-50%);} #sub_container .sub54_1 {margin:25px 0;background:#e8e8e8;text-align:center} #sub_container .sub54_1 ul li {width:20%;padding:50px 1.93% 40px} #sub_container .sub54_1 ul li .txt {font-size:18px;color:#000;padding-top:10px;line-height:1.5} #sub_container .sub_step {margin:30px 0 0;overflow:hidden} #sub_container .sub_step ul.step_four li {padding:0 1.4%;width:233px;text-align:center} #sub_container .sub_step ul.step_five li {padding:0 1.4%;width:233px;text-align:center} #sub_container .sub_step ul li > div {position:relative;width:100%;height:233px} #sub_container .sub_step ul li > div .txt {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size:20px;font-weight:600;color:#fff;line-height:1.5;width:100%;text-align:center} #sub_container .sub55_1 {margin:25px 0} #sub_container .sub55_1 ul li {background:#e8e8e8;width:43.5%;text-align:center;padding:40px 3%} #sub_container .sub55_1 ul li:first-child {margin-right:0.5%} #sub_container .sub55_1 ul li:last-child {margin-left:0.5%} #sub_container .sub55_1 ul li > div {max-width:405px;margin:0 auto;text-align:center} #sub_container .sub55_1 ul li > div .sub_con_txt18 {text-align:left} #sub_container .sub55_2 {position:relative;margin:25px 0} #sub_container .sub55_2 ul li {background:#e8e8e8;width:50%;padding:60px 0} #sub_container .sub55_2 ul li:first-child div{margin-right:14%;margin-left:auto} #sub_container .sub55_2 ul li:last-child div {margin-left:14%} #sub_container .sub55_2 ul li > div {max-width:276px;text-align:center} #sub_container .sub55_2 .circle {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#2d2d2d;width:90px;height:90px;border-radius:50%;font-size:18px;font-weight:600;color:#fff;line-height:90px;text-align:center} #sub_container .sub55_3 {margin:15px 0} #sub_container .sub55_3 ul {width:100%} #sub_container .sub55_3 ul li {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;} #sub_container .sub55_3 ul li:first-child {width:19%;padding-right:2%;min-width:260px} #sub_container .sub55_3 ul li:last-child {width:79%;max-width:calc(100% - 260px)} #sub_container .sub56 .dot_num_list {background:#f4f0e7;padding:20px 30px;overflow:hidden;margin:20px 0} #sub_container .sub57_1 {margin:15px 0} #sub_container .sub57_1 ul {width:100%} #sub_container .sub57_1 ul li {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;} #sub_container .sub57_1 ul li:first-child {width:38%;padding-right:2%;min-width:400px} #sub_container .sub57_1 ul li:last-child {width:60%;max-width:calc(100% - 400px)} #sub_container .sub57_2 {margin:25px 0} #sub_container .sub57_2 ul li {background:#e8e8e8;width:43.5%;text-align:center;padding:40px 3%} #sub_container .sub57_2 ul li:first-child {margin-right:0.5%} #sub_container .sub57_2 ul li:last-child {margin-left:0.5%} #sub_container .sub57_2 ul li > div {margin:0 auto;text-align:center} #sub_container .sub57_2 ul li > div .sub_con_txt18 {text-align:left} #sub_container table.tbl_basic td.left_padding10 {text-align:left;padding-left:2.7%} #sub_container .sub_step ul.step_three li {padding:0 1.4%;width:233px;text-align:center} #sub_container .lasik_cource {background:#e8e8e8;width:100%} #sub_container .lasik_cource ul {max-width:1250px;padding:40px 20px;margin:0 auto} #sub_container .lasik_cource ul li:nth-of-type(2n) {display:inline-block;width:2.5%;text-align:center;background:url(https://dm9dyppzex8zo.cloudfront.net/busanweb/cleareye/skin/step_arrow.png) no-repeat center 25px;height:70px} #sub_container .lasik_cource ul li:nth-of-type(2n+1) {width:18%;text-align:center} #sub_container .lasik_cource ul li .sub_con_txt {padding-top:10px} #sub_container .lasek_cource ul li:nth-of-type(2n) {display:inline-block;width:2.5%;text-align:center;background:url(https://dm9dyppzex8zo.cloudfront.net/busanweb/cleareye/skin/step_arrow.png) no-repeat center 45px;height:140px} #sub_container .sub41_tab2 {background:#e8e8e8;padding:30px;text-align:center} #sub_container .sub41_tab2 .red {color:#d6151b} #sub_container .sub41_tab2 .title {font-size:24px;color:#000} #sub_container .sub41_tab2 .title span.strong {padding-right:10px} #sub_container .sub41_tab2 ul {margin:30px 0 10px} #sub_container .sub41_tab2 ul li {width:29.3%;padding:0 2%;text-align:center} #sub_container .sub41_tab2_img_txt li:first-child {width:405px;padding-right:3%} #sub_container .sub41_tab2_img_txt li:last-child {width:calc(100% - 405px - 3%)} #sub_container .sub_step20 {margin:10px 0 0 0} #sub_container .sub42_div2 {max-width:1000px;margin-top:20px;background:#e8e8e8} #sub_container .sub42_div2 ul li {width:50%;text-align:center;padding:15px 2% 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;border-right:1px solid #fff} #sub_container .sub42_div2 ul li:last-child {border:none} #sub_container .sub43_div4 {background:#e5e5e5;margin-top:20px} #sub_container .sub43_div4 ul li {width:25%;text-align:center;padding:40px 2%;border-right:1px solid #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;border-right:1px solid #fff} #sub_container .sub43_div4 ul li:last-child {border:none} #sub_container .sub43_div4 ul li .sub_con_txt {padding-top:10px} #sub_container .sub43_step_div3 ul li .sub_con_txt {padding-top:20px} #sub_container .sub43_step_div3 ul li:nth-of-type(2n+1) {width:26%;padding:0 2%} #sub_container .sub43_step_div3 ul li:nth-of-type(2n) {width:5%;background:url(https://dm9dyppzex8zo.cloudfront.net/busanweb/cleareye/skin/step_arrow.png) no-repeat center center;height:180px} #sub_container .sub43_div2 {margin-top:20px} #sub_container .sub43_div2 ul li {background:#f4f0e7;padding:20px 3%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box} #sub_container .sub43_div2 ul li:first-child {width:48.5%;margin-right:1.5%} #sub_container .sub43_div2 ul li:last-child {width:48.5%;margin-left:1.5%} #sub_container .sub44_step {background:#e8e8e8;width:100%} #sub_container .sub44_step ul {max-width:1100px;padding:40px 20px;margin:0 auto} #sub_container .sub44_step ul li:nth-of-type(2n) {display:inline-block;width:5%;min-width:25px;text-align:center;background:url(https://dm9dyppzex8zo.cloudfront.net/busanweb/cleareye/skin/step_arrow.png) no-repeat center 25px;height:70px} #sub_container .sub44_step ul li:nth-of-type(2n+1) {width:30%;text-align:center} #sub_container .sub44_step ul li .sub_con_txt {padding-top:10px} #sub_container .sub44_step ul li:nth-of-type(2n) {display:inline-block;width:2.5%;text-align:center;background:url(https://dm9dyppzex8zo.cloudfront.net/busanweb/cleareye/skin/step_arrow.png) no-repeat center 45px;height:140px} #sub_container .sub11 .sub11_img {width:50%} #sub_container .sub11 .sub11_con {position:relative;width:50%;text-align:center;height:455px;} #sub_container .sub11 .sub11_con .content {position:absolute;top:40%;transform:translateY(-50%);width:72%;padding:0 14%} #sub_container .sub11 .sub11_con h1 {font-size:48px;font-weight:700;color:#ed6107} #sub_container .sub11 .sub11_con h2 {font-size:30px;font-weight:600;color:#000;line-height:1.44;padding-top:15px} #sub_container .sub11 .sub11_con .sub_con_txt {padding-top:15px} #sub_container .gap80 {clear:both;height:80px} #sub_container .kakao {background:#fdd903;padding:70px 0 45px;text-align:center} #sub_container .kakao h1 {font-size:40px;font-weight:400;color:#543019;line-height:1.25;padding-top:20px} #sub_container .kakao h1 p {font-weight:600} #sub_container .kakao h3 {font-size:22px;font-weight:400;color:#543019;padding-top:20px} #sub_container .kakao_channer {text-align:center} #sub_container .kakao_channer h2 {font-size:32px;font-weight:600;color:#363636;padding:50px 0 40px} #sub_container .kakao_channer .step {max-width:870px;margin:0 auto} #sub_container .kakao_channer .step li:nth-of-type(2n+1) {width:calc((100% - 50px ) / 3);text-align:center} #sub_container .kakao_channer .step li:nth-of-type(2n) {width:25px;background:url(https://dm9dyppzex8zo.cloudfront.net/busanweb/cleareye/skin/sub23_arrow.png) no-repeat center center;text-align:center;height:80px;text-align:center} #sub_container .kakao_channer .step li .sub_con_txt {padding-top:15px} #sub_container .lh18 {line-height:1.8} #sub_container .sub_title18 {font-size:18px;} #sub_container .sub_title18_con_txt {font-size:18px;line-height:1.6} #sub_container .sub_title22 {font-size:22px;} #sub_container .sub_title30 {font-size:30px;line-height:1.6} #sub_container .sub_title30_2 {font-size:26px;line-height:1.6} #sub_container .strong700 {font-weight:700} #sub_container .strong900 {font-weight:900} #sub_container .sub_title30 .quot {display:block;padding-bottom:5px} #sub_container .sub12_1_content {background:#f4f0e7;padding:45px 0;margin-top:40px} #sub_container .sub12_1_content .sub12_img {position: relative; width: 45%; margin: 1% auto 4% auto; text-align: center;} /* 수정 */ #sub_container .sub12_1_content ul.con1 li:first-child img{border:5px solid #543019} #sub_container .sub12_1_content ul.con1 li:first-child {width:330px} #sub_container .sub12_1_content ul.con1 li:last-child {position:relative;height:240px;width:calc(100% - 4% - 330px);padding-left:4%} #sub_container .sub12_1_content ul.con1 li:last-child div {position:absolute;top:50%;transform:translateY(-50%);font-size:20px;font-weight:700;color:#121212;line-height:1.6} #sub_container .line_white {width:100%;margin:40px 0;border-top:1px solid #fff} #sub_container .sub12_1_content ul.con2 li {width:32.3%} #sub_container .sub12_1_content ul.con2 li:nth-of-type(2) {padding:0 1.5%} #sub_container .swiper-button-prev:after, #sub_container .swiper-button-next:after {content: ''} #sub_container .swiper-button-prev img, #sub_container .swiper-button-next img {border: none} /* #sub_container .sub_con_txt {padding-top:40px} */ #sub_container .report_img {display: flex; flex-wrap: wrap; width: 100%; gap: 20px;} #sub_container .report_img div {display: flex; align-items: center; justify-content: center; padding: 15px 20px; width: 210px; height: 60px; background:#fff;border:1px solid #dfd5cd;} #sub_container .report_img div img {object-fit: cover;} /* #sub_container .report_img li {width:210px; height:50px; background:#fff;padding:15px 20px;margin-right:15px;border:1px solid #dfd5cd;text-align:center} */ #sub_container .sub_div5 li {background:#fff;width:18.88%;margin-right:1.4%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;padding:10px 0;margin-bottom:15px;text-align:center;border:1px solid #ded3cb} #sub_container .sub_div5 li:nth-of-type(5) {margin-right:0} #sub_container .sub12_1_2 .swiper-slide {height:546px} #sub_container .sub12_1_4 .coop {max-width:1220px;margin:0 auto} #sub_container .sub12_1_4 .coop li {width:46.8%;padding:0 1.6%;text-align:center} #sub_container .sub12_1_4 .coop li img {border:1px solid #ded3cb} #sub_container .sub12_1_7 .tbl_sub_detail colgroup col:nth-of-type(2) {min-width:260px} #sub_container .sub12_1_8 .div4 li {width:23%;text-align:center;padding:0 1%} #sub_container .sub12_1_8 .div4 li img {border:1px solid #ded3cb} #sub_container .sub12_1_8 .div4 .sub_title18 {padding-top:5px} #sub_container .sub12_1_9 .tbl_sub_detail colgroup col:nth-of-type(2) {min-width:180px} #sub_container .sub12_1_9 .report_img_free li {background:#fff;padding:15px 20px;border:1px solid #ded3cb;text-align:center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;} #sub_container .sub12_1_9 .report_img_free {max-width:650px} #sub_container .sub12_1_9 .report_img_free li:first-child {width:54%;margin-right:4%} #sub_container .sub12_1_9 .report_img_free li:last-child {width:42%} #sub_container .sub12_1_9 .report_img_free li img {display:block} #sub_container .sub12_1_9 .fpaper li:first-child {background:#000;width:25%;padding:50px 2.5%;text-align:center;} #sub_container .sub12_1_9 .fpaper li:last-child {width:66.3%;padding-left:3.7%;} #sub_container .sub12_1_10 .sub_div5_type2 li {background:#fff;position:relative;height:80px;width:24%;margin-right:1.333%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;padding:10px 0;margin-bottom:15px;text-align:center;border:1px solid #ded3cb;} #sub_container .sub12_1_10 .sub_div5_type2 li:nth-of-type(4n) {margin-right:0} #sub_container .sub12_1_10 .sub_div5_type2 li div {position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align:center} #sub_container .sub12_1_11 .list_img {max-width:710px;margin:0 auto} #sub_container .sub12_1_11 .list_img li {width:48%;padding-right:2%} #sub_container .sub12_1_12 .list_img_div4 ul li {width:23.8%;padding-right:1.6%;text-align:center} #sub_container .sub12_1_12 .list_img_div4 ul li:nth-of-type(4n) {padding-right:0} #sub_container div.sub12_1_content div.wr1400 div.list_img_div4 {display: flex; flex-wrap: wrap; width: 100%; height: auto; gap: 20px; margin-bottom: 20px;} #sub_container div.sub12_1_content div.wr1400 div.list_img_div4 div.list_img_div4_item {width: auto; } #sub_container div.sub12_1_content div.wr1400 div.list_img_div4 div.list_img_div4_item img {max-height: 300px; object-fit: contain;} #sub_container .sub12_1_12 .tbl_sub_detail_type2 {width:100%} #sub_container .sub12_1_12 .tbl_sub_detail_type2 caption {border-top:2px solid #543019} #sub_container .sub12_1_12 .tbl_sub_detail_type2 th {font-size:18px;font-weight:500;color:#121212;padding:20px 10px;border:1px solid #ded3cb;margin-bottom:-1px;margin-right:-1px} #sub_container .sub12_1_12 .tbl_sub_detail_type2 td {font-size:18px;text-align:center;border:1px solid #ded3cb;margin-bottom:-1px;margin-right:-1px;padding:20px 10px;} #sub_container .link_paper {color:#777} #sub_container .link_paper span {display:inline-block;color:#4c96e1} #sub_container .link_paper span::after {display:block;content:'';margin-bottom:1px;border-bottom:1px solid #4c96e1} #sub_container .paper_view {display:inline-block;color:#4c96e1;text-decoration:underline !important} /* footer */ #footer {background:#1f1f1f;min-height:170px;border-top:1px solid #2c2c2c;padding:30px 0} #footer .left {width:calc(100% - 300px)} #footer .right {width:300px;text-align:right} #footer .bottom .bot_link li {padding:0 25px} #footer .bottom .bot_link li:first-child {padding-left:0} #footer .bottom .bot_link li a {font-size:15px;font-weight:400;color:#dfdfdf} #footer .bottom .copyright {clear:both;width:100%;padding-top:20px;font-size:13px;font-weight:400;color:#7a7a7a;line-height:1.84} #footer .bottom .copyright b {color:#fff;font-weight:400} #footer .bottom .copyright span {padding:0 1%} #footer .bot_logo {padding-top:25px} @media all and (max-width:1606px){ @keyframes main_txt { 0% { font-size:2vw;opacity: 0; } 80% { font-size:5vw;opacity: 0.9; } 100% { font-size:4.5vw;opacity: 1; } } @-webkit-keyframes main_txt { 0% { font-size:2vw;opacity: 0; } 80% { font-size:5vw;opacity: 0.9; } 100% { font-size:4.5vw;opacity: 1; } } @-moz-keyframes main_txt { 0% { font-size:2vw;opacity: 0; } 80% { font-size:5vw;opacity: 0.9; } 100% { font-size:4.5vw;opacity: 1; } } @-o-keyframes main_txt { 0% { font-size:2vw;opacity: 0; } 80% { font-size:5vw;opacity: 0.9; } 100% { font-size:4.5vw;opacity: 1; } } } @media all and (min-width:2000px) { #header .main_rolling .mroll {height: 30vw;} } @media all and (max-width:1400px){ .pc1400 {display:none} .mobile1400 {display:block} #quick {top:220px} #map {width:100%;height:35vw;} #header .top {height:120px} #header .top_quick_link {top:103px} #header .total_toggle {top:110px} #header .total_toggle_close {top:110px} #header .navi ul {width:99%;margin:0 5%} #container .mcontent1 ul, #container .mcontent5 .content {width:92%} #container .mcontent3 li {height:23vw} #container .mcontent3 li a {height:23vw} #container .mcontent10 {max-width: 92%;} .wr1400 {padding-left:4%;padding-right:4%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;} #container .mcontent4 .after .swiper-slide {padding-bottom:3.57vw} #container .mcontent5 .wr1400 {height:35vw} #container .mcontent5 .content h1 {font-size:2.57vw} #sub_container .sub15_content .swiper-slide {height:45.7vw} #sub_container .left_img_rtxt ul li {min-height:18.21vw} #sub_container .sub54_1 ul li {width:20%;padding:3.57vw 1.93% 3vw} #sub_container .sub_step ul {width:100%} #sub_container .sub_step ul.step_four li {width:23%;padding:0 1%} #sub_container .sub_step ul.step_five li {width:18%;padding:0 1%} #sub_container .sub_step ul.step_five li > div .txt {font-size:18px} #sub_container .sub_step ul li:first-child {padding-left:auto} #sub_container .sub_step ul li > div {position:relative;width:100%;height:auto} #sub_container .detail_tab_four ul {width:94%;margin:0 auto} #sub_container .detail_tab_four ul li {width:24%;padding:0 0.5%} #sub_container .detail_tab_four ul li a {width:100%;height:55px;line-height:56px;font-size:18px;font-weight:500;color:#121212;text-align:center;border-radius: 30px;border:1px solid #ded3cb} #sub_container .gap80 {display:block;clear:both;height:0} #sub_container .sub11 .sub11_con {position:relative;width:50%;text-align:center} #sub_container .sub12_1_10 .sub_div5_type2 li {background:#fff;width:23.95%;margin-right:1.4%} #sub_container .sub12_1_10 .sub_div5_type2 li:nth-of-type(5n) {margin-right:1.4%} #sub_container .sub12_1_10 .sub_div5_type2 li:nth-of-type(4n) {margin-right:0} } @media all and (max-width : 1200px){ .pc1200 {display:none} .mobile1200 {display:block} .space40 {height:30px} #container .mcontent1 li {padding:30px} #container .mcontent3 li {width:33.3%;height:31.3vw} #container .mcontent3 li a {height:31.3vw} #container .mcontent6 .wr1400 .location_info {float:none;width:100%} #container .mcontent6 .wr1400 .map_area {float:none;width:100%;padding-left:0;margin-bottom:30px} #container .mcontent10 .no1200 {display: none;} #container .mcontent10 .vs1200 {display: block;} #container .mcontent10 .time div {flex-direction: column; gap: 4px;} #sub_container .bottom_rolling .wr1400 {height:46.66vw} #sub_container .bottom_rolling .btitle {font-size:3.166vw} #sub_container .bottom_rolling .stitle {font-size:1.5vw} #sub_container .tab_detail_content .left,#sub_container .tab_detail_content .right {float:none} #sub_container .tab_detail_content .con_left {float:none;width:100%;height:auto} #sub_container .tab_detail_content .con_left .profile_title {position:relative;padding:30px 0;transform: none;height:auto;} #sub_container .tab_detail_content .con_left .profile_title h1 {font-size:2.66vw;font-weight:500;color:#000;padding:15px 0} #sub_container .tab_detail_content .con_left .profile_title .quot img {width:25px} #sub_container .tab_detail_content .prof_img {float:none;width:100%;text-align:center} #sub_container .tab_detail_content .prof_img img {position:relative;width:39%;min-width:250px} #sub_container .sub12_content_detail {background:#f4f0e7 url(none) no-repeat center top;background-size:cover;height:auto;min-height:auto} #sub_container .sub12_content_detail .profile {width:100%;padding:50px 0} #sub_container .sub12_content_detail .profile1 li {width:50% !important} #sub_container .tab_detail_content .con_left2 {float:none;width:100%;height:auto} #sub_container .tab_detail_content .con_left2 .profile_title {position:relative;padding:0 0 30px;transform: none;height:auto;} #sub_container .tab_detail_content .con_left2 .profile_title h1 {font-size:2.66vw;font-weight:500;color:#000;padding:15px 0} #sub_container .tab_detail_content .con_left2 .profile_title .quot img {width:25px} #sub_container .tab_detail_content .prof_img2 {float:none;width:100%;text-align:center} #sub_container .tab_detail_content .prof_img2 img {position:relative;width:39%;min-width:300px} #sub_container .tab_detail_content .prof_img3 {float:none;width:100%;text-align:center} #sub_container .tab_detail_content .prof_img3 img {position:relative;width:39%;min-width:200px} #sub_container .sub12_tab3_con {width:100%} #sub_container .sub14_content dl.product_list > dt {float:none;width:auto} #sub_container .sub14_content dl.product_list > dd {float:none;width:100%;text-align:center;margin:30px 0} #sub_container .sub14_content .title {font-size:22px;font-weight:600;color:#000} #sub_container .sub14_content .title2 {font-size:40px;font-weight:600;color:#000} #sub_container .sub14_content .sub14_con_txt {font-size:18px;color:#363636;line-height:1.8;padding-top:15px} #sub_container .product_detail li.left {float:none;width:auto} #sub_container .product_detail li.right {float:none;width:100%;margin:40px auto;text-align:center} #sub_container .sub_step ul.step_five li {width:23%;padding:0 1%;margin-bottom:20px} #sub_container table.tbl_basic td.left_padding10 {padding-left:10px} #sub_container .sub11 .sub11_con {position:relative;width:50%;text-align:center;height:455px;} #sub_container .sub11 .sub11_con .content {position:absolute;top:40%;transform:translateY(-50%);width:72%;padding:0 10%} #sub_container .sub11 .sub11_con h1 {font-size:40px;font-weight:700;color:#ed6107} #sub_container .sub11 .sub11_con h2 {font-size:26px;font-weight:600;color:#000;line-height:1.44;padding-top:10px} #sub_container .sub11 .sub11_con .sub_con_txt {padding-top:15px} #sub_container .kakao {background:#fdd903;padding:60px 0 35px;text-align:center} #sub_container .kakao h1 {font-size:34px;font-weight:400;color:#543019;line-height:1.25;padding-top:10px} #sub_container .kakao h1 p {font-weight:600} #sub_container .kakao h3 {font-size:20px;font-weight:400;color:#543019;padding-top:15px} #sub_container .kakao_channer {text-align:center} #sub_container .kakao_channer h2 {font-size:26px;font-weight:600;color:#363636;padding:40px 0 30px} #sub_container .kakao_channer .step {max-width:870px;margin:0 auto} #sub_container .kakao_channer .step li .sub_con_txt {padding-top:15px} #sub_container .sub_div5 li {background:#fff;width:23.95%;margin-right:1.4%} #sub_container .sub_div5 li:nth-of-type(4) {margin-right:0} #sub_container .sub_div5 li:nth-of-type(5) {margin-right:1.4%} #sub_container .sub12_1_2 .swiper-slide {height:480px} } @media all and (max-width : 1100px){ #sub_container .sub12_1_10 .sub_div5_type2 li {background:#fff;width:32.4%;margin-right:1.4%;margin-bottom:10px} #sub_container .sub12_1_10 .sub_div5_type2 li:nth-of-type(4n) {margin-right:1.4%} #sub_container .sub12_1_10 .sub_div5_type2 li:nth-of-type(3n) {margin-right:0} } @media all and (max-width : 1000px){ .pc1000 {display:none} .mobile1000 {display:block} #header .gnb li:nth-of-type(1), #header .gnb li:nth-of-type(2) {display:none} #header .sub_top_bg .wr1400 {height:320px} #header .sub_top_bg h1 {font-size:36px} #header .sub_top_bg h4 {font-size:16px} #header .sub_top_bg1, #header .sub_top_bg2, #header .sub_top_bg3, #header .sub_top_bg4, #header .sub_top_bg5, #header .sub_top_bg6 {background-size:cover} #container .location .map_link a {min-width:auto;width:44%;padding:6px 2%} #sub_container .sub_h1_title {font-size:26px} #sub_container .sub_h3_title {font-size:15px} .space20 {height:10px} #sub_container .detail_tab2 ul li a {font-size:16px} #sub_container .detail_tab2 ul li::after {padding:0 15px;font-size:16px;} #sub_container .sub12_content_detail .profile1 li {font-size:16px} #sub_container dl.sub_detail_dot_list dt {font-size:16px} #sub_container dl.sub_detail_dot_list dd {font-size:16px;font-weight:400} #sub_container .tab_detail_content2 .books ul li {width:50%;text-align:center;padding:30px 0} #sub_container .tab_detail_content2 h1 {font-size:16px;font-weight:400;color:363636;padding-top:10px} #sub_container .tab_detail_content2 h3 {font-size:14px;font-weight:400;color:363636;padding-top:0} #sub_container .tbl_sub_detail td {font-size:16px} #sub_container .sub_con_txt {font-size:16px} #sub_container .tbl_sub_detail colgroup col:nth-of-type(1) {min-width:155px} #sub_container .tbl_sub_detail_type2 colgroup col:nth-of-type(1) {min-width:120px} #sub_container .tbl_sub_detail2 td {font-size:16px} #sub_container .sub_content_title {font-size:28px;padding:40px 0 20px} #sub_container .sub_stitle {font-size:15px} #sub_container .sub13 .reserve .wr1400 {position:relative;height:46.2vw;min-height:325px} #sub_container .sub13 .reserve .content h2 {font-size:3vw;font-weight:500;color:#fff} #sub_container .sub13 .reserve .content h1 {font-size:6.2vw;font-weight:600;color:#fff;line-height:1.2;padding-top:2vw} #sub_container .sub13 .reserve .content h4 {font-size:18px;font-weight:400;color:#fff;padding-top:3vw} #sub_container .sub13 .reserve .content .buttons {width:100%;margin:0 auto;padding-top:4vw} #sub_container .sub13 .reserve .content .buttons li {width:23%;padding:0 1%} #sub_container .sub13 .reserve .content .buttons li a {display:block;line-height:55px} #sub_container table.tbl_basic th {font-size:16px;padding:12px 10px} #sub_container table.tbl_basic td {font-size:16px;padding:12px 10px} #sub_container table.tbl_basic_rline_none td {padding:20px 10px} #sub_container table.tbl_basic_rline_none td:first-child {font-size:18px} #sub_container table.tbl_basic th:last-child, #sub_container table.tbl_basic td:last-child {border-right:none} #sub_container table.tbl_basic td.border_right {border-right:1px solid #ded3cb} #sub_container table.tbl_basic td.left_padding {text-align:left;padding-left:2.7%} #sub_container .sub14_content .stitle {font-size:22px} #sub_container .sub14_content .title2 {font-size:40px} #sub_container .sub14_content .detail_con {font-size:16px;color:#363636;padding:15px 0} #sub_container .sub14_content .detail_con .green {font-size:18px} #sub_container dl.dot_num_list > dt span {display:inline-block;width:20px;height:20px;background:#363636;font-size:13px;color:#fff;text-align:center;line-height:20px;border-radius:50%} #sub_container dl.dot_num_list > dd {float:right;width:calc(100% - 25px);margin-left:5px;text-align:left;font-size:16px;padding:5px 0} #sub_container .sub14_content .title {font-size:22px;font-weight:600;color:#000} #sub_container .sub14_content .title2 {font-size:40px;font-weight:600;color:#000} #sub_container .sub14_content .sub14_con_txt {font-size:16px;color:#363636;line-height:1.8;padding-top:15px} #sub_container .sub15_content .gallery-thumbs {height:110px;} #sub_container .pair_content1000 ul li {width:100% !important} #sub_container .sub31 .rect_list {padding-top:20px} #sub_container .operation .txt {font-size:20px} #sub_container .left_img_rtxt {padding:15px 4%;margin:20px 0} #sub_container .left_img_rtxt ul li {position:relative;min-height:182px} #sub_container .left_img_rtxt ul li:first-child {width:23%} #sub_container .left_img_rtxt ul li:last-child {width:74%;margin-left:3%} #sub_container .sub54_1 {padding-bottom:3.57vw} #sub_container .sub54_1 ul li {width:45%;padding-bottom:0} #sub_container .sub54_1 ul li .txt {font-size:18px;color:#000;padding-top:10px;line-height:1.5} #sub_container .sub_step ul.step_four li {width:23%;padding:0 1%} #sub_container .sub_step ul li > div .txt {font-size:18px} #sub_container .sub55_2 .circle {width:9vw;height:9vw;border-radius:50%;font-size:18px;font-weight:600;color:#fff;line-height:9vw;text-align:center} #sub_container .sub_step ul.step_five li {width:31.3%;padding:0 1%;margin-bottom:20px} #sub_container .sub57_1 ul li:first-child {width:100%;padding-right:0;min-width:auto;text-align:center;margin-bottom:20px} #sub_container .sub57_1 ul li:last-child {width:100%;max-width:100%} #sub_container .sub57_2 ul li {width:auto;text-align:center;padding:40px 5% 0} #sub_container .sub57_2 ul li:first-child {margin-right:0} #sub_container .sub57_2 ul li:last-child {margin-left:0;padding-bottom:40px} #sub_container .sub_step ul.step_three li {width:31.3%;padding:0 1%} #sub_container .lasik_cource ul {padding:30px 20px 10px} #sub_container .lasik_cource ul li {margin-bottom:20px} #sub_container .lasik_cource ul li:nth-of-type(2n) {display:inline-block;width:35px} #sub_container .lasik_cource ul li:nth-of-type(2n+1) {width:calc( (100% - 35px * 4 ) / 4);text-align:center} #sub_container .lasik_cource ul li .txt {padding-top:10px} #sub_container .sub11 .sub11_img {width:100%;text-align:center;margin-top:30px} #sub_container .sub11 .sub11_con {position:relative;width:100%;text-align:center;height:auto;} #sub_container .sub11 .sub11_con .content {position:relative;top:0;transform:none;width:100%;padding:0} #sub_container .sub11 .sub11_con .sub_con_txt {padding-top:15px;text-align:left} #sub_container .gap80 {clear:both;height:60px} #sub_container .sub_title30 .quot img {width:25px} #sub_container .sub_title30 {font-size:26px} #sub_container .sub_title30_2 {font-size:23px} #sub_container .report_img li {padding:10px 12px} #sub_container .sub12_1_content .sub12_img {position: relative; width: 97%; margin: 1% auto 4% auto; text-align: center;} /* 수정 */ #sub_container .sub12_1_2 .swiper-slide {height:430px} #sub_container .sub12_1_8 .div4 li {width:46%;text-align:center;padding:0 2%;margin-bottom:10px} #sub_container .sub12_1_12 .list_img_div4 ul li {width:47%;padding-right:3%;margin-bottom:20px} #sub_container .sub12_1_12 .list_img_div4 ul li:nth-of-type(4n) {padding-right:3%} #sub_container .sub12_1_12 .list_img_div4 ul li:nth-of-type(2n) {padding-right:0} #sub_container .kakao {padding:50px 0 35px} #footer .left {float:none;width:100% } #footer .right {display:none} } @media all and (max-width : 840px){ html, input, select, textarea, .se2_inputarea, ul, ol, dl, li, a, table, span, p, tr, td {font-weight: 500;} .pc840 {display:none} .mobile840 {display:block} .pt50 {padding-top: 40px} #map {width:100%; height:320px;} #header .top {padding-top:20px;height:105px} #header .top_quick_link {top:85px} #header .main_rolling .sns_box {display: none;} #header .top .home_link, #header .top .toggle {display: block;} @keyframes main_txt { 0% { font-size:15px;opacity: 0; } 80% { font-size:4.5vw;opacity: 0.9; } 100% { font-size:4vw;opacity: 1; } } @-webkit-keyframes main_txt { 0% { font-size:15px;opacity: 0; } 80% { font-size:4.5vw;opacity: 0.9; } 100% { font-size:4vw;opacity: 1; } } @-moz-keyframes main_txt { 0% { font-size:15px;opacity: 0; } 80% { font-size:4.5vw;opacity: 0.9; } 100% { font-size:4vw;opacity: 1; } } @-o-keyframes main_txt { 0% { font-size:15px;opacity: 0; } 80% { font-size:4.5vw;opacity: 0.9; } 100% { font-size:4vw;opacity: 1; } } #header .sub_top_bg .wr1400 {height:280px} #header .toggle {display:block} #header .top_fix {background:#fff;position:fixed;top:0;width:100%;height:123px;z-index:9999} #header .main_rolling, #header .sub_top_bg {margin-top:128px} #container .mcontent1 li {width:100%;background:none;border-bottom:1px solid #ddd} #container .mcontent1 li.mcontent1_item1 {border: none} #container .mcontent3 li {width:50%;height:48vw} #container .mcontent3 li a {height:48vw} #container .mcontent2 .mbnr1 .mbnr1_paging {display:none} #container .mcontent4 h1 {font-size:28px} #container .mcontent5 .wr1400 {height:294px} #container .mcontent5 .content h1 {font-size:22px} #container .mcontent5 .content .online {margin-top:20px;padding:10px 35px} #container .mcontent6 {padding:40px 0} #container .mcontent6 .wr1400 .map_area .wrap_map {height:300px !important} #container .mcontent10 {flex-direction: column;} #container .mcontent10 .no1200 {display: block} #container .mcontent10 .vs1200 {display: none} #container .mcontent10 .border {border-right: none; border-bottom: #dbdbdb solid 1px; padding: 40px 10px;} #container .mcontent10 .mcontent1_item3 .border {border-bottom: none} #container .mcontent10 .mcontent1_item1, #container .mcontent10 .mcontent1_item2, #container .mcontent10 .mcontent1_item3 {padding: 0 20px; width: auto;} #container #daumRoughmapContainer1698422306299 {height: auto;} #container .mcontent10 .map_link {flex-direction: column;} #container .mcontent10 .map_link a {height: 40px; display: flex; align-items: center;} #container .mcontent10 .map_link img {width: 100%; height: 80% !important;} #sub_container .sub_content .sub_title {font-size:28px} #sub_container .sub_content {padding:40px 0 0} #sub_container .bottom_rolling .wr1400 {height:392px} #sub_container .bottom_rolling .btitle {font-size:26px} #sub_container .bottom_rolling .stitle {font-size:14px} .space60 {height:40px} #sub_container .detail_tab ul li a {background:#f4f0e7;display:block;width:200px;height:45px;line-height:45px;font-size:16px;font-weight:500;color:#121212;text-align:center;border-radius: 30px;border:1px solid #ded3cb;margin-bottom:-1px} #sub_container .detail_tab ul li a.on {background:#f47d31;color:#fff;border:1px solid #f47d31} #sub_container .tab_detail_content .con_left .profile_title h1 {font-size:22px;font-weight:500;color:#000;padding:10px 0} #sub_container .tab_detail_content .con_left .profile_title .name {font-size:28px;font-weight:600;color:#000;} #sub_container .tab_detail_content .con_left .profile_title .name span {font-size:16px;color:#000;} #sub_container .tab_detail_content .con_left .profile_title .quot img, #sub_container .tab_detail_content .con_left2 .profile_title .quot img {width:20px} #sub_container .tbl_sub_detail colgroup col:nth-of-type(2) {display:none} #sub_container .tbl_sub_detail td:nth-of-type(3n+2) {display:none} .space60 {height:40px} .space50 {height:30px} .space30 {height:15px} .space10 {height:5px} #sub_container .sub_h1_title26 {font-size:22px} #sub_container .sub_h3_title20 {font-size:18px} #sub_container .sub_content_title {font-size:25px;padding:40px 0 20px} #sub_container .sub_content_title26 {font-size:22px;;padding:40px 0 10px} #sub_container .sub_content_title20 {font-size:18px;;padding:30px 0 15px} #sub_container .sub_con_txt18 {font-size:16px} #sub_container .sub_img {padding:15px 0 10px} #sub_container .sub12_1_content .sub12_img {position: relative; width: 83%; margin: 1% auto 4% auto; text-align: center;} /* 수정 */ #sub_container .sub13 .reserve .wr1400 {position:relative;height:46.2vw;min-height:325px} #sub_container .sub13 .reserve .content h2 {font-size:3vw;font-weight:500;color:#fff} #sub_container .sub13 .reserve .content h1 {font-size:6.2vw;font-weight:600;color:#fff;line-height:1.2;padding-top:2vw} #sub_container .sub13 .reserve .content h4 {font-size:16px} #sub_container .sub13 .reserve .content .buttons {width:100%;margin:0 auto;padding-top:4vw} #sub_container .sub13 .reserve .content .buttons li {width:23%;padding:0 1%} #sub_container .sub13 .reserve .content .buttons li a {display:block;line-height:55px;font-size:16px} #sub_container .sub14_detail_tab li a, #sub_container .sub14_detail_tab2 li a {display:block;font-size:18px;padding:20px 0 0} #sub_container .sub14_detail_tab li a::after, #sub_container .sub14_detail_tab2 li a::after {font-size:18px;padding:0 20px} #sub_container .sub14_content dl.product_list {padding:30px 0} #sub_container .sub16 .pos {width:35px;margin:0 auto} #sub_container .sub16 table.tbl_basic {margin-top:40px} #sub_container .sub16 table.tbl_basic colgroup col:nth-of-type(1) {display:none} #sub_container .sub16 table.tbl_basic td:nth-of-type(1) {display:none} #sub_container .sub16 table.tbl_basic td {font-size:15px} #sub_container .sub16 .sub16_btn a {width:220px;padding:5px 0 3px} #sub_container .sub16 .address {font-size:20px} #sub_container .sub16 .addr_position {font-size:18px} #sub_container .sub16 table.tbl_basic .title {font-size:20px} #sub_container .sub31_title {font-size:16px} #sub_container .sub_con_txt18 {font-size:16px;padding:5px 0} #sub_container .pair_content, #sub_container .pair_content2 {margin:10px 0} #sub_container .sub31 .btitle {font-size:18px;padding-top:15px} #sub_container .pair_content li:first-child, #sub_container .pair_content2 li:first-child {width:100%;padding-right:0;margin-bottom:20px} #sub_container .pair_content li:last-child, #sub_container .pair_content2 li:last-child {width:100%;padding-left:0} #sub_container .sub31 .rect_list {padding-top:0} #sub_container .sub31 .rect_list > dt {background-size:20px auto;width:30px;height:12px;padding:10px 0} #sub_container .sub31 .rect_list > dd {width:100%;text-align:left;font-size:16px;color:#363636;padding:5px 0;line-height:1.5} #sub_container .operation {position:relative;background:#e9e9e9;padding:20px 0;margin:30px 0} #sub_container .operation .txt {display:inline-block;background:#543019;font-size:18px;font-weight:500;color:#fff;padding:5px 10px} #sub_container .operation .txt1 {display:none} #sub_container .operation .txt2 {position:absolute;top:60%;right:0;z-index:99} #sub_container .operation .txt3 {position:absolute;top:80%;right:auto;left:0;;z-index:99} #sub_container .operation .txt4 {position:absolute;top:60%;left:auto;right:0;z-index:99} #sub_container .operation .txt5 {position:absolute;top:80%;left:0;z-index:99} #sub_container .operation .title {font-size:18px;font-weight:500;color:#242424;text-align:center;padding-bottom:15px} #sub_container .operation ul {padding:0 0.6%} #sub_container .operation ul li {position:relative;width:100%;margin:0;} #sub_container .left_img_rtxt li > div {position:relative;top:auto;transform:none;} #sub_container .left_img_rtxt ul li:first-child {width:100%;text-align:center} #sub_container .left_img_rtxt ul li:last-child {width:100%;margin-left:0} #sub_container .sub54_1 ul li .txt {font-size:16px} #sub_container .sub_step ul.step_four li {width:46%;padding:0 2%;margin-bottom:20px} #sub_container .sub_step ul.step_five li {width:46%;padding:0 2%;margin-bottom:20px} #sub_container .sub_step ul.step_five li > div .txt {font-size:16px} #sub_container .sub_step ul li > div .txt {font-size:18px} #sub_container .sub55_1 {margin:20px 0} #sub_container .sub55_1 ul li {background:#e8e8e8;width:100%;text-align:center;padding:25px 0 0} #sub_container .sub55_1 ul li:first-child {margin-right:0} #sub_container .sub55_1 ul li:last-child {margin-left:0;padding-bottom:30px} #sub_container .sub55_1 ul li > div {max-width:405px;margin:0 auto;text-align:center} #sub_container .sub55_1 ul li > div .sub_con_txt18 {text-align:left} #sub_container .sub55_3 {margin:10px 0} #sub_container .sub55_3 ul li:first-child {width:100%;padding-right:0;min-width:auto;text-align:center;margin-bottom:20px} #sub_container .sub55_3 ul li:last-child {width:100%;max-width:100%} #sub_container .operation ul li:last-child {margin-top:20px} #sub_container .detail_tab_four ul {width:94%;margin:0 auto} #sub_container .detail_tab_four ul li {width:48%;padding:0 1%;margin-bottom:10px} #sub_container .detail_tab_four ul li a {width:100%} #sub_container .lasik_cource ul li:nth-of-type(2n+1) {width:calc( (100% - 35px * 3 ) / 3);text-align:center} #sub_container .sub41_tab2 .title {font-size:20px;} #sub_container .sub41_tab2 ul li {width:100%} #sub_container .sub41_tab2_img_txt li:first-child {width:100%;padding-right:0;text-align:center} #sub_container .sub41_tab2_img_txt li:last-child {width:100%;padding-top:20px} #sub_container .sub42_div2 ul li {width:100%;border-right:none;border-bottom:1px solid #fff} #sub_container .sub43_div4 ul li {width:50%;text-align:center;padding:20px 2%;border-bottom:1px solid #fff} #sub_container .sub43_div4 ul li:nth-of-type(2n) {border-right:none} #sub_container .sub43_div4 ul li:nth-of-type(n+3) {border-bottom:none} #sub_container .sub43_step_div3 ul li:nth-of-type(2n+1) {width:96%} #sub_container .sub43_step_div3 ul li:nth-of-type(2n) {width:100%;background:url(https://dm9dyppzex8zo.cloudfront.net/busanweb/cleareye/skin/step_arrow2.png) no-repeat center center;height:100px} #sub_container .sub43_div2 ul li:first-child {width:100%;margin-right:0} #sub_container .sub43_div2 ul li:last-child {width:100%;margin-left:0;margin-top:5px} #sub_container .sub11 .sub11_con h1 {font-size:35px;font-weight:700;color:#ed6107} #sub_container .sub11 .sub11_con h2 {font-size:22px;font-weight:600;color:#000;line-height:1.44;padding-top:10px} #sub_container .sub11 .sub11_img {margin-top:20px} #sub_container .sub11 .sub11_con .sub_con_txt {padding-top:10px} #sub_container .gap80 {clear:both;height:40px} #sub_container .kakao {background:#fdd903;padding:40px 0 30px;text-align:center} #sub_container .kakao > img {width:110px} #sub_container .kakao h1 {font-size:26px;font-weight:400;color:#543019;line-height:1.25;padding-top:10px} #sub_container .kakao h1 p {font-weight:600} #sub_container .kakao h3 {font-size:16px;font-weight:400;color:#543019;padding-top:10px} #sub_container .kakao_channer {text-align:center} #sub_container .kakao_channer h2 {font-size:22px;font-weight:600;color:#363636;padding:40px 0 30px} #sub_container .kakao_channer .step {max-width:100%;margin:0 auto} #sub_container .kakao_channer .step li {margin-bottom:20px} #sub_container .kakao_channer .step li .sub_con_txt {padding-top:10px} #sub_container .sub_big_title {font-size:26px;} #sub_container .lh18 {line-height:1.6} #sub_container .sub12_1_content {background:#f4f0e7;padding:35px 0;margin-top:30px} #sub_container .sub12_1_content ul.con1 li:first-child img{border:5px solid #543019} #sub_container .sub12_1_content ul.con1 li:first-child {width:100%;text-align:center} #sub_container .sub12_1_content ul.con1 li:last-child {position:relative;height:auto;width:100%;padding-left:0} #sub_container .sub12_1_content ul.con1 li:last-child div {position:relative;top:0;transform:none;font-size:18px;font-weight:700;color:#121212;line-height:1.5;padding-top:20px} #sub_container .sub12_1_content ul.con2 li {width:100%;text-align:center;margin-bottom:10px} #sub_container .sub12_1_content ul.con2 li:nth-of-type(2) {padding:0} #sub_container .line_white {margin:30px 0} #sub_container .sub_title30 .quot img {width:20px} #sub_container .sub_title30 {font-size:20px} #sub_container .sub_title30_2 {font-size:17px} #sub_container .report_img li {padding:10px 12px} #sub_container .report_img li img {width:180px} #sub_container .sub12_1_6 .sub_img {padding:0 10%;} #sub_container .sub12_1_6 .sub_img img {width:180px} #sub_container .sub_div5 li {background:#fff;width:32.4%;margin-right:1.4%;margin-bottom:10px} #sub_container .sub_div5 li:nth-of-type(3n) {margin-right:0} #sub_container .sub_div5 li:nth-of-type(4) {margin-right:1.4%} #sub_container .sub12_1_4 .coop li {width:100%;padding:0} #sub_container .sub_title18 {font-size:16px} #sub_container .sub_title22 {font-size:20px} #sub_container .sub12_1_9 .fpaper li:first-child {background:#000;width:94%;padding:20px 3%;margin:0 auto} #sub_container .sub12_1_9 .fpaper li:last-child {width:100%;padding-left:0;margin-top:20px} #sub_container .sub12_1_12 .tbl_sub_detail_type2 th {font-size:16px;padding:10px;} #sub_container .sub12_1_12 .tbl_sub_detail_type2 td {font-size:16px;padding:10px;} #sub_container .sub14_content dl.product_list > dd {margin:15px 0 0} #sub_container .sub14_content div.product_set div.product_set_item {margin-bottom: 10px;} #sub_container .sub14_content div.product_set div.product_set_item div.product_list {flex-direction: column;} #sub_container .sub14_content div.product_set div.product_set_item div.product_list div.product_list_item {margin-bottom: 40px;} #sub_container .sub12_1_9 .strong700 {font-weight:500} #sub_container .sub_title18 {font-size:15px} #sub_container .sub_title22 {font-size:18px} #sub_container .sub12_1_9 .sub_title22 {line-height:1.3} #sub_container .lh18 {line-height:1.5} #wrap .popup_paper {position:absolute;top:-70px} #sub_container .sub12_1_5 .img img {width:280px} #sub_container .sub12_1_2 .swiper-slide {height:380px} } @media all and (max-width : 720px){ #sub_container .sub13 .reserve .content h2 {font-size:21px;font-weight:500;color:#fff} #sub_container .sub13 .reserve .content h1 {font-size:44px;font-weight:600;color:#fff;line-height:1.2;padding-top:14px} #sub_container .sub13 .reserve .content .buttons {padding-top:28px} #sub_container .sub_step ul.step_three li {width:46%;padding:0 2%;margin-bottom:20px} #sub_container .report_img li {width:calc((100% - 15px * 3) / 3);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box} #sub_container .report_img li img {width:180px} #sub_container .sub12_1_10 .sub_div5_type2 li {width:49.3%;margin-right:1.4%;margin-bottom:10px} #sub_container .sub12_1_10 .sub_div5_type2 li:nth-of-type(3n) {margin-right:1.4%} #sub_container .sub12_1_10 .sub_div5_type2 li:nth-of-type(2n) {margin-right:0} } @media all and (max-width : 640px){ .pc640 {display:none} .mobile640 {display:block} .space40 {height:20px} /* #header .main_rolling .mroll .swiper-slide {background-size:cover !important} */ #header .sub_top_bg h1 {font-size:30px} #header .sub_top_bg h4 {font-size:15px;padding-top:5px} #header .sub_top_bg .wr1400 {height:200px} #container .mcontent1 li {padding:20px 20px} #container .mcontent1 li .mtitle {font-size:20px;font-weight:500} /* #container .mcontent3 {padding-top:560px} */ #container .mcontent3 img {width:160px} #container .mcontent3 h1 {font-size:28px;font-weight:600} #container .mcontent3 h2 {font-size:24px;font-weight:600} #container .mcontent3 h3 {font-size:20px;font-weight:600;word-break:keep-all} #container .mcontent3 h4 {font-size:14px;font-weight:400;padding-bottom:5px} #container .mcontent2 .mbnr1 .txt_wrap h1 {font-size:30px} #container .mcontent4 {padding-top:40px;padding-bottom:40px} #container .mcontent4 h1 {font-size:26px} #container .mcontent4 h4 {font-size:15px;padding-bottom:20px} #container .mcontent5 .wr1400 {height:240px} #container .mcontent5 .content h1 {font-size:20px} #container .mcontent6 {padding:20px 0} #container .mcontent6 ol > li .tel {font-size:24px} #container .mcontent6 ol > li .content {line-height:1.8} #container .mcontent6 ol > li .mtitle {font-size:20px;font-weight:500} #sub_container .sub_con_txt {font-size:15px;line-height:1.6} #sub_container .sub_h1_title {font-size:20px;line-height:1.5} #sub_container .sub_h3_title {font-size:14px;padding-top:15px} #sub_container .sub_content_img {padding:20px 0} #sub_container .bottom_rolling .btitle {font-size:22px} #sub_container .bottom_rolling .sub_bot_next, #sub_container .bottom_rolling .sub_bot_prev {display:none} #sub_container .bottom_rolling .bot_paging {display:none} #sub_container .bottom_rolling .wr1400 .txt_area {width:90%;padding:0 5%} #sub_container .sub_position_m > ul a {height:50px;line-height:50px} #sub_container .sub_position_m > ul > li ol li a {line-height:49px;height:49px} #sub_container .sub_position_m > ul a {font-size:15px} #sub_container .sub_content {padding:40px 0 0} #sub_container .sub_content .sub_title {font-size:24px} #sub_container .sub_content .sub_title::after {width:50px;margin:20px auto 35px} #sub_container .sub_position_m > ul > li:nth-of-type(1) {display:none} #sub_container .sub_position_m > ul > li:nth-of-type(2) {width:45%;border-right:1px solid #ddd;text-align:left;} #sub_container .sub_position_m > ul > li:nth-of-type(2) > a {padding-left:10px} #sub_container .sub_position_m > ul > li:nth-of-type(3) {width:55%;text-align:left;} #sub_container .sub_position_m > ul > li:nth-of-type(3) > a {padding-left:10px} #sub_container .bottom_rolling .wr1400 {height:480px} .space30 {height:10px} .space50 {height:15px} .space60 {height:20px} #sub_container .tab_detail_content .con_left .profile_title {padding:20px 0} #sub_container .tab_detail_content .con_left .profile_title h1 {font-size:18px;font-weight:500;color:#000;padding:7px 0} #sub_container .tab_detail_content .con_left .profile_title .name {font-size:24px;font-weight:600;color:#000;} #sub_container .tab_detail_content .con_left .profile_title .name span {font-size:15px;color:#000;} #sub_container .tab_detail_content .con_left2 .profile_title {padding:20px 0} #sub_container .tab_detail_content .con_left2 .profile_title h1 {font-size:18px;font-weight:500;color:#000;padding:7px 0} #sub_container .tab_detail_content .con_left2 .profile_title .name {font-size:24px;font-weight:600;color:#000;} #sub_container .tab_detail_content .con_left2 .profile_title .name span {font-size:15px;color:#000;} #sub_container .sub11 .sub11_con h1 {font-size:30px} #sub_container .sub11 .sub11_con h2 {font-size:20px} #sub_container .sub12_content_detail .profile {padding:30px 0} #sub_container .sub12_content_detail .profile1 li {width:100% !important} #sub_container .sub12_content_detail .profile1 li {font-size:16px} #sub_container .sub12_1_content .sub12_img {position: relative; width: 100%; margin: 1% auto 4% auto; text-align: center;} /* 수정 */ #sub_container dl.sub_detail_dot_list dt {font-size:15px} #sub_container dl.sub_detail_dot_list dd {font-size:15px;} #sub_container .tab_detail_content2 .books ul li {width:50%;text-align:center;padding:30px 0} #sub_container .tab_detail_content2 h1 {font-size:16px;font-weight:400;color:363636;padding-top:10px} #sub_container .tab_detail_content2 h3 {font-size:14px;font-weight:400;color:363636;padding-top:0} #sub_container .tbl_sub_detail td,#sub_container .tbl_sub_detail2 td {font-size:15px} #sub_container .detail_tab ul li {display:block;padding:0} #sub_container .detail_tab ul li a {width:auto;height:40px;line-height:40px;border-radius: 0} #sub_container .sub_h1_title26 {font-size:18px} #sub_container .product_detail li.right {margin:30px 0} #sub_container .sub14_content .stitle {font-size:20px} #sub_container .sub_content_title {font-size:20px;padding:30px 0 10px} #sub_container .sub_stitle {font-size:14px} #sub_container .sub13 .reserve .content h1 {font-size:35px;padding-top:10px} #sub_container .sub13 .reserve .content h4 {padding-top:15px} #sub_container .sub13 .reserve .content .buttons {padding-top:25px} #sub_container .sub13 .reserve .content .buttons li {width:48%;padding:0 1%;margin-bottom:10px} #sub_container .sub13 .reserve .content .buttons li a {display:block;line-height:45px;font-size:16px} #sub_container table.tbl_basic th {font-size:15px;padding:10px;line-height:1.5} #sub_container table.tbl_basic td {font-size:15px;padding:10px;line-height:1.5} #sub_container table.tbl_basic_rline_none td {padding:15px 10px} #sub_container .sub14_content .title2 {font-size:30px} #sub_container .sub14_content .title {font-size:18px} #sub_container .sub14_content .sub14_con_txt {font-size:16px;color:#363636;line-height:1.8;padding-top:15px} #sub_container .sub14_content .detail_con {font-size:15px;color:#363636;padding:15px 0} #sub_container .sub14_content .detail_con .green {font-size:16px} #sub_container dl.dot_num_list > dt span {display:inline-block;width:20px;height:20px;background:#363636;font-size:13px;color:#fff;text-align:center;line-height:20px;border-radius:50%} #sub_container dl.dot_num_list > dd {float:right;width:calc(100% - 25px);margin-left:5px;text-align:left;font-size:15px;padding:5px 0;line-height:1.6} #sub_container dl.dot_num_list > dt {line-height:1.6;padding:5px 0} #sub_container .sub14_detail_tab li a, #sub_container .sub14_detail_tab2 li a {display:block;font-size:16px;padding:10px 0 0} #sub_container .sub14_detail_tab li a::after, #sub_container .sub14_detail_tab2 li a::after {font-size:16px;padding:0 10px} #sub_container .sub14_content dl.product_list {padding:10px 0} #sub_container .sub15_content .swiper-slide {height:292px} #sub_container .sub15_content .gallery-thumbs {display:none} #sub_container .sub55_2 ul li {background:#e8e8e8;width:100%;padding:40px 0;text-align:center} #sub_container .sub55_2 ul li:first-child div{margin:0 auto;padding-bottom:20px} #sub_container .sub55_2 ul li:last-child div {margin:0 auto;padding-top:20px} #sub_container .sub55_2 ul li > div {max-width:276px;text-align:center} #sub_container .sub55_2 .circle {width:80px;height:80px;border-radius:50%;font-size:18px;font-weight:600;color:#fff;line-height:80px;text-align:center} #sub_container .lasik_cource ul li:nth-of-type(2n+1) {width:calc( (100% - 35px * 2 ) / 2);text-align:center} #sub_container .sub44_step ul li:nth-of-type(2n+1) {width:calc( (100% - 35px * 2 ) / 2);text-align:center} #footer .bottom .bot_link li {width:33.3%;padding:0;text-align:center} #sub_container .kakao_channer .step li {margin-bottom:20px} #sub_container .kakao_channer .step li:nth-of-type(2n+1) {width:33.3%} #sub_container .kakao_channer .step li:nth-of-type(2n) {display:none} #sub_container .kakao_channer .step li .sub_con_txt {padding-top:10px} #sub_container .strong900 {font-weight:600} #sub_container .report_img li {width:calc((100% - 15px) / 2);margin-bottom:10px} #sub_container .report_img li:nth-of-type(2n) {margin-right:0} #sub_container .sub_div5 li {background:#fff;width:49.3%;margin-right:1.4%} #sub_container .sub_div5 li:nth-of-type(3n) {margin-right:1.4%} #sub_container .sub_div5 li:nth-of-type(4n) {margin-right:1.4%} #sub_container .sub_div5 li:nth-of-type(2n) {margin-right:0} #sub_container .sub12_1_8 .div4 li {width:100%;text-align:center;padding:0} #sub_container .sub12_1_9 .report_img_free li:first-child {width:100%;margin-right:0;margin-bottom:10px;text-align:center;padding:15px} #sub_container .sub12_1_9 .report_img_free li:last-child {width:100%;text-align:center;padding:15px} #sub_container .sub_content_title26 {font-size:19px;padding:25px 0 10px} #sub_container .strong700 {font-weight:600} #sub_container .sub_title22, #sub_container .sub_h3_title22 {font-size:18px} #sub_container .sub_h3_title20 {font-size:16px} #sub_container .sub_title18 {font-size:14px} #sub_container .sub_title30 {font-size:18px;line-height:1.4} #sub_container .sub_title30_2 {font-size:16px;line-height:1.4} #sub_container .sub_title30 .quot {padding-bottom:5px} #sub_container .sub12_1_2 .swiper-slide {height:320px} #sub_container .sub12_1_content {padding:20px 0;margin-top:20px} #sub_container .sub12_1_content ul.con1 li:last-child div {font-size:16px;font-weight:600;line-height:1.4} #sub_container .line_white {margin:20px 0} #sub_container .tbl_sub_detail td, #sub_container .tbl_sub_detail2 td {padding:0} #sub_container .sub_img {padding:10px 0} #sub_container .sub12_1_10 .sub_div5_type2 li {height:65px} #sub_container .sub_title22 {font-size:16px} #sub_container .sub12_1_12 .tbl_sub_detail_type2 td {font-size:15px} #sub_container .sub12_content_detail .profile {padding:20px 0} #sub_container dl.sub_detail_dot_list dd {line-height:1.6} #sub_container .sub14_content {margin-top:10px} #sub_container .sub14_content .sub14_con_txt {font-size:15px;padding-top:5px;} #sub_container .sub14_content .title2 {font-size:28px} #sub_container .sub16 .address {font-size:18px;font-weight:600;} #sub_container .sub16 .addr_position {font-size:16px} #sub_container .sub16 table.tbl_basic .title {font-size:18px} #sub_container .sub16 table.tbl_basic td {line-height:1.8} #sub_container .kakao {padding:30px 0 30px} #sub_container .kakao > img {width:90px} #sub_container .kakao h1 {font-size:22px} #sub_container .kakao h3 {font-size:15px;font-weight:400;color:#543019;padding-top:10px} #sub_container .kakao img {width:100px} #sub_container .kakao_channer h2 {font-size:18px;font-weight:500;color:#363636;padding:20px 0 20px} #sub_container .sub31 .btitle {padding-top:5px} #sub_container .sub43_step_div3 ul li .sub_con_txt {padding-top:10px} #sub_container .operation {margin:15px 0 10px} #sub_container table.tbl_basic_rline_none colgroup col:nth-of-type(1) {width:22%} #sub_container table.tbl_basic_rline_none td:first-child {font-size:16px} } @media all and (max-width : 480px){ .in_pc480{display:none} .pc480 {display:none} .mobile480 {display:block} /* #header .main_rolling .m_txt {font-size:22px ;top:32%;letter-spacing:0} */ #header .top_quick_link_m.mobile840 ul li a span {display:none} #header .sub_top_bg h1 {font-size:24px} #header .top > .wr1400 > .logo {position:relative;left:auto;width:220px;margin:0 auto;transform:none} /* #container .mcontent3 {padding-top:580px} */ #container .mcontent3 img {width:130px} #container .mcontent3 h1 {font-size:22px;font-weight:600} #container .mcontent3 h2 {font-size:18px;font-weight:600} #container .mcontent3 h3 {font-size:16px;font-weight:600;word-break:keep-all} #container .mcontent3 h4 {font-size:13px;font-weight:400;padding-bottom:5px} #container .mcontent2 .mbnr1 .txt_wrap {top:15%} #container .mcontent2 .mbnr1 .txt_wrap h1 {font-size:26px} #container .mcontent4 .after .hashtag {display:none} #container .mcontent6 ol > li .space10 {height:0} #container .mcontent6 ol > li .left, #container .mcontent6 ol > li .right {padding-top:10px;float:none;width:100%} #container .mcontent10 .no1200 {display: none} #container .mcontent10 .vs1200 {display: block} #sub_container .detail_tab2 ul li a {font-size:16px} #sub_container .detail_tab2 ul li::after {padding:0 8px;font-size:16px;} #sub_container .tab_detail_content2 .books ul li {width:100%;text-align:center;padding:20px 0 10px} #sub_container .tbl_sub_detail td,#sub_container .tbl_sub_detail2 td {display:block;line-height:1.6} #sub_container .tbl_sub_detail td:nth-of-type(3n), #sub_container .tbl_sub_detail2 td:nth-of-type(2n) {padding:0 0 10px 10px;} #sub_container .sub16 .sub16_btn a {width:100%} #sub_container .sub16 .sub16_btn a.naver {margin-bottom:10px} #sub_container .sub16 .sub16_btn img {width:130px} #sub_container .sub16 table.tbl_basic .sub16_list2 dt, #sub_container .sub16 table.tbl_basic .sub16_list2 dd, #sub_container .sub16 table.tbl_basic .sub16_list3 dt, #sub_container .sub16 table.tbl_basic .sub16_list3 dd {float:none;width:auto} #sub_container .sub54_1 ul li {width:80%;padding:20px 10% 10px} #sub_container .sub_step ul li > div .txt {font-size:16px} #sub_container .sub_step ul.step_five li {margin-bottom:10px} #sub_container .sub_step ul.step_five li > div .txt {font-size:15px} #sub_container .sub12_1_2 .swiper-slide {height:240px} #sub_container .sub12_1_10 .sub_div5_type2 li {width:100%;margin-right:0;margin-bottom:5px} #sub_container .sub12_1_10 .sub_div5_type2 li:nth-of-type(3n) {margin-right:0} #sub_container .sub12_1_10 .sub_div5_type2 li:nth-of-type(2n) {margin-right:0} .space40 {height:10px} #footer .bottom .bot_link li a {font-size:13px} @keyframes main_txt { 0% { font-size:15px;opacity: 0; } 80% { font-size:5.5vw;opacity: 0.9; } 100% { font-size:5vw;opacity: 1; } } @-webkit-keyframes main_txt { 0% { font-size:15px;opacity: 0; } 80% { font-size:5.5vw;opacity: 0.9; } 100% { font-size:5vw;opacity: 1; } } @-moz-keyframes main_txt { 0% { font-size:15px;opacity: 0; } 80% { font-size:5.5vw;opacity: 0.9; } 100% { font-size:5vw;opacity: 1; } } @-o-keyframes main_txt { 0% { font-size:15px;opacity: 0; } 80% { font-size:5.5vw;opacity: 0.9; } 100% { font-size:5vw;opacity: 1; } } } @media all and (max-width : 440px){ #sub_container .lasik_cource ul li, #sub_container .sub44_step ul li {margin-bottom:0} #sub_container .lasik_cource ul li:nth-of-type(2n), #sub_container .sub44_step ul li:nth-of-type(2n) {width:100%;text-align:center;margin-bottom:10px;background:url(https://dm9dyppzex8zo.cloudfront.net/busanweb/cleareye/skin/step_arrow2.png) no-repeat center center;height:70px} #sub_container .lasik_cource ul li:last-child, #sub_container .sub44_step ul li:last-child {margin-bottom:20px} #sub_container .lasik_cource ul li:nth-of-type(2n+1), #sub_container .sub44_step ul li:nth-of-type(2n+1) {width:100%;text-align:center;} #sub_container .lasik_cource ul li .sub_con_txt, #sub_container .sub44_step ul li .sub_con_txt {padding-top:5px} #sub_container .lasek_cource ul li:nth-of-type(2n) {height:60px} } .panel { /*font-family:'notokr','Nanum';*/ transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; position: fixed; z-index: 9999; top: 0; height: 100%; width: 320px; background-color: #543019 ; } .panel .moff {display:none} .panel .ninja-btn { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: inline-block; float: left; cursor: pointer; padding: 30.285714px 31px; position: absolute; z-index: 2; top: -25px; width: 25px; height: auto; } .panel .ninja-btn span, .panel .ninja-btn span:before, .panel .ninja-btn span:after { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; width: 0px; height: 2px; background-color: #fff; } .panel .ninja-btn span { position: relative; display: inline-block; float: left; margin-top: 9.09090909px; } .panel .ninja-btn span:before, .panel .ninja-btn span:after { content: ""; position: absolute; left: 0; } .panel .ninja-btn span:before { top: -9.09090909px; } .panel .ninja-btn span:after { top: 9.09090909px; } /*메뉴 클릭후, 메뉴 버튼을 활성화 시켰을때 속성*/ .panel .ninja-btn.active span { background-color: transparent; } .panel .ninja-btn.active span:before, .panel .ninja-btn.active span:after { top: 0; } .panel .ninja-btn.active span:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); } .panel .ninja-btn.active span:after { -webkit-transition-delay: 0.09s; -moz-transition-delay: 0.09s; -o-transition-delay: 0.09s; -msa-transition-delay: 0.09s; transition-delay: 0.09s; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); } /* 안보이는 패널위치고정 */ .panel-overlay,.panel-overlay2 { position: fixed; top: 0; z-index: 99998; width: 100%; height: 100%; display: none; background-color: rgba(0, 0, 0, 0.6); cursor: pointer; } .panel.left { left: -800px; } /*패널 버튼 부분 위치*/ .panel.left .ninja-btn { left: 770px;top:0; } /* 패널이 활성화 되었을때 */ .panel.left.active { left: 0; overflow: scroll; overflow-x:hidden; overflow-y:auto; z-index:9999999; } .panel.left.active .ninja-btn { left: 100%; /* margin-left: -70px;*/ } .mmenu ul { width:100%; margin:0; list-style:none; } .mmenu ul > li{ display:block; border-bottom:1px solid #6c4228; } .mmenu ul > li > a.tmenu{ height:45px; line-height:45px; display:block; text-decoration:none; color:#fff; background:#543019 url("https://d29r35tpoeazq0.cloudfront.net/busanweb/cleareye/skin/icon_toggle_plus.gif") no-repeat 95% center; font-size:16px; font-weight:500; padding-left:35px; letter-spacing:-1 } .mmenu .login_area {height:130px;background:#fff;text-align:center;font-size:15px} .tlogo {padding:25px 0 10px;text-align:center} .mmenu .login_area .btn_login {display:inline-block;width:100px;height:20px;line-height:20px;color:#121212;border-right:1px solid #aaa;font-size:16px;font-weight:500} .mmenu .login_area .btn_login:last-child {border-right:none} .mmenu .sub_list {background:#fcf9f3;padding:10px 0} .mmenu .sub_list a {display:block;line-height:30px;height:30px;padding-left:40px;font-size:15px;color:black} .mmenu p.sub_list {display: block;} .root_daum_roughmap {width:100% !important;border-radius:5px} .root_daum_roughmap .wrap_controllers {display:none !important}